@progress/telerik-jquery-report-viewer 25.25.313 → 26.25.716

package/dist/cjs/sideMenu.js

@@ -5,19 +5,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var utils = require('./utils.js');
 var stringResources = require('./stringResources.js');
 
-function SideMenu(dom, rootOptions, otherOptions) {
-  var options = $.extend({}, rootOptions, otherOptions);
-  var menu = $(dom).data("kendoMenu");
+function SideMenu(element, options, viewerOptions) {
+  options = $.extend({}, options, viewerOptions);
+  var menu = $(element).data("kendoMenu");
   var enableAccessibility = options.enableAccessibility;
   var DEFAULT_TABINDEX = 3;
   var panelBar;
   var sideMenuVisible = false;
   var controller = options.controller;
+  var notificationService = options.notificationService;
   if (!controller) {
     throw "No controller (telerikReporting.ReportViewerController) has been specified.";
   }
+  if (!notificationService) {
+    throw "No notificationService (telerikReporting.NotificationService) has been specified.";
+  }
   if (!menu) {
-    init(dom);
+    init(element);
   }
   function init(root) {
     var $root = $(root);
@@ -32,23 +36,23 @@ function SideMenu(dom, rootOptions, otherOptions) {
     panelBar.element.on("keydown", onPanelKeyDown);
     setTabIndexes($root);
     enableCloseOnClick($root);
-    $root.click(function(e) {
+    $root.on("click", (e) => {
       if (e.target == root) {
-        controller.setSideMenuVisible({ visible: !sideMenuVisible });
+        notificationService.setSideMenuVisible({ visible: !sideMenuVisible });
       }
     });
     replaceStringResources();
   }
-  controller.setSideMenuVisible(function(event, args) {
+  notificationService.setSideMenuVisible((event, args) => {
     setSideMenuVisibility();
     if (enableAccessibility) {
-      panelBar.element.focus();
+      panelBar.element.trigger("focus");
     }
     sideMenuVisible = args.visible;
     if (!sideMenuVisible) {
       panelBar.collapse($("#trv-side-menu-export-command"));
     }
-  }).getSideMenuVisible(function(event, args) {
+  }).getSideMenuVisible((event, args) => {
     args.visible = sideMenuVisible;
   });
   function setSideMenuVisibility() {
@@ -57,7 +61,7 @@ function SideMenu(dom, rootOptions, otherOptions) {
     if (hidden) {
       $root.show();
     } else {
-      window.setTimeout(function() {
+      window.setTimeout(() => {
         $root.hide();
       }, 500);
     }
@@ -66,14 +70,14 @@ function SideMenu(dom, rootOptions, otherOptions) {
     var $item = $(e.item);
     panelBar.unbind("expand", onSubmenuOpen);
     panelBar.append({ text: stringResources.stringResources.loadingFormats, spriteCssClass: "k-icon k-loading" }, $item);
-    options.controller.getDocumentFormats().then(fillFormats).then(function() {
+    options.controller.getDocumentFormats().then(fillFormats).then(() => {
       panelBar.expand($item);
-    }).then(function() {
+    }).then(() => {
       panelBar.bind("expand", onSubmenuOpen);
     });
   }
   function fillFormats(formats) {
-    Array.from($(dom).find("ul[data-command-list=export-format-list]")).forEach((list) => {
+    Array.from($(element).find("ul[data-command-list=export-format-list]")).forEach((list) => {
       var $list = $(list);
       var $parent = $list.parents("li");
       var tabIndex = $parent.attr("tabindex");
@@ -95,7 +99,7 @@ function SideMenu(dom, rootOptions, otherOptions) {
       var isLeaf = $(listItem).children("ul").length === 0;
       if (isLeaf) {
         $(listItem).children("a").on("click", (event) => {
-          controller.setSideMenuVisible({ visible: !sideMenuVisible });
+          notificationService.setSideMenuVisible({ visible: !sideMenuVisible });
         });
       }
     });
@@ -154,7 +158,7 @@ function SideMenu(dom, rootOptions, otherOptions) {
       } else {
         $item = panelBar.select();
       }
-      if (!$item || !$item.length > 0) {
+      if (!$item || $item.length === 0) {
         return;
       }
       handleItemSelect($item, isSelectedFocusedItem);
@@ -166,7 +170,7 @@ function SideMenu(dom, rootOptions, otherOptions) {
     }
   }
   function handleItemSelect(item, handleExpandCollapse) {
-    if (!item.length > 0) {
+    if (item.length === 0) {
       return;
     }
     var isLeaf = item.children("ul").length === 0;

package/dist/cjs/sr.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var _a;
 var sr = {
   // warning and error string resources
   controllerNotInitialized: "Controller is not initialized.",
@@ -35,7 +34,7 @@ var sr = {
   errorObtainingAuthenticationToken: "Error obtaining authentication token.",
   clientExpired: "Click 'Refresh' to restore client session.",
   promisesChainStopError: "Error shown. Throwing promises chain stop error.",
-  renderingCanceled: "Report processing was canceled.",
+  renderingCancelled: "Report processing was canceled.",
   tryReportPreview: "The report may now be previewed.",
   // viewer template string resources
   parameterEditorSelectNone: "clear selection",
@@ -56,6 +55,8 @@ var sr = {
   menuPreviousPageTitle: "Previous Page",
   menuNextPageTitle: "Next Page",
   menuPageNumberTitle: "Page Number Selector",
+  menuPageText: "Page",
+  menuPageOfText: "of",
   menuDocumentMapTitle: "Toggle Document Map",
   menuParametersAreaTitle: "Toggle Parameters Area",
   menuZoomInTitle: "Zoom In",
@@ -73,6 +74,7 @@ var sr = {
   menuPrintPreviewTitle: "Toggle Print Preview",
   menuSearchText: "Search",
   menuSearchTitle: "Toggle Search",
+  menuAiPromptTitle: "Toggle AI Prompt",
   menuSideMenuTitle: "Toggle Side Menu",
   sendEmailFromLabel: "From:",
   sendEmailToLabel: "To:",
@@ -105,6 +107,7 @@ var sr = {
   ariaLabelParametersAreaSplitter: "Parameters area splitbar.",
   ariaLabelPagesArea: "Report contents area",
   ariaLabelSearchDialogArea: "Search area",
+  ariaLabelAiPromptDialogArea: "AI prompt area",
   ariaLabelSendEmailDialogArea: "Send email area",
   ariaLabelSearchDialogStop: "Stop search",
   ariaLabelSearchDialogOptions: "Search options",
@@ -160,7 +163,10 @@ var sr = {
   sendEmailValidationEmailFormat: "Email format is not valid",
   sendEmailValidationSingleEmail: "The field accepts a single email address only",
   sendEmailValidationFormatRequired: "Format field is required",
-  errorSendingDocument: "Error sending report document (Report = '{0}')."
+  errorSendingDocument: "Error sending report document (Report = '{0}').",
+  aiPromptConsentDialogTitle: "Before you start with AI",
+  aiPromptConsentAgreeLabel: "Consent",
+  aiPromptConsentRejectLabel: "Cancel"
 };
-window.telerikReportViewer || (window.telerikReportViewer = {});
-(_a = window.telerikReportViewer).sr || (_a.sr = sr);
+window.telerikReportViewer ||= {};
+window.telerikReportViewer.sr ||= sr;

package/dist/cjs/template-cache.js

@@ -7,10 +7,10 @@ var utils = require('./utils.js');
 const TemplateCache = function() {
   var cache = {};
   return {
-    load: function(url, serviceUrl, client) {
+    load: (url, serviceUrl, client) => {
       var p = cache[url];
       if (!p) {
-        cache[url] = p = client.get(url).then(function(html) {
+        cache[url] = p = client.get(url).then((html) => {
           var templates = {};
           var styleSheets = [];
           var baseUri = utils.rTrim(serviceUrl, "\\/") + "/";

package/dist/cjs/toolbar/button.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+class ToolbarButton {
+  constructor(element, command) {
+    this._element = element;
+    this._command = command;
+    this._initButton();
+  }
+  _initButton() {
+    const options = {};
+    options.icon = this._element.dataset.icon;
+    new kendo.ui.Button(this._element, options);
+  }
+}
+
+exports.ToolbarButton = ToolbarButton;

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

@@ -4,35 +4,29 @@ 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 {
+  // #region fields
+  cmd;
   // #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"));
+        if (this.cmd.getEnabled()) {
+          this.cmd.exec($(event.currentTarget).attr("data-command-parameter"));
         } else {
           event.preventDefault();
         }
       });
       $(this.cmd).on("enabledChanged", (event) => {
-        (this.cmd.enabled() ? $.fn.removeClass : $.fn.addClass).call(this.$element, "disabled");
+        (this.cmd.getEnabled() ? $.fn.removeClass : $.fn.addClass).call(this.$element, "disabled");
       }).on("checkedChanged", (event) => {
-        (this.cmd.checked() ? $.fn.addClass : $.fn.removeClass).call(this.$element, "checked");
+        (this.cmd.getChecked() ? $.fn.addClass : $.fn.removeClass).call(this.$element, "checked");
       });
     }
   }

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

@@ -8,7 +8,7 @@ class PageCountLabel extends baseComponent.BaseComponent {
   // #region constructor
   constructor(element, options) {
     super(element, options);
-    this.options.controller.pageCountChange((event, value) => {
+    options.notificationService.pageCountChange((event, value) => {
       this.$element.text(value);
     });
   }

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

@@ -3,22 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var baseComponent = require('../base-component.js');
+var stringResources = require('../stringResources.js');
 var utils = require('../utils.js');
+var RCV = require('@progress/telerik-common-report-viewer');
 
-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 {
+  // #region fields
+  cmd;
+  _numeric;
   // #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",
@@ -30,19 +26,25 @@ class PageNumberInput extends baseComponent.BaseComponent {
     });
     this._numeric._text[0].dataset.role = "telerik_ReportViewer_PageNumberInput";
     this._numeric.element[0].dataset.role = "";
-    this.options.controller.on("reportLoadComplete", (event, reportInfo) => {
+    this._numeric.wrapper[0].classList.add("trv-toolbar-numeric");
+    this._numeric._text[0].setAttribute("aria-label", stringResources.stringResources.ariaLabelPageNumberEditor);
+    this.options.controller.onAsync("reportLoadComplete", async (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) => {
+    }).on("loadedReportChange", () => {
       this._numeric.min(0);
       this._numeric.max(0);
       this._numeric.value(0);
-    }).on("renderingStopped", (event) => {
+    }).on("renderingStopped", () => {
       this._numeric.min(0);
       this._numeric.max(0);
       this._numeric.value(0);
-    }).pageNumberChange((event, value) => {
+    });
+    this.options.notificationService.pageNumberChange((event, value) => {
+      var pageNumber = value;
+      var pageCount = this.options.controller.getPageCount();
+      this.element.parentElement.setAttribute("aria-label", utils.stringFormat(stringResources.stringResources.ariaLabelPageNumberSelector, [pageNumber, pageCount]));
       this._numeric.value(value);
     });
   }
@@ -50,7 +52,7 @@ class PageNumberInput extends baseComponent.BaseComponent {
   // #region event handlers
   _onChange(event, data) {
     var val = this._numeric.value();
-    var num = utils.tryParseInt(val);
+    var num = RCV.tryParseInt(val);
     if (!isNaN(num)) {
       this.cmd.exec(num);
     }

package/dist/cjs/toolbar.js

@@ -0,0 +1,203 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var stringResources = require('./stringResources.js');
+var pageCountLabel = require('./toolbar/page-count-label.js');
+var pageNumberInput = require('./toolbar/page-number-input.js');
+var constants = require('./constants.js');
+
+function replaceStringResources($toolbar) {
+  if (!$toolbar) {
+    return;
+  }
+  const labels = $toolbar.find(".trv-replace-string");
+  if (labels && labels.length > 0) {
+    Array.from(labels).forEach((element) => {
+      const $element = $(element);
+      const stringResource = stringResources.stringResources[$element.text()];
+      if ($element && stringResource) {
+        $element.text(stringResource);
+      }
+    });
+  }
+}
+class Toolbar {
+  // #region fields
+  _options;
+  /** @type {HTMLElement} */
+  _element;
+  $element;
+  _kendoToolbar;
+  _neverOverflowToolBarButtons = ["goToPrevPage", "goToNextPage"];
+  // #endregion
+  // #region constructor
+  constructor(element, options, viewerOptions) {
+    this._element = element;
+    this._options = options;
+    this.$element = $(this._element);
+    if (this._kendoToolbar === void 0) {
+      this.initKendoToolbar();
+    }
+    this._options.controller.on("beginLoadReport", () => {
+      const kendoExportDropDown = this.$element.find(`#${constants.ToolBarConstants.ExportDropdownId}`).data("kendoDropDownButton");
+      kendoExportDropDown?.enable(false);
+    }).onAsync("reportLoadComplete", async () => {
+      if (viewerOptions.renderingExtensions === void 0) {
+        this._options.controller.getDocumentFormats().then((extensions) => {
+          this.updateExportDropdownItems(extensions);
+        }).catch((error) => {
+          this._options.controller.trigger("error", { message: error });
+        });
+      } else {
+        this.updateExportDropdownItems(viewerOptions.renderingExtensions);
+      }
+    });
+  }
+  // #endregion
+  // #region methods
+  initKendoToolbar() {
+    replaceStringResources(this.$element);
+    const children = Array.from(this._element.children);
+    const toolBarItems = [];
+    children.forEach((child) => toolBarItems.push(this.createToolbarItem(child)));
+    this.$element.empty();
+    this._kendoToolbar = this.$element.kendoToolBar({
+      items: toolBarItems,
+      click: (e) => {
+        this.executeCommand(e);
+      },
+      toggle: (e) => {
+        this.executeCommand(e);
+      }
+    }).data("kendoToolBar");
+    const pageNumberInputEl = this.$element.find(constants.ToolBarConstants.PageNumberInputDataRoleSelector).get(0);
+    if (pageNumberInputEl) {
+      new pageNumberInput.PageNumberInput(pageNumberInputEl, this._options);
+    }
+    const pageCountLabelEl = this.$element.find(constants.ToolBarConstants.PageCountLabelDataRoleSelector).get(0);
+    if (pageCountLabelEl) {
+      new pageCountLabel.PageCountLabel(pageCountLabelEl, this._options);
+    }
+  }
+  createToolbarItem(elementData) {
+    const cmdName = (elementData.dataset?.command || "").replace("telerik_ReportViewer_", "");
+    if (cmdName === "toggleAiPromptDialog" && !this._options.controller.getAiConfigurationOptions()?.isAvailable) {
+      return;
+    }
+    const id = elementData.id;
+    const role = elementData.dataset?.role;
+    const icon = elementData.dataset?.icon;
+    const overflow = elementData.dataset?.overflow;
+    const title = stringResources.stringResources[elementData.title] || elementData.title || "";
+    const ariaLabel = stringResources.stringResources[elementData.ariaLabel] || elementData.ariaLabel || "";
+    const cmdParam = elementData.dataset?.commandParameter;
+    const command = this._options.commands[cmdName];
+    switch (role) {
+      case constants.ToolBarConstants.Separator:
+        return {
+          type: constants.ToolBarConstants.Separator,
+          overflow: overflow || "auto"
+        };
+      case constants.ToolBarConstants.CustomElement:
+        elementData.title = title;
+        elementData.ariaLabel = ariaLabel;
+        return {
+          template: elementData.outerHTML
+        };
+      case constants.ToolBarConstants.MenuButton:
+        return {
+          id,
+          type: constants.ToolBarConstants.DropDownButton,
+          icon,
+          enable: false,
+          showArrowButton: true,
+          overflow: "never",
+          fillMode: "flat",
+          menuButtons: [
+            { text: "Loading...", enabled: false }
+          ]
+        };
+      case constants.ToolBarConstants.ButtonGroup:
+        const groupChildren = Array.from(elementData.children);
+        const buttonGroupButtons = [];
+        groupChildren.forEach((groupChild) => {
+          if (groupChild.dataset?.role !== constants.ToolBarConstants.Button && groupChild.dataset?.role !== constants.ToolBarConstants.ToggleButton) {
+            console.warn("The data-role attribute of element nested inside a buttonGroup is missing or not supported. Only 'button' or 'toggle-button' data-role is allowed.");
+            return;
+          }
+          buttonGroupButtons.push(this.createToolbarItem(groupChild));
+        });
+        return {
+          type: constants.ToolBarConstants.ButtonGroup,
+          buttons: buttonGroupButtons,
+          fillMode: "flat",
+          overflow: overflow ? overflow : "auto"
+        };
+      case constants.ToolBarConstants.Button:
+      case constants.ToolBarConstants.ToggleButton:
+        $(command).on("enabledChanged", (e, newState) => {
+          this._kendoToolbar.enable($(`button[${constants.ToolBarConstants.DataCommandAttr}="${cmdName}"]`), newState);
+        }).on("checkedChanged", (e, newState) => {
+          this._kendoToolbar.toggle($(`button[${constants.ToolBarConstants.DataCommandAttr}="${cmdName}"]`), newState);
+        });
+        return {
+          id,
+          type: constants.ToolBarConstants.Button,
+          text: title,
+          icon,
+          attributes: {
+            [constants.ToolBarConstants.DataCommandAttr]: cmdName,
+            [constants.ToolBarConstants.DataCommandParameterAttr]: cmdParam,
+            [constants.ToolBarConstants.AriaLabelAttr]: ariaLabel,
+            [constants.ToolBarConstants.TitleAttr]: title
+          },
+          fillMode: "flat",
+          togglable: role === constants.ToolBarConstants.ToggleButton,
+          overflow: overflow ? overflow : "auto",
+          showText: "overflow"
+        };
+      default:
+        console.error(`The data-role attribute is missing or not supported: ${role}`);
+        return {};
+    }
+  }
+  executeCommand(event) {
+    const cmdName = event.target.get(0)?.dataset.command || "";
+    const cmdParam = event.target.get(0)?.dataset.commandParameter || "";
+    if (!cmdName) {
+      return;
+    }
+    const cmdFn = this._options.commands[cmdName];
+    if (!cmdFn) {
+      console.error(`The provided data-command attribute is not present within the commands collection: ${cmdName}`);
+      return;
+    }
+    cmdFn.exec(cmdParam);
+  }
+  updateExportDropdownItems(extensions) {
+    const kendoExportDropDown = this.$element.find(`#${constants.ToolBarConstants.ExportDropdownId}`).data("kendoDropDownButton");
+    if (!kendoExportDropDown) {
+      return;
+    }
+    if (!(extensions && extensions.length > 0)) {
+      console.warn("No extensions found - the export dropdown button will remain disabled.");
+      return;
+    }
+    const exportDropdownItems = [];
+    extensions.forEach((extension) => exportDropdownItems.push({
+      id: extension.name,
+      text: extension.localizedName,
+      attributes: {
+        [constants.ToolBarConstants.DataCommandAttr]: "export",
+        [constants.ToolBarConstants.DataCommandParameterAttr]: extension.name
+      }
+    }));
+    const options = kendoExportDropDown.options;
+    options.items = exportDropdownItems;
+    kendoExportDropDown.setOptions(options);
+    kendoExportDropDown.enable(true);
+  }
+}
+
+exports.Toolbar = Toolbar;

package/dist/cjs/touch.js

@@ -9,39 +9,39 @@ function TouchBehavior(dom, options) {
   function init(element) {
     if (typeof $.fn.kendoTouch === "function") {
       try {
-        $(element).mousedown(function() {
+        $(element).on("mousedown", () => {
           ignoreTouch = true;
-        }).mouseup(function() {
+        }).on("mouseup", () => {
           ignoreTouch = false;
         }).kendoTouch({
           multiTouch: true,
           enableSwipe: true,
-          swipe: function(e) {
+          swipe: (e) => {
             if (!ignoreTouch) {
               onSwipe(e);
             }
           },
-          gesturestart: function(e) {
+          gesturestart: (e) => {
             if (!ignoreTouch) {
               onGestureStart(e);
             }
           },
-          gestureend: function(e) {
+          gestureend: (e) => {
             if (!ignoreTouch) {
               onGestureEnd(e);
             }
           },
-          gesturechange: function(e) {
+          gesturechange: (e) => {
             if (!ignoreTouch) {
               onGestureChange(e);
             }
           },
-          doubletap: function(e) {
+          doubletap: (e) => {
             if (!ignoreTouch) {
               onDoubleTap(e);
             }
           },
-          touchstart: function(e) {
+          touchstart: (e) => {
             if (!ignoreTouch) {
               fire("touchstart");
             }