@progress/telerik-jquery-report-viewer 25.25.211 → 26.25.521

package/dist/cjs/parameters.js

@@ -5,35 +5,36 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var utils = require('./utils.js');
 var stringResources = require('./stringResources.js');
 var enums = require('./enums.js');
+var RCV = require('@progress/telerik-common-report-viewer');
 
 var parameterEditorsMatch = {
   // AvailableValues PROVIDED, MultiValue is TRUE and trv.parameters.editors.multiSelect is unset
-  MultiSelect: function(parameter, editorsType) {
+  MultiSelect: (parameter, editorsType) => {
     return Boolean(parameter.availableValues) && parameter.multivalue && (!editorsType || !editorsType.multiSelect || editorsType.multiSelect !== enums.ParameterEditorTypes.COMBO_BOX);
   },
   // AvailableValues PROVIDED, MultiValue is TRUE and trv.parameters.editors.multiSelect is set to COMBO_BOX
-  MultiSelectCombo: function(parameter, editorsType) {
+  MultiSelectCombo: (parameter, editorsType) => {
     return Boolean(parameter.availableValues) && parameter.multivalue && (editorsType && editorsType.multiSelect && editorsType.multiSelect === enums.ParameterEditorTypes.COMBO_BOX);
   },
   // AvailableValues PROVIDED, MultiValue is FALSE and trv.parameters.editors.singleSelect is unset
-  SingleSelect: function(parameter, editorsType) {
+  SingleSelect: (parameter, editorsType) => {
     return Boolean(parameter.availableValues) && !parameter.multivalue && (!editorsType || !editorsType.singleSelect || editorsType.singleSelect !== enums.ParameterEditorTypes.COMBO_BOX);
   },
   // AvailableValues PROVIDED, MultiValue is FALSE and trv.parameters.editors.singleSelect is set to COMBO_BOX
-  SingleSelectCombo: function(parameter, editorsType) {
+  SingleSelectCombo: (parameter, editorsType) => {
     return Boolean(parameter.availableValues) && !parameter.multivalue && (editorsType && editorsType.singleSelect && editorsType.singleSelect === enums.ParameterEditorTypes.COMBO_BOX);
   },
   // AvailableValues NOT PROVIDED and MultiValue is TRUE
-  MultiValue: function(parameter) {
+  MultiValue: (parameter) => {
     return Boolean(parameter.multivalue);
   },
-  DateTime: function(parameter) {
+  DateTime: (parameter) => {
     return parameter.type === enums.ParameterTypes.DATETIME;
   },
-  String: function(parameter) {
+  String: (parameter) => {
     return parameter.type === enums.ParameterTypes.STRING;
   },
-  Number: function(parameter) {
+  Number: (parameter) => {
     switch (parameter.type) {
       case enums.ParameterTypes.INTEGER:
       case enums.ParameterTypes.FLOAT:
@@ -42,20 +43,20 @@ var parameterEditorsMatch = {
         return false;
     }
   },
-  Boolean: function(parameter) {
+  Boolean: (parameter) => {
     return parameter.type === enums.ParameterTypes.BOOLEAN;
   },
-  Default: function(parameter) {
+  Default: (parameter) => {
     return true;
   }
 };
 var multivalueUtils = function() {
   var lineSeparator = "\n";
   return {
-    formatValue: function(value) {
+    formatValue: (value) => {
       var text = "";
       if (value) {
-        [].concat(value).forEach(function(val) {
+        [].concat(value).forEach((val) => {
           if (text.length > 0) {
             text += lineSeparator;
           }
@@ -64,7 +65,7 @@ var multivalueUtils = function() {
       }
       return text;
     },
-    parseValues: function(text) {
+    parseValues: (text) => {
       return ("" + text).split(lineSeparator);
     }
   };
@@ -89,7 +90,7 @@ function integerInputBehavior(input) {
   }
   attach(input);
   return {
-    dispose: function() {
+    dispose: () => {
       detach(input);
     }
   };
@@ -114,7 +115,7 @@ function floatInputBehavior(input) {
   }
   attach(input);
   return {
-    dispose: function() {
+    dispose: () => {
       detach(input);
     }
   };
@@ -142,11 +143,11 @@ var containerTabIndex;
 var editorsIndex = 0;
 function setEditorTabIndex(editor) {
   if (!containerTabIndex) {
-    var $container = $("div.trv-parameters-area-content");
+    var $container = $(".trv-parameters-area-content");
     if ($container.length > 0) {
       var tabIndexAttr = $container.attr("tabIndex");
       if (tabIndexAttr) {
-        containerTabIndex = utils.tryParseInt(tabIndexAttr);
+        containerTabIndex = RCV.tryParseInt(tabIndexAttr);
       }
     }
     if (!containerTabIndex || isNaN(containerTabIndex)) {
@@ -196,7 +197,7 @@ function navigatableEnabledForList(enableAccessibility) {
 var ParameterEditors = [
   {
     match: parameterEditorsMatch.MultiSelect,
-    createEditor: function(placeholder, options) {
+    createEditor: (placeholder, options) => {
       var $placeholder = $(placeholder);
       var enabled = true;
       $placeholder.html(options.templates["trv-parameter-editor-available-values-multiselect"]);
@@ -208,22 +209,33 @@ var ParameterEditors = [
       var updateTimeout;
       var valueChangeCallback = options.parameterChanged;
       var initialized;
-      $selectAll.text(stringResources.stringResources[$selectAll.text()]);
-      $selectAll.click(function(e) {
-        e.preventDefault();
-        if (!enabled)
-          return;
-        setSelectedItems(parameter.availableValues.map(function(av) {
-          return av.value;
-        }));
-      });
-      $selectNone.text(stringResources.stringResources[$selectNone.text()]);
-      $selectNone.click(function(e) {
-        e.preventDefault();
-        if (!enabled)
-          return;
-        setSelectedItems([]);
-      });
+      if ($selectAll.length > 0) {
+        $selectAll.text(stringResources.stringResources[$selectAll.text()]);
+        $selectAll = new kendo.ui.Button($selectAll, {
+          size: "small",
+          click: (e) => {
+            e.preventDefault();
+            if (!enabled) {
+              return;
+            }
+            setSelectedItems(parameter.availableValues.map((av) => {
+              return av.value;
+            }));
+          }
+        });
+      }
+      if ($selectNone.length > 0) {
+        $selectNone.text(stringResources.stringResources[$selectNone.text()]);
+        $selectNone = new kendo.ui.Button($selectNone, {
+          size: "small",
+          click: (e) => {
+            e.preventDefault();
+            if (!enabled)
+              return;
+            setSelectedItems([]);
+          }
+        });
+      }
       function onSelectionChanged(selection) {
         if (initialized) {
           applyAriaSelected(selection);
@@ -240,20 +252,17 @@ var ParameterEditors = [
       }
       function notifyParameterChanged(selection) {
         var availableValues = parameter.availableValues;
-        var values = $.map(selection, function(item) {
+        var values = $.map(selection, (item) => {
           return availableValues[$(item).index()].value;
         });
         clearPendingChange();
         var immediateUpdate = !parameter.autoRefresh && !parameter.childParameters;
-        updateTimeout = window.setTimeout(
-          function() {
-            if (!utils.areEqualArrays(parameter.value, values)) {
-              valueChangeCallback(parameter, values);
-            }
-            updateTimeout = null;
-          },
-          immediateUpdate ? 0 : 1e3
-        );
+        updateTimeout = window.setTimeout(() => {
+          if (!utils.areEqualArrays(parameter.value, values)) {
+            valueChangeCallback(parameter, values);
+          }
+          updateTimeout = null;
+        }, immediateUpdate ? 0 : 1e3);
       }
       function clearPendingChange() {
         if (updateTimeout) {
@@ -293,8 +302,8 @@ var ParameterEditors = [
           event.preventDefault();
         }
       }
-      function init() {
-        setEditorTabIndex($list);
+      function init($list2) {
+        setEditorTabIndex($list2);
         setSelectedItems(parameter.value);
         listView.element.off().on("touch click", ".trv-listviewitem", onItemClick);
         listView.element.on("keydown", onKeydown);
@@ -321,7 +330,7 @@ var ParameterEditors = [
           $.each(items, (j, v) => {
             var availableValue = av.value;
             if (v instanceof Date) {
-              availableValue = utils.parseToLocalDate(av.value);
+              availableValue = RCV.parseToLocalDate(av.value);
             }
             selected = utils.areEqual(v, availableValue);
             return !selected;
@@ -330,7 +339,7 @@ var ParameterEditors = [
         });
       }
       return {
-        beginEdit: function(param) {
+        beginEdit: (param) => {
           clear();
           parameter = param;
           try {
@@ -345,14 +354,14 @@ var ParameterEditors = [
             console.error("Instantiation of Kendo ListView as MultiSelect parameter editor threw an exception", e);
             throw e;
           }
-          init();
+          init($list);
         },
-        enable: function(enable) {
+        enable: (enable) => {
           enabled = enable;
           enableItem($list, enabled);
         },
         clearPendingChange,
-        addAccessibility: function(param) {
+        addAccessibility: (param) => {
           var info = utils.stringFormat(stringResources.stringResources.ariaLabelParameterInfo, [param.availableValues.length]);
           addAccessibilityAttributes($list, stringResources.stringResources.ariaLabelMultiSelect, param.text, info, param.Error);
           $list.attr("aria-multiselectable", "true");
@@ -361,10 +370,10 @@ var ParameterEditors = [
             $(item).attr("aria-label", item.innerText);
           });
         },
-        setAccessibilityErrorState: function(param) {
+        setAccessibilityErrorState: (param) => {
           setAccessibilityErrorAttributes($list, param.Error);
         },
-        destroy: function() {
+        destroy: () => {
           listView.destroy();
         }
       };
@@ -372,7 +381,7 @@ var ParameterEditors = [
   },
   {
     match: parameterEditorsMatch.MultiSelectCombo,
-    createEditor: function(placeholder, options) {
+    createEditor: (placeholder, options) => {
       var $placeholder = $(placeholder);
       var enabled = true;
       var selector = ".trv-combo";
@@ -387,27 +396,34 @@ var ParameterEditors = [
       var parameter;
       $placeholder.html(options.templates[template]);
       $editorDom = $placeholder.find(selector);
-      $selectNone = $placeholder.find(".trv-select-none");
-      if ($selectNone) {
-        $selectNone.text(stringResources.stringResources[$selectNone.text()]);
-        $selectNone.click(function(e) {
-          e.preventDefault();
-          editor.value([]);
-          editor.trigger("change");
-        });
-      }
       $selectAll = $placeholder.find(".trv-select-all");
-      if ($selectAll) {
+      if ($selectAll.length > 0) {
         $selectAll.text(stringResources.stringResources[$selectAll.text()]);
-        $selectAll.click(function(e) {
-          e.preventDefault();
-          if (!enabled)
-            return;
-          var values = $.map(parameter.availableValues, function(dataItem) {
-            return dataItem.value;
-          });
-          editor.value(values);
-          editor.trigger("change");
+        $selectAll = new kendo.ui.Button($selectAll, {
+          size: "small",
+          click: (e) => {
+            e.preventDefault();
+            if (!enabled) {
+              return;
+            }
+            var values = $.map(parameter.availableValues, (dataItem) => {
+              return dataItem.value;
+            });
+            editor.value(values);
+            editor.trigger("change");
+          }
+        });
+      }
+      $selectNone = $placeholder.find(".trv-select-none");
+      if ($selectNone.length > 0) {
+        $selectNone.text(stringResources.stringResources[$selectNone.text()]);
+        $selectNone = new kendo.ui.Button($selectNone, {
+          size: "small",
+          click: (e) => {
+            e.preventDefault();
+            editor.value([]);
+            editor.trigger("change");
+          }
         });
       }
       function onSelectionChanged(selection) {
@@ -416,15 +432,12 @@ var ParameterEditors = [
       function notifyParameterChanged(values) {
         clearPendingChange();
         var immediateUpdate = !parameter.autoRefresh && !parameter.childParameters;
-        updateTimeout = window.setTimeout(
-          function() {
-            if (!utils.areEqualArrays(parameter.value, values)) {
-              valueChangeCallback(parameter, values);
-            }
-            updateTimeout = null;
-          },
-          immediateUpdate ? 0 : 1e3
-        );
+        updateTimeout = window.setTimeout(() => {
+          if (!utils.areEqualArrays(parameter.value, values)) {
+            valueChangeCallback(parameter, values);
+          }
+          updateTimeout = null;
+        }, immediateUpdate ? 0 : 1e3);
       }
       function clearPendingChange() {
         if (updateTimeout) {
@@ -439,8 +452,8 @@ var ParameterEditors = [
           onSelectionChanged(getSelectedItems());
         }
       }
-      function init() {
-        setEditorTabIndex($editorDom);
+      function init($editorDom2) {
+        setEditorTabIndex($editorDom2);
         editor.bind("change", onChange);
       }
       function reset() {
@@ -449,7 +462,7 @@ var ParameterEditors = [
         }
       }
       return {
-        beginEdit: function(param) {
+        beginEdit: (param) => {
           reset();
           parameter = param;
           try {
@@ -461,10 +474,10 @@ var ParameterEditors = [
               value: parameter.value,
               filter: "contains",
               autoClose: false,
-              open: function() {
+              open: () => {
                 popUpIsClosed = false;
               },
-              close: function(e) {
+              close: (e) => {
                 popUpIsClosed = true;
                 onChange();
               },
@@ -475,14 +488,14 @@ var ParameterEditors = [
             console.error("Instantiation of Kendo MultiSelect as MultiSelectCombo parameter editor threw an exception", e);
             throw e;
           }
-          init();
+          init($editorDom);
         },
-        enable: function(enable) {
+        enable: (enable) => {
           enabled = enable;
           editor.enable(enable);
         },
         clearPendingChange,
-        addAccessibility: function(param) {
+        addAccessibility: (param) => {
           var $accessibilityDom = editor.input;
           var info = utils.stringFormat(stringResources.stringResources.ariaLabelParameterInfo, [param.availableValues.length]);
           addAccessibilityAttributes($accessibilityDom, stringResources.stringResources.ariaLabelMultiSelect, param.text, info, param.Error);
@@ -491,10 +504,10 @@ var ParameterEditors = [
             $(item).attr("aria-label", item.innerText);
           });
         },
-        setAccessibilityErrorState: function(param) {
+        setAccessibilityErrorState: (param) => {
           setAccessibilityErrorAttributes($editorDom, param.Error);
         },
-        destroy: function() {
+        destroy: () => {
           editor.destroy();
         }
       };
@@ -502,7 +515,7 @@ var ParameterEditors = [
   },
   {
     match: parameterEditorsMatch.SingleSelect,
-    createEditor: function(placeholder, options) {
+    createEditor: (placeholder, options) => {
       var $placeholder = $(placeholder);
       var enabled = true;
       $placeholder.html(options.templates["trv-parameter-editor-available-values"]);
@@ -511,12 +524,15 @@ var ParameterEditors = [
       var listView;
       var parameter;
       var valueChangeCallback = options.parameterChanged;
-      if ($selectNone) {
+      if ($selectNone.length > 0) {
         $selectNone.text(stringResources.stringResources[$selectNone.text()]);
-        $selectNone.click(function(e) {
-          e.preventDefault();
-          listView.clearSelection();
-          listView.trigger("change");
+        $selectNone = new kendo.ui.Button($selectNone, {
+          size: "small",
+          click: (e) => {
+            e.preventDefault();
+            listView.clearSelection();
+            listView.trigger("change");
+          }
         });
       }
       function onSelectionChanged(selection) {
@@ -524,7 +540,7 @@ var ParameterEditors = [
       }
       function notifyParameterChanged(selection) {
         var availableValues = parameter.availableValues;
-        var values = $.map(selection, function(item) {
+        var values = $.map(selection, (item) => {
           return availableValues[$(item).index()].value;
         });
         if (Array.isArray(values)) {
@@ -538,8 +554,8 @@ var ParameterEditors = [
       function onChange() {
         onSelectionChanged(getSelectedItems());
       }
-      function init() {
-        setEditorTabIndex($list);
+      function init($list2) {
+        setEditorTabIndex($list2);
         setSelectedItems(parameter.value);
         listView.bind("change", onChange);
       }
@@ -553,7 +569,7 @@ var ParameterEditors = [
         $.each(parameter.availableValues, (i, av) => {
           var availableValue = av.value;
           if (value instanceof Date) {
-            availableValue = utils.parseToLocalDate(av.value);
+            availableValue = RCV.parseToLocalDate(av.value);
           }
           if (utils.areEqual(value, availableValue)) {
             listView.select(items[i]);
@@ -563,7 +579,7 @@ var ParameterEditors = [
         });
       }
       return {
-        beginEdit: function(param) {
+        beginEdit: (param) => {
           reset();
           parameter = param;
           try {
@@ -577,9 +593,9 @@ var ParameterEditors = [
             console.error("Instantiation of Kendo ListView as SingleSelect parameter editor threw an exception", e);
             throw e;
           }
-          init();
+          init($list);
         },
-        enable: function(enable) {
+        enable: (enable) => {
           enabled = enable;
           enableItem($list, enabled);
           if (enabled) {
@@ -590,7 +606,7 @@ var ParameterEditors = [
             $list.removeClass("k-selectable");
           }
         },
-        addAccessibility: function(param) {
+        addAccessibility: (param) => {
           var info = utils.stringFormat(stringResources.stringResources.ariaLabelParameterInfo, [param.availableValues.length]);
           addAccessibilityAttributes($list, stringResources.stringResources.ariaLabelSingleValue, param.text, info, param.Error);
           var items = $list.find(".trv-listviewitem");
@@ -598,10 +614,10 @@ var ParameterEditors = [
             $(item).attr("aria-label", item.innerText);
           });
         },
-        setAccessibilityErrorState: function(param) {
+        setAccessibilityErrorState: (param) => {
           setAccessibilityErrorAttributes($list, param.Error);
         },
-        destroy: function() {
+        destroy: () => {
           listView.destroy();
         }
       };
@@ -609,7 +625,7 @@ var ParameterEditors = [
   },
   {
     match: parameterEditorsMatch.SingleSelectCombo,
-    createEditor: function(placeholder, options) {
+    createEditor: (placeholder, options) => {
       var $placeholder = $(placeholder);
       var selector = ".trv-combo";
       var template = "trv-parameter-editor-available-values-combo";
@@ -621,12 +637,15 @@ var ParameterEditors = [
       $placeholder.html(options.templates[template]);
       $editorDom = $placeholder.find(selector);
       $selectNone = $placeholder.find(".trv-select-none");
-      if ($selectNone) {
+      if ($selectNone.length > 0) {
         $selectNone.text(stringResources.stringResources[$selectNone.text()]);
-        $selectNone.click(function(e) {
-          e.preventDefault();
-          editor.value("");
-          editor.trigger("change");
+        $selectNone = new kendo.ui.Button($selectNone, {
+          size: "small",
+          click: (e) => {
+            e.preventDefault();
+            editor.value("");
+            editor.trigger("change");
+          }
         });
       }
       function onSelectionChanged(selection, value) {
@@ -644,11 +663,11 @@ var ParameterEditors = [
       function getSelectedItems() {
         return editor.select();
       }
-      function onChange(e) {
-        onSelectionChanged(getSelectedItems(), this.value());
+      function onChange(event) {
+        onSelectionChanged(getSelectedItems(), event.sender.value());
       }
-      function init() {
-        setEditorTabIndex($editorDom);
+      function init($editorDom2) {
+        setEditorTabIndex($editorDom2);
         editor.bind("change", onChange);
       }
       function reset() {
@@ -657,7 +676,7 @@ var ParameterEditors = [
         }
       }
       return {
-        beginEdit: function(param) {
+        beginEdit: (param) => {
           reset();
           parameter = param;
           try {
@@ -675,12 +694,12 @@ var ParameterEditors = [
             console.error("Instantiation of Kendo ComboBox as SingleSelectCombo parameter editor threw an exception", e);
             throw e;
           }
-          init();
+          init($editorDom);
         },
-        enable: function(enable) {
+        enable: (enable) => {
           editor.enable(enable);
         },
-        addAccessibility: function(param) {
+        addAccessibility: (param) => {
           var $accessibilityDom = editor.input;
           var info = utils.stringFormat(stringResources.stringResources.ariaLabelParameterInfo, [param.availableValues.length]);
           addAccessibilityAttributes($accessibilityDom, stringResources.stringResources.ariaLabelSingleValue, param.text, info, param.Error);
@@ -689,10 +708,10 @@ var ParameterEditors = [
             $(item).attr("aria-label", item.innerText);
           });
         },
-        setAccessibilityErrorState: function(param) {
+        setAccessibilityErrorState: (param) => {
           setAccessibilityErrorAttributes($editorDom, param.Error);
         },
-        destroy: function() {
+        destroy: () => {
           editor.destroy();
         }
       };
@@ -700,13 +719,13 @@ var ParameterEditors = [
   },
   {
     match: parameterEditorsMatch.MultiValue,
-    createEditor: function(placeholder, options) {
+    createEditor: (placeholder, options) => {
       var $placeholder = $(placeholder);
       var parameter;
       $placeholder.html(options.templates["trv-parameter-editor-multivalue"]);
-      var $textArea = $placeholder.find("textarea").on("change", function() {
+      var $textArea = $placeholder.find("textarea").on("change", (event) => {
         if (options.parameterChanged) {
-          options.parameterChanged(parameter, multivalueUtils.parseValues(this.value));
+          options.parameterChanged(parameter, multivalueUtils.parseValues(event.currentTarget.value));
         }
       });
       function setValue(value) {
@@ -714,19 +733,19 @@ var ParameterEditors = [
         $textArea.val(multivalueUtils.formatValue(value));
       }
       return {
-        beginEdit: function(param) {
+        beginEdit: (param) => {
           parameter = param;
           setValue(param.value);
           setEditorTabIndex($textArea);
         },
-        enable: function(enable) {
+        enable: (enable) => {
           enableItem($textArea, enable);
           $textArea.prop("disabled", !enable);
         },
-        addAccessibility: function(param) {
+        addAccessibility: (param) => {
           addAccessibilityAttributes($textArea, stringResources.stringResources.ariaLabelMultiValue, param.text, null, param.Error);
         },
-        setAccessibilityErrorState: function(param) {
+        setAccessibilityErrorState: (param) => {
           setAccessibilityErrorAttributes($textArea, param.Error);
         }
       };
@@ -734,16 +753,16 @@ var ParameterEditors = [
   },
   {
     match: parameterEditorsMatch.DateTime,
-    createEditor: function(placeholder, options) {
+    createEditor: (placeholder, options) => {
       var $placeholder = $(placeholder);
       var parameter;
       $placeholder.html(options.templates["trv-parameter-editor-datetime"]);
       try {
         var $dateTimePicker = $placeholder.find("input[type=datetime]").kendoDatePicker({
-          change: function() {
+          change: (event) => {
             var handler = options.parameterChanged;
             if (handler) {
-              var dtv = this.value();
+              var dtv = event.sender.value();
               if (null !== dtv) {
                 dtv = utils.adjustTimezone(dtv);
               }
@@ -769,23 +788,23 @@ var ParameterEditors = [
         dateTimePicker.value(dt);
       }
       return {
-        beginEdit: function(param) {
+        beginEdit: (param) => {
           parameter = param;
           setValue(param.value);
           setEditorTabIndex($dateTimePicker);
         },
-        enable: function(enable) {
+        enable: (enable) => {
           dateTimePicker.enable(enable);
           enableItem($dateTimePicker, enable);
         },
-        addAccessibility: function(param) {
+        addAccessibility: (param) => {
           addAccessibilityAttributes($dateTimePicker, stringResources.stringResources.ariaLabelParameterDateTime, param.text, null, param.Error);
           $dateTimePicker.attr("aria-live", "assertive");
         },
-        setAccessibilityErrorState: function(param) {
+        setAccessibilityErrorState: (param) => {
           setAccessibilityErrorAttributes($dateTimePicker, param.Error);
         },
-        destroy: function() {
+        destroy: () => {
           dateTimePicker.destroy();
         }
       };
@@ -793,11 +812,11 @@ var ParameterEditors = [
   },
   {
     match: parameterEditorsMatch.String,
-    createEditor: function(placeholder, options) {
+    createEditor: (placeholder, options) => {
       var $placeholder = $(placeholder);
       var parameter;
       $placeholder.html(options.templates["trv-parameter-editor-text"]);
-      var $input = $placeholder.find('input[type="text"]').change(function() {
+      var $input = $placeholder.find('input[type="text"]').change(() => {
         if (options.parameterChanged) {
           options.parameterChanged(parameter, $input.val());
         }
@@ -807,20 +826,20 @@ var ParameterEditors = [
         $input.val(value);
       }
       return {
-        beginEdit: function(param) {
+        beginEdit: (param) => {
           parameter = param;
           setValue(param.value);
           setEditorTabIndex($input);
         },
-        enable: function(enabled) {
+        enable: (enabled) => {
           $input.prop("disabled", !enabled);
           enableItem($input, enabled);
         },
-        addAccessibility: function(param) {
+        addAccessibility: (param) => {
           addAccessibilityAttributes($input, stringResources.stringResources.ariaLabelParameterString, param.text, null, param.Error);
           $input.attr("aria-live", "assertive");
         },
-        setAccessibilityErrorState: function(param) {
+        setAccessibilityErrorState: (param) => {
           setAccessibilityErrorAttributes($input, param.Error);
         }
       };
@@ -828,18 +847,18 @@ var ParameterEditors = [
   },
   {
     match: parameterEditorsMatch.Number,
-    createEditor: function(placeholder, options) {
+    createEditor: (placeholder, options) => {
       var $placeholder = $(placeholder);
       var parameter;
       var inputBehavior;
       $placeholder.html(options.templates["trv-parameter-editor-number"]);
-      var $input = $placeholder.find("input[type=number]").on("change", function() {
+      var $input = $placeholder.find("input[type=number]").on("change", () => {
         if (options.parameterChanged) {
           options.parameterChanged(parameter, $input.val());
         }
       });
       return {
-        beginEdit: function(param) {
+        beginEdit: (param) => {
           if (inputBehavior) {
             inputBehavior.dispose();
           }
@@ -852,15 +871,15 @@ var ParameterEditors = [
           }
           setEditorTabIndex($input);
         },
-        enable: function(enable) {
+        enable: (enable) => {
           $input.prop("disabled", !enable);
           enableItem($input, enable);
         },
-        addAccessibility: function(param) {
+        addAccessibility: (param) => {
           addAccessibilityAttributes($input, stringResources.stringResources.ariaLabelParameterNumerical, param.text, null, param.Error);
           $input.attr("aria-live", "assertive");
         },
-        setAccessibilityErrorState: function(param) {
+        setAccessibilityErrorState: (param) => {
           setAccessibilityErrorAttributes($input, param.Error);
         }
       };
@@ -868,13 +887,13 @@ var ParameterEditors = [
   },
   {
     match: parameterEditorsMatch.Boolean,
-    createEditor: function(placeholder, options) {
+    createEditor: (placeholder, options) => {
       var $placeholder = $(placeholder);
       var parameter;
       $placeholder.html(options.templates["trv-parameter-editor-boolean"]);
-      var $input = $placeholder.find("input[type=checkbox]").on("change", function() {
+      var $input = $placeholder.find("input[type=checkbox]").on("change", (event) => {
         if (options.parameterChanged) {
-          options.parameterChanged(parameter, this.checked);
+          options.parameterChanged(parameter, event.currentTarget.checked);
         }
       });
       function setValue(value) {
@@ -882,20 +901,20 @@ var ParameterEditors = [
         $input[0].checked = value === true;
       }
       return {
-        beginEdit: function(param) {
+        beginEdit: (param) => {
           parameter = param;
           setValue(param.value);
           setEditorTabIndex($input);
         },
-        enable: function(enable) {
+        enable: (enable) => {
           enableItem($input, enable);
           $input.attr("disabled", !enable);
         },
-        addAccessibility: function(param) {
+        addAccessibility: (param) => {
           addAccessibilityAttributes($input, stringResources.stringResources.ariaLabelParameterBoolean, param.text, null, param.Error);
           $input.attr("aria-live", "assertive");
         },
-        setAccessibilityErrorState: function(param) {
+        setAccessibilityErrorState: (param) => {
           setAccessibilityErrorAttributes($input, param.Error);
         }
       };
@@ -903,14 +922,14 @@ var ParameterEditors = [
   },
   {
     match: parameterEditorsMatch.Default,
-    createEditor: function(placeholder, options) {
+    createEditor: (placeholder, options) => {
       var $placeholder = $(placeholder);
       $placeholder.html('<div class="trv-parameter-editor-generic"></div>');
       return {
-        beginEdit: function(parameter) {
+        beginEdit: (parameter) => {
           $placeholder.find(".trv-parameter-editor-generic").text(parameter.Error ? "(error)" : parameter.value);
         },
-        enable: function(enable) {
+        enable: (enable) => {
         }
       };
     }