@progress/telerik-jquery-report-viewer 31.26.812 → 31.26.1007

package/dist/cjs/reportViewer.js

@@ -14,6 +14,7 @@ var documentMapArea = require('./documentMapArea.js');
 var parametersArea = require('./parametersArea.js');
 var search = require('./search.js');
 var sendEmail = require('./sendEmail.js');
+var exportDialog = require('./exportDialog.js');
 var events = require('./events.js');
 var perspectives = require('./perspectives.js');
 var enums = require('./enums.js');
@@ -126,6 +127,9 @@ function getDefaultOptions(serviceUrl, version) {
     searchMetadataOnDemand: false,
     initialPageAreaImageUrl: null,
     keepClientAlive: true,
+    exportDialog: {
+      enabled: true
+    },
     webDesignerPreview: false,
     serverPreview: false
   };
@@ -147,6 +151,7 @@ function ReportViewer(dom, options) {
   var persistanceKey = options.id || "#" + $placeholder.attr("id");
   var accessibility$1;
   var settings = {};
+  var exportSettingsStore = {};
   var notificationService$1 = {};
   var client = {};
   var controllerOptions = {};
@@ -160,8 +165,10 @@ function ReportViewer(dom, options) {
   if (!validateOptions(options)) {
     return;
   }
-  var version = "20.2.26.812";
-  options = $.extend({}, getDefaultOptions(svcApiUrl, version), options);
+  var version = "20.2.26.1007";
+  var defaultOptions = getDefaultOptions(svcApiUrl, version);
+  options = $.extend({}, defaultOptions, options);
+  options.exportDialog = $.extend({}, defaultOptions.exportDialog, options.exportDialog);
   settings = new reportViewerSettings.ReportViewerSettings(
     persistanceKey,
     options.persistSession ? window.sessionStorage : new memStorage.MemStorage(),
@@ -179,6 +186,7 @@ function ReportViewer(dom, options) {
       serverPreview: options.serverPreview
     }
   );
+  exportSettingsStore = new RCV__namespace.ExportSettingsStore();
   notificationService$1 = new notificationService.NotificationService();
   client = new RCV__namespace.ServiceClient(options);
   controllerOptions = new RCV__namespace.ReportControllerOptions(
@@ -206,7 +214,9 @@ function ReportViewer(dom, options) {
   commands = new commandSet.CommandSet({
     controller,
     notificationService: notificationService$1,
-    history: history$1
+    history: history$1,
+    exportSettingsStore,
+    exportDialog: options.exportDialog
   });
   new uiController.UIController({
     controller,
@@ -635,7 +645,8 @@ function ReportViewer(dom, options) {
         controller,
         notificationService: notificationService$1,
         commands,
-        templates
+        templates,
+        exportSettingsStore
       },
       options
     );
@@ -1112,6 +1123,10 @@ const plugins = [
     name: "telerik_ReportViewer_SendEmail",
     constructor: sendEmail.SendEmail
   },
+  {
+    name: "telerik_ReportViewer_ExportDialog",
+    constructor: exportDialog.ExportDialog
+  },
   {
     name: "telerik_ReportViewer_LinkButton",
     constructor: linkButton.LinkButton

package/dist/cjs/search.js

@@ -189,6 +189,9 @@ class Search {
       },
       select: this.processComboBoxEvent.bind(this)
     });
+    this.kendoComboBox.element[0]?.setAttribute("aria-label", stringResources.stringResources.ariaLabelSearchDialogInput);
+    this.kendoComboBox.input[0]?.setAttribute("aria-label", stringResources.stringResources.ariaLabelSearchDialogInput);
+    this.kendoComboBox._arrow[0]?.setAttribute("aria-label", stringResources.stringResources.ariaLabelSearchDialogInputDropdown);
   }
   _initDialog() {
     this.kendoSearchDialog = new kendo.ui.Window(this.element, {
@@ -466,10 +469,8 @@ class Search {
     }
     if (show) {
       $errorIcon[0].title = message;
-      $errorIcon.show();
-    } else {
-      $errorIcon.hide();
     }
+    $errorIcon.toggleClass("k-hidden", !show);
   }
 }
 

package/dist/cjs/sendEmail.js

@@ -238,6 +238,7 @@ class SendEmail {
       }
       element.setAttribute("id", `${prefix}-${attrName}`);
       element.setAttribute("name", `${prefix}-${attrName}`);
+      element.setAttribute("aria-label", stringResources.stringResources.sendEmailDialogEmailBody);
     });
     Array.from(this.element.querySelectorAll(".trv-send-email-label label")).forEach((element) => {
       var attrFor = element.getAttribute("for");

package/dist/cjs/sideMenu.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('./utils.js');
+var RCV = require('@progress/telerik-common-report-viewer');
 var stringResources = require('./stringResources.js');
 
 function SideMenu(element, options, viewerOptions) {
@@ -87,9 +88,16 @@ function SideMenu(element, options, viewerOptions) {
       $list.empty();
       Array.from(formats).forEach((format) => {
         var ariaLabel = enableAccessibility ? utils.stringFormat('aria-label="{localizedName}" ', format) : " ";
-        var li = "<li " + ariaLabel + utils.stringFormat('tabindex="' + tabIndex + '"><a tabindex="-1" href="#" data-command="telerik_ReportViewer_export" data-command-parameter="{name}"><span>{localizedName}</span></a></li>', format);
+        var iconClass = utils.getRenderingExtensionIconClass(format.name);
+        var icon = iconClass ? '<span aria-hidden="true" class="k-sprite rendering-extension-icon ' + iconClass + '"></span>' : "";
+        var li = "<li " + ariaLabel + utils.stringFormat('tabindex="' + tabIndex + '"><a tabindex="-1" href="#" data-command="telerik_ReportViewer_export" data-command-parameter="{name}">' + icon + "<span>{localizedName}</span></a></li>", format);
         panelBar.append(li, $parent);
       });
+      if (options.exportDialog.enabled && RCV.hasExportSettings(formats)) {
+        var optionsIconClass = utils.getExportOptionsIconClass();
+        var optionsIcon = '<span aria-hidden="true" class="k-sprite rendering-extension-icon ' + optionsIconClass + '"></span>';
+        panelBar.append('<li class="trv-export-options-item" tabindex="' + tabIndex + '"><a tabindex="-1" href="#" data-command="telerik_ReportViewer_openExportDialog">' + optionsIcon + "<span>" + kendo.htmlEncode(stringResources.stringResources.exportOptionsLabel) + "</span></a></li>", $parent);
+      }
       setListItemsTabIndex($parent.find("li"), tabIndex);
       enableCloseOnClick($parent);
     });

package/dist/cjs/sr.js

@@ -87,6 +87,18 @@ var sr = {
   sendEmailFormatLabel: "Format:",
   sendEmailSendLabel: "Send",
   sendEmailCancelLabel: "Cancel",
+  exportDialogSaveLabel: "Save",
+  exportDialogCloseLabel: "Cancel",
+  exportDialogFormatLabel: "Export format",
+  exportOptionsLabel: "Export Options",
+  exportDialogResetLabel: "Reset",
+  exportDialogSettingsSuffix: " Settings",
+  exportDialogDocumentationLabel: "Documentation",
+  exportDialogTextPlaceholder: "Enter text",
+  exportDialogNoSettings: "This export format has no configurable settings.",
+  exportDialogPagesLabel: "Pages",
+  exportDialogAllPagesLabel: "All Pages",
+  exportDialogPageRangeLabel: "Page Range",
   // Accessibility string resources
   ariaLabelPageNumberSelector: "Page number selector. Showing page {0} of {1}.",
   ariaLabelPageNumberEditor: "Page number editor",
@@ -114,6 +126,8 @@ var sr = {
   ariaLabelSearchDialogArea: "Search area",
   ariaLabelAiPromptDialogArea: "AI prompt area",
   ariaLabelSendEmailDialogArea: "Send email area",
+  ariaLabelSearchDialogInput: "Search input",
+  ariaLabelSearchDialogInputDropdown: "Previous searches",
   ariaLabelSearchDialogStop: "Stop search",
   ariaLabelSearchDialogOptions: "Search options",
   ariaLabelSearchDialogNavigateUp: "Navigate up",
@@ -149,6 +163,12 @@ var sr = {
   ariaLabelSendEmailFormat: "Report format:",
   ariaLabelSendEmailSend: "Send email",
   ariaLabelSendEmailCancel: "Cancel sending email",
+  // Export dialog accessibility resources
+  ariaLabelExportDialogArea: "Export settings dialog",
+  ariaLabelExportDialogFormat: "Export format",
+  ariaLabelExportDialogSave: "Save export options",
+  ariaLabelExportDialogClose: "Cancel export options",
+  ariaLabelExportDialogReset: "Reset export settings",
   // Search dialog resources
   searchDialogTitle: "Search in report contents",
   searchDialogSearchInProgress: "searching...",
@@ -164,11 +184,14 @@ var sr = {
   searchDialogPageText: "page",
   // Send Email dialog resources
   sendEmailDialogTitle: "Send Email",
+  sendEmailDialogEmailBody: "Email body textarea",
   sendEmailValidationEmailRequired: "Email field is required",
   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}').",
+  // Export dialog resources
+  exportDialogTitle: "Export Options",
   // AI Prompt dialog resources
   aiPromptDialogConsentTitle: "Before you start with AI",
   aiPromptDialogConsentAccept: "Consent",

package/dist/cjs/template-cache.js

@@ -4,6 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('./utils.js');
 
+const notificationWarningIcon = {
+  name: "warning-circle",
+  content: '<circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" stroke-width="32" /><path d="M224 128h64v160h-64zm0 256v-64h64v64z" />',
+  viewBox: "0 0 512 512"
+};
 const TemplateCache = /* @__PURE__ */ (function() {
   var cache = {};
   return {
@@ -19,7 +24,19 @@ const TemplateCache = /* @__PURE__ */ (function() {
           var viewerTemplate = $("<div></div>").html(html);
           Array.from(viewerTemplate.find("template")).forEach((element) => {
             var $element = $(element);
-            templates[$element.attr("id")] = utils.trim($element.html(), "\n 	");
+            var $content = $("<div></div>").html($element.html());
+            $content.find("[data-svg-icon]").each((_, icon) => {
+              var $icon = $(icon);
+              var iconName = $icon.attr("data-svg-icon");
+              var exportName = iconName.replace(/-([a-z])/g, (_2, letter) => letter.toUpperCase()) + "Icon";
+              var svgIcon = iconName === "warning-circle" ? notificationWarningIcon : kendo.ui.svgIcons[exportName];
+              if (!svgIcon) {
+                throw new Error(`Kendo SVG icon not found: ${iconName}`);
+              }
+              kendo.ui.icon($icon, { icon: svgIcon, type: "svg" });
+              $icon.removeAttr("data-svg-icon");
+            });
+            templates[$element.attr("id")] = utils.trim($content.html(), "\n 	");
           });
           Array.from(viewerTemplate.find("link")).forEach((element) => {
             styleSheets.push(utils.trim(element.outerHTML, "\n 	"));

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

@@ -25,9 +25,10 @@ class PageNumberInput extends baseComponent.BaseComponent {
       spin: this._onChange.bind(this)
     });
     this._numeric._text[0].dataset.role = "telerik_ReportViewer_PageNumberInput";
+    this._numeric._text[0].setAttribute("aria-label", stringResources.stringResources.ariaLabelPageNumberEditor);
     this._numeric.element[0].dataset.role = "";
+    this._numeric.element[0].setAttribute("aria-label", stringResources.stringResources.ariaLabelPageNumberEditor);
     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));

package/dist/cjs/toolbar.js

@@ -2,10 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var RCV = require('@progress/telerik-common-report-viewer');
 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');
+var utils = require('./utils.js');
 
 function replaceStringResources($toolbar) {
   if (!$toolbar) {
@@ -27,6 +29,7 @@ class Toolbar {
   _options;
   /** @type {HTMLElement} */
   _element;
+  _exportDialogEnabled;
   $element;
   _kendoToolbar;
   _neverOverflowToolBarButtons = ["goToPrevPage", "goToNextPage"];
@@ -35,6 +38,7 @@ class Toolbar {
   constructor(element, options, viewerOptions) {
     this._element = element;
     this._options = options;
+    this._exportDialogEnabled = Boolean(viewerOptions.exportDialog.enabled);
     this.$element = $(this._element);
     if (this._kendoToolbar === void 0) {
       this.initKendoToolbar();
@@ -185,14 +189,31 @@ class Toolbar {
       return;
     }
     const exportDropdownItems = [];
-    extensions.forEach((extension) => exportDropdownItems.push({
-      id: extension.name,
-      text: extension.localizedName,
-      attributes: {
-        [constants.ToolBarConstants.DataCommandAttr]: "export",
-        [constants.ToolBarConstants.DataCommandParameterAttr]: extension.name
+    extensions.forEach((extension) => {
+      const iconClass = utils.getRenderingExtensionIconClass(extension.name);
+      const item = {
+        id: extension.name,
+        text: extension.localizedName,
+        attributes: {
+          [constants.ToolBarConstants.DataCommandAttr]: "export",
+          [constants.ToolBarConstants.DataCommandParameterAttr]: extension.name
+        }
+      };
+      if (iconClass) {
+        item.spriteCssClass = `rendering-extension-icon ${iconClass}`;
       }
-    }));
+      exportDropdownItems.push(item);
+    });
+    if (this._exportDialogEnabled && RCV.hasExportSettings(extensions)) {
+      exportDropdownItems.push({
+        text: stringResources.stringResources.exportOptionsLabel,
+        spriteCssClass: `rendering-extension-icon ${utils.getExportOptionsIconClass()}`,
+        attributes: {
+          class: "trv-export-options-item",
+          [constants.ToolBarConstants.DataCommandAttr]: "openExportDialog"
+        }
+      });
+    }
     const options = kendoExportDropDown.options;
     options.items = exportDropdownItems;
     kendoExportDropDown.setOptions(options);

package/dist/cjs/utils.js

@@ -5,6 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var RCV = require('@progress/telerik-common-report-viewer');
 
 var stringFormatRegExp = /{(\w+?)}/g;
+var renderingExtensionIconClasses = {
+  PDF: "rendering-extension-pdf-icon",
+  IMAGE: "rendering-extension-image-icon",
+  CSV: "rendering-extension-csv-icon",
+  DOCX: "rendering-extension-docx-icon",
+  MHTML: "rendering-extension-mhtml-icon",
+  PPTX: "rendering-extension-pptx-icon",
+  RTF: "rendering-extension-rtf-icon",
+  XLS: "rendering-extension-xls-icon",
+  XLSX: "rendering-extension-xlsx-icon",
+  XPS: "rendering-extension-xps-icon"
+};
+var exportOptionsIconClass = "rendering-extension-options-icon";
 var specialKeys = {
   DELETE: 46,
   BACKSPACE: 8,
@@ -67,6 +80,12 @@ function generateGuidString() {
     return v.toString(16);
   });
 }
+function getRenderingExtensionIconClass(format) {
+  return typeof format === "string" ? renderingExtensionIconClasses[format.toUpperCase()] || "" : "";
+}
+function getExportOptionsIconClass() {
+  return exportOptionsIconClass;
+}
 function trim(s, charlist) {
   return rTrim(lTrim(s, charlist), charlist);
 }
@@ -261,6 +280,8 @@ exports.filterUniqueLastOccurrence = filterUniqueLastOccurrence;
 exports.generateGuidString = generateGuidString;
 exports.getColorAlphaValue = getColorAlphaValue;
 exports.getExceptionInstance = getExceptionInstance;
+exports.getExportOptionsIconClass = getExportOptionsIconClass;
+exports.getRenderingExtensionIconClass = getRenderingExtensionIconClass;
 exports.isApplicationException = isApplicationException;
 exports.isApplicationExceptionInstance = isApplicationExceptionInstance;
 exports.isRgbColor = isRgbColor;