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

package/dist/cjs/sr.js

@@ -2,7 +2,7 @@
 
 var _a;
 var sr = {
-  //warning and error string resources
+  // warning and error string resources
   controllerNotInitialized: "Controller is not initialized.",
   noReportInstance: "No report instance.",
   missingTemplate: "!obsolete resource!",
@@ -35,7 +35,7 @@ var sr = {
   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",
@@ -79,7 +79,7 @@ var sr = {
   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",
@@ -139,7 +139,7 @@ var sr = {
   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",

package/dist/cjs/template-cache.js

@@ -17,14 +17,14 @@ const TemplateCache = function() {
           html = utils.replaceAll(html, "{service}/", baseUri);
           html = utils.replaceAll(html, "{service}", baseUri);
           var viewerTemplate = $("<div></div>").html(html);
-          utils.each(viewerTemplate.find("template"), function(index, e) {
-            var $e = $(e);
-            templates[$e.attr("id")] = utils.trim($e.html(), "\n 	");
+          Array.from(viewerTemplate.find("template")).forEach((element) => {
+            var $element = $(element);
+            templates[$element.attr("id")] = utils.trim($element.html(), "\n 	");
           });
-          utils.each(viewerTemplate.find("link"), function(index, e) {
-            styleSheets.push(utils.trim(e.outerHTML, "\n 	"));
+          Array.from(viewerTemplate.find("link")).forEach((element) => {
+            styleSheets.push(utils.trim(element.outerHTML, "\n 	"));
           });
-          styleSheets = utils.filterUniqueLastOccurance(styleSheets);
+          styleSheets = utils.filterUniqueLastOccurrence(styleSheets);
           return {
             templates,
             styleSheets

package/dist/cjs/toolbar/link-button.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var baseComponent = require('../base-component.js');
+
+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 LinkButton extends baseComponent.BaseComponent {
+  // #endregion
+  // #region constructor
+  constructor(element, options) {
+    super(element, options);
+    // #region fields
+    __publicField(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
+}
+
+exports.LinkButton = LinkButton;

package/dist/cjs/toolbar/page-count-label.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var baseComponent = require('../base-component.js');
+
+class PageCountLabel extends baseComponent.BaseComponent {
+  // #region constructor
+  constructor(element, options) {
+    super(element, options);
+    this.options.controller.pageCountChange((event, value) => {
+      this.$element.text(value);
+    });
+  }
+  // #endregion
+}
+
+exports.PageCountLabel = PageCountLabel;

package/dist/cjs/toolbar/page-number-input.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var baseComponent = require('../base-component.js');
+var utils = require('../utils.js');
+
+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.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 = utils.tryParseInt(val);
+    if (!isNaN(num)) {
+      this.cmd.exec(num);
+    }
+  }
+  _onSpin(event, data) {
+    return this._onChange(event, data);
+  }
+  // #endregion
+}
+
+exports.PageNumberInput = PageNumberInput;

package/dist/cjs/uiFreezeCoordinator.js

@@ -7,21 +7,21 @@ var utils = require('./utils.js');
 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,
   /**
@@ -149,28 +149,28 @@ var UIFreezeCoordinator = {
       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);
       }
     }
@@ -185,8 +185,8 @@ var UIFreezeCoordinator = {
     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
@@ -229,6 +229,7 @@ var UIFreezeCoordinator = {
       $item.css(newStyleRules);
     }
   },
+  // eslint-disable-next-line max-params
   _applyBgColorOnScroll: function($item, isItemFrozenBothDirection, hasInitialBgColor, shouldApplyBGColor, freezeItemsContainerID) {
     if ($item.is("img")) {
       return true;
@@ -247,7 +248,7 @@ var UIFreezeCoordinator = {
     return utils.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

package/dist/cjs/utils.js

@@ -172,13 +172,11 @@ function areEqualArrays(array1, array2) {
   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;
@@ -304,7 +302,7 @@ function selector() {
 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;
   }
@@ -324,12 +322,11 @@ function loadScriptWithCallback(src, done, version) {
 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;
   }
@@ -388,9 +385,9 @@ function getColorAlphaValue(color) {
   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));
@@ -456,7 +453,7 @@ exports.each = each;
 exports.escapeHtml = escapeHtml;
 exports.exceptionTypeNamesMatch = exceptionTypeNamesMatch;
 exports.extend = extend;
-exports.filterUniqueLastOccurance = filterUniqueLastOccurance;
+exports.filterUniqueLastOccurrence = filterUniqueLastOccurrence;
 exports.findElement = findElement;
 exports.generateGuidString = generateGuidString;
 exports.getColorAlphaValue = getColorAlphaValue;

package/dist/es/accessibility.js

@@ -1,4 +1,4 @@
-import { findElement, each, stringFormat } from './utils.js';
+import { stringFormat } from './utils.js';
 import { stringResources } from './stringResources.js';
 
 var defaultOptions = {};
@@ -8,16 +8,15 @@ function Accessibility(options) {
   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, options);
   controller = options.controller;
@@ -51,8 +50,7 @@ function Accessibility(options) {
     }
   }
   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;
     }
@@ -68,24 +66,16 @@ function Accessibility(options) {
     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 = {};
@@ -99,16 +89,16 @@ function Accessibility(options) {
     }
   }
   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) {
@@ -141,8 +131,8 @@ function Accessibility(options) {
     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();
@@ -162,11 +152,11 @@ function Accessibility(options) {
     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");
         }
       });
     });
@@ -176,11 +166,11 @@ function Accessibility(options) {
     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]);

package/dist/es/base-component.js

@@ -0,0 +1,22 @@
+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 BaseComponent {
+  // #endregion
+  // #region constructor
+  constructor(element, options) {
+    // #region fields
+    __publicField(this, "element");
+    __publicField(this, "$element");
+    __publicField(this, "options");
+    this.element = element;
+    this.$element = $(element);
+    this.options = options;
+  }
+  // #endregion
+}
+
+export { BaseComponent };