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

package/README.md

@@ -2,7 +2,7 @@
         
 This package is part of [Telerik Reporting](https://www.telerik.com/reporting).
 
-This version of Telerik jQuery Report Viewer requires Telerik Report Server or Telerik Reporting REST Service 18.0.24.305.
+This version of Telerik jQuery Report Viewer requires Telerik Report Server or Telerik Reporting REST Service 18.1.24.709.
 
 __Intended for internal purposes only.__
 

package/dist/cjs/accessibility.js

@@ -0,0 +1,208 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('./utils.js');
+var stringResources = require('./stringResources.js');
+
+var defaultOptions = {};
+function Accessibility(options) {
+  var controller;
+  var pageInitialized = false;
+  var areas;
+  var lastArea;
+  var keyMap = {
+    CONFIRM_KEY: 13,
+    // C
+    CONTENT_AREA_KEY: 67,
+    // D
+    DOCUMENT_MAP_AREA_KEY: 68,
+    // M
+    MENU_AREA_KEY: 77,
+    // P
+    PARAMETERS_AREA_KEY: 80
+  };
+  options = $.extend({}, defaultOptions, options);
+  controller = options.controller;
+  if (!controller) {
+    throw "No controller (telerikReporting.ReportViewerController) has been specified.";
+  }
+  controller.reportLoadComplete(function() {
+    setAccessibilityUI();
+    var content = findContentArea();
+    if (content.length > 0) {
+      content.focus();
+    }
+  }).pageReady(function(event, page) {
+    initPage(page);
+    pageInitialized = true;
+  }).error(function(e, message) {
+    focusOnErrorMessage();
+    window.setTimeout(setAccessibilityUI, 500);
+  });
+  controller.updateUI(function(e) {
+    if (pageInitialized) {
+      setPageSelector();
+      decorateMenuItems();
+    }
+  });
+  function setAccessibilityUI() {
+    if (!areas) {
+      initAreas();
+      $(document.body).off("keydown", processKeyDown);
+      $(document.body).on("keydown", processKeyDown);
+    }
+  }
+  function focusOnErrorMessage() {
+    var $errMsg = $("div.trv-pages-area div.trv-error-message");
+    if ($errMsg.length === 0) {
+      return;
+    }
+    $errMsg.attr("tabIndex", 0);
+    $errMsg.focus();
+  }
+  function initPage(page) {
+    if (!page) {
+      return;
+    }
+    setAccessibilityUI();
+    var area = areas[keyMap.CONTENT_AREA_KEY];
+    setContentAreaKeyDown(area);
+  }
+  function setPageSelector() {
+    var pagers = document.querySelectorAll(".trv-report-pager");
+    var pageNumber = this._controller.getCurrentPageNumber();
+    var pageCount = this._controller.getPageCount();
+    pagers.forEach((pager) => {
+      pager.setAttribute("aria-label", utils.stringFormat(stringResources.stringResources.ariaLabelPageNumberSelector, [pageNumber, pageCount]));
+      var pageInputs = pager.querySelectorAll("input[data-role=telerik_ReportViewer_PageNumberInput]");
+      pageInputs.forEach((input) => {
+        input.setAttribute("aria-label", stringResources.stringResources.ariaLabelPageNumberEditor);
+      });
+    });
+  }
+  function initAreas() {
+    areas = {};
+    areas[keyMap.DOCUMENT_MAP_AREA_KEY] = findDocumentMapArea();
+    areas[keyMap.MENU_AREA_KEY] = findMenuArea();
+    areas[keyMap.CONTENT_AREA_KEY] = findContentArea();
+    var parametersArea = findParametersArea();
+    if (parametersArea) {
+      areas[keyMap.PARAMETERS_AREA_KEY] = parametersArea;
+      setParameterEditorsKeyDown(parametersArea);
+    }
+  }
+  function findContentArea() {
+    return $("div[data-role=telerik_ReportViewer_PagesArea]");
+  }
+  function findDocumentMapArea() {
+    return $("div[data-role=telerik_ReportViewer_DocumentMapArea] div[data-role=treeview]");
+  }
+  function findMenuArea() {
+    return $("ul[data-role=telerik_ReportViewer_MainMenu]");
+  }
+  function findParametersArea() {
+    return $("div[data-role=telerik_ReportViewer_ParametersArea] div.trv-parameters-area-content");
+  }
+  function processKeyDown(event) {
+    if (!areas) {
+      return;
+    }
+    if (!(event.altKey && event.ctrlKey)) {
+      return;
+    }
+    var currentArea = areas[event.which];
+    if (!currentArea) {
+      return;
+    }
+    if (!IsAreaContainerVisible(currentArea.parent())) {
+      return;
+    }
+    var className = "k-focus";
+    if (lastArea) {
+      lastArea.removeClass(className);
+    }
+    currentArea.addClass(className);
+    currentArea.focus();
+    lastArea = currentArea;
+    event.preventDefault();
+  }
+  function setParameterEditorsKeyDown(parametersAreaContent) {
+    if (parametersAreaContent.length === 0) {
+      return;
+    }
+    var $paramsArea = parametersAreaContent.parent("div[data-role=telerik_ReportViewer_ParametersArea]");
+    if (!IsAreaContainerVisible($paramsArea)) {
+      return;
+    }
+    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();
+          event.preventDefault();
+        }
+      });
+    });
+  }
+  function IsAreaContainerVisible(container) {
+    return container && !(container.hasClass("k-collapsed") || container.hasClass("trv-hidden"));
+  }
+  function setContentAreaKeyDown(contentArea) {
+    if (!contentArea) {
+      return;
+    }
+    var actions = contentArea.find("div [data-reporting-action]");
+    if (!actions.length > 0) {
+      return;
+    }
+    Array.from(actions).forEach((action) => {
+      var $action = $(action);
+      $action.on("keydown", (event) => {
+        if (event.which == keyMap.CONFIRM_KEY) {
+          $action.trigger("click");
+        }
+      });
+    });
+  }
+  function decorateMenuItems() {
+    var menuAreas = areas[keyMap.MENU_AREA_KEY];
+    if (!menuAreas) {
+      return;
+    }
+    Array.from(menuAreas).forEach((menu) => {
+      var $menu = $(menu);
+      var menuItems = $menu.children("li.k-item");
+      Array.from(menuItems).forEach((menuItem) => {
+        var $menuItem = $(menuItem);
+        if (!$menuItem.hasClass("trv-report-pager")) {
+          var ariaLabel = $menuItem.attr("aria-label");
+          var expandableSr = utils.stringFormat(". {0}", [stringResources.stringResources.ariaLabelExpandable]);
+          var expandable = $menuItem.find("ul").length > 0 && ariaLabel.indexOf(expandableSr) < 0 ? expandableSr : "";
+          var selectedSr = utils.stringFormat(". {0}", [stringResources.stringResources.ariaLabelSelected]);
+          var selected = $menuItem.hasClass("k-selected") && ariaLabel.indexOf(selectedSr) < 0 ? selectedSr : "";
+          var label = ariaLabel + expandable + selected;
+          $menuItem.attr("aria-label", label);
+          if ($menuItem.hasClass("k-disabled")) {
+            $menuItem.attr("aria-disabled", "true");
+          } else {
+            $menuItem.removeAttr("aria-disabled");
+          }
+        }
+      });
+    });
+  }
+  function setKeyMap(keyMapValues) {
+    keyMap = keyMapValues;
+    areas = void 0;
+  }
+  function getKeyMap() {
+    return keyMap;
+  }
+  return {
+    getKeyMap,
+    setKeyMap
+  };
+}
+
+exports.Accessibility = Accessibility;

package/dist/cjs/base-component.js

@@ -0,0 +1,26 @@
+'use strict';
+
+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 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
+}
+
+exports.BaseComponent = BaseComponent;

package/dist/cjs/binder.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var globalSettings = require('./globalSettings.js');
+
+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);
+      }
+    });
+  }
+  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.GlobalSettings.CommandHandlerAttached) {
+      $(document.body).on("click", customElementSelector, customCommandHandler);
+      globalSettings.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();
+      }
+    }
+    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();
+      }
+    }
+  }
+}
+function attachCommand(dataCommand, cmd, viewerOptions, $element) {
+  if (cmd) {
+    var elementSelector = '[data-command="telerik_ReportViewer_' + dataCommand + '"]';
+    var customElementSelector = '[data-target-report-viewer="' + viewerOptions.selector + '"]' + elementSelector;
+    var $defaultElement = $element.find(elementSelector);
+    var $customElement = $(customElementSelector);
+    $(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(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);
+    });
+  }
+}
+function getSelectedClassName($element) {
+  return $element.hasClass("trv-menu-toggleable") ? "k-selected !k-bg-primary" : "k-selected";
+}
+
+exports.Binder = Binder;

package/dist/cjs/command.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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;
+}
+
+exports.Command = Command;

package/dist/cjs/commandSet.js

@@ -0,0 +1,167 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var enums = require('./enums.js');
+var command = require('./command.js');
+
+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 };
+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 historyManager = options.history;
+  if (!historyManager) {
+    throw "No options.history.";
+  }
+  function getDocumentMapVisible() {
+    var args = {};
+    controller.getDocumentMapState(args);
+    return Boolean(args.visible);
+  }
+  function getParametersAreaVisible() {
+    var args = {};
+    controller.getParametersAreaState(args);
+    return Boolean(args.visible);
+  }
+  function getSideMenuVisible() {
+    var args = {};
+    controller.getSideMenuVisible(args);
+    return Boolean(args.visible);
+  }
+  function getSearchDialogVisible() {
+    var args = {};
+    controller.getSearchDialogState(args);
+    return Boolean(args.visible);
+  }
+  function getSendEmailDialogVisible() {
+    var args = {};
+    controller.getSendEmailDialogState(args);
+    return Boolean(args.visible);
+  }
+  return {
+    "historyBack": new command.Command(function() {
+      historyManager.back();
+    }),
+    "historyForward": new command.Command(function() {
+      historyManager.forward();
+    }),
+    "stopRendering": new command.Command(function() {
+      controller.stopRendering();
+    }),
+    "goToPrevPage": new command.Command(function() {
+      controller.navigateToPage(controller.getCurrentPageNumber() - 1);
+    }),
+    "goToNextPage": new command.Command(function() {
+      controller.navigateToPage(controller.getCurrentPageNumber() + 1);
+    }),
+    "goToFirstPage": new command.Command(function() {
+      controller.navigateToPage(1);
+    }),
+    "goToLastPage": new command.Command(function() {
+      controller.navigateToPage(controller.getPageCount());
+    }),
+    "goToPage": new command.Command(function(pageNumber) {
+      if (!isNaN(pageNumber)) {
+        var pageCount = controller.getPageCount();
+        if (pageNumber > pageCount) {
+          pageNumber = pageCount;
+        } else if (pageNumber < 1) {
+          pageNumber = 1;
+        }
+        controller.navigateToPage(pageNumber);
+        return pageNumber;
+      }
+    }),
+    "refresh": new command.Command(
+      function() {
+        controller.refreshReport(true);
+      }
+    ),
+    "export": new command.Command(function(format) {
+      if (format) {
+        controller.exportReport(format);
+      }
+    }),
+    "print": new command.Command(function() {
+      controller.printReport();
+    }),
+    "pageMode": new command.Command(function() {
+      controller.setPageMode(
+        controller.getPageMode() === enums.PageModes.SINGLE_PAGE ? enums.PageModes.CONTINUOUS_SCROLL : enums.PageModes.SINGLE_PAGE
+      );
+    }),
+    "togglePrintPreview": new command.Command(function() {
+      controller.setViewMode(
+        controller.getViewMode() === enums.ViewModes.PRINT_PREVIEW ? enums.ViewModes.INTERACTIVE : enums.ViewModes.PRINT_PREVIEW
+      );
+    }),
+    "toggleDocumentMap": new command.Command(function() {
+      controller.setDocumentMapVisible({ visible: !getDocumentMapVisible() });
+    }),
+    "toggleParametersArea": new command.Command(function() {
+      controller.setParametersAreaVisible({ visible: !getParametersAreaVisible() });
+    }),
+    "zoom": new command.Command(function(scale) {
+      controller.setScale(scale);
+    }),
+    "zoomIn": new command.Command(function() {
+      zoom(1);
+    }),
+    "zoomOut": new command.Command(function() {
+      zoom(-1);
+    }),
+    "toggleSideMenu": new command.Command(function() {
+      controller.setSideMenuVisible({ visible: !getSideMenuVisible() });
+    }),
+    "toggleZoomMode": new command.Command(function(e) {
+      var scale = controller.getScale();
+      var scaleMode = controller.getScaleMode();
+      controller.setScale(scaleTransitionMap[scaleMode].scale || scale);
+      controller.setScaleMode(scaleTransitionMap[scaleMode].scaleMode);
+    }),
+    "toggleSearchDialog": new command.Command(function() {
+      controller.setSearchDialogVisible({ visible: !getSearchDialogVisible() });
+    }),
+    "toggleSendEmailDialog": new command.Command(function() {
+      controller.setSendEmailDialogVisible({ visible: !getSendEmailDialogVisible() });
+    })
+  };
+  function zoom(step) {
+    controller.setScale(getZoomScale(controller.getScale(), step));
+  }
+  function getZoomScale(scale, steps) {
+    var pos = -1;
+    var length = scaleValues.length;
+    for (var i = 0; i < length; i++) {
+      var value = scaleValues[i];
+      if (scale < value) {
+        pos = i - 0.5;
+        break;
+      }
+      if (scale === value) {
+        pos = i;
+        break;
+      }
+    }
+    pos = pos + steps;
+    if (steps >= 0) {
+      pos = Math.round(pos - 0.49);
+    } else {
+      pos = Math.round(pos + 0.49);
+    }
+    if (pos < 0) {
+      pos = 0;
+    } else if (pos > length - 1) {
+      pos = length - 1;
+    }
+    return scaleValues[pos];
+  }
+}
+
+exports.CommandSet = CommandSet;