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

package/dist/es/binder.js

@@ -1,56 +1,54 @@
-import { each, tryParseInt, isSpecialKey } from './utils.js';
 import { GlobalSettings } from './globalSettings.js';
 
-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();
     }
   }
 }
@@ -60,10 +58,10 @@ function attachCommand(dataCommand, cmd, viewerOptions, $element) {
     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);
@@ -73,96 +71,5 @@ function attachCommand(dataCommand, cmd, viewerOptions, $element) {
 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));
-    }
-  });
-};
 
 export { Binder };

package/dist/es/controller.js

@@ -1,4 +1,4 @@
-import { extend, tryParseInt, each, logError, isInvalidClientException, isInternalServerError, isApplicationException, getExceptionInstance, stringFormat, parseJSON, escapeHtml, isSystemArgumentException, exceptionTypeNamesMatch, isSvgSupported } from './utils.js';
+import { tryParseInt, logError, isInvalidClientException, isInternalServerError, isApplicationException, getExceptionInstance, stringFormat, parseJSON, escapeHtml, isSystemArgumentException, exceptionTypeNamesMatch, isSvgSupported } from './utils.js';
 import { stringResources } from './stringResources.js';
 import { PrintManager } from './print.js';
 import { ParameterValidators } from './parameterValidators.js';
@@ -34,7 +34,7 @@ function ReportViewerController(options) {
   var eventEmitter = new EventEmitter();
   var serviceClientSentinel;
   clearReportState();
-  options = extend({}, defaultOptions, options);
+  options = $.extend({}, defaultOptions, options);
   var settings = options.settings;
   if (typeof settings.getPrintMode === "function") {
     printMode = settings.getPrintMode();
@@ -173,18 +173,16 @@ function ReportViewerController(options) {
       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 = {};
@@ -542,7 +540,7 @@ function ReportViewerController(options) {
     if (typeof args[0] === "function") {
       eventEmitter.on(event, args[0]);
     } else {
-      eventEmitter.trigger(event, args);
+      eventEmitter.trigger(event, ...args);
     }
     return controller;
   }
@@ -571,11 +569,10 @@ function ReportViewerController(options) {
         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;
         }
       }
     }
@@ -752,7 +749,7 @@ function ReportViewerController(options) {
     MISSING_OR_INVALID_PARAMETERS: "missingOrInvalidParameters",
     RENDERING_STOPPED: "renderingStopped"
   };
-  extend(
+  $.extend(
     controller,
     {
       getPageData: function(pageNumber) {
@@ -767,7 +764,7 @@ function ReportViewerController(options) {
         }
         return {
           report,
-          parameters: extend({}, parameterValues)
+          parameters: $.extend({}, parameterValues)
         };
       },
       setReportSource: function(rs) {
@@ -783,7 +780,7 @@ function ReportViewerController(options) {
         return this;
       },
       updateSettings: function(settings2) {
-        options.settings = extend({}, settings2, options.settings);
+        options.settings = $.extend({}, settings2, options.settings);
       },
       clearReportSource: function() {
         report = parameterValues = null;
@@ -894,6 +891,9 @@ function ReportViewerController(options) {
         });
       },
       getReportParameters: function() {
+        if (!parameterValues) {
+          return [];
+        }
         var paramsToBeExposed = {};
         for (var key in processedParameterValues) {
           var processedParam = processedParameterValues[key];
@@ -925,13 +925,13 @@ function ReportViewerController(options) {
           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;
             }
           });
@@ -1008,8 +1008,8 @@ function ReportViewerController(options) {
         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) {

package/dist/es/documentMapArea.js

@@ -1,4 +1,3 @@
-import { each } from './utils.js';
 import { stringResources } from './stringResources.js';
 import { DocumentMapAreaPositions } from './enums.js';
 import { GlobalSettings } from './globalSettings.js';
@@ -41,8 +40,8 @@ function DocumentMapArea(placeholder, options, otherOptions) {
   }
   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);
     });
   }
@@ -74,8 +73,8 @@ function DocumentMapArea(placeholder, options, otherOptions) {
     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();
@@ -152,13 +151,5 @@ function DocumentMapArea(placeholder, options, otherOptions) {
     $documentMapOverlay.attr("aria-label", stringResources[$documentMapOverlay.attr("aria-label")]);
   }
 }
-var pluginName = "telerik_ReportViewer_DocumentMapArea";
-$.fn[pluginName] = function(options, otherOptions) {
-  return each(this, function() {
-    if (!$.data(this, pluginName)) {
-      $.data(this, pluginName, new DocumentMapArea(this, options, otherOptions));
-    }
-  });
-};
 
 export { DocumentMapArea };

package/dist/es/event-emitter.js

@@ -1,13 +1,127 @@
-function EventEmitter() {
-  var _emitter = $({});
-  return {
-    on: function(eventName, handler) {
-      _emitter.on(eventName, handler);
-    },
-    trigger: function(eventName, ...args) {
-      _emitter.trigger(eventName, ...args);
-    }
-  };
+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 EventEmitter extends EventTarget {
+  constructor() {
+    super();
+    __publicField(this, "_events");
+    __publicField(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);
+  }
 }
 
 export { EventEmitter };

package/dist/es/index.js

@@ -22,3 +22,4 @@ import './sr.js';
 export { TouchBehavior } from './touch.js';
 export { UIController } from './uiController.js';
 export { UIFreezeCoordinator } from './uiFreezeCoordinator.js';
+export { ParametersArea } from './parametersArea.js';

package/dist/es/mainMenu.js

@@ -1,4 +1,4 @@
-import { each, tryParseInt, stringFormat, findElement } from './utils.js';
+import { tryParseInt, stringFormat } from './utils.js';
 import { stringResources } from './stringResources.js';
 
 var lastSelectedMenuItem;
@@ -44,9 +44,9 @@ function MainMenu(dom, rootOptions, otherOptions) {
     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");
@@ -64,13 +64,13 @@ function MainMenu(dom, rootOptions, otherOptions) {
     });
   }
   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");
@@ -89,16 +89,15 @@ function MainMenu(dom, rootOptions, otherOptions) {
     });
   }
   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);
@@ -109,10 +108,10 @@ function MainMenu(dom, rootOptions, otherOptions) {
     });
   }
   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);
@@ -120,17 +119,17 @@ function MainMenu(dom, rootOptions, otherOptions) {
           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;
         }
@@ -294,12 +293,12 @@ function MainMenu(dom, rootOptions, otherOptions) {
     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");
@@ -313,16 +312,8 @@ function MainMenu(dom, rootOptions, otherOptions) {
     });
   }
   function findMenuArea() {
-    return findElement("ul[data-role=telerik_ReportViewer_MainMenu]");
+    return $("ul[data-role=telerik_ReportViewer_MainMenu]");
   }
 }
-var pluginName = "telerik_ReportViewer_MainMenu";
-$.fn[pluginName] = function(options, otherOptions) {
-  return each(this, function() {
-    if (!$.data(this, pluginName)) {
-      $.data(this, pluginName, new MainMenu(this, options, otherOptions));
-    }
-  });
-};
 
 export { MainMenu };