@progress/telerik-jquery-report-viewer 22.24.514 → 22.24.709

package/dist/js/telerikReportViewer.js

@@ -1,5 +1,5 @@
 /*
-* TelerikReporting v18.1.24.514 (https://www.telerik.com/products/reporting.aspx)
+* TelerikReporting v18.1.24.709 (https://www.telerik.com/products/reporting.aspx)
 * Copyright 2024 Progress Software EAD. All rights reserved.
 *
 * Telerik Reporting commercial licenses may be obtained at
@@ -179,13 +179,11 @@ var telerikReportViewer = (function (exports) {
       if (array1 === null) {
         if (array2 !== null) {
           return false;
-        } else {
-          return true;
-        }
-      } else {
-        if (array2 === null) {
-          return false;
         }
+        return true;
+      }
+      if (array2 === null) {
+        return false;
       }
       if (array1.length !== array2.length) {
         return false;
@@ -311,7 +309,7 @@ var telerikReportViewer = (function (exports) {
     function isArray(obj) {
       if (Array.isArray(obj))
         return true;
-      var length = !!obj && "length" in obj && obj.length;
+      var length = Boolean(obj) && "length" in obj && obj.length;
       if (typeof length === "number") {
         return true;
       }
@@ -331,12 +329,11 @@ var telerikReportViewer = (function (exports) {
     function loadScript(url) {
       var ajaxOptions = {
         dataType: "script",
-        cache: true,
-        url
+        cache: true
       };
-      return $ajax(ajaxOptions);
+      return $ajax(url, ajaxOptions);
     }
-    function filterUniqueLastOccurance(array) {
+    function filterUniqueLastOccurrence(array) {
       function onlyLastUnique(value, index, self) {
         return self.lastIndexOf(value) === index;
       }
@@ -395,9 +392,9 @@ var telerikReportViewer = (function (exports) {
       var alpha = colorComponents.length === 4 ? parseFloat((parseFloat(colorComponents[3].replace(/[()]/g, "")) / 255).toFixed(2)) : 1;
       return alpha;
     }
-    function $ajax(ajaxSettings) {
+    function $ajax(url, ajaxSettings) {
       return new Promise(function(resolve, reject) {
-        $.ajax(ajaxSettings).done(function(data) {
+        $.ajax(url, ajaxSettings).done(function(data) {
           return resolve(data);
         }).fail(function(xhr, status, error) {
           reject(toXhrErrorData(xhr, status, error));
@@ -490,7 +487,7 @@ var telerikReportViewer = (function (exports) {
         isArray: isArray,
         loadScriptWithCallback: loadScriptWithCallback,
         loadScript: loadScript,
-        filterUniqueLastOccurance: filterUniqueLastOccurance,
+        filterUniqueLastOccurrence: filterUniqueLastOccurrence,
         logError: logError,
         findElement: findElement,
         toRgbColor: toRgbColor,
@@ -551,7 +548,7 @@ var telerikReportViewer = (function (exports) {
 
     var _a;
     var sr$1 = {
-      //warning and error string resources
+      // warning and error string resources
       controllerNotInitialized: "Controller is not initialized.",
       noReportInstance: "No report instance.",
       missingTemplate: "!obsolete resource!",
@@ -584,7 +581,7 @@ var telerikReportViewer = (function (exports) {
       promisesChainStopError: "Error shown. Throwing promises chain stop error.",
       renderingCanceled: "Report processing was canceled.",
       tryReportPreview: "The report may now be previewed.",
-      //viewer template string resources
+      // viewer template string resources
       parameterEditorSelectNone: "clear selection",
       parameterEditorSelectAll: "select all",
       parametersAreaPreviewButton: "Preview",
@@ -628,7 +625,7 @@ var telerikReportViewer = (function (exports) {
       sendEmailFormatLabel: "Format:",
       sendEmailSendLabel: "Send",
       sendEmailCancelLabel: "Cancel",
-      //accessibility string resources
+      // accessibility string resources
       ariaLabelPageNumberSelector: "Page number selector. Showing page {0} of {1}.",
       ariaLabelPageNumberEditor: "Page number editor",
       ariaLabelExpandable: "Expandable",
@@ -688,7 +685,7 @@ var telerikReportViewer = (function (exports) {
       ariaLabelSendEmailFormat: "Report format:",
       ariaLabelSendEmailSend: "Send email",
       ariaLabelSendEmailCancel: "Cancel sending email",
-      //search dialog resources
+      // search dialog resources
       searchDialogTitle: "Search in report contents",
       searchDialogSearchInProgress: "searching...",
       searchDialogNoResultsLabel: "No results",
@@ -723,16 +720,15 @@ var telerikReportViewer = (function (exports) {
       var areas;
       var lastArea;
       var keyMap = {
-        //keys for navigating on areas. Used in conjunction with CTRL+ALT to avoid duplicating default shortcuts behavior.
         CONFIRM_KEY: 13,
+        // C
         CONTENT_AREA_KEY: 67,
-        //C
+        // D
         DOCUMENT_MAP_AREA_KEY: 68,
-        //D
+        // M
         MENU_AREA_KEY: 77,
-        //M
+        // P
         PARAMETERS_AREA_KEY: 80
-        //P
       };
       options = $.extend({}, defaultOptions$7, options);
       controller = options.controller;
@@ -766,8 +762,7 @@ var telerikReportViewer = (function (exports) {
         }
       }
       function focusOnErrorMessage() {
-        var selectorChain = ["div.trv-pages-area", "div.trv-error-message"];
-        var $errMsg = findElement(selectorChain);
+        var $errMsg = $("div.trv-pages-area div.trv-error-message");
         if ($errMsg.length === 0) {
           return;
         }
@@ -783,24 +778,16 @@ var telerikReportViewer = (function (exports) {
         setContentAreaKeyDown(area);
       }
       function setPageSelector() {
-        var $pagers = $(".trv-report-pager");
-        if ($pagers.length > 0) {
-          var pageNumber = controller.getCurrentPageNumber();
-          var pageCount = controller.getPageCount();
-          each($pagers, function() {
-            var $pager = $(this);
-            $pager.attr("aria-label", stringFormat(stringResources.ariaLabelPageNumberSelector, [pageNumber, pageCount]));
-            var $pageInputs = $pager.find("input[data-role=telerik_ReportViewer_PageNumberInput]");
-            if ($pageInputs.length > 0) {
-              each($pageInputs, function() {
-                var $this = $(this);
-                $this.attr("aria-label", stringResources.ariaLabelPageNumberEditor);
-                $this.attr("min", "1");
-                $this.attr("max", "" + pageCount);
-              });
-            }
+        var pagers = document.querySelectorAll(".trv-report-pager");
+        var pageNumber = this._controller.getCurrentPageNumber();
+        var pageCount = this._controller.getPageCount();
+        pagers.forEach((pager) => {
+          pager.setAttribute("aria-label", stringFormat(stringResources.ariaLabelPageNumberSelector, [pageNumber, pageCount]));
+          var pageInputs = pager.querySelectorAll("input[data-role=telerik_ReportViewer_PageNumberInput]");
+          pageInputs.forEach((input) => {
+            input.setAttribute("aria-label", stringResources.ariaLabelPageNumberEditor);
           });
-        }
+        });
       }
       function initAreas() {
         areas = {};
@@ -814,16 +801,16 @@ var telerikReportViewer = (function (exports) {
         }
       }
       function findContentArea() {
-        return findElement(["div[data-role=telerik_ReportViewer_PagesArea]"]);
+        return $("div[data-role=telerik_ReportViewer_PagesArea]");
       }
       function findDocumentMapArea() {
-        return findElement(["div[data-role=telerik_ReportViewer_DocumentMapArea]", "div[data-role=treeview]"]);
+        return $("div[data-role=telerik_ReportViewer_DocumentMapArea] div[data-role=treeview]");
       }
       function findMenuArea() {
-        return findElement("ul[data-role=telerik_ReportViewer_MainMenu]");
+        return $("ul[data-role=telerik_ReportViewer_MainMenu]");
       }
       function findParametersArea() {
-        return findElement(["div[data-role=telerik_ReportViewer_ParametersArea]", "div.trv-parameters-area-content"]);
+        return $("div[data-role=telerik_ReportViewer_ParametersArea] div.trv-parameters-area-content");
       }
       function processKeyDown(event) {
         if (!areas) {
@@ -856,8 +843,8 @@ var telerikReportViewer = (function (exports) {
         if (!IsAreaContainerVisible($paramsArea)) {
           return;
         }
-        each(parametersAreaContent.children(), function() {
-          $(this).keydown(function(event) {
+        Array.from(parametersAreaContent.children()).forEach((child) => {
+          $(child).on("keydown", (event) => {
             if (event.which == keyMap.CONFIRM_KEY) {
               var paramsButton = $paramsArea.find("button.trv-parameters-area-preview-button");
               paramsButton.focus();
@@ -877,11 +864,11 @@ var telerikReportViewer = (function (exports) {
         if (!actions.length > 0) {
           return;
         }
-        each(actions, function() {
-          var $action = $(this);
-          $action.keydown(function(event) {
+        Array.from(actions).forEach((action) => {
+          var $action = $(action);
+          $action.on("keydown", (event) => {
             if (event.which == keyMap.CONFIRM_KEY) {
-              $action.click();
+              $action.trigger("click");
             }
           });
         });
@@ -891,11 +878,11 @@ var telerikReportViewer = (function (exports) {
         if (!menuAreas) {
           return;
         }
-        each(menuAreas, function() {
-          var $menu = $(this);
+        Array.from(menuAreas).forEach((menu) => {
+          var $menu = $(menu);
           var menuItems = $menu.children("li.k-item");
-          each(menuItems, function() {
-            var $menuItem = $(this);
+          Array.from(menuItems).forEach((menuItem) => {
+            var $menuItem = $(menuItem);
             if (!$menuItem.hasClass("trv-report-pager")) {
               var ariaLabel = $menuItem.attr("aria-label");
               var expandableSr = stringFormat(". {0}", [stringResources.ariaLabelExpandable]);
@@ -930,56 +917,55 @@ var telerikReportViewer = (function (exports) {
       viewerInstances: []
     };
 
-    var Binder = {
-      bind: function($element) {
-        var args = Array.prototype.slice.call(arguments, 1);
-        attachCommands($element, args);
-        var result = $element.find('[data-role^="telerik_ReportViewer_"]');
-        each(result, function() {
-          var $this = $(this);
-          var f = $.fn[$this.attr("data-role")];
-          if (typeof f === "function") {
-            f.apply($this, args);
+    class Binder {
+      static bind($element, ...args) {
+        const commands = args[0].commands;
+        const viewerOptions = args[1];
+        Binder.attachCommands($element, commands, viewerOptions);
+        var plugins = $element.find('[data-role^="telerik_ReportViewer_"]');
+        Array.from(plugins).forEach((element) => {
+          var $element2 = $(element);
+          var fn = $.fn[$element2.attr("data-role")];
+          if (typeof fn === "function") {
+            fn.apply($element2, args);
           }
         });
       }
-    };
-    function attachCommands($element, args) {
-      var commands = args[0].commands;
-      var viewerOptions = args[1];
-      var elementSelector = '[data-command^="telerik_ReportViewer_"]';
-      var customElementSelector = "[data-target-report-viewer]" + elementSelector;
-      $element.on("click", elementSelector, commandHandler);
-      if (!GlobalSettings.CommandHandlerAttached) {
-        $(document.body).on("click", customElementSelector, customCommandHandler);
-        GlobalSettings.CommandHandlerAttached = true;
-      }
-      each(commands, function(key, command) {
-        attachCommand(key, command, viewerOptions, $element);
-      });
-      function commandHandler(e) {
-        var prefixedDataCommand = $(this).attr("data-command");
-        if (prefixedDataCommand) {
-          var dataCommand = prefixedDataCommand.substring("telerik_ReportViewer_".length);
-          var cmd = commands[dataCommand];
-          if (cmd && cmd.enabled()) {
-            cmd.exec($(this).attr("data-command-parameter"));
+      static attachCommands($element, commands, viewerOptions) {
+        var elementSelector = '[data-command^="telerik_ReportViewer_"]';
+        var customElementSelector = "[data-target-report-viewer]" + elementSelector;
+        $element.on("click", elementSelector, commandHandler);
+        if (!GlobalSettings.CommandHandlerAttached) {
+          $(document.body).on("click", customElementSelector, customCommandHandler);
+          GlobalSettings.CommandHandlerAttached = true;
+        }
+        Object.entries(commands).forEach(([key, command]) => {
+          attachCommand(key, command, viewerOptions, $element);
+        });
+        function commandHandler(event) {
+          var prefixedDataCommand = $(this).attr("data-command");
+          if (prefixedDataCommand) {
+            var dataCommand = prefixedDataCommand.substring("telerik_ReportViewer_".length);
+            var cmd = commands[dataCommand];
+            if (cmd && cmd.enabled()) {
+              cmd.exec($(this).attr("data-command-parameter"));
+            }
+            event.preventDefault();
           }
-          e.preventDefault();
         }
-      }
-      function customCommandHandler(e) {
-        var $this = $(this);
-        var prefixedDataCommand = $this.attr("data-command");
-        var reportViewerTarget = $this.attr("data-target-report-viewer");
-        if (prefixedDataCommand && reportViewerTarget) {
-          var dataCommand = prefixedDataCommand.substring("telerik_ReportViewer_".length);
-          var reportViewer = $(reportViewerTarget).data("telerik_ReportViewer");
-          var cmd = reportViewer.commands[dataCommand];
-          if (cmd.enabled()) {
-            cmd.exec($(this).attr("data-command-parameter"));
+        function customCommandHandler(event) {
+          var $this = $(this);
+          var prefixedDataCommand = $this.attr("data-command");
+          var reportViewerTarget = $this.attr("data-target-report-viewer");
+          if (prefixedDataCommand && reportViewerTarget) {
+            var dataCommand = prefixedDataCommand.substring("telerik_ReportViewer_".length);
+            var reportViewer = $(reportViewerTarget).data("telerik_ReportViewer");
+            var cmd = reportViewer.commands[dataCommand];
+            if (cmd.enabled()) {
+              cmd.exec($(this).attr("data-command-parameter"));
+            }
+            event.preventDefault();
           }
-          e.preventDefault();
         }
       }
     }
@@ -989,10 +975,10 @@ var telerikReportViewer = (function (exports) {
         var customElementSelector = '[data-target-report-viewer="' + viewerOptions.selector + '"]' + elementSelector;
         var $defaultElement = $element.find(elementSelector);
         var $customElement = $(customElementSelector);
-        $(cmd).on("enabledChanged", function(e) {
+        $(cmd).on("enabledChanged", function(event) {
           (cmd.enabled() ? $.fn.removeClass : $.fn.addClass).call($defaultElement.parent("li"), "k-disabled");
           (cmd.enabled() ? $.fn.removeClass : $.fn.addClass).call($customElement, viewerOptions.disabledButtonClass);
-        }).on("checkedChanged", function(e) {
+        }).on("checkedChanged", function(event) {
           var defaultTarget = $defaultElement.parent("li");
           (cmd.checked() ? $.fn.addClass : $.fn.removeClass).call(defaultTarget, getSelectedClassName(defaultTarget));
           (cmd.checked() ? $.fn.addClass : $.fn.removeClass).call($customElement, viewerOptions.checkedButtonClass);
@@ -1002,97 +988,6 @@ var telerikReportViewer = (function (exports) {
     function getSelectedClassName($element) {
       return $element.hasClass("trv-menu-toggleable") ? "k-selected !k-bg-primary" : "k-selected";
     }
-    function LinkButton(dom, options) {
-      var cmd;
-      var $element = $(dom);
-      var dataCommand = $element.attr("data-command");
-      if (dataCommand) {
-        cmd = options.commands[dataCommand];
-      }
-      if (cmd) {
-        $element.click(function(e) {
-          if (cmd.enabled()) {
-            cmd.exec($(this).attr("data-command-parameter"));
-          } else {
-            e.preventDefault();
-          }
-        });
-        $(cmd).on("enabledChanged", function(e) {
-          (cmd.enabled() ? $.fn.removeClass : $.fn.addClass).call($element, "disabled");
-        }).on("checkedChanged", function(e) {
-          (cmd.checked() ? $.fn.addClass : $.fn.removeClass).call($element, "checked");
-        });
-      }
-    }
-    var linkButton_pluginName = "telerik_ReportViewer_LinkButton";
-    $.fn[linkButton_pluginName] = function(options) {
-      return each(this, function() {
-        if (!$.data(this, linkButton_pluginName)) {
-          $.data(this, linkButton_pluginName, new LinkButton(this, options));
-        }
-      });
-    };
-    function PageNumberInput(dom, options) {
-      var $element = $(dom);
-      var oldValue = 0;
-      var cmd = options.commands["goToPage"];
-      function setPageNumber(value) {
-        if (oldValue !== value || !$element.is(":focus")) {
-          $element.val(value);
-          oldValue = value;
-        }
-      }
-      options.controller.pageNumberChange(function(e, value) {
-        setPageNumber(value);
-      });
-      $element.change(function() {
-        var val = $(this).val();
-        var num = tryParseInt(val);
-        if (!isNaN(num)) {
-          var result = cmd.exec(num);
-          setPageNumber(result);
-        }
-      });
-      $element.keydown(function(e) {
-        if (e.which == 13) {
-          $(this).change();
-          return e.preventDefault();
-        }
-      });
-      function validateValue(value) {
-        return /^([0-9]+)$/.test(value);
-      }
-      $element.keypress(function(event) {
-        if (isSpecialKey(event.keyCode)) {
-          return true;
-        }
-        var newValue = $element.val() + String.fromCharCode(event.charCode);
-        return validateValue(newValue);
-      }).on("paste", function(event) {
-      });
-    }
-    var pageNumberInput_pluginName = "telerik_ReportViewer_PageNumberInput";
-    $.fn[pageNumberInput_pluginName] = function(options) {
-      return each(this, function() {
-        if (!$.data(this, pageNumberInput_pluginName)) {
-          $.data(this, pageNumberInput_pluginName, new PageNumberInput(this, options));
-        }
-      });
-    };
-    function PageCountLabel(dom, options) {
-      var $element = $(dom);
-      options.controller.pageCountChange(function(e, value) {
-        $element.text(value);
-      });
-    }
-    var pageCountLabel_pluginName = "telerik_ReportViewer_PageCountLabel";
-    $.fn[pageCountLabel_pluginName] = function(options) {
-      return each(this, function() {
-        if (!$.data(this, pageCountLabel_pluginName)) {
-          $.data(this, pageCountLabel_pluginName, new PageCountLabel(this, options));
-        }
-      });
-    };
 
     const ViewModes = {
       INTERACTIVE: "INTERACTIVE",
@@ -1324,7 +1219,7 @@ var telerikReportViewer = (function (exports) {
       function getPdfPlugin() {
         var classIds = ["AcroPDF.PDF.1", "PDF.PdfCtrl.6", "PDF.PdfCtrl.5"];
         var plugin = null;
-        each(classIds, function(index, classId) {
+        $.each(classIds, function(index, classId) {
           try {
             plugin = new ActiveXObject(classId);
             if (plugin) {
@@ -1368,7 +1263,7 @@ var telerikReportViewer = (function (exports) {
       function hasPdfPlugin2() {
         var navPlugins = navigator.plugins;
         var found = false;
-        each(navPlugins, function(key, value) {
+        $.each(navPlugins, function(key, value) {
           if (navPlugins[key].name === defaultPlugin || navPlugins[key].name === "Adobe Acrobat") {
             found = true;
             return false;
@@ -1402,8 +1297,7 @@ var telerikReportViewer = (function (exports) {
           return ChromiumHelper("Chrome PDF Viewer");
         else if (userAgent.indexOf("safari") > -1)
           return ChromiumHelper("WebKit built-in PDF");
-        else
-          return OtherBrowserHelper();
+        return OtherBrowserHelper();
       }
       return null;
     }
@@ -1489,9 +1383,8 @@ var telerikReportViewer = (function (exports) {
           if (value == null || value.length == 0) {
             if (parameter.allowNull) {
               return value;
-            } else {
-              throw stringResources.invalidParameter;
             }
+            throw stringResources.invalidParameter;
           }
           return values;
         }
@@ -1502,10 +1395,8 @@ var telerikReportViewer = (function (exports) {
       }
       function checkAvailableValues(parameter, value, compareFunc) {
         if (parameter.availableValues) {
-          var found = false;
-          each(parameter.availableValues, function(i, av) {
-            found = compareFunc(value, av.value);
-            return !found;
+          var found = Array.from(parameter.availableValues).some(function(av) {
+            return compareFunc(value, av.value);
           });
           if (!found) {
             if (parameter.allowNull && !value) {
@@ -1612,7 +1503,7 @@ var telerikReportViewer = (function (exports) {
             parameter,
             value,
             function(value2) {
-              if (-1 != ["true", "false"].indexOf(("" + value2).toLowerCase())) {
+              if (-1 != ["true", "false"].indexOf(String(value2).toLowerCase())) {
                 return Boolean(value2);
               }
               if (isNull(parameter, value2)) {
@@ -1682,16 +1573,130 @@ var telerikReportViewer = (function (exports) {
       };
     }
 
-    function EventEmitter() {
-      var _emitter = $({});
-      return {
-        on: function(eventName, handler) {
-          _emitter.on(eventName, handler);
-        },
-        trigger: function(eventName, ...args) {
-          _emitter.trigger(eventName, ...args);
+    var __defProp$6 = Object.defineProperty;
+    var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+    var __publicField$5 = (obj, key, value) => {
+      __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
+      return value;
+    };
+    class EventEmitter extends EventTarget {
+      constructor() {
+        super();
+        __publicField$5(this, "_events");
+        __publicField$5(this, "_eventsCount");
+        this._events = {};
+        this._eventsCount = 0;
+      }
+      /**
+       * @param {string} type
+       * @param {(event: CustomEvent, ...args: any[]) => void} listener
+       * @returns
+       */
+      addListener(type, listener) {
+        if (typeof listener !== "function") {
+          throw new TypeError("listener must be a function");
         }
-      };
+        if (!this._events[type]) {
+          this._events[type] = [];
+        }
+        function wrappedListener(event) {
+          listener.call(this, event, ...event.detail);
+        }
+        wrappedListener.listener = listener;
+        this._events[type].push(wrappedListener);
+        this._eventsCount++;
+        this.addEventListener(type, wrappedListener.bind(this));
+        return this;
+      }
+      /**
+       * @alias addListener
+       * @param {string} type
+       * @param {(event: CustomEvent, ...args: any[]) => void} listener
+       * @returns
+       */
+      on(type, listener) {
+        return this.addListener(type, listener);
+      }
+      /**
+       * @param {string} type
+       * @param {any[]} args
+       * @returns
+       */
+      trigger(type, ...args) {
+        if (!this._events[type]) {
+          return void 0;
+        }
+        const event = new CustomEvent(type, {
+          detail: args,
+          cancelable: true
+        });
+        return this.dispatchEvent(event);
+      }
+      /**
+       * @alias trigger
+       * @param {string} type
+       * @param {any[]} args
+       * @returns
+       */
+      emit(type, ...args) {
+        return this.trigger(type, ...args);
+      }
+      /**
+       * @param {string} type
+       * @param {(event: CustomEvent, ...args: any[]) => void} listener
+       * @returns
+       */
+      removeListener(type, listener) {
+        if (!this._events[type]) {
+          return this;
+        }
+        this._events[type] = this._events[type].filter((wrappedListener) => {
+          if (wrappedListener.listener !== listener) {
+            return true;
+          }
+          this.removeEventListener(type, wrappedListener);
+          return false;
+        });
+        if (this._events[type].length === 0) {
+          delete this._events[type];
+          this._eventsCount--;
+        }
+        return this;
+      }
+      /**
+       * @param {string} type
+       * @returns
+       */
+      removeAllListeners(type) {
+        if (type === void 0) {
+          Object.keys(this._events).forEach((eventType) => {
+            this.removeAllListeners(eventType);
+          });
+          return this;
+        }
+        if (this._events[type]) {
+          this._events[type].forEach((wrappedListener) => {
+            this.removeEventListener(type, wrappedListener);
+          });
+          delete this._events[type];
+          this._eventsCount--;
+        }
+        return this;
+      }
+      /**
+       * @param {string} type
+       * @param {(event: CustomEvent, ...args: any[]) => void} listener
+       * @returns
+       */
+      off(type, listener) {
+        if (type === void 0) {
+          return this.removeAllListeners();
+        }
+        if (listener === void 0) {
+          return this.removeAllListeners(type);
+        }
+        return this.removeListener(type, listener);
+      }
     }
 
     var defaultOptions$6 = {
@@ -1722,7 +1727,7 @@ var telerikReportViewer = (function (exports) {
       var eventEmitter = new EventEmitter();
       var serviceClientSentinel;
       clearReportState();
-      options = extend({}, defaultOptions$6, options);
+      options = $.extend({}, defaultOptions$6, options);
       var settings = options.settings;
       if (typeof settings.getPrintMode === "function") {
         printMode = settings.getPrintMode();
@@ -1861,18 +1866,16 @@ var telerikReportViewer = (function (exports) {
           return client.getDocumentInfo(clientId2, instanceId, documentId).catch(handleRequestError).then(function(info) {
             if (info && info.documentReady) {
               return info;
-            } else {
-              info["promise"] = new Promise(function(resolve, reject) {
-                window.setTimeout(resolve, options2.documentInfoPollIntervalMs);
-              }).then(function() {
-                return getDocumentInfoRecursive(clientId2, instanceId, documentId, options2);
-              });
-              return info;
             }
+            info["promise"] = new Promise(function(resolve, reject) {
+              window.setTimeout(resolve, options2.documentInfoPollIntervalMs);
+            }).then(function() {
+              return getDocumentInfoRecursive(clientId2, instanceId, documentId, options2);
+            });
+            return info;
           });
-        } else {
-          return Promise.reject();
         }
+        return Promise.reject();
       }
       function ReportLoader(reportHost, useCache, baseDocumentId, actionId) {
         var loaderOptions = {};
@@ -2230,7 +2233,7 @@ var telerikReportViewer = (function (exports) {
         if (typeof args[0] === "function") {
           eventEmitter.on(event, args[0]);
         } else {
-          eventEmitter.trigger(event, args);
+          eventEmitter.trigger(event, ...args);
         }
         return controller;
       }
@@ -2259,11 +2262,10 @@ var telerikReportViewer = (function (exports) {
             var node = nodes[i];
             if (node.id === id) {
               return node.page;
-            } else {
-              var page = getPageForBookmark(node.items, id);
-              if (page) {
-                return page;
-              }
+            }
+            var page = getPageForBookmark(node.items, id);
+            if (page) {
+              return page;
             }
           }
         }
@@ -2440,7 +2442,7 @@ var telerikReportViewer = (function (exports) {
         MISSING_OR_INVALID_PARAMETERS: "missingOrInvalidParameters",
         RENDERING_STOPPED: "renderingStopped"
       };
-      extend(
+      $.extend(
         controller,
         {
           getPageData: function(pageNumber) {
@@ -2455,7 +2457,7 @@ var telerikReportViewer = (function (exports) {
             }
             return {
               report,
-              parameters: extend({}, parameterValues)
+              parameters: $.extend({}, parameterValues)
             };
           },
           setReportSource: function(rs) {
@@ -2471,7 +2473,7 @@ var telerikReportViewer = (function (exports) {
             return this;
           },
           updateSettings: function(settings2) {
-            options.settings = extend({}, settings2, options.settings);
+            options.settings = $.extend({}, settings2, options.settings);
           },
           clearReportSource: function() {
             report = parameterValues = null;
@@ -2613,13 +2615,13 @@ var telerikReportViewer = (function (exports) {
               var parameterValues2 = {};
               var invalidParameters = [];
               var hasError = false;
-              each(parameters || [], function() {
+              Array.from(parameters || []).forEach((parameter) => {
                 try {
-                  var value = parameterValidators.validate(this, this.value);
-                  parameterValues2[this.id] = value;
+                  var value = parameterValidators.validate(parameter, parameter.value);
+                  parameterValues2[parameter.id] = value;
                 } catch (e) {
                   hasError = true;
-                  invalidParameters.push(this);
+                  invalidParameters.push(parameter);
                   return;
                 }
               });
@@ -2696,8 +2698,8 @@ var telerikReportViewer = (function (exports) {
             eventEmitter.on(eventName, handler);
             return controller;
           },
-          trigger: function(eventName, args) {
-            eventEmitter.trigger(eventName, args);
+          trigger: function(eventName, ...args) {
+            eventEmitter.trigger(eventName, ...args);
             return controller;
           },
           showNotification: function(...args) {
@@ -3389,11 +3391,11 @@ var telerikReportViewer = (function (exports) {
       _loadVisiblePages: function _loadVisiblePages() {
         var that = this;
         var pages = that.$placeholder.find(".trv-report-page");
-        $.each(pages, function(index, value) {
+        Array.from(pages).forEach((value) => {
           var pageItem = $(value);
           var pageNumber = parseInt(pageItem.attr("data-page"));
           if (that._scrolledInToView(pageItem) && that._isSkeletonScreen(pageItem, pageNumber)) {
-            that.controller.getPageData(pageNumber).then(function(newPage) {
+            that.controller.getPageData(pageNumber).then((newPage) => {
               that._render(newPage, false);
             });
           }
@@ -3564,9 +3566,8 @@ var telerikReportViewer = (function (exports) {
           return that._findNewCurrentPage(pages.splice(middleIndex, Number.MAX_VALUE));
         } else if (result > 0 && pages.length > 1) {
           return that._findNewCurrentPage(pages.splice(0, middleIndex));
-        } else {
-          return -1;
         }
+        return -1;
       },
       _findPageInViewPort: function _findPageInViewPort(index, pages) {
         var pageItem = this.$placeholder.find(pages[index]);
@@ -3583,9 +3584,8 @@ var telerikReportViewer = (function (exports) {
         }
         if (pageBottom < additionalTopOffset) {
           return -1;
-        } else {
-          return 1;
         }
+        return 1;
       },
       _scrollDown: function _scrollDown(pages, scrollPosition) {
         var that = this;
@@ -3644,21 +3644,21 @@ var telerikReportViewer = (function (exports) {
     var UIFreezeCoordinator = {
       $placeholder: null,
       $scrollableContainer: null,
-      itemsInitialState: {},
       // Holds all items initial position per container
+      itemsInitialState: {},
+      // Holds the bounds of the frozen areas by X per container
       xFrozenAreasBounds: {},
-      //Holds the bounds of the frozen areas by X per container
+      // Holds the bounds of the frozen areas by Y per container
       yFrozenAreasBounds: {},
-      //Holds the bounds of the frozen areas by Y per container
       freezeMaxZIndex: {},
       zIndex: 1,
-      freezeBGColor: {},
       // Holds default background-color value per container
-      currentlyfreezedContainer: {
+      freezeBGColor: {},
+      // Holds whether freezing has been applied per container.
+      currentlyFrozenContainer: {
         vertical: {},
         horizontal: {}
       },
-      //Holds whether freezing has been applied per container.
       isInitialize: false,
       scaleFactor: null,
       /**
@@ -3786,28 +3786,28 @@ var telerikReportViewer = (function (exports) {
           var horizontalMoveOffset = scrollableContainerScrollLeft - elementWrapperLeftPosition;
           if (hasFixColumn && verticalMoveOffset > 0) {
             if (scrollableContainerScrollTop <= $elementWrapper.outerHeight() * this.scaleFactor + elementWrapperTopPosition - this.yFrozenAreasBounds[freezeItemsContainerID].height) {
-              this.currentlyfreezedContainer.vertical[freezeItemsContainerID] = true;
+              this.currentlyFrozenContainer.vertical[freezeItemsContainerID] = true;
               this._updateUIElementsPosition($colHeaders, "top", verticalMoveOffset / this.scaleFactor, freezeItemsContainerID);
             }
           } else {
-            if (this.currentlyfreezedContainer.vertical[freezeItemsContainerID]) {
-              delete this.currentlyfreezedContainer.vertical[freezeItemsContainerID];
+            if (this.currentlyFrozenContainer.vertical[freezeItemsContainerID]) {
+              delete this.currentlyFrozenContainer.vertical[freezeItemsContainerID];
               this._updateUIElementsPosition($colHeaders, "top", -1, freezeItemsContainerID);
             }
           }
           if (hasFixRow && horizontalMoveOffset > 0) {
             if (scrollableContainerScrollLeft <= $elementWrapper.outerWidth() * this.scaleFactor + elementWrapperLeftPosition - this.xFrozenAreasBounds[freezeItemsContainerID].width) {
-              this.currentlyfreezedContainer.horizontal[freezeItemsContainerID] = true;
+              this.currentlyFrozenContainer.horizontal[freezeItemsContainerID] = true;
               this._updateUIElementsPosition($rowHeaders, "left", horizontalMoveOffset / this.scaleFactor, freezeItemsContainerID);
             }
           } else {
-            if (this.currentlyfreezedContainer.horizontal[freezeItemsContainerID]) {
-              delete this.currentlyfreezedContainer.horizontal[freezeItemsContainerID];
+            if (this.currentlyFrozenContainer.horizontal[freezeItemsContainerID]) {
+              delete this.currentlyFrozenContainer.horizontal[freezeItemsContainerID];
               this._updateUIElementsPosition($rowHeaders, "left", -1, freezeItemsContainerID);
             }
           }
         } else {
-          if (this.currentlyfreezedContainer.horizontal[freezeItemsContainerID] || this.currentlyfreezedContainer.vertical[freezeItemsContainerID]) {
+          if (this.currentlyFrozenContainer.horizontal[freezeItemsContainerID] || this.currentlyFrozenContainer.vertical[freezeItemsContainerID]) {
             this._resetToDefaultPosition(freezeItemsContainerID);
           }
         }
@@ -3822,8 +3822,8 @@ var telerikReportViewer = (function (exports) {
         var $colHeaders = $("[data-sticky-direction*='Vertical'][data-sticky-id='" + freezeItemsContainerID + "']");
         this._updateUIElementsPosition($colHeaders, "top", -1, freezeItemsContainerID);
         this._updateUIElementsPosition($rowHeaders, "left", -1, freezeItemsContainerID);
-        delete this.currentlyfreezedContainer.horizontal[freezeItemsContainerID];
-        delete this.currentlyfreezedContainer.vertical[freezeItemsContainerID];
+        delete this.currentlyFrozenContainer.horizontal[freezeItemsContainerID];
+        delete this.currentlyFrozenContainer.vertical[freezeItemsContainerID];
       },
       /**
        * Update the freeze elements position
@@ -3866,6 +3866,7 @@ var telerikReportViewer = (function (exports) {
           $item.css(newStyleRules);
         }
       },
+      // eslint-disable-next-line max-params
       _applyBgColorOnScroll: function($item, isItemFrozenBothDirection, hasInitialBgColor, shouldApplyBGColor, freezeItemsContainerID) {
         if ($item.is("img")) {
           return true;
@@ -3884,7 +3885,7 @@ var telerikReportViewer = (function (exports) {
         return getColorAlphaValue(bgColorValue) > 0;
       },
       _isFrozen: function(freezeItemsContainerID) {
-        return this.currentlyfreezedContainer.horizontal[freezeItemsContainerID] || this.currentlyfreezedContainer.vertical[freezeItemsContainerID];
+        return this.currentlyFrozenContainer.horizontal[freezeItemsContainerID] || this.currentlyFrozenContainer.vertical[freezeItemsContainerID];
       },
       /**
        * Checks if an UI element is in the visible part of the scrollable container
@@ -3942,7 +3943,7 @@ var telerikReportViewer = (function (exports) {
       var reportPageIsLoaded = false;
       var pageAreaImageStyle = '.trv-page-container {background: #ffffff url("{0}") no-repeat center 50px}';
       var pageAreaImageID = "trv-initial-image-styles";
-      var scroll = extend({}, Scroll, {});
+      var scroll = $.extend({}, Scroll);
       var uiFreezeCoordinator = null;
       init();
       if (scroll) {
@@ -4028,7 +4029,7 @@ var telerikReportViewer = (function (exports) {
           enableInteractivity();
         }
         if (args.containsFrozenContent && !uiFreezeCoordinator) {
-          uiFreezeCoordinator = extend({}, UIFreezeCoordinator, {});
+          uiFreezeCoordinator = $.extend({}, UIFreezeCoordinator);
           if (controller.getViewMode() === ViewModes.INTERACTIVE) {
             uiFreezeCoordinator.init($placeholder);
           }
@@ -4168,19 +4169,13 @@ var telerikReportViewer = (function (exports) {
         var result;
         var allPages = $pageContainer.find(".trv-report-page");
         if (controller.getPageMode() === PageModes.SINGLE_PAGE) {
-          each(allPages, function(index, page) {
-            if (pageNo(page) === pageNumber) {
-              result = page;
-            }
-            return !result;
+          result = Array.from(allPages).find((page) => {
+            return pageNo(page) === pageNumber;
           });
         } else {
-          $.each(allPages, function(index, page) {
+          result = Array.from(allPages).find((page) => {
             var dataPageNumber = parseInt($(page).attr("data-page"));
-            if (dataPageNumber === pageNumber) {
-              result = page;
-              return false;
-            }
+            return dataPageNumber === pageNumber;
           });
         }
         return result;
@@ -4392,14 +4387,9 @@ var telerikReportViewer = (function (exports) {
       }
       function getAction(actionId) {
         if (actions) {
-          var action;
-          each(actions, function() {
-            if (this.Id === actionId) {
-              action = this;
-            }
-            return action === void 0;
+          return Array.from(actions).find(function(action) {
+            return action.Id === actionId;
           });
-          return action;
         }
         return null;
       }
@@ -4534,14 +4524,6 @@ var telerikReportViewer = (function (exports) {
         $("#" + pageAreaImageID).remove();
       }
     }
-    var pluginName$7 = "telerik_ReportViewer_PagesArea";
-    $.fn[pluginName$7] = function(options, otherOptions) {
-      return each(this, function() {
-        if (!$.data(this, pluginName$7)) {
-          $.data(this, pluginName$7, new PagesArea(this, options, otherOptions));
-        }
-      });
-    };
 
     var parameterEditorsMatch = {
       // AvailableValues PROVIDED, MultiValue is TRUE and trv.parameters.editors.multiSelect is unset
@@ -4769,8 +4751,8 @@ var telerikReportViewer = (function (exports) {
           }
           function applyAriaSelected(selection) {
             var children = $list.find(".trv-listviewitem");
-            each(children, function() {
-              var $item = $(this);
+            Array.from(children).forEach((item) => {
+              var $item = $(item);
               var isSelected = selection.filter($item).length > 0;
               $item.attr("aria-selected", isSelected);
             });
@@ -4853,9 +4835,9 @@ var telerikReportViewer = (function (exports) {
               items = [items];
             }
             var children = $list.find(".trv-listviewitem");
-            each(parameter.availableValues, function(i, av) {
+            $.each(parameter.availableValues, (i, av) => {
               var selected = false;
-              each(items, function(j, v) {
+              $.each(items, (j, v) => {
                 var availableValue = av.value;
                 if (v instanceof Date) {
                   availableValue = parseToLocalDate(av.value);
@@ -4894,8 +4876,8 @@ var telerikReportViewer = (function (exports) {
               addAccessibilityAttributes($list, stringResources.ariaLabelMultiSelect, param.text, info, param.Error);
               $list.attr("aria-multiselectable", "true");
               var items = $list.find(".trv-listviewitem");
-              each(items, function() {
-                $(this).attr("aria-label", this.innerText);
+              Array.from(items).forEach((item) => {
+                $(item).attr("aria-label", item.innerText);
               });
             },
             setAccessibilityErrorState: function(param) {
@@ -5024,8 +5006,8 @@ var telerikReportViewer = (function (exports) {
               var info = stringFormat(stringResources.ariaLabelParameterInfo, [param.availableValues.length]);
               addAccessibilityAttributes($accessibilityDom, stringResources.ariaLabelMultiSelect, param.text, info, param.Error);
               var items = editor.items();
-              each(items, function() {
-                $(this).attr("aria-label", this.innerText);
+              Array.from(items).forEach((item) => {
+                $(item).attr("aria-label", item.innerText);
               });
             },
             setAccessibilityErrorState: function(param) {
@@ -5087,7 +5069,7 @@ var telerikReportViewer = (function (exports) {
           }
           function setSelectedItems(value) {
             var items = $list.find(".trv-listviewitem");
-            each(parameter.availableValues, function(i, av) {
+            $.each(parameter.availableValues, (i, av) => {
               var availableValue = av.value;
               if (value instanceof Date) {
                 availableValue = parseToLocalDate(av.value);
@@ -5131,8 +5113,8 @@ var telerikReportViewer = (function (exports) {
               var info = stringFormat(stringResources.ariaLabelParameterInfo, [param.availableValues.length]);
               addAccessibilityAttributes($list, stringResources.ariaLabelSingleValue, param.text, info, param.Error);
               var items = $list.find(".trv-listviewitem");
-              each(items, function() {
-                $(this).attr("aria-label", this.innerText);
+              Array.from(items).forEach((item) => {
+                $(item).attr("aria-label", item.innerText);
               });
             },
             setAccessibilityErrorState: function(param) {
@@ -5222,8 +5204,8 @@ var telerikReportViewer = (function (exports) {
               var info = stringFormat(stringResources.ariaLabelParameterInfo, [param.availableValues.length]);
               addAccessibilityAttributes($accessibilityDom, stringResources.ariaLabelSingleValue, param.text, info, param.Error);
               var items = editor.items();
-              each(items, function() {
-                $(this).attr("aria-label", this.innerText);
+              Array.from(items).forEach((item) => {
+                $(item).attr("aria-label", item.innerText);
               });
             },
             setAccessibilityErrorState: function(param) {
@@ -5587,39 +5569,58 @@ var telerikReportViewer = (function (exports) {
       };
     }
 
+    var __defProp$5 = Object.defineProperty;
+    var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+    var __hasOwnProp = Object.prototype.hasOwnProperty;
+    var __propIsEnum = Object.prototype.propertyIsEnumerable;
+    var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+    var __spreadValues = (a, b) => {
+      for (var prop in b || (b = {}))
+        if (__hasOwnProp.call(b, prop))
+          __defNormalProp$5(a, prop, b[prop]);
+      if (__getOwnPropSymbols)
+        for (var prop of __getOwnPropSymbols(b)) {
+          if (__propIsEnum.call(b, prop))
+            __defNormalProp$5(a, prop, b[prop]);
+        }
+      return a;
+    };
     var JSON_CONTENT_TYPE = "application/json; charset=UTF-8";
     var URLENCODED_CONTENT_TYPE = "application/x-www-form-urlencoded; charset=UTF-8";
     var HTTP_GET = "GET";
     var HTTP_POST = "POST";
     var HTTP_DELETE = "DELETE";
     var defaultOptions$4 = {};
+    function getHeaders(authorizationToken) {
+      const headers = {
+        "Accept": "application/json, text/javascript, */*; q=0.01"
+      };
+      if (authorizationToken) {
+        headers["Authorization"] = "Bearer " + authorizationToken;
+      }
+      return headers;
+    }
     function ServiceClient(options) {
-      options = extend({}, defaultOptions$4, options);
+      options = $.extend({}, defaultOptions$4, options);
       var baseUrl = rTrim(options.serviceUrl || options.baseUrl, "\\/");
       var loginPromise;
       var _ajax = $ajax;
       function validateClientID(clientID) {
-        if (!clientID)
+        if (!clientID) {
           throw "Invalid clientID";
+        }
       }
       function urlFromTemplate(template, args) {
-        args = extend({}, { baseUrl }, args);
+        args = $.extend({}, { baseUrl }, args);
         return stringFormat(template, args);
       }
-      function getHeaderSettings(authorizationToken) {
-        return authorizationToken ? {
-          headers: {
-            Authorization: "Bearer " + authorizationToken
-          }
-        } : {};
-      }
       function login() {
         if (!loginPromise) {
           var loginInfo = options.loginInfo;
           if (loginInfo && loginInfo.url && (loginInfo.username || loginInfo.password)) {
-            loginPromise = _ajax({
-              url: loginInfo.url,
-              type: HTTP_POST,
+            const endPoint = loginInfo.url;
+            loginPromise = _ajax(endPoint, {
+              method: HTTP_POST,
               data: {
                 grant_type: "password",
                 username: loginInfo.username,
@@ -5639,22 +5640,18 @@ var telerikReportViewer = (function (exports) {
       return {
         _urlFromTemplate: urlFromTemplate,
         registerClient: function(settings) {
+          const endPoint = `${baseUrl}/clients`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_POST,
-                url: urlFromTemplate("{baseUrl}/clients"),
-                dataType: "json",
-                //Used to avoid Chrome caching functionality for simple async requests
-                //when the first request is not completed the second request is not send
-                //and the same response is used for both of the request. In this case the
-                //second client is not registered to the service and the same clientId is used.
-                data: JSON.stringify({ timeStamp: Date.now() })
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_POST,
+              dataType: "json",
+              // Used to avoid Chrome caching functionality for simple async requests
+              // when the first request is not completed the second request is not send
+              // and the same response is used for both of the request. In this case the
+              // second client is not registered to the service and the same clientId is used.
+              data: JSON.stringify({ timeStamp: Date.now() })
+            }, settings));
           }).then(function(clientData) {
             if (clientData.Message) {
               throw clientData.Message;
@@ -5664,290 +5661,189 @@ var telerikReportViewer = (function (exports) {
         },
         unregisterClient: function(clientID, settings) {
           validateClientID(clientID);
+          const endPoint = `${baseUrl}/clients/${clientID}`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_DELETE,
-                url: urlFromTemplate("{baseUrl}/clients/{clientID}", { clientID })
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_DELETE
+            }, settings));
           });
         },
         getParameters: function(clientID, report, parameterValues, settings) {
           validateClientID(clientID);
+          const endPoint = `${baseUrl}/clients/${clientID}/parameters`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_POST,
-                url: urlFromTemplate("{baseUrl}/clients/{clientID}/parameters", { clientID }),
-                contentType: JSON_CONTENT_TYPE,
-                dataType: "json",
-                data: JSON.stringify({ report, parameterValues })
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_POST,
+              contentType: JSON_CONTENT_TYPE,
+              dataType: "json",
+              data: JSON.stringify({ report, parameterValues })
+            }, settings));
           });
         },
         createReportInstance: function(clientID, report, parameterValues, settings) {
           validateClientID(clientID);
+          const endPoint = `${baseUrl}/clients/${clientID}/instances`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_POST,
-                url: urlFromTemplate("{baseUrl}/clients/{clientID}/instances", { clientID }),
-                contentType: JSON_CONTENT_TYPE,
-                dataType: "json",
-                data: JSON.stringify({ report, parameterValues })
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_POST,
+              contentType: JSON_CONTENT_TYPE,
+              dataType: "json",
+              data: JSON.stringify({ report, parameterValues })
+            }, settings));
           }).then(function(instanceData) {
             return instanceData.instanceId;
           });
         },
         deleteReportInstance: function(clientID, instanceID, settings) {
           validateClientID(clientID);
+          const endPoint = `${baseUrl}/clients/${clientID}/instances/${instanceID}`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_DELETE,
-                url: urlFromTemplate("{baseUrl}/clients/{clientID}/instances/{instanceID}", { clientID, instanceID })
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_DELETE
+            }, settings));
           });
         },
+        // eslint-disable-next-line max-params
         createReportDocument: function(clientID, instanceID, format, deviceInfo, useCache, baseDocumentID, actionID, settings) {
           validateClientID(clientID);
+          const endPoint = `${baseUrl}/clients/${clientID}/instances/${instanceID}/documents`;
           return login().then(function(authorizationToken) {
             deviceInfo = deviceInfo || {};
             deviceInfo["BasePath"] = baseUrl;
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_POST,
-                url: urlFromTemplate("{baseUrl}/clients/{clientID}/instances/{instanceID}/documents", { clientID, instanceID }),
-                contentType: JSON_CONTENT_TYPE,
-                dataType: "json",
-                data: JSON.stringify(
-                  {
-                    format,
-                    deviceInfo,
-                    useCache,
-                    baseDocumentID,
-                    actionID
-                  }
-                )
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_POST,
+              contentType: JSON_CONTENT_TYPE,
+              dataType: "json",
+              data: JSON.stringify({
+                format,
+                deviceInfo,
+                useCache,
+                baseDocumentID,
+                actionID
+              })
+            }, settings));
           }).then(function(documentData) {
             return documentData.documentId;
           });
         },
+        // eslint-disable-next-line max-params
         sendDocument: function(clientID, instanceID, documentID, mailArgs, settings) {
           validateClientID(clientID);
+          const endPoint = `${baseUrl}/clients/${clientID}/instances/${instanceID}/documents/${documentID}/send`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_POST,
-                url: urlFromTemplate(
-                  "{baseUrl}/clients/{clientID}/instances/{instanceID}/documents/{documentID}/send",
-                  { clientID, instanceID, documentID }
-                ),
-                contentType: JSON_CONTENT_TYPE,
-                data: JSON.stringify(
-                  {
-                    from: mailArgs.from,
-                    to: mailArgs.to,
-                    cc: mailArgs.cc,
-                    subject: mailArgs.subject,
-                    body: mailArgs.body
-                  }
-                )
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_POST,
+              contentType: JSON_CONTENT_TYPE,
+              data: JSON.stringify({
+                from: mailArgs.from,
+                to: mailArgs.to,
+                cc: mailArgs.cc,
+                subject: mailArgs.subject,
+                body: mailArgs.body
+              })
+            }, settings));
           });
         },
         deleteReportDocument: function(clientID, instanceID, documentID, settings) {
           validateClientID(clientID);
+          const endPoint = `${baseUrl}/clients/${clientID}/instances/${instanceID}/documents/${documentID}`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_DELETE,
-                url: urlFromTemplate(
-                  "{baseUrl}/clients/{clientID}/instances/{instanceID}/documents/{documentID}",
-                  { clientID, instanceID, documentID }
-                )
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_DELETE
+            }, settings));
           });
         },
         getDocumentInfo: function(clientID, instanceID, documentID, settings) {
           validateClientID(clientID);
+          const endPoint = `${baseUrl}/clients/${clientID}/instances/${instanceID}/documents/${documentID}/info`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_GET,
-                url: urlFromTemplate(
-                  "{baseUrl}/clients/{clientID}/instances/{instanceID}/documents/{documentID}/info",
-                  {
-                    clientID,
-                    instanceID,
-                    documentID
-                  }
-                ),
-                dataType: "json"
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_GET,
+              dataType: "json"
+            }, settings));
           });
         },
+        // eslint-disable-next-line max-params
         getPage: function(clientID, instanceID, documentID, pageNumber, settings) {
           validateClientID(clientID);
+          const endPoint = `${baseUrl}/clients/${clientID}/instances/${instanceID}/documents/${documentID}/pages/${pageNumber}`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_GET,
-                url: urlFromTemplate(
-                  "{baseUrl}/clients/{clientID}/instances/{instanceID}/documents/{documentID}/pages/{pageNumber}",
-                  {
-                    clientID,
-                    instanceID,
-                    documentID,
-                    pageNumber
-                  }
-                ),
-                dataType: "json"
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_GET,
+              dataType: "json"
+            }, settings));
           });
         },
         get: function(url) {
-          var ajaxSettings = {
-            type: HTTP_GET,
-            url
-          };
-          return _ajax(ajaxSettings);
+          return _ajax(url, {
+            method: HTTP_GET
+          });
         },
         formatDocumentUrl: function(clientID, instanceID, documentID, queryString) {
-          var url = urlFromTemplate(
-            "{baseUrl}/clients/{clientID}/instances/{instanceID}/documents/{documentID}",
-            {
-              clientID,
-              instanceID,
-              documentID
-            }
-          );
+          var url = `${baseUrl}/clients/${clientID}/instances/${instanceID}/documents/${documentID}`;
           if (queryString) {
             url += "?" + queryString;
           }
           return url;
         },
         getDocumentFormats: function(settings) {
+          const endPoint = `${baseUrl}/formats`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_GET,
-                url: urlFromTemplate("{baseUrl}/formats"),
-                // anonymous
-                dataType: "json"
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_GET,
+              dataType: "json"
+            }, settings));
           });
         },
         getServiceVersion: function(settings) {
+          const endPoint = `${baseUrl}/version`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_GET,
-                url: urlFromTemplate("{baseUrl}/version"),
-                // anonymous
-                dataType: "json"
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_GET,
+              dataType: "json"
+            }, settings));
           });
         },
+        // eslint-disable-next-line max-params
         getResource: function(clientID, instanceID, documentID, resourceID, settings) {
           validateClientID(clientID);
+          const endPoint = `${baseUrl}/clients/${clientID}/instances/${instanceID}/documents/${documentID}/resources/${resourceID}`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_GET,
-                url: urlFromTemplate(
-                  "{baseUrl}/clients/{clientID}/instances/{instanceID}/documents/{documentID}/resources/{resourceID}",
-                  {
-                    clientID,
-                    instanceID,
-                    documentID,
-                    resourceID
-                  }
-                ),
-                dataType: (settings == null ? void 0 : settings.dataType) || "json"
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_GET,
+              dataType: (settings == null ? void 0 : settings.dataType) || "json"
+            }, settings));
           });
         },
+        // eslint-disable-next-line max-params
         getSearchResults: function(clientID, instanceID, documentID, searchToken, matchCase, matchWholeWord, useRegex, settings) {
           validateClientID(clientID);
-          var searchUrl = urlFromTemplate(
-            "{baseUrl}/clients/{clientID}/instances/{instanceID}/documents/{documentID}/search",
-            {
-              clientID,
-              instanceID,
-              documentID
-            }
-          );
+          const endPoint = `${baseUrl}/clients/${clientID}/instances/${instanceID}/documents/${documentID}/search`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_POST,
-                url: searchUrl,
-                contentType: JSON_CONTENT_TYPE,
-                dataType: "json",
-                data: JSON.stringify(
-                  {
-                    searchToken,
-                    matchCase,
-                    matchWholeWord,
-                    useRegularExpressions: useRegex
-                  }
-                )
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_POST,
+              contentType: JSON_CONTENT_TYPE,
+              dataType: "json",
+              data: JSON.stringify({
+                searchToken,
+                matchCase,
+                matchWholeWord,
+                useRegularExpressions: useRegex
+              })
+            }, settings));
           });
         },
         setAccessToken: function(accessToken) {
@@ -5955,29 +5851,21 @@ var telerikReportViewer = (function (exports) {
         },
         login,
         keepClientAlive: function(clientID, settings) {
+          const endPoint = `${baseUrl}/clients/keepAlive/${clientID}`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_POST,
-                url: urlFromTemplate("{baseUrl}/clients/keepAlive/{clientID}", { clientID })
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_POST
+            }, settings));
           });
         },
         getClientsSessionTimeoutSeconds: function(settings) {
+          const endPoint = `${baseUrl}/clients/sessionTimeout`;
           return login().then(function(authorizationToken) {
-            var ajaxSettings = extend(
-              getHeaderSettings(authorizationToken),
-              settings,
-              {
-                type: HTTP_GET,
-                url: urlFromTemplate("{baseUrl}/clients/sessionTimeout")
-              }
-            );
-            return _ajax(ajaxSettings);
+            return _ajax(endPoint, __spreadValues({
+              headers: getHeaders(authorizationToken),
+              method: HTTP_GET
+            }, settings));
           }).then(function(sessionTimeoutData) {
             return sessionTimeoutData.clientSessionTimeout;
           });
@@ -6158,8 +6046,8 @@ var telerikReportViewer = (function (exports) {
       }
       function setNodeAccessibilityAttributes(node) {
         var $items = $(node).find("li");
-        each($items, function() {
-          var $li = $(this);
+        Array.from($items).forEach((item) => {
+          var $li = $(item);
           $li.attr("aria-label", $li[0].innerText);
         });
       }
@@ -6191,8 +6079,8 @@ var telerikReportViewer = (function (exports) {
         treeView.bind("expand", onTreeViewNodeExpand);
         treeView.element.attr("aria-label", stringResources.ariaLabelDocumentMap);
         var listItems = treeView.element.find("ul");
-        each(listItems, function() {
-          setNodeAccessibilityAttributes(this);
+        Array.from(listItems).forEach((list) => {
+          setNodeAccessibilityAttributes(list);
         });
         if (documentMapNecessary) {
           setSplitbarAccessibilityAttributes();
@@ -6269,14 +6157,6 @@ var telerikReportViewer = (function (exports) {
         $documentMapOverlay.attr("aria-label", stringResources[$documentMapOverlay.attr("aria-label")]);
       }
     }
-    var pluginName$6 = "telerik_ReportViewer_DocumentMapArea";
-    $.fn[pluginName$6] = function(options, otherOptions) {
-      return each(this, function() {
-        if (!$.data(this, pluginName$6)) {
-          $.data(this, pluginName$6, new DocumentMapArea(this, options, otherOptions));
-        }
-      });
-    };
 
     var defaultOptions$2 = {};
     var Events = {
@@ -6429,12 +6309,8 @@ var telerikReportViewer = (function (exports) {
         }
       }
       function selectParameterEditorFactory(parameter, editorsType) {
-        var factory;
-        each(parameterEditors, function() {
-          if (this && this.match(parameter, editorsType)) {
-            factory = this;
-          }
-          return !factory;
+        var factory = Array.from(parameterEditors).find((editor) => {
+          return editor.match(parameter, editorsType);
         });
         return factory;
       }
@@ -6446,23 +6322,21 @@ var telerikReportViewer = (function (exports) {
         (allParametersAutoRefresh() ? $.fn.removeClass : $.fn.addClass).call($placeholder, "preview");
       }
       function allParametersAutoRefresh() {
-        var allAuto = true;
-        each(parameters, function() {
-          return allAuto = !this.isVisible || this.autoRefresh;
+        var allAuto = Array.from(parameters).every((parameter) => {
+          return !parameter.isVisible || parameter.autoRefresh;
         });
         return allAuto;
       }
       function allParametersValid() {
-        var allValid = true;
-        each(parameters, function() {
-          return allValid = !this.Error;
+        var allValid = Array.from(parameters).every((parameter) => {
+          return !parameter.Error;
         });
         return allValid;
       }
       function clearEditors() {
-        each(editors, function() {
-          if (this.hasOwnProperty("destroy")) {
-            this.destroy();
+        Object.entries(editors).forEach(([key, editor]) => {
+          if (typeof editor.destroy === "function") {
+            editor.destroy();
           }
         });
         editors = {};
@@ -6474,26 +6348,26 @@ var telerikReportViewer = (function (exports) {
         clearEditors();
         var $parameterContainer;
         var $tempContainer = $("<div></div>");
-        each(parameters, function() {
+        Array.from(parameters).forEach((parameter) => {
           try {
-            this.value = ParameterValidators.validate(this, this.value);
+            parameter.value = ParameterValidators.validate(parameter, parameter.value);
           } catch (e) {
-            this.Error = this.Error || e;
+            parameter.Error = parameter.Error || e;
           }
-          var hasError = Boolean(this.Error);
+          var hasError = Boolean(parameter.Error);
           var hasValue = !hasError;
           if (hasValue) {
-            recentParameterValues[this.id] = this.value;
-            if (this.availableValues) {
-              processedParameterValues[this.id] = { valueMember: this.value, displayMember: this.label, availableValues: this.availableValues, multivalue: this.multivalue };
+            recentParameterValues[parameter.id] = parameter.value;
+            if (parameter.availableValues) {
+              processedParameterValues[parameter.id] = { valueMember: parameter.value, displayMember: parameter.label, availableValues: parameter.availableValues, multivalue: parameter.multivalue };
             } else {
-              processedParameterValues[this.id] = this.value;
+              processedParameterValues[parameter.id] = parameter.value;
             }
           } else {
-            this.Error = stringResources.invalidParameter;
+            parameter.Error = stringResources.invalidParameter;
           }
-          if (this.isVisible || options.showHiddenParameters) {
-            $parameterContainer = createParameterUI(this);
+          if (parameter.isVisible || options.showHiddenParameters) {
+            $parameterContainer = createParameterUI(parameter);
             if ($parameterContainer) {
               $tempContainer.append($parameterContainer);
             }
@@ -6502,17 +6376,17 @@ var telerikReportViewer = (function (exports) {
         if (initialParameterValues !== void 0) {
           if (null === initialParameterValues) {
             initialParameterValues = {};
-            each(parameters, function() {
-              if (this.isVisible) {
-                initialParameterValues[this.id] = this.value;
+            Array.from(parameters).forEach((parameter) => {
+              if (parameter.isVisible) {
+                initialParameterValues[parameter.id] = parameter.value;
               } else {
-                delete recentParameterValues[this.id];
+                delete recentParameterValues[parameter.id];
               }
             });
           } else {
-            each(parameters, function() {
-              if (!(this.id in initialParameterValues)) {
-                delete recentParameterValues[this.id];
+            Array.from(parameters).forEach((parameter) => {
+              if (!(parameter.id in initialParameterValues)) {
+                delete recentParameterValues[parameter.id];
               }
             });
           }
@@ -6555,7 +6429,7 @@ var telerikReportViewer = (function (exports) {
       }
       function invalidateChildParameters(parameter) {
         if (parameter.childParameters) {
-          each(parameter.childParameters, function(index, parameterId) {
+          Array.from(parameter.childParameters).forEach((parameterId) => {
             var childParameter = getParameterById(parameterId);
             if (childParameter) {
               invalidateChildParameters(childParameter);
@@ -6614,12 +6488,10 @@ var telerikReportViewer = (function (exports) {
         if (!params || null === params) {
           return false;
         }
-        var result = false;
-        each(params, function() {
-          result = this.isVisible;
-          return !result;
+        var hasVisible = Array.from(params).some((parameter) => {
+          return parameter.isVisible;
         });
-        return result;
+        return hasVisible;
       }
       var loadingCount = 0;
       function beginLoad() {
@@ -6759,14 +6631,6 @@ var telerikReportViewer = (function (exports) {
       );
       return parametersArea;
     }
-    var pluginName$5 = "telerik_ReportViewer_ParametersArea";
-    $.fn[pluginName$5] = function(options, otherOptions) {
-      return each(this, function() {
-        if (!$.data(this, pluginName$5)) {
-          $.data(this, pluginName$5, new ParametersArea(this, options, otherOptions));
-        }
-      });
-    };
 
     var lastSelectedMenuItem;
     var lastSelectedSubmenuItem;
@@ -6811,9 +6675,9 @@ var telerikReportViewer = (function (exports) {
         replaceStringResources();
       }
       function setTabIndexes() {
-        var $menus = $.find('[data-role="telerik_ReportViewer_MainMenu"]');
-        each($menus, function() {
-          var $menuArea = $(this);
+        var $menus = $('[data-role="telerik_ReportViewer_MainMenu"]');
+        Array.from($menus).forEach((menu2) => {
+          var $menuArea = $(menu2);
           var listItems = $menuArea.find("li");
           var menuTabIndex = 0;
           var tabIndexAttr = $menuArea.attr("tabIndex");
@@ -6831,13 +6695,13 @@ var telerikReportViewer = (function (exports) {
         });
       }
       function setMenuItemsTabIndexes(listItems, menuTabIndex) {
-        each(listItems, function() {
-          var $item = $(this);
+        Array.from(listItems).forEach((item) => {
+          var $item = $(item);
           $item.attr("tabindex", menuTabIndex);
-          $item.focus(function() {
+          $item.on("focus", (event) => {
             $item.addClass("k-focus");
           });
-          $item.blur(function() {
+          $item.on("blur", (event) => {
             $item.removeClass("k-focus");
           });
           var anchor = $item.children("a");
@@ -6856,16 +6720,15 @@ var telerikReportViewer = (function (exports) {
         });
       }
       function fillFormats(formats) {
-        each($(dom).find("ul[data-command-list=export-format-list]"), function() {
-          var $list = $(this);
+        Array.from($(dom).find("ul[data-command-list=export-format-list]")).forEach((list) => {
+          var $list = $(list);
           var $parent = $list.parents("li");
           var tabIndex = enableAccessibility ? $parent.attr("tabindex") : -1;
           if (!tabIndex) {
             tabIndex = 1;
           }
           $list.empty();
-          each(formats, function() {
-            var format = this;
+          Array.from(formats).forEach((format) => {
             var ariaLabel = enableAccessibility ? stringFormat('aria-label="{localizedName}" ', format) : " ";
             var li = "<li " + ariaLabel + stringFormat('tabindex="' + tabIndex + '"><a tabindex="-1" href="#" data-command="telerik_ReportViewer_export" data-command-parameter="{name}"><span>{localizedName}</span></a></li>', format);
             menu.append(li, $parent);
@@ -6876,10 +6739,10 @@ var telerikReportViewer = (function (exports) {
         });
       }
       function setInternalListAccessibilityKeyEvents(listItems) {
-        each(listItems, function() {
-          var $item = $(this);
+        Array.from(listItems).forEach((item) => {
+          var $item = $(item);
           $item.off("keydown");
-          $item.on("keydown", function(event) {
+          $item.on("keydown", (event) => {
             switch (event.which) {
               case kendo.keys.ENTER:
                 clickOnMenuItem($item);
@@ -6887,17 +6750,17 @@ var telerikReportViewer = (function (exports) {
               case kendo.keys.UP:
                 var $prev = $item.prev();
                 if ($prev.length > 0) {
-                  $prev.focus();
+                  $prev.trigger("focus");
                 } else {
-                  $item.parents("li").focus();
+                  $item.parents("li").trigger("focus");
                 }
                 break;
               case kendo.keys.DOWN:
                 var $next = $item.next();
                 if ($next.length > 0) {
-                  $next.focus();
+                  $next.trigger("focus");
                 } else {
-                  $item.parent().children("li").first().focus();
+                  $item.parent().children("li").first().trigger("focus");
                 }
                 break;
             }
@@ -7061,12 +6924,12 @@ var telerikReportViewer = (function (exports) {
         if (!menuAreas) {
           return;
         }
-        each(menuAreas, function() {
-          var $menu = $(this);
+        Array.from(menuAreas).forEach((menu2) => {
+          var $menu = $(menu2);
           var menuItems = $menu.children("li.k-item");
           $menu.attr("aria-label", stringResources[$menu.attr("aria-label")]);
-          each(menuItems, function() {
-            var $menuItem = $(this);
+          Array.from(menuItems).forEach((menuItem) => {
+            var $menuItem = $(menuItem);
             $menuItem.attr("aria-label", stringResources[$menuItem.attr("aria-label")]);
             if (!$menuItem.hasClass("trv-report-pager")) {
               var $a = $menuItem.find("a");
@@ -7080,158 +6943,196 @@ var telerikReportViewer = (function (exports) {
         });
       }
       function findMenuArea() {
-        return findElement("ul[data-role=telerik_ReportViewer_MainMenu]");
+        return $("ul[data-role=telerik_ReportViewer_MainMenu]");
       }
     }
-    var pluginName$4 = "telerik_ReportViewer_MainMenu";
-    $.fn[pluginName$4] = function(options, otherOptions) {
-      return each(this, function() {
-        if (!$.data(this, pluginName$4)) {
-          $.data(this, pluginName$4, new MainMenu(this, options, otherOptions));
-        }
-      });
-    };
 
     var defaultOptions$1 = {};
-    function Search(placeholder, options, viewerOptions) {
-      options = $.extend({}, defaultOptions$1, options);
-      var controller = options.controller;
-      var initialized = false;
-      var dialogVisible = false;
-      var $placeholder;
-      var $inputBox;
-      var $searchOptionsPlaceholder;
-      var searchOptionsMenu;
-      var $stopSearchPlaceholder;
-      var stopSearchMenu;
-      var $navigationPlaceholder;
-      var navigationMenu;
-      var $resultsLabel;
-      var $resultsPlaceholder;
-      var kendoComboBox;
-      var kendoSearchDialog;
-      var stopSearchCommand;
-      var optionsCommandSet;
-      var navigationCommandSet;
-      var searchResults;
-      var mruList = [];
-      var inputComboRebinding;
-      var searchMetadataRequested;
-      var searchMetadataLoaded;
-      var pendingHighlightItem;
-      var windowLocation;
-      var reportViewerWrapper = $("[data-selector='" + viewerOptions.viewerSelector + "']").find(".trv-report-viewer");
-      var lastSearch = "";
-      var highlightManager = {
-        shadedClassName: "trv-search-dialog-shaded-result",
-        //the results that are found, but not selected (highlighted)
-        highlightedClassName: "trv-search-dialog-highlighted-result",
-        //the result that is currently selected (highlighted)
-        current: null,
-        elements: []
-      };
-      if (!controller) {
-        throw "No controller (telerikReporting.ReportViewerController) has been specified.";
+    function replaceStringResources$1($search) {
+      if (!$search) {
+        return;
       }
-      controller.pageReady(onPageReady).scrollPageReady(onPageReady).beginLoadReport(closeAndClear).viewModeChanged(closeAndClear);
-      controller.setSendEmailDialogVisible(function(event, args) {
-        if (args.visible && dialogVisible) {
-          toggle(!dialogVisible);
-        }
-      }).getSearchDialogState(function(event, args) {
-        args.visible = dialogVisible;
-      }).setSearchDialogVisible(function(event, args) {
-        toggleSearchDialog(args.visible);
-      });
-      function closeAndClear() {
-        if (searchMetadataRequested) {
+      var $searchCaption = $search.find(".trv-search-dialog-caption-label");
+      var $searchOptions = $search.find(".trv-search-dialog-search-options");
+      var $searchStopButton = $search.find("a[data-command='telerik_ReportViewer_searchDialog_StopSearch']");
+      var $searchMatchCaseButton = $search.find("a[data-command='telerik_ReportViewer_searchDialog_MatchCase']");
+      var $searchMatchWholeWordButton = $search.find("a[data-command='telerik_ReportViewer_searchDialog_MatchWholeWord']");
+      var $searchUseRegexButton = $search.find("a[data-command='telerik_ReportViewer_searchDialog_UseRegex']");
+      var $searchNavigateUpButton = $search.find("a[data-command='telerik_ReportViewer_searchDialog_NavigateUp']");
+      var $searchNavigateDownButton = $search.find("a[data-command='telerik_ReportViewer_searchDialog_NavigateDown']");
+      replaceAttribute$1($search, "aria-label");
+      replaceAttribute$1($searchOptions, "aria-label");
+      replaceText$1($searchCaption);
+      replaceTitleAndAriaLabel($searchStopButton);
+      replaceTitleAndAriaLabel($searchMatchCaseButton);
+      replaceTitleAndAriaLabel($searchMatchWholeWordButton);
+      replaceTitleAndAriaLabel($searchUseRegexButton);
+      replaceTitleAndAriaLabel($searchNavigateUpButton);
+      replaceTitleAndAriaLabel($searchNavigateDownButton);
+    }
+    function replaceTitleAndAriaLabel($a) {
+      replaceAttribute$1($a, "title");
+      replaceAttribute$1($a, "aria-label");
+    }
+    function replaceText$1($el) {
+      if ($el) {
+        $el.text(stringResources[$el.text()]);
+      }
+    }
+    function replaceAttribute$1($el, attribute) {
+      if ($el) {
+        $el.attr(attribute, stringResources[$el.attr(attribute)]);
+      }
+    }
+    class Search {
+      constructor(element, options, viewerOptions) {
+        this.options = $.extend({}, defaultOptions$1, options);
+        this.viewerOptions = viewerOptions;
+        this.element = element;
+        this.controller = this.options.controller;
+        this.initialized = false;
+        this.dialogVisible = false;
+        this.$element;
+        this.$inputBox;
+        this.$searchOptionsPlaceholder;
+        this.searchOptionsMenu;
+        this.$stopSearchPlaceholder;
+        this.stopSearchMenu;
+        this.$navigationPlaceholder;
+        this.navigationMenu;
+        this.$resultsLabel;
+        this.$resultsPlaceholder;
+        this.kendoComboBox;
+        this.kendoSearchDialog;
+        this.stopSearchCommand;
+        this.optionsCommandSet;
+        this.navigationCommandSet;
+        this.searchResults;
+        this.mruList = [];
+        this.inputComboRebinding;
+        this.searchMetadataRequested;
+        this.searchMetadataLoaded;
+        this.pendingHighlightItem;
+        this.windowLocation;
+        this.reportViewerWrapper = $("[data-selector='" + this.viewerOptions.viewerSelector + "']").find(".trv-report-viewer");
+        this.lastSearch = "";
+        this.highlightManager = {
+          // the results that are found, but not selected (highlighted)
+          shadedClassName: "trv-search-dialog-shaded-result",
+          // the result that is currently selected (highlighted)
+          highlightedClassName: "trv-search-dialog-highlighted-result",
+          current: null,
+          elements: []
+        };
+        if (!this.controller) {
+          throw "No controller (telerikReporting.ReportViewerController) has been specified.";
+        }
+        this.controller.pageReady(this.onPageReady.bind(this)).scrollPageReady(this.onPageReady.bind(this)).beginLoadReport(this.closeAndClear.bind(this)).viewModeChanged(this.closeAndClear.bind(this));
+        this.controller.setSendEmailDialogVisible((event, args) => {
+          if (args.visible && this.dialogVisible) {
+            this.toggle(!this.dialogVisible);
+          }
+        }).getSearchDialogState((event, args) => {
+          args.visible = this.dialogVisible;
+        }).setSearchDialogVisible((event, args) => {
+          this.toggleSearchDialog(args.visible);
+        });
+        $(window).on("resize", () => {
+          if (this.kendoSearchDialog && this.kendoSearchDialog.options.visible) {
+            this.storeDialogPosition();
+            this.adjustDialogPosition();
+          }
+        });
+      }
+      closeAndClear() {
+        if (this.searchMetadataRequested) {
           return;
         }
-        toggle(false);
-        searchMetadataLoaded = false;
+        this.toggle(false);
+        this.searchMetadataLoaded = false;
       }
-      function toggleSearchDialog(show) {
-        dialogVisible = show;
+      toggleSearchDialog(show) {
+        this.dialogVisible = show;
         if (show) {
-          var searchMetadataOnDemand = viewerOptions.searchMetadataOnDemand;
-          if (searchMetadataOnDemand && !searchMetadataLoaded) {
-            searchMetadataRequested = true;
-            controller.reportLoadComplete(function() {
-              if (searchMetadataRequested) {
-                toggle(true);
-                searchMetadataRequested = false;
+          var searchMetadataOnDemand = this.viewerOptions.searchMetadataOnDemand;
+          if (searchMetadataOnDemand && !this.searchMetadataLoaded) {
+            this.searchMetadataRequested = true;
+            this.controller.reportLoadComplete((event, args) => {
+              if (this.searchMetadataRequested) {
+                this.toggle(true);
+                this.searchMetadataRequested = false;
               }
             });
-            controller.refreshReport(true);
+            this.controller.refreshReport(true);
             return;
           }
         }
-        toggle(show);
+        this.toggle(show);
       }
-      function toggle(show) {
-        dialogVisible = show;
+      toggle(show) {
+        this.dialogVisible = show;
         if (show) {
-          searchMetadataLoaded = true;
-          ensureInitialized();
-          kendoSearchDialog.open();
-          kendoComboBox.value("");
-          updateResultsUI(null);
-          toggleErrorLabel(false, null);
+          this.searchMetadataLoaded = true;
+          this.ensureInitialized();
+          this.kendoSearchDialog.open();
+          this.kendoComboBox.value("");
+          this.updateResultsUI(null);
+          this.toggleErrorLabel(false, null);
         } else {
-          clearColoredItems();
-          if (kendoSearchDialog && kendoSearchDialog.options.visible) {
-            kendoSearchDialog.close();
+          this.clearColoredItems();
+          if (this.kendoSearchDialog && this.kendoSearchDialog.options.visible) {
+            this.kendoSearchDialog.close();
           }
         }
       }
-      function ensureInitialized() {
-        if (!initialized) {
-          $placeholder = $(placeholder);
-          $inputBox = $placeholder.find(".trv-search-dialog-input-box");
-          $resultsLabel = $placeholder.find(".trv-search-dialog-results-label");
-          $resultsPlaceholder = $placeholder.find(".trv-search-dialog-results-area");
-          initResultsArea();
-          replaceStringResources($placeholder);
+      ensureInitialized() {
+        if (!this.initialized) {
+          this.$element = $(this.element);
+          this.$inputBox = this.$element.find(".trv-search-dialog-input-box");
+          this.$resultsLabel = this.$element.find(".trv-search-dialog-results-label");
+          this.$resultsPlaceholder = this.$element.find(".trv-search-dialog-results-area");
+          this.initResultsArea();
+          replaceStringResources$1(this.$element);
           try {
-            $searchOptionsPlaceholder = $placeholder.find(".trv-search-dialog-search-options").kendoMenu();
-            $stopSearchPlaceholder = $placeholder.find(".trv-search-dialog-stopsearch-placeholder").kendoMenu();
-            $navigationPlaceholder = $placeholder.find(".trv-search-dialog-navigational-buttons").kendoMenu();
-          } catch (e) {
-            console.error("Instantiation of Kendo Menu for Search Dialog threw an exception", e);
-            throw e;
-          }
-          searchOptionsMenu = $searchOptionsPlaceholder.data("kendoMenu");
-          stopSearchMenu = $stopSearchPlaceholder.data("kendoMenu");
-          navigationMenu = $navigationPlaceholder.data("kendoMenu");
-          searchOptionsMenu.element.on("keydown", onKeyDown);
-          stopSearchMenu.element.on("keydown", onKeyDown);
-          navigationMenu.element.on("keydown", onKeyDown);
-          overrideDefaultMenuStyling(".trv-search-dialog-search-options");
+            this.$searchOptionsPlaceholder = this.$element.find(".trv-search-dialog-search-options").kendoMenu();
+            this.$stopSearchPlaceholder = this.$element.find(".trv-search-dialog-stopsearch-placeholder").kendoMenu();
+            this.$navigationPlaceholder = this.$element.find(".trv-search-dialog-navigational-buttons").kendoMenu();
+          } catch (error) {
+            console.error("Instantiation of Kendo Menu for Search Dialog threw an exception", error);
+            throw error;
+          }
+          this.searchOptionsMenu = this.$searchOptionsPlaceholder.data("kendoMenu");
+          this.stopSearchMenu = this.$stopSearchPlaceholder.data("kendoMenu");
+          this.navigationMenu = this.$navigationPlaceholder.data("kendoMenu");
+          this.searchOptionsMenu.element.on("keydown", this.onKeyDown);
+          this.stopSearchMenu.element.on("keydown", this.onKeyDown);
+          this.navigationMenu.element.on("keydown", this.onKeyDown);
+          this.overrideDefaultMenuStyling(".trv-search-dialog-search-options");
           try {
-            kendoComboBox = $inputBox.kendoComboBox({
+            this.kendoComboBox = this.$inputBox.kendoComboBox({
               dataTextField: "value",
               dataValueField: "value",
-              dataSource: mruList,
+              dataSource: this.mruList,
               contentElement: "",
-              change: kendoComboBoxSelect,
+              change: this.kendoComboBoxSelect.bind(this),
               ignoreCase: false,
-              filtering: onInputFiltering,
-              //the actual search-when-typing performs on this event.
+              // the actual search-when-typing performs on this event.
+              filtering: this.onInputFiltering.bind(this),
               filter: "startswith",
               delay: 1e3,
-              open: function(e) {
-                if (inputComboRebinding) {
-                  e.preventDefault();
+              open: (event) => {
+                if (this.inputComboRebinding) {
+                  event.preventDefault();
                 }
               },
-              select: processComboBoxEvent
+              select: this.processComboBoxEvent.bind(this)
             }).data("kendoComboBox");
-          } catch (e) {
-            console.error("Instantiation of Kendo ComboBox as search input threw an exception", e);
-            throw e;
+          } catch (error) {
+            console.error("Instantiation of Kendo ComboBox as search input threw an exception", error);
+            throw error;
           }
           try {
-            kendoSearchDialog = reportViewerWrapper.find(".trv-search-window").kendoWindow({
+            this.kendoSearchDialog = this.reportViewerWrapper.find(".trv-search-window").kendoWindow({
               title: stringResources.searchDialogTitle,
               height: 390,
               width: 310,
@@ -7239,38 +7140,38 @@ var telerikReportViewer = (function (exports) {
               minHeight: 390,
               maxHeight: 700,
               scrollable: false,
-              close: function() {
-                storeDialogPosition();
-                lastSearch = "";
+              close: () => {
+                this.storeDialogPosition();
+                this.lastSearch = "";
               },
-              open: function() {
-                adjustDialogPosition();
+              open: () => {
+                this.adjustDialogPosition();
               },
-              deactivate: function() {
-                controller.setSearchDialogVisible({
+              deactivate: () => {
+                this.controller.setSearchDialogVisible({
                   visible: false
                 });
               },
-              activate: function() {
-                kendoComboBox.input.focus();
+              activate: () => {
+                this.kendoComboBox.input.focus();
               }
             }).data("kendoWindow");
-          } catch (e) {
-            console.error("Instantiation of Kendo Window for Search dialog threw an exception", e);
-            throw e;
+          } catch (error) {
+            console.error("Instantiation of Kendo Window for Search dialog threw an exception", error);
+            throw error;
           }
-          kendoSearchDialog.wrapper.addClass("trv-search");
-          initCommands();
-          initialized = true;
+          this.kendoSearchDialog.wrapper.addClass("trv-search");
+          this.initCommands();
+          this.initialized = true;
         }
       }
-      function overrideDefaultMenuStyling(kendoMenuSelector) {
+      overrideDefaultMenuStyling(kendoMenuSelector) {
         var menuItems = $(kendoMenuSelector).find(".k-menu-item");
         for (var i = 0; i < menuItems.length; i++) {
           $(menuItems[i]).removeClass("k-item");
         }
       }
-      function onKeyDown(event) {
+      onKeyDown(event) {
         var item = $(event.target).find(".k-focus");
         if (event.keyCode === 13 && item && item.length > 0) {
           var anchor = item.children("a");
@@ -7279,44 +7180,38 @@ var telerikReportViewer = (function (exports) {
           }
         }
       }
-      $(window).resize(function() {
-        if (kendoSearchDialog && kendoSearchDialog.options.visible) {
-          storeDialogPosition();
-          adjustDialogPosition();
-        }
-      });
-      function storeDialogPosition() {
-        var kendoWindow = kendoSearchDialog.element.parent(".k-window");
-        windowLocation = kendoWindow.offset();
+      storeDialogPosition() {
+        var kendoWindow = this.kendoSearchDialog.element.parent(".k-window");
+        this.windowLocation = kendoWindow.offset();
       }
-      function adjustDialogPosition() {
+      adjustDialogPosition() {
         var windowWidth = $(window).innerWidth();
         var windowHeight = $(window).innerHeight();
-        var kendoWindow = kendoSearchDialog.wrapper;
+        var kendoWindow = this.kendoSearchDialog.wrapper;
         var width = kendoWindow.outerWidth(true);
         var height = kendoWindow.outerHeight(true);
         var padding = 10;
-        if (!windowLocation) {
-          var reportViewerCoords = reportViewerWrapper[0].getBoundingClientRect();
+        if (!this.windowLocation) {
+          var reportViewerCoords = this.reportViewerWrapper[0].getBoundingClientRect();
           kendoWindow.css({
             top: reportViewerCoords.top + padding,
             left: reportViewerCoords.right - width - padding
           });
-          kendoSearchDialog.setOptions({
+          this.kendoSearchDialog.setOptions({
             position: {
               top: reportViewerCoords.top + padding,
               left: reportViewerCoords.right - width - padding
             }
           });
         } else {
-          var left = windowLocation.left;
-          var top = windowLocation.top;
+          var left = this.windowLocation.left;
+          var top = this.windowLocation.top;
           var right = left + width;
           var bottom = top + height;
           if (right > windowWidth - padding) {
             left = Math.max(padding, windowWidth - width - padding);
             kendoWindow.css({ left });
-            kendoSearchDialog.setOptions({
+            this.kendoSearchDialog.setOptions({
               position: {
                 left
               }
@@ -7325,7 +7220,7 @@ var telerikReportViewer = (function (exports) {
           if (bottom > windowHeight - padding) {
             top = Math.max(padding, windowHeight - height - padding);
             kendoWindow.css({ top });
-            kendoSearchDialog.setOptions({
+            this.kendoSearchDialog.setOptions({
               position: {
                 top
               }
@@ -7333,272 +7228,251 @@ var telerikReportViewer = (function (exports) {
           }
         }
       }
-      function processComboBoxEvent(e) {
+      processComboBoxEvent(event) {
         if (!(window.event || window.event.type)) {
           return;
         }
         var evt = window.event;
         if (evt.type === "keydown") {
-          e.preventDefault();
+          event.preventDefault();
           if (evt.keyCode === 40) {
-            moveListSelection(1);
-          } else if (evt.keyCode === 38) {
-            moveListSelection(-1);
+            this.moveListSelection(1);
+          }
+          if (evt.keyCode === 38) {
+            this.moveListSelection(-1);
           }
         }
       }
-      function initCommands() {
-        optionsCommandSet = {
-          //the command names MUST match the commands in the template.html with the "telerik_Reportviewer" prefix so the binder could work.
-          "searchDialog_MatchCase": new command(function() {
-            toggleCommand(this);
-          }),
-          "searchDialog_MatchWholeWord": new command(function() {
-            toggleCommand(this);
-          }),
-          "searchDialog_UseRegex": new command(function() {
-            toggleCommand(this);
-          })
+      initCommands() {
+        this.optionsCommandSet = {
+          "searchDialog_MatchCase": new Command(),
+          "searchDialog_MatchWholeWord": new Command(),
+          "searchDialog_UseRegex": new Command()
         };
-        Binder.bind(
-          $searchOptionsPlaceholder,
-          {
-            controller,
-            commands: optionsCommandSet
-          },
-          viewerOptions
-        );
-        stopSearchCommand = new command(function() {
-          stopSearch();
+        Object.entries(this.optionsCommandSet).forEach(([commandName, command]) => {
+          command.exec = () => {
+            this.toggleCommand(command);
+          };
         });
-        Binder.bind(
-          $stopSearchPlaceholder,
-          {
-            controller,
-            commands: { "searchDialog_StopSearch": stopSearchCommand }
-          },
-          viewerOptions
-        );
-        navigationCommandSet = {
-          "searchDialog_NavigateUp": new command(function() {
-            moveListSelection(-1);
+        Binder.attachCommands(this.$searchOptionsPlaceholder, this.optionsCommandSet, this.viewerOptions);
+        this.stopSearchCommand = new Command(() => {
+          this.stopSearch();
+        });
+        Binder.attachCommands(this.$stopSearchPlaceholder, { "searchDialog_StopSearch": this.stopSearchCommand }, this.viewerOptions);
+        this.navigationCommandSet = {
+          "searchDialog_NavigateUp": new Command(() => {
+            this.moveListSelection(-1);
           }),
-          "searchDialog_NavigateDown": new command(function() {
-            moveListSelection(1);
+          "searchDialog_NavigateDown": new Command(() => {
+            this.moveListSelection(1);
           })
         };
-        Binder.bind(
-          $navigationPlaceholder,
-          {
-            controller,
-            commands: navigationCommandSet
-          },
-          viewerOptions
-        );
+        Binder.attachCommands(this.$navigationPlaceholder, this.navigationCommandSet, this.viewerOptions);
       }
-      function initResultsArea() {
+      initResultsArea() {
         try {
-          $resultsPlaceholder.kendoListView({
+          this.$resultsPlaceholder.kendoListView({
             selectable: true,
             navigatable: true,
             dataSource: {},
             contentElement: "",
             template: "<div class='trv-search-dialog-results-row'><span>#: description #</span> <span class='trv-search-dialog-results-pageSpan'>" + stringResources.searchDialogPageText + " #:page#</span></div>",
-            change: function() {
-              var index = this.select().index();
-              var view = this.dataSource.view();
+            change: (event) => {
+              var listView = event.sender;
+              var index = listView.select().index();
+              var view = listView.dataSource.view();
               var dataItem = view[index];
-              onSelectedItem(dataItem);
-              updateUI(index, view.length);
+              this.onSelectedItem(dataItem);
+              this.updateUI(index, view.length);
             }
           });
-        } catch (e) {
-          console.error("Instantiation of Kendo ListView as search result area threw an exception", e);
-          throw e;
+        } catch (error) {
+          console.error("Instantiation of Kendo ListView as search result area threw an exception", error);
+          throw error;
         }
       }
-      function stopSearch() {
-        setStopButtonEnabledState(false);
+      stopSearch() {
+        this.setStopButtonEnabledState(false);
       }
-      function toggleCommand(cmd) {
+      toggleCommand(cmd) {
         cmd.checked(!cmd.checked());
-        searchForCurrentToken();
+        this.searchForCurrentToken();
       }
-      function setStopButtonEnabledState(enabledState) {
-        stopSearchCommand.enabled(enabledState);
+      setStopButtonEnabledState(enabledState) {
+        this.stopSearchCommand.enabled(enabledState);
       }
-      function onPageReady(args, page) {
-        if (dialogVisible) {
-          colorPageElements(searchResults);
+      onPageReady(args, page) {
+        if (this.dialogVisible) {
+          this.colorPageElements(this.searchResults);
         }
       }
-      function onInputFiltering(e) {
-        e.preventDefault();
-        if (e.filter && e.filter.value !== lastSearch) {
-          lastSearch = e.filter.value;
-          searchForToken(lastSearch);
+      onInputFiltering(event) {
+        event.preventDefault();
+        if (event.filter && event.filter.value !== this.lastSearch) {
+          this.lastSearch = event.filter.value;
+          this.searchForToken(this.lastSearch);
         }
       }
-      function kendoComboBoxSelect(e) {
-        var newValue = e.sender.value();
-        if (newValue && lastSearch !== newValue) {
-          lastSearch = newValue;
-          searchForToken(lastSearch);
+      kendoComboBoxSelect(event) {
+        var newValue = event.sender.value();
+        if (newValue && this.lastSearch !== newValue) {
+          this.lastSearch = newValue;
+          this.searchForToken(this.lastSearch);
         }
       }
-      function searchForCurrentToken() {
-        if (kendoComboBox) {
-          searchForToken(kendoComboBox.value());
+      searchForCurrentToken() {
+        if (this.kendoComboBox) {
+          this.searchForToken(this.kendoComboBox.value());
         }
       }
-      function searchForToken(token) {
-        onSearchStarted();
-        addToMRU(token);
-        controller.getSearchResults(
+      searchForToken(token) {
+        this.onSearchStarted();
+        this.addToMRU(token);
+        this.controller.getSearchResults(
           {
             searchToken: token,
-            matchCase: optionsCommandSet.searchDialog_MatchCase.checked(),
-            matchWholeWord: optionsCommandSet.searchDialog_MatchWholeWord.checked(),
-            useRegex: optionsCommandSet.searchDialog_UseRegex.checked()
+            matchCase: this.optionsCommandSet.searchDialog_MatchCase.checked(),
+            matchWholeWord: this.optionsCommandSet.searchDialog_MatchWholeWord.checked(),
+            useRegex: this.optionsCommandSet.searchDialog_UseRegex.checked()
           }
-        ).then(function(results) {
-          updateResultsUI(results, null);
-        }).catch(function(errorMessage) {
+        ).then((results) => {
+          this.updateResultsUI(results, null);
+        }).catch((errorMessage) => {
           if (errorMessage) {
-            updateResultsUI(null, errorMessage);
+            this.updateResultsUI(null, errorMessage);
           }
         });
       }
-      function onSearchStarted() {
-        $resultsLabel.text(stringResources.searchDialogSearchInProgress);
-        clearColoredItems();
-        searchResults = null;
-        setStopButtonEnabledState(true);
-        toggleErrorLabel(false, null);
+      onSearchStarted() {
+        this.$resultsLabel.text(stringResources.searchDialogSearchInProgress);
+        this.clearColoredItems();
+        this.searchResults = null;
+        this.setStopButtonEnabledState(true);
+        this.toggleErrorLabel(false, null);
       }
-      function updateResultsUI(results, error) {
-        setStopButtonEnabledState(false);
+      updateResultsUI(results, error) {
+        this.setStopButtonEnabledState(false);
         if (error) {
-          toggleErrorLabel(true, error);
+          this.toggleErrorLabel(true, error);
         }
-        displayResultsList(results);
-        searchResults = results;
+        this.displayResultsList(results);
+        this.searchResults = results;
         if (results && results.length > 0) {
-          colorPageElements(results);
-          selectFirstElement();
+          this.colorPageElements(results);
+          this.selectFirstElement();
         } else {
-          updateUI(-1, 0);
+          this.updateUI(-1, 0);
         }
       }
-      function addToMRU(token) {
+      addToMRU(token) {
         if (!token || token === "") {
           return;
         }
-        var exists = mruList.filter(function(mru) {
+        var exists = this.mruList.filter((mru) => {
           return mru.value === token;
         });
         if (exists && exists.length > 0) {
           return;
         }
-        mruList.unshift({ value: token });
-        if (mruList.length > 10) {
-          mruList.pop();
+        this.mruList.unshift({ value: token });
+        if (this.mruList.length > 10) {
+          this.mruList.pop();
         }
-        inputComboRebinding = true;
-        kendoComboBox.dataSource.data(mruList);
-        kendoComboBox.select(function(item) {
+        this.inputComboRebinding = true;
+        this.kendoComboBox.dataSource.data(this.mruList);
+        this.kendoComboBox.select((item) => {
           return item.value === token;
         });
-        inputComboRebinding = false;
+        this.inputComboRebinding = false;
       }
-      function displayResultsList(results) {
-        var $listView = $resultsPlaceholder.data("kendoListView");
+      displayResultsList(results) {
+        var $listView = this.$resultsPlaceholder.data("kendoListView");
         if (!results) {
           results = [];
         }
         $listView.dataSource.data(results);
       }
-      function colorPageElements(results) {
+      colorPageElements(results) {
         if (!results || results.length === 0) {
           return;
         }
-        var $parent = $placeholder.parent();
+        var $parent = this.$element.parent();
         var $pageContainer = $parent.find(".trv-page-container");
         var elements = $pageContainer.find("[data-search-id]");
-        each(results, function() {
-          var $searchElement = elements.filter("[data-search-id=" + this.id + "]");
+        Array.from(results).forEach((result) => {
+          var $searchElement = elements.filter("[data-search-id=" + result.id + "]");
           if ($searchElement) {
-            $searchElement.addClass(highlightManager.shadedClassName);
-            highlightManager.elements.push($searchElement);
+            $searchElement.addClass(this.highlightManager.shadedClassName);
+            this.highlightManager.elements.push($searchElement);
           }
         });
-        highlightItem(pendingHighlightItem);
-        pendingHighlightItem = null;
+        this.highlightItem(this.pendingHighlightItem);
+        this.pendingHighlightItem = null;
       }
-      function highlightItem(item) {
+      highlightItem(item) {
         if (item) {
           var currentItemId = item.id;
-          var newHighlighted = $(highlightManager.elements.filter(function(i) {
+          var newHighlighted = $(this.highlightManager.elements.filter((i) => {
             return i.attr("data-search-id") === currentItemId;
           })).first();
           if (newHighlighted) {
-            highlightManager.current = newHighlighted[0];
-            if (highlightManager.current) {
+            this.highlightManager.current = newHighlighted[0];
+            if (this.highlightManager.current) {
               var current = $("[data-search-id='" + currentItemId + "']");
-              current.removeClass(highlightManager.shadedClassName);
-              current.addClass(highlightManager.highlightedClassName);
+              current.removeClass(this.highlightManager.shadedClassName);
+              current.addClass(this.highlightManager.highlightedClassName);
             }
           }
         }
       }
-      function selectFirstElement() {
-        var $listView = $resultsPlaceholder.data("kendoListView");
+      selectFirstElement() {
+        var $listView = this.$resultsPlaceholder.data("kendoListView");
         var first = $listView.element.children().first();
         $listView.select(first);
         $listView.trigger("change");
       }
-      function onSelectedItem(item) {
+      onSelectedItem(item) {
         if (!item) {
           return;
         }
-        if (highlightManager.current) {
-          highlightManager.current.removeClass(highlightManager.highlightedClassName);
-          highlightManager.current.addClass(highlightManager.shadedClassName);
+        if (this.highlightManager.current) {
+          this.highlightManager.current.removeClass(this.highlightManager.highlightedClassName);
+          this.highlightManager.current.addClass(this.highlightManager.shadedClassName);
         }
-        if (item.page === controller.getCurrentPageNumber()) {
-          highlightItem(item);
+        if (item.page === this.controller.getCurrentPageNumber()) {
+          this.highlightItem(item);
         } else {
-          if (controller.getPageMode() !== PageModes.CONTINUOUS_SCROLL) {
-            clearColoredItems();
+          if (this.controller.getPageMode() !== PageModes.CONTINUOUS_SCROLL) {
+            this.clearColoredItems();
           } else {
-            highlightItem(item);
+            this.highlightItem(item);
           }
         }
-        pendingHighlightItem = item;
-        controller.navigateToPage(item.page, { type: "search", id: item.id });
+        this.pendingHighlightItem = item;
+        this.controller.navigateToPage(item.page, { type: "search", id: item.id });
       }
-      function updateUI(index, count) {
+      updateUI(index, count) {
         var str = count === 0 ? stringResources.searchDialogNoResultsLabel : stringFormat(stringResources.searchDialogResultsFormatLabel, [index + 1, count]);
-        $resultsLabel.text(str);
+        this.$resultsLabel.text(str);
         var allowMoveUp = index > 0;
         var allowMoveDown = index < count - 1;
-        navigationCommandSet.searchDialog_NavigateUp.enabled(allowMoveUp);
-        navigationCommandSet.searchDialog_NavigateDown.enabled(allowMoveDown);
+        this.navigationCommandSet.searchDialog_NavigateUp.enabled(allowMoveUp);
+        this.navigationCommandSet.searchDialog_NavigateDown.enabled(allowMoveDown);
       }
-      function clearColoredItems() {
-        if (highlightManager.elements && highlightManager.elements.length > 0) {
-          each(highlightManager.elements, function() {
-            this.removeClass(highlightManager.shadedClassName);
+      clearColoredItems() {
+        if (this.highlightManager.elements && this.highlightManager.elements.length > 0) {
+          Array.from(this.highlightManager.elements).forEach(($element) => {
+            $element.removeClass(this.highlightManager.shadedClassName);
           });
         }
-        if (highlightManager.current) {
-          highlightManager.current.removeClass(highlightManager.highlightedClassName);
+        if (this.highlightManager.current) {
+          this.highlightManager.current.removeClass(this.highlightManager.highlightedClassName);
         }
-        highlightManager.elements = [];
-        highlightManager.current = null;
+        this.highlightManager.elements = [];
+        this.highlightManager.current = null;
       }
-      function moveListSelection(offset) {
-        var $listView = $resultsPlaceholder.data("kendoListView");
+      moveListSelection(offset) {
+        var $listView = this.$resultsPlaceholder.data("kendoListView");
         var $selected = $listView.select();
         if (!$selected) {
           $selected = $listView.element.children().first();
@@ -7614,12 +7488,12 @@ var telerikReportViewer = (function (exports) {
             if (element) {
               $listView.select(element);
               $listView.trigger("change");
-              scrollIfNeeded(element[0], $listView.element[0]);
+              this.scrollIfNeeded(element[0], $listView.element[0]);
             }
           }
         }
       }
-      function scrollIfNeeded(element, container) {
+      scrollIfNeeded(element, container) {
         if (element.offsetTop - element.clientHeight < container.scrollTop) {
           element.scrollIntoView();
         } else {
@@ -7630,13 +7504,13 @@ var telerikReportViewer = (function (exports) {
           }
         }
       }
-      function toggleErrorLabel(show, message) {
-        var $errorIcon = $searchOptionsPlaceholder.find("i[data-role='telerik_ReportViewer_SearchDialog_Error']");
+      toggleErrorLabel(show, message) {
+        var $errorIcon = this.$searchOptionsPlaceholder.find("i[data-role='telerik_ReportViewer_SearchDialog_Error']");
         if (!$errorIcon || $errorIcon.length === 0) {
           console.log(message);
           return;
         }
-        var menuItem = $searchOptionsPlaceholder.data("kendoMenu").element.find("li").last();
+        var menuItem = this.$searchOptionsPlaceholder.data("kendoMenu").element.find("li").last();
         if (show) {
           $errorIcon[0].title = message;
           menuItem.show();
@@ -7644,79 +7518,42 @@ var telerikReportViewer = (function (exports) {
           menuItem.hide();
         }
       }
-      function replaceStringResources($search) {
-        if (!$search) {
-          return;
-        }
-        var $searchCaption = $search.find(".trv-search-dialog-caption-label");
-        var $searchOptions = $search.find(".trv-search-dialog-search-options");
-        var $searchStopButton = $search.find("a[data-command='telerik_ReportViewer_searchDialog_StopSearch']");
-        var $searchMatchCaseButton = $search.find("a[data-command='telerik_ReportViewer_searchDialog_MatchCase']");
-        var $searchMatchWholeWordButton = $search.find("a[data-command='telerik_ReportViewer_searchDialog_MatchWholeWord']");
-        var $searchUseRegexButton = $search.find("a[data-command='telerik_ReportViewer_searchDialog_UseRegex']");
-        var $searchNavigateUpButton = $search.find("a[data-command='telerik_ReportViewer_searchDialog_NavigateUp']");
-        var $searchNavigateDownButton = $search.find("a[data-command='telerik_ReportViewer_searchDialog_NavigateDown']");
-        replaceAttribute($search, "aria-label");
-        replaceAttribute($searchOptions, "aria-label");
-        replaceText($searchCaption);
-        replaceTitleAndAriaLabel($searchStopButton);
-        replaceTitleAndAriaLabel($searchMatchCaseButton);
-        replaceTitleAndAriaLabel($searchMatchWholeWordButton);
-        replaceTitleAndAriaLabel($searchUseRegexButton);
-        replaceTitleAndAriaLabel($searchNavigateUpButton);
-        replaceTitleAndAriaLabel($searchNavigateDownButton);
-      }
-      function replaceTitleAndAriaLabel($a) {
-        replaceAttribute($a, "title");
-        replaceAttribute($a, "aria-label");
-      }
-      function replaceText($el) {
-        if ($el) {
-          $el.text(stringResources[$el.text()]);
-        }
-      }
-      function replaceAttribute($el, attribute) {
-        if ($el) {
-          $el.attr(attribute, stringResources[$el.attr(attribute)]);
-        }
-      }
-      function command(execCallback) {
-        var enabledState = true;
-        var checkedState = false;
-        var cmd = {
-          enabled: function(state) {
-            if (arguments.length === 0) {
-              return enabledState;
-            }
-            var newState = Boolean(state);
-            enabledState = newState;
-            $(this).trigger("enabledChanged");
-            return cmd;
-          },
-          checked: function(state) {
-            if (arguments.length === 0) {
-              return checkedState;
-            }
-            var newState = Boolean(state);
-            checkedState = newState;
-            $(this).trigger("checkedChanged");
-            return cmd;
-          },
-          exec: execCallback
-        };
-        return cmd;
-      }
     }
-    var pluginName$3 = "telerik_ReportViewer_SearchDialog";
-    $.fn[pluginName$3] = function(options, viewerOptions) {
-      return each(this, function() {
-        if (!$.data(this, pluginName$3)) {
-          $.data(this, pluginName$3, new Search(this, options, viewerOptions));
-        }
-      });
-    };
 
     var defaultOptions = {};
+    function replaceStringResources($sendEmailDialog) {
+      if (!$sendEmailDialog) {
+        return;
+      }
+      var labels = $sendEmailDialog.find(".trv-replace-string");
+      var ariaLabel = $sendEmailDialog.find("[aria-label]");
+      var titles = $sendEmailDialog.find("[title]");
+      if (labels.length) {
+        Array.from(labels).forEach((element) => {
+          replaceText($(element));
+        });
+      }
+      if (ariaLabel.length) {
+        Array.from(ariaLabel).forEach((element) => {
+          replaceAttribute($(element), "aria-label");
+        });
+      }
+      if (titles.length) {
+        Array.from(titles).forEach((element) => {
+          replaceAttribute($(element), "title");
+        });
+      }
+    }
+    function replaceText($el) {
+      if ($el) {
+        $el.text(stringResources[$el.text()]);
+      }
+    }
+    function replaceAttribute($el, attribute) {
+      if ($el) {
+        $el.attr(attribute, stringResources[$el.attr(attribute)]);
+      }
+    }
     function SendEmail(placeholder, options, viewerOptions) {
       options = $.extend({}, defaultOptions, options);
       var controller = options.controller;
@@ -7815,9 +7652,9 @@ var telerikReportViewer = (function (exports) {
                 }, 250);
               }
             }).data("kendoWindow");
-          } catch (e) {
-            console.error("Instantiation of Kendo Window for Send Email dialog threw an exception", e);
-            throw e;
+          } catch (error) {
+            console.error("Instantiation of Kendo Window for Send Email dialog threw an exception", error);
+            throw error;
           }
           kendoSendEmailDialog.wrapper.addClass("trv-send-email");
           try {
@@ -7831,13 +7668,13 @@ var telerikReportViewer = (function (exports) {
                 this.trigger("change");
               }
             }).data("kendoComboBox");
-          } catch (e) {
-            console.error("Instantiation of Kendo ComboBox as document format selector threw an exception", e);
-            throw e;
+          } catch (error) {
+            console.error("Instantiation of Kendo ComboBox as document format selector threw an exception", error);
+            throw error;
           }
-          $placeholder.on("keydown", '[name="format_input"]', function(e) {
+          $placeholder.on("keydown", '[name="format_input"]', function(event) {
             var tabkey = 9;
-            if (e.keyCode === tabkey && bodyEditor) {
+            if (event.keyCode === tabkey && bodyEditor) {
               setTimeout(function() {
                 bodyEditor.focus();
               });
@@ -7870,9 +7707,9 @@ var telerikReportViewer = (function (exports) {
                 "superscript"
               ]
             }).data("kendoEditor");
-          } catch (e) {
-            console.error("Instantiation of Kendo Editor for Email body editor threw an exception", e);
-            throw e;
+          } catch (error) {
+            console.error("Instantiation of Kendo Editor for Email body editor threw an exception", error);
+            throw error;
           }
           setDefaultValues(viewerOptions.sendEmail);
           initialized = true;
@@ -7949,22 +7786,14 @@ var telerikReportViewer = (function (exports) {
       }
       function initCommands() {
         optionsCommandSet = {
-          //the command names MUST match the commands in the template.html with the "telerik_Reportviewer" prefix so the binder could work.
-          "sendEmail_Cancel": new command(function() {
+          "sendEmail_Cancel": new Command(function() {
             closeWindow();
           }),
-          "sendEmail_Send": new command(function(e) {
+          "sendEmail_Send": new Command(function() {
             sendingEmail();
           })
         };
-        Binder.bind(
-          $placeholder.find(".trv-send-email-actions"),
-          {
-            controller,
-            commands: optionsCommandSet
-          },
-          viewerOptions
-        );
+        Binder.attachCommands($placeholder.find(".trv-send-email-actions"), optionsCommandSet, viewerOptions);
       }
       function sendingEmail(cmd, args) {
         var sendEmailArgs = {
@@ -7982,17 +7811,17 @@ var telerikReportViewer = (function (exports) {
         }
       }
       function setValidation() {
-        inputFrom.off("blur").on("blur", function(e) {
+        inputFrom.off("blur").on("blur", function(event) {
           if (!isEmpty($(this))) {
             isValidEmail($(this), false);
           }
         });
-        inputTo.off("blur").on("blur", function(e) {
+        inputTo.off("blur").on("blur", function(event) {
           if (!isEmpty($(this))) {
             isValidEmail($(this), true);
           }
         });
-        inputCC.off("blur").on("blur", function(e) {
+        inputCC.off("blur").on("blur", function(event) {
           if ($(this).val().length) {
             isValidEmail($(this), true);
           } else {
@@ -8051,9 +7880,8 @@ var telerikReportViewer = (function (exports) {
             }
           }
           return true;
-        } else {
-          return _validateEmail(inputValue, $el);
         }
+        return _validateEmail(inputValue, $el);
       }
       function _validateEmail(email, $el) {
         var regexEmail = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
@@ -8073,74 +7901,7 @@ var telerikReportViewer = (function (exports) {
       function clearValidation() {
         $(".k-invalid-msg").removeClass("-visible");
       }
-      function replaceStringResources($sendEmailDialog) {
-        if (!$sendEmailDialog) {
-          return;
-        }
-        var labels = $sendEmailDialog.find(".trv-replace-string");
-        var ariaLabel = $sendEmailDialog.find("[aria-label]");
-        var titles = $sendEmailDialog.find("[title]");
-        if (labels.length) {
-          $.each(labels, function(key, value) {
-            replaceText($(value));
-          });
-        }
-        if (ariaLabel.length) {
-          $.each(ariaLabel, function(key, value) {
-            replaceAttribute($(value), "aria-label");
-          });
-        }
-        if (titles.length) {
-          $.each(titles, function(key, value) {
-            replaceAttribute($(value), "title");
-          });
-        }
-      }
-      function replaceText($el) {
-        if ($el) {
-          $el.text(stringResources[$el.text()]);
-        }
-      }
-      function replaceAttribute($el, attribute) {
-        if ($el) {
-          $el.attr(attribute, stringResources[$el.attr(attribute)]);
-        }
-      }
-      function command(execCallback) {
-        var enabledState = true;
-        var checkedState = false;
-        var cmd = {
-          enabled: function(state) {
-            if (arguments.length === 0) {
-              return enabledState;
-            }
-            var newState = Boolean(state);
-            enabledState = newState;
-            $(this).trigger("enabledChanged");
-            return cmd;
-          },
-          checked: function(state) {
-            if (arguments.length === 0) {
-              return checkedState;
-            }
-            var newState = Boolean(state);
-            checkedState = newState;
-            $(this).trigger("checkedChanged");
-            return cmd;
-          },
-          exec: execCallback
-        };
-        return cmd;
-      }
     }
-    var pluginName$2 = "telerik_ReportViewer_SendEmail";
-    $.fn[pluginName$2] = function(options, viewerOptions) {
-      return each(this, function() {
-        if (!$.data(this, pluginName$2)) {
-          $.data(this, pluginName$2, new SendEmail(this, options, viewerOptions));
-        }
-      });
-    };
 
     function SideMenu(dom, rootOptions, otherOptions) {
       var options = $.extend({}, rootOptions, otherOptions);
@@ -8210,16 +7971,15 @@ var telerikReportViewer = (function (exports) {
         });
       }
       function fillFormats(formats) {
-        each($(dom).find("ul[data-command-list=export-format-list]"), function() {
-          var $list = $(this);
+        Array.from($(dom).find("ul[data-command-list=export-format-list]")).forEach((list) => {
+          var $list = $(list);
           var $parent = $list.parents("li");
           var tabIndex = $parent.attr("tabindex");
           if (!tabIndex) {
             tabIndex = DEFAULT_TABINDEX;
           }
           $list.empty();
-          each(formats, function(i) {
-            var format = this;
+          Array.from(formats).forEach((format) => {
             var ariaLabel = enableAccessibility ? stringFormat('aria-label="{localizedName}" ', format) : " ";
             var li = "<li " + ariaLabel + stringFormat('tabindex="' + tabIndex + '"><a tabindex="-1" href="#" data-command="telerik_ReportViewer_export" data-command-parameter="{name}"><span>{localizedName}</span></a></li>', format);
             panelBar.append(li, $parent);
@@ -8229,10 +7989,10 @@ var telerikReportViewer = (function (exports) {
         });
       }
       function enableCloseOnClick(root) {
-        each(root.find("li"), function() {
-          var isLeaf = $(this).children("ul").length === 0;
+        Array.from(root.find("li")).forEach((listItem) => {
+          var isLeaf = $(listItem).children("ul").length === 0;
           if (isLeaf) {
-            $(this).children("a").click(function() {
+            $(listItem).children("a").on("click", (event) => {
               controller.setSideMenuVisible({ visible: !sideMenuVisible });
             });
           }
@@ -8250,21 +8010,21 @@ var telerikReportViewer = (function (exports) {
       function setListItemsTabIndex(list, tabIndex) {
         list.attr("tabindex", tabIndex);
         var items = list.find("li");
-        each(items, function() {
-          var $item = $(this);
+        Array.from(items).forEach((item) => {
+          var $item = $(item);
           $item.attr("tabindex", tabIndex);
           var anchor = $item.children("a");
           if (anchor.length > 0) {
             var $anchor = $(anchor);
             $anchor.attr("tabindex", -1);
           }
-          $item.focus(function() {
+          $item.on("focus", (event) => {
             var anchor2 = $item.children("a");
             if (anchor2.length > 0) {
               anchor2.addClass("k-focus");
             }
           });
-          $item.blur(function() {
+          $item.on("blur", (event) => {
             var anchor2 = $item.children("a");
             if (anchor2.length > 0) {
               anchor2.removeClass("k-focus");
@@ -8328,12 +8088,12 @@ var telerikReportViewer = (function (exports) {
         if (!menuAreas) {
           return;
         }
-        each(menuAreas, function() {
-          var $menu = $(this);
+        Array.from(menuAreas).forEach((menu2) => {
+          var $menu = $(menu2);
           var menuItems = $menu.children("li.k-panelbar-header");
           $menu.attr("aria-label", stringResources[$menu.attr("aria-label")]);
-          each(menuItems, function() {
-            var $menuItem = $(this);
+          Array.from(menuItems).forEach((menuItem) => {
+            var $menuItem = $(menuItem);
             var $a = $menuItem.find("a");
             $menuItem.attr("aria-label", stringResources[$menuItem.attr("aria-label")]);
             if ($a) {
@@ -8347,22 +8107,14 @@ var telerikReportViewer = (function (exports) {
         });
       }
       function findMenuArea() {
-        return findElement("div[data-role=telerik_ReportViewer_SideMenu] > ul");
+        return $("div[data-role=telerik_ReportViewer_SideMenu] > ul");
       }
     }
-    var pluginName$1 = "telerik_ReportViewer_SideMenu";
-    $.fn[pluginName$1] = function(options, otherOptions) {
-      return each(this, function() {
-        if (!$.data(this, pluginName$1)) {
-          $.data(this, pluginName$1, new SideMenu(this, options, otherOptions));
-        }
-      });
-    };
 
-    var __defProp$1 = Object.defineProperty;
-    var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField$1 = (obj, key, value) => {
-      __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+    var __defProp$4 = Object.defineProperty;
+    var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+    var __publicField$4 = (obj, key, value) => {
+      __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
       return value;
     };
     class MemStorage {
@@ -8370,7 +8122,7 @@ var telerikReportViewer = (function (exports) {
       // #region constructor
       constructor() {
         // #region fields
-        __publicField$1(this, "_data", {});
+        __publicField$4(this, "_data", {});
         this._data = {};
       }
       // #endregion
@@ -8411,14 +8163,14 @@ var telerikReportViewer = (function (exports) {
               html = replaceAll(html, "{service}/", baseUri);
               html = replaceAll(html, "{service}", baseUri);
               var viewerTemplate = $("<div></div>").html(html);
-              each(viewerTemplate.find("template"), function(index, e) {
-                var $e = $(e);
-                templates[$e.attr("id")] = trim($e.html(), "\n 	");
+              Array.from(viewerTemplate.find("template")).forEach((element) => {
+                var $element = $(element);
+                templates[$element.attr("id")] = trim($element.html(), "\n 	");
               });
-              each(viewerTemplate.find("link"), function(index, e) {
-                styleSheets.push(trim(e.outerHTML, "\n 	"));
+              Array.from(viewerTemplate.find("link")).forEach((element) => {
+                styleSheets.push(trim(element.outerHTML, "\n 	"));
               });
-              styleSheets = filterUniqueLastOccurance(styleSheets);
+              styleSheets = filterUniqueLastOccurrence(styleSheets);
               return {
                 templates,
                 styleSheets
@@ -8430,10 +8182,10 @@ var telerikReportViewer = (function (exports) {
       };
     }();
 
-    var __defProp = Object.defineProperty;
-    var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField = (obj, key, value) => {
-      __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+    var __defProp$3 = Object.defineProperty;
+    var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+    var __publicField$3 = (obj, key, value) => {
+      __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
       return value;
     };
     class ReportViewerSettings {
@@ -8441,9 +8193,9 @@ var telerikReportViewer = (function (exports) {
       // #region constructor
       constructor(id, storage, defaultSettings) {
         // #region fields
-        __publicField(this, "_id");
-        __publicField(this, "_storage");
-        __publicField(this, "_defaults");
+        __publicField$3(this, "_id");
+        __publicField$3(this, "_storage");
+        __publicField$3(this, "_defaults");
         this._id = id;
         this._storage = storage;
         this._defaults = defaultSettings || {};
@@ -8563,6 +8315,129 @@ var telerikReportViewer = (function (exports) {
       // #endregion
     }
 
+    var __defProp$2 = Object.defineProperty;
+    var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+    var __publicField$2 = (obj, key, value) => {
+      __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
+      return value;
+    };
+    class BaseComponent {
+      // #endregion
+      // #region constructor
+      constructor(element, options) {
+        // #region fields
+        __publicField$2(this, "element");
+        __publicField$2(this, "$element");
+        __publicField$2(this, "options");
+        this.element = element;
+        this.$element = $(element);
+        this.options = options;
+      }
+      // #endregion
+    }
+
+    var __defProp$1 = Object.defineProperty;
+    var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+    var __publicField$1 = (obj, key, value) => {
+      __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+      return value;
+    };
+    class LinkButton extends BaseComponent {
+      // #endregion
+      // #region constructor
+      constructor(element, options) {
+        super(element, options);
+        // #region fields
+        __publicField$1(this, "cmd");
+        var dataCommand = this.$element.attr("data-command");
+        if (dataCommand) {
+          this.cmd = this.options.commands[dataCommand];
+        }
+        if (this.cmd) {
+          this.$element.on("click", (event) => {
+            if (this.cmd.enabled()) {
+              this.cmd.exec($(this).attr("data-command-parameter"));
+            } else {
+              event.preventDefault();
+            }
+          });
+          $(this.cmd).on("enabledChanged", (event) => {
+            (this.cmd.enabled() ? $.fn.removeClass : $.fn.addClass).call(this.$element, "disabled");
+          }).on("checkedChanged", (event) => {
+            (this.cmd.checked() ? $.fn.addClass : $.fn.removeClass).call(this.$element, "checked");
+          });
+        }
+      }
+      // #endregion
+    }
+
+    var __defProp = Object.defineProperty;
+    var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+    var __publicField = (obj, key, value) => {
+      __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+      return value;
+    };
+    class PageNumberInput extends BaseComponent {
+      // #endregion
+      // #region constructor
+      constructor(element, options) {
+        super(element, options);
+        // #region fields
+        __publicField(this, "cmd");
+        __publicField(this, "_numeric");
+        this.cmd = this.options.commands["goToPage"];
+        this._numeric = new kendo.ui.NumericTextBox(this.element, {
+          format: "0",
+          decimals: 0,
+          min: 0,
+          spinners: false,
+          change: this._onChange.bind(this),
+          spin: this._onChange.bind(this)
+        });
+        this._numeric._text[0].dataset.role = "telerik_ReportViewer_PageNumberInput";
+        this._numeric.element[0].dataset.role = "";
+        this.options.controller.on("reportLoadComplete", (event, reportInfo) => {
+          this._numeric.max(reportInfo.pageCount);
+          this._numeric.min(Math.min(1, reportInfo.pageCount));
+          this._numeric.value(Math.min(1, reportInfo.pageCount));
+        }).on("loadedReportChange", (event) => {
+          this._numeric.min(0);
+          this._numeric.max(0);
+          this._numeric.value(0);
+        }).on("renderingStopped", (event) => {
+          this._numeric.min(0);
+          this._numeric.max(0);
+          this._numeric.value(0);
+        }).pageNumberChange((event, value) => {
+          this._numeric.value(value);
+        });
+      }
+      // #endregion
+      // #region event handlers
+      _onChange(event, data) {
+        var val = this._numeric.value();
+        var num = tryParseInt(val);
+        if (!isNaN(num)) {
+          this.cmd.exec(num);
+        }
+      }
+      _onSpin(event, data) {
+        return this._onChange(event, data);
+      }
+      // #endregion
+    }
+
+    class PageCountLabel extends BaseComponent {
+      // #region constructor
+      constructor(element, options) {
+        super(element, options);
+        this.options.controller.pageCountChange((event, value) => {
+          this.$element.text(value);
+        });
+      }
+      // #endregion
+    }
+
     const Instances = GlobalSettings.viewerInstances;
     function getDefaultOptions(serviceUrl, version) {
       return {
@@ -8622,8 +8497,8 @@ var telerikReportViewer = (function (exports) {
       if (!validateOptions(options)) {
         return;
       }
-      var version = "18.1.24.514";
-      options = extend({}, getDefaultOptions(svcApiUrl, version), options);
+      var version = "18.1.24.709";
+      options = $.extend({}, getDefaultOptions(svcApiUrl, version), options);
       settings = new ReportViewerSettings(
         persistanceKey,
         options.persistSession ? window.sessionStorage : new MemStorage(),
@@ -9074,24 +8949,21 @@ var telerikReportViewer = (function (exports) {
           return e.outerHTML;
         }).toArray();
         var promises = [];
-        each(
-          styleSheets,
-          function(i, e) {
-            if (-1 === currentStyleLinks.indexOf(e)) {
-              promises.push(
-                new Promise(function(resolve, reject) {
-                  var $link = $(e);
-                  $link.on("load", resolve);
-                  $link.on("onerror", function() {
-                    logError("error loading stylesheet " + e);
-                    resolve();
-                  });
-                  $head.append($link);
-                })
-              );
-            }
+        Array.from(styleSheets).forEach((element) => {
+          if (currentStyleLinks.indexOf(element) === -1) {
+            promises.push(
+              new Promise(function(resolve, reject) {
+                var $link = $(element);
+                $link.on("load", resolve);
+                $link.on("onerror", function() {
+                  logError("error loading stylesheet " + element);
+                  resolve();
+                });
+                $head.append($link);
+              })
+            );
           }
-        );
+        });
         return Promise.all(promises).then(controller.cssLoaded);
       }
       function browserSupportsAllFeatures() {
@@ -9100,12 +8972,11 @@ var telerikReportViewer = (function (exports) {
       function ensureKendo(version2) {
         if (window.kendo) {
           return Promise.resolve();
-        } else {
-          var kendoUrl = rTrim(svcApiUrl, "\\/") + "/resources/js/telerikReportViewer.kendo-" + version2 + ".min.js/";
-          return loadScript(kendoUrl).catch(function(errorData) {
-            logError("Kendo could not be loaded automatically. Make sure 'options.serviceUrl' / 'options.reportServer.url' is correct and accessible. The error is: " + errorData.error);
-          });
         }
+        var kendoUrl = rTrim(svcApiUrl, "\\/") + "/resources/js/telerikReportViewer.kendo-" + version2 + ".min.js/";
+        return loadScript(kendoUrl).catch(function(errorData) {
+          logError("Kendo could not be loaded automatically. Make sure 'options.serviceUrl' / 'options.reportServer.url' is correct and accessible. The error is: " + errorData.error);
+        });
       }
       function main(version2) {
         ensureKendo(version2).then(function() {
@@ -9133,7 +9004,7 @@ var telerikReportViewer = (function (exports) {
       if (browserSupportsAllFeatures()) {
         main(version);
       } else {
-        loadScriptWithCallback("https://cdn.polyfill.io/v2/polyfill.min.js?features=Promise", main, version);
+        throw "The current browser does not support the Promise feature which is required for using the Report Viewer.";
       }
       return viewer;
     }
@@ -9142,7 +9013,7 @@ var telerikReportViewer = (function (exports) {
       if (this.selector && !options.selector) {
         options.selector = this.selector;
       }
-      return each(this, function() {
+      return this.each(function() {
         if (!$.data(this, pluginName)) {
           $.data(this, pluginName, new ReportViewer(this, options));
         }
@@ -9176,11 +9047,23 @@ var telerikReportViewer = (function (exports) {
       {
         name: "telerik_ReportViewer_SideMenu",
         constructor: SideMenu
+      },
+      {
+        name: "telerik_ReportViewer_LinkButton",
+        constructor: LinkButton
+      },
+      {
+        name: "telerik_ReportViewer_PageNumberInput",
+        constructor: PageNumberInput
+      },
+      {
+        name: "telerik_ReportViewer_PageCountLabel",
+        constructor: PageCountLabel
       }
     ];
     plugins.forEach((plugin) => {
       $.fn[plugin.name] = function(options, otherOptions) {
-        return each(this, function() {
+        return this.each(function() {
           if (!$.data(this, plugin.name)) {
             $.data(this, plugin.name, new plugin.constructor(this, options, otherOptions));
           }