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

package/dist/cjs/commandSet.js

@@ -2,71 +2,91 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var enums = require('./enums.js');
 var command = require('./command.js');
+var RCV = require('@progress/telerik-common-report-viewer');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var RCV__namespace = /*#__PURE__*/_interopNamespace(RCV);
 
 var scaleTransitionMap = {};
-scaleTransitionMap[enums.ScaleModes.FIT_PAGE] = { scaleMode: enums.ScaleModes.FIT_PAGE_WIDTH };
-scaleTransitionMap[enums.ScaleModes.FIT_PAGE_WIDTH] = { scaleMode: enums.ScaleModes.SPECIFIC, scale: 1 };
-scaleTransitionMap[enums.ScaleModes.SPECIFIC] = { scaleMode: enums.ScaleModes.FIT_PAGE };
+scaleTransitionMap[RCV__namespace.ScaleMode.FitPage] = RCV__namespace.ScaleMode.FitPageWidth;
+scaleTransitionMap[RCV__namespace.ScaleMode.FitPageWidth] = RCV__namespace.ScaleMode.Specific;
+scaleTransitionMap[RCV__namespace.ScaleMode.Specific] = RCV__namespace.ScaleMode.FitPage;
 var scaleValues = [0.1, 0.25, 0.5, 0.75, 1, 1.5, 2, 4, 8];
 function CommandSet(options) {
   var controller = options.controller;
   if (!controller) {
     throw "No options.controller.";
   }
+  var notificationService = options.notificationService;
+  if (!notificationService) {
+    throw "No options.notificationService.";
+  }
   var historyManager = options.history;
   if (!historyManager) {
     throw "No options.history.";
   }
   function getDocumentMapVisible() {
     var args = {};
-    controller.getDocumentMapState(args);
+    notificationService.getDocumentMapState(args);
     return Boolean(args.visible);
   }
   function getParametersAreaVisible() {
     var args = {};
-    controller.getParametersAreaState(args);
-    return Boolean(args.visible);
-  }
-  function getSideMenuVisible() {
-    var args = {};
-    controller.getSideMenuVisible(args);
+    notificationService.getParametersAreaState(args);
     return Boolean(args.visible);
   }
   function getSearchDialogVisible() {
-    var args = {};
-    controller.getSearchDialogState(args);
-    return Boolean(args.visible);
+    return Boolean(controller.getSearchInitiated());
   }
   function getSendEmailDialogVisible() {
     var args = {};
-    controller.getSendEmailDialogState(args);
+    notificationService.getSendEmailDialogState(args);
     return Boolean(args.visible);
   }
+  function getAiPromptDialogVisible() {
+    return Boolean(controller.getAiPromptInitiated());
+  }
   return {
-    "historyBack": new command.Command(function() {
+    "historyBack": new command.Command(() => {
       historyManager.back();
     }),
-    "historyForward": new command.Command(function() {
+    "historyForward": new command.Command(() => {
       historyManager.forward();
     }),
-    "stopRendering": new command.Command(function() {
+    "stopRendering": new command.Command(() => {
       controller.stopRendering();
     }),
-    "goToPrevPage": new command.Command(function() {
+    "goToPrevPage": new command.Command(() => {
       controller.navigateToPage(controller.getCurrentPageNumber() - 1);
     }),
-    "goToNextPage": new command.Command(function() {
+    "goToNextPage": new command.Command(() => {
       controller.navigateToPage(controller.getCurrentPageNumber() + 1);
     }),
-    "goToFirstPage": new command.Command(function() {
+    "goToFirstPage": new command.Command(() => {
       controller.navigateToPage(1);
     }),
-    "goToLastPage": new command.Command(function() {
+    "goToLastPage": new command.Command(() => {
       controller.navigateToPage(controller.getPageCount());
     }),
-    "goToPage": new command.Command(function(pageNumber) {
+    "goToPage": new command.Command((pageNumber) => {
       if (!isNaN(pageNumber)) {
         var pageCount = controller.getPageCount();
         if (pageNumber > pageCount) {
@@ -78,62 +98,67 @@ function CommandSet(options) {
         return pageNumber;
       }
     }),
-    "refresh": new command.Command(
-      function() {
-        controller.refreshReport(true, false);
-      }
-    ),
-    "export": new command.Command(function(format) {
+    "refresh": new command.Command(() => {
+      controller.refreshReport(true, "", false);
+    }),
+    "export": new command.Command((format) => {
       if (format) {
         controller.exportReport(format);
       }
     }),
-    "print": new command.Command(function() {
+    "print": new command.Command(() => {
       controller.printReport();
     }),
-    "pageMode": new command.Command(function() {
+    "pageMode": new command.Command(() => {
       controller.setPageMode(
-        controller.getPageMode() === enums.PageModes.SINGLE_PAGE ? enums.PageModes.CONTINUOUS_SCROLL : enums.PageModes.SINGLE_PAGE
+        controller.getPageMode() === RCV__namespace.PageMode.SinglePage ? RCV__namespace.PageMode.ContinuousScroll : RCV__namespace.PageMode.SinglePage
       );
+      controller.refreshReportCore(false, controller.getReportDocumentId());
     }),
-    "togglePrintPreview": new command.Command(function() {
+    "togglePrintPreview": new command.Command(() => {
       controller.setViewMode(
-        controller.getViewMode() === enums.ViewModes.PRINT_PREVIEW ? enums.ViewModes.INTERACTIVE : enums.ViewModes.PRINT_PREVIEW
+        controller.getViewMode() === RCV__namespace.ViewMode.PrintPreview ? RCV__namespace.ViewMode.Interactive : RCV__namespace.ViewMode.PrintPreview
       );
+      controller.refreshReportCore(false, controller.getReportDocumentId());
     }),
-    "toggleDocumentMap": new command.Command(function() {
-      controller.setDocumentMapVisible({ visible: !getDocumentMapVisible() });
+    "toggleDocumentMap": new command.Command(() => {
+      notificationService.setDocumentMapVisible({ visible: !getDocumentMapVisible() });
     }),
-    "toggleParametersArea": new command.Command(function() {
-      controller.setParametersAreaVisible({ visible: !getParametersAreaVisible() });
+    "toggleParametersArea": new command.Command(() => {
+      notificationService.setParametersAreaVisible({ visible: !getParametersAreaVisible() });
     }),
-    "zoom": new command.Command(function(scale) {
+    "zoom": new command.Command((scale) => {
+      controller.setScaleMode(RCV__namespace.ScaleMode.Specific);
       controller.setScale(scale);
     }),
-    "zoomIn": new command.Command(function() {
+    "zoomIn": new command.Command(() => {
       zoom(1);
     }),
-    "zoomOut": new command.Command(function() {
+    "zoomOut": new command.Command(() => {
       zoom(-1);
     }),
-    "toggleSideMenu": new command.Command(function() {
-      controller.setSideMenuVisible({ visible: !getSideMenuVisible() });
-    }),
-    "toggleZoomMode": new command.Command(function(e) {
-      var scale = controller.getScale();
+    "toggleZoomMode": new command.Command((e) => {
       var scaleMode = controller.getScaleMode();
-      controller.setScale(scaleTransitionMap[scaleMode].scale || scale);
-      controller.setScaleMode(scaleTransitionMap[scaleMode].scaleMode);
+      var newScaleMode = scaleTransitionMap[scaleMode];
+      controller.setScaleMode(scaleTransitionMap[newScaleMode]);
+      if (newScaleMode === RCV__namespace.ScaleMode.Specific) {
+        controller.setScale(1);
+      }
+    }),
+    "toggleSearchDialog": new command.Command(() => {
+      notificationService.setSearchDialogVisible({ visible: !getSearchDialogVisible() });
     }),
-    "toggleSearchDialog": new command.Command(function() {
-      controller.setSearchDialogVisible({ visible: !getSearchDialogVisible() });
+    "toggleSendEmailDialog": new command.Command(() => {
+      notificationService.setSendEmailDialogVisible({ visible: !getSendEmailDialogVisible() });
     }),
-    "toggleSendEmailDialog": new command.Command(function() {
-      controller.setSendEmailDialogVisible({ visible: !getSendEmailDialogVisible() });
+    "toggleAiPromptDialog": new command.Command(() => {
+      notificationService.setAiPromptDialogVisible({ visible: !getAiPromptDialogVisible() });
     })
   };
   function zoom(step) {
-    controller.setScale(getZoomScale(controller.getScale(), step));
+    var scale = getZoomScale(controller.getScale(), step);
+    controller.setScale(scale);
+    controller.setScaleMode(RCV__namespace.ScaleMode.Specific);
   }
   function getZoomScale(scale, steps) {
     var pos = -1;

package/dist/cjs/components/button.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var baseComponent = require('../base-component.js');
+
+class Button extends baseComponent.BaseComponent {
+  // #region fields
+  icon;
+  click;
+  component;
+  // #endregion
+  // #region constructors
+  constructor(element, options) {
+    super(element, options);
+    this.options.icon = element.dataset.icon;
+    this.options.fillMode = element.dataset.fillMode;
+    this.component = new kendo.ui.Button(element, this.options);
+    this._initCommand();
+  }
+  // #endregion
+  // #region methods
+  _initCommand() {
+    if (!this.options.command) {
+      return;
+    }
+    const command = this.options.command;
+    this.component.setOptions({
+      click: (event) => {
+        event.preventDefault();
+        command.exec();
+      }
+    });
+    $(command).on("enabledChanged", (event, newState) => {
+      this.component.enable(newState);
+    });
+  }
+  // #endregion
+}
+
+exports.Button = Button;

package/dist/cjs/components/toggle-button.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var baseComponent = require('../base-component.js');
+
+class ToggleButton extends baseComponent.BaseComponent {
+  // #region fields
+  icon;
+  click;
+  component;
+  // #endregion
+  // #region constructors
+  constructor(element, options) {
+    super(element, options);
+    this.options.icon = element.dataset.icon;
+    this.options.fillMode = element.dataset.fillMode;
+    this.component = new kendo.ui.Button(element, this.options);
+    this._initCommand();
+  }
+  // #endregion
+  // #region methods
+  _initCommand() {
+    if (!this.options.command) {
+      return;
+    }
+    const command = this.options.command;
+    this.component.setOptions({
+      click: (event) => {
+        event.preventDefault();
+        command.setChecked(command.getChecked() ? false : true);
+      }
+    });
+    $(command).on("enabledChanged", (event, newState) => {
+      this.component.enable(newState);
+    });
+    $(command).on("checkedChanged", (event, newState) => {
+      if (newState) {
+        this.component.element.addClass("k-selected");
+      } else {
+        this.component.element.removeClass("k-selected");
+      }
+    });
+  }
+}
+
+exports.ToggleButton = ToggleButton;

package/dist/cjs/constants.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const ToolBarConstants = {
+  TitleAttr: "title",
+  AriaLabelAttr: "aria-label",
+  DataCommandAttr: "data-command",
+  DataCommandParameterAttr: "data-command-parameter",
+  ExportDropdownId: "export-dropdown",
+  PageNumberInputDataRoleSelector: '[data-role="telerik_ReportViewer_PageNumberInput"]',
+  PageCountLabelDataRoleSelector: '[data-role="telerik_ReportViewer_PageCountLabel"]',
+  Button: "button",
+  ButtonGroup: "buttonGroup",
+  ToggleButton: "toggle-button",
+  DropDownButton: "dropDownButton",
+  MenuButton: "menu-button",
+  Separator: "separator",
+  CustomElement: "custom-element"
+};
+
+exports.ToolBarConstants = ToolBarConstants;

package/dist/cjs/documentMapArea.js

@@ -4,162 +4,183 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var stringResources = require('./stringResources.js');
 var enums = require('./enums.js');
-var globalSettings = require('./globalSettings.js');
 
 var defaultOptions = {};
-function DocumentMapArea(placeholder, options, otherOptions) {
-  options = $.extend({}, defaultOptions, options, otherOptions);
-  var controller = options.controller;
-  if (!controller) {
-    throw "No controller (telerikReporting.reportViewerController) has been specified.";
-  }
-  var $placeholder = $(placeholder);
-  var $documentMap;
-  var documentMapVisible = options.documentMapVisible !== false;
-  var enableAccessibility = options.enableAccessibility;
-  var currentReport = null;
-  var documentMapNecessary = false;
-  init();
-  function init() {
-    $documentMap = $('<div id="' + options.viewerSelector + '-documentMap"></div>');
-    $documentMap.appendTo(placeholder);
-    attach();
-    replaceStringResources($placeholder);
-  }
-  function onTreeViewSelectionChanged(e) {
-    var documentMapNode = this.dataItem(e.node);
+class DocumentMapArea {
+  // #region fields    element: HTMLElement;
+  options;
+  viewerOptions;
+  controller;
+  notificationService;
+  $element;
+  $documentMap;
+  documentMapVisible;
+  enableAccessibility;
+  currentReport;
+  documentMapNecessary;
+  // #endregion
+  // #region constructor
+  constructor(element, options, viewerOptions) {
+    this.element = element;
+    this.options = $.extend({}, defaultOptions, options, viewerOptions);
+    this.controller = this.options.controller;
+    if (!this.controller) {
+      throw "No controller (telerikReporting.reportViewerController) has been specified.";
+    }
+    this.notificationService = this.options.notificationService;
+    if (!this.notificationService) {
+      throw "No notificationService (telerikReporting.NotificationService) has been specified.";
+    }
+    this.$element = $(this.element);
+    this.$documentMap;
+    this.documentMapVisible = this.options.documentMapVisible !== false;
+    this.enableAccessibility = this.options.enableAccessibility;
+    this.currentReport = null;
+    this.documentMapNecessary = false;
+    this.init();
+  }
+  // #endregion
+  init() {
+    this.$documentMap = $('<div id="' + this.options.viewerSelector + '-documentMap" data-role="treeview"></div>');
+    this.$documentMap.appendTo(this.element);
+    this._attachEvents();
+    this.replaceStringResources(this.$element);
+  }
+  onTreeViewSelectionChanged(event) {
+    var documentMapNode = event.sender.dataItem(event.node);
     var page = documentMapNode.page;
     var id = documentMapNode.id;
-    controller.navigateToPage(page, {
+    this.controller.navigateToPage(page, {
       type: "bookmark",
       id
     });
   }
-  function onTreeViewNodeExpand(e) {
-    if (enableAccessibility) {
-      window.setTimeout(function() {
-        setNodeAccessibilityAttributes(e.node);
+  onTreeViewNodeExpand(event) {
+    if (this.enableAccessibility) {
+      window.setTimeout(() => {
+        this.setNodeAccessibilityAttributes(event.node);
       }, 100);
     }
   }
-  function setNodeAccessibilityAttributes(node) {
+  setNodeAccessibilityAttributes(node) {
     var $items = $(node).find("li");
     Array.from($items).forEach((item) => {
       var $li = $(item);
       $li.attr("aria-label", $li[0].innerText);
     });
   }
-  function resetReportAndClearItems() {
-    documentMapNecessary = false;
-    showDocumentMap(false);
-    var r = controller.getReportSource().report;
-    var clearMapItems = currentReport !== r || !isVisible();
-    currentReport = r;
+  resetReportAndClearItems() {
+    this.documentMapNecessary = false;
+    this.showDocumentMap(false);
+    const r = this.controller.getReportSource().report;
+    const clearMapItems = this.currentReport !== r || !this.isVisible();
+    this.currentReport = r;
     if (clearMapItems) {
-      clearDocumentMap();
+      this.clearDocumentMap();
     }
   }
-  function clearDocumentMap() {
-    displayDocumentMap([]);
+  clearDocumentMap() {
+    this.displayDocumentMap([]);
   }
-  function displayDocumentMap(documentMap) {
+  displayDocumentMap(documentMap) {
     var hasDocumentMap = documentMap && !$.isEmptyObject(documentMap);
-    var $treeView = $documentMap.data("kendoTreeView");
+    var $treeView = this.$documentMap.data("kendoTreeView");
     if (!$treeView) {
       try {
-        $documentMap.kendoTreeView({
+        this.$documentMap.kendoTreeView({
           dataTextField: "text",
-          select: onTreeViewSelectionChanged
+          select: this.onTreeViewSelectionChanged.bind(this)
         });
-        $treeView = $documentMap.data("kendoTreeView");
+        $treeView = this.$documentMap.data("kendoTreeView");
       } catch (e) {
         console.error("Instantiation of Kendo TreeView as Document Map threw an exception", e);
         throw e;
       }
     }
     $treeView.setDataSource(documentMap);
-    if (enableAccessibility) {
-      setAccessibilityAttributes($treeView);
+    if (this.enableAccessibility) {
+      this.setAccessibilityAttributes($treeView);
     }
-    showDocumentMap(hasDocumentMap);
+    this.showDocumentMap(hasDocumentMap);
   }
-  function setAccessibilityAttributes(treeView) {
-    treeView.bind("expand", onTreeViewNodeExpand);
+  setAccessibilityAttributes(treeView) {
+    treeView.bind("expand", this.onTreeViewNodeExpand.bind(this));
     treeView.element.attr("aria-label", stringResources.stringResources.ariaLabelDocumentMap);
     var listItems = treeView.element.find("ul");
     Array.from(listItems).forEach((list) => {
-      setNodeAccessibilityAttributes(list);
+      this.setNodeAccessibilityAttributes(list);
     });
-    if (documentMapNecessary) {
-      setSplitbarAccessibilityAttributes();
+    if (this.documentMapNecessary) {
+      this.setSplitbarAccessibilityAttributes();
     }
   }
-  function setSplitbarAccessibilityAttributes() {
-    var splitbar = $placeholder.next();
-    if (options.documentMapAreaPosition === enums.DocumentMapAreaPositions.RIGHT) {
-      splitbar = $placeholder.prev();
+  setSplitbarAccessibilityAttributes() {
+    var splitbar = this.$element.next();
+    if (this.options.documentMapAreaPosition === enums.DocumentMapAreaPositions.RIGHT) {
+      splitbar = this.$element.prev();
     }
     splitbar.attr("aria-label", stringResources.stringResources.ariaLabelDocumentMapSplitter);
   }
-  function isVisible() {
+  isVisible() {
     var args = {};
-    controller.getDocumentMapState(args);
+    this.notificationService.getDocumentMapState(args);
     return args.visible;
   }
-  function beginLoad() {
-    $placeholder.addClass("trv-loading");
+  beginLoad() {
+    this.$element.addClass("trv-loading");
   }
-  function endLoad() {
-    $placeholder.removeClass("trv-loading");
+  endLoad() {
+    this.$element.removeClass("trv-loading");
   }
-  function showDocumentMap(show) {
-    var splitter = globalSettings.GlobalSettings.viewerInstances.find((element) => element.id === options.viewerSelector + "-document-map-splitter").instance;
-    var sibling = $placeholder.next();
-    if (options.documentMapAreaPosition === enums.DocumentMapAreaPositions.RIGHT) {
-      sibling = $placeholder.prev();
+  showDocumentMap(show) {
+    var splitter = $("#" + this.options.viewerSelector + "-document-map-splitter").getKendoSplitter();
+    var sibling = this.$element.next();
+    if (this.options.documentMapAreaPosition === enums.DocumentMapAreaPositions.RIGHT) {
+      sibling = this.$element.prev();
     }
     if (splitter) {
-      (documentMapNecessary ? $.fn.removeClass : $.fn.addClass).call(sibling, "trv-hidden");
+      (this.documentMapNecessary ? $.fn.removeClass : $.fn.addClass).call(sibling, "k-hidden");
       splitter.toggle(".trv-document-map", show);
     }
   }
-  function attach() {
-    controller.beforeLoadParameters(function() {
-      resetReportAndClearItems();
-    }).beginLoadReport(function() {
-      beginLoad();
-    }).reportLoadComplete(function(event, args) {
-      if (args.documentMapAvailable) {
-        documentMapNecessary = true;
-        displayDocumentMap(args.documentMapNodes);
-        controller.setDocumentMapVisible({ enabled: true, visible: documentMapVisible });
+  _attachEvents() {
+    this.controller.on("beforeLoadParameters", () => {
+      this.resetReportAndClearItems();
+    }).on("beginLoadReport", () => {
+      this.beginLoad();
+    }).onAsync("reportLoadComplete", async (reportInfo) => {
+      if (reportInfo.documentMapAvailable) {
+        this.documentMapNecessary = true;
+        this.displayDocumentMap(reportInfo.documentMapNodes);
+        this.notificationService.setDocumentMapVisible({ enabled: true, visible: this.documentMapVisible });
       } else {
-        documentMapNecessary = false;
-        showDocumentMap(documentMapNecessary);
+        this.documentMapNecessary = false;
+        this.showDocumentMap(this.documentMapNecessary);
       }
-      endLoad();
-    }).error(function(event, error) {
-      endLoad();
-      clearDocumentMap();
-    }).renderingStopped(function() {
-      documentMapNecessary = false;
-      showDocumentMap(false);
+      this.endLoad();
+    }).on("error", () => {
+      this.endLoad();
+      this.clearDocumentMap();
+    }).on("renderingStopped", () => {
+      this.documentMapNecessary = false;
+      this.showDocumentMap(false);
     });
-    controller.setDocumentMapVisible(function(event, args) {
-      documentMapVisible = args.visible;
-      showDocumentMap(documentMapVisible && documentMapNecessary);
-    }).getDocumentMapState(function(event, args) {
-      args.enabled = documentMapNecessary;
-      args.visible = documentMapVisible;
+    this.notificationService.setDocumentMapVisible((event, args) => {
+      this.documentMapVisible = args.visible;
+      this.showDocumentMap(this.documentMapVisible && this.documentMapNecessary);
+    }).getDocumentMapState((event, args) => {
+      args.enabled = this.documentMapNecessary;
+      args.visible = this.documentMapVisible;
     });
   }
-  function replaceStringResources($documentMap2) {
-    var $documentMapOverlay = $documentMap2.find(".trv-document-map-overlay");
+  replaceStringResources($documentMap) {
+    var $documentMapOverlay = $documentMap.find(".trv-document-map-overlay");
     if (!$documentMapOverlay) {
       return;
     }
     $documentMapOverlay.attr("aria-label", stringResources.stringResources[$documentMapOverlay.attr("aria-label")]);
   }
+  // #endregion
 }
 
 exports.DocumentMapArea = DocumentMapArea;

package/dist/cjs/event-emitter.js

@@ -2,17 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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 {
+  _events;
+  _eventsCount;
   constructor() {
     super();
-    __publicField(this, "_events");
-    __publicField(this, "_eventsCount");
     this._events = {};
     this._eventsCount = 0;
   }