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

package/dist/cjs/reportViewer.js

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var RCV = require('@progress/telerik-common-report-viewer');
 var utils = require('./utils.js');
 var stringResources = require('./stringResources.js');
-var serviceClient = require('./serviceClient.js');
-var controller = require('./controller.js');
 var history = require('./history.js');
 var binder = require('./binder.js');
 var commandSet = require('./commandSet.js');
@@ -13,23 +12,88 @@ var uiController = require('./uiController.js');
 var accessibility = require('./accessibility.js');
 var documentMapArea = require('./documentMapArea.js');
 var parametersArea = require('./parametersArea.js');
-var pagesArea = require('./pagesArea.js');
-var mainMenu = require('./mainMenu.js');
 var search = require('./search.js');
 var sendEmail = require('./sendEmail.js');
-var sideMenu = require('./sideMenu.js');
 var events = require('./events.js');
 var perspectives = require('./perspectives.js');
 var enums = require('./enums.js');
-var globalSettings = require('./globalSettings.js');
+var notificationService = require('./notificationService.js');
 var memStorage = require('./mem-storage.js');
 var templateCache = require('./template-cache.js');
 var reportViewerSettings = require('./report-viewer/report-viewer-settings.js');
 var linkButton = require('./toolbar/link-button.js');
 var pageNumberInput = require('./toolbar/page-number-input.js');
 var pageCountLabel = require('./toolbar/page-count-label.js');
+var touch = require('./touch.js');
+var toolbar = require('./toolbar.js');
+var aiPrompt = require('./aiPrompt.js');
 
-const Instances = globalSettings.GlobalSettings.viewerInstances;
+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 viewModeReverseMap = {
+  [RCV__namespace.ViewMode.Interactive]: enums.ViewModes.INTERACTIVE,
+  [RCV__namespace.ViewMode.PrintPreview]: enums.ViewModes.PRINT_PREVIEW
+};
+var viewModeMap = {
+  [enums.ViewModes.INTERACTIVE]: RCV__namespace.ViewMode.Interactive,
+  [enums.ViewModes.PRINT_PREVIEW]: RCV__namespace.ViewMode.PrintPreview
+};
+var pageModeReverseMap = {
+  [RCV__namespace.PageMode.SinglePage]: enums.PageModes.SINGLE_PAGE,
+  [RCV__namespace.PageMode.ContinuousScroll]: enums.PageModes.CONTINUOUS_SCROLL
+};
+var pageModeMap = {
+  [enums.PageModes.SINGLE_PAGE]: RCV__namespace.PageMode.SinglePage,
+  [enums.PageModes.CONTINUOUS_SCROLL]: RCV__namespace.PageMode.ContinuousScroll
+};
+var scaleModeReverseMap = {
+  [RCV__namespace.ScaleMode.FitPageWidth]: enums.ScaleModes.FIT_PAGE_WIDTH,
+  [RCV__namespace.ScaleMode.FitPage]: enums.ScaleModes.FIT_PAGE,
+  [RCV__namespace.ScaleMode.Specific]: enums.ScaleModes.SPECIFIC
+};
+var scaleModeMap = {
+  [enums.ScaleModes.FIT_PAGE_WIDTH]: RCV__namespace.ScaleMode.FitPageWidth,
+  [enums.ScaleModes.FIT_PAGE]: RCV__namespace.ScaleMode.FitPage,
+  [enums.ScaleModes.SPECIFIC]: RCV__namespace.ScaleMode.Specific
+};
+var printModeReverseMap = {
+  [RCV__namespace.PrintMode.AutoSelect]: enums.PrintModes.AUTO_SELECT,
+  [RCV__namespace.PrintMode.ForcePDFPlugin]: enums.PrintModes.FORCE_PDF_PLUGIN,
+  [RCV__namespace.PrintMode.ForcePDFFile]: enums.PrintModes.FORCE_PDF_FILE
+};
+var printModeMap = {
+  [enums.PrintModes.AUTO_SELECT]: RCV__namespace.PrintMode.AutoSelect,
+  [enums.PrintModes.FORCE_PDF_PLUGIN]: RCV__namespace.PrintMode.ForcePDFPlugin,
+  [enums.PrintModes.FORCE_PDF_FILE]: RCV__namespace.PrintMode.ForcePDFFile
+};
+var commonMessages = parseMessages();
+var TOOLIP_SHOW_TIMEOUT = 100;
+function parseMessages() {
+  var result = {};
+  Object.keys(stringResources.stringResources).forEach((key) => {
+    let firstLetter = key.charAt(0).toUpperCase();
+    result[`ReportViewer_${firstLetter}${key.slice(1)}`] = stringResources.stringResources[key];
+  });
+  return result;
+}
 function getDefaultOptions(serviceUrl, version) {
   return {
     id: null,
@@ -40,7 +104,7 @@ function getDefaultOptions(serviceUrl, version) {
     authenticationToken: null,
     sendEmail: null,
     scale: 1,
-    scaleMode: enums.ScaleModes.FIT_PAGE,
+    scaleMode: enums.ScaleModes.SPECIFIC,
     viewMode: enums.ViewModes.INTERACTIVE,
     pageMode: enums.PageModes.CONTINUOUS_SCROLL,
     parametersAreaPosition: enums.ParametersAreaPositions.RIGHT,
@@ -60,7 +124,8 @@ function getDefaultOptions(serviceUrl, version) {
     enableAccessibility: false,
     searchMetadataOnDemand: false,
     initialPageAreaImageUrl: null,
-    keepClientAlive: true
+    keepClientAlive: true,
+    webDesignerPreview: false
   };
 }
 function ReportViewer(dom, options) {
@@ -72,12 +137,13 @@ function ReportViewer(dom, options) {
   }
   var $placeholder = $(dom);
   var templates = {};
-  var persistanceKey = options.id || `trv_${dom.id}`;
+  var persistanceKey = options.id || "#" + $placeholder.attr("id");
   var accessibility$1;
   var settings = {};
+  var notificationService$1 = {};
   var client = {};
-  var controller$1 = {};
-  var perspectiveManager = {};
+  var controller = {};
+  var perspectiveManager;
   var history$1 = {};
   var commands = {};
   var viewer = {};
@@ -88,7 +154,7 @@ function ReportViewer(dom, options) {
   if (!validateOptions(options)) {
     return;
   }
-  var version = "19.0.25.211";
+  var version = "19.1.25.521";
   options = $.extend({}, getDefaultOptions(svcApiUrl, version), options);
   settings = new reportViewerSettings.ReportViewerSettings(
     persistanceKey,
@@ -102,124 +168,137 @@ function ReportViewer(dom, options) {
       sendEmail: options.sendEmail,
       parametersAreaPosition: options.parametersAreaPosition,
       documentMapAreaPosition: options.documentMapAreaPosition,
-      keepClientAlive: options.keepClientAlive
+      keepClientAlive: options.keepClientAlive,
+      webDesignerPreview: options.webDesignerPreview
     }
   );
+  notificationService$1 = new notificationService.NotificationService();
   if (options.reportServer) {
     reportServerUrl = utils.rTrim(options.reportServer.url, "\\/");
-    serviceClientOptions.serviceUrl = reportServerUrl + "/api/reports";
-    serviceClientOptions.loginInfo = {
-      url: reportServerUrl + "/Token",
-      username: options.reportServer.username,
-      password: options.reportServer.password
-    };
-  } else {
-    serviceClientOptions.serviceUrl = options.serviceUrl;
-  }
-  client = new serviceClient.ServiceClient(serviceClientOptions);
-  controller$1 = options.controller;
-  if (!controller$1) {
-    controller$1 = new controller.ReportViewerController({
-      serviceClient: client,
-      settings
-    });
+    var serviceUrl = reportServerUrl + "/api/reports";
+    var tokenUrl = reportServerUrl + "/Token";
+    var loginInfo = new RCV__namespace.ServiceClientLoginInfo(
+      tokenUrl,
+      options.reportServer.username,
+      options.reportServer.password
+    );
+    serviceClientOptions = new RCV__namespace.ServiceClientOptions(serviceUrl, loginInfo);
   } else {
-    controller$1.updateSettings(settings);
+    serviceClientOptions = new RCV__namespace.ServiceClientOptions(options.serviceUrl);
   }
+  client = new RCV__namespace.ServiceClient(serviceClientOptions);
+  controller = new RCV__namespace.ReportController(
+    client,
+    new RCV__namespace.ReportControllerOptions(
+      options.keepClientAlive,
+      options.authenticationToken,
+      options.reportSource,
+      printModeMap[options.printMode],
+      pageModeMap[options.pageMode],
+      viewModeMap[options.viewMode],
+      scaleModeMap[options.scaleMode],
+      options.scale,
+      commonMessages,
+      options.enableAccessibility,
+      options.searchMetadataOnDemand
+    )
+  );
   history$1 = new history.HistoryManager({
-    controller: controller$1,
+    controller,
     settings
   });
   commands = new commandSet.CommandSet({
-    controller: controller$1,
+    controller,
+    notificationService: notificationService$1,
     history: history$1
   });
   new uiController.UIController({
-    controller: controller$1,
+    controller,
+    notificationService: notificationService$1,
     history: history$1,
     commands
   });
   viewer = {
     stringResources: stringResources.stringResources,
-    refreshReport: function(ignoreCache) {
+    refreshReport: (ignoreCache) => {
       if (arguments.length === 0) {
         ignoreCache = true;
       }
-      controller$1.refreshReport(ignoreCache, true);
+      controller.refreshReport(ignoreCache, "", true);
       return viewer;
     },
-    reportSource: function(rs) {
+    reportSource: (rs) => {
       if (rs || rs === null) {
-        controller$1.setReportSource(rs);
-        controller$1.refreshReport(false, true);
+        controller.setReportSource(rs);
+        controller.refreshReport(false, "", true);
         return viewer;
       }
-      return controller$1.getReportSource();
+      return controller.getReportSource();
     },
-    clearReportSource: function() {
-      controller$1.clearReportSource();
+    clearReportSource: () => {
+      controller.setReportSource(new RCV__namespace.ReportSourceOptions());
       return viewer;
     },
-    viewMode: function(vm) {
+    viewMode: (vm) => {
       if (vm) {
-        controller$1.setViewMode(vm);
+        controller.setViewMode(viewModeMap[vm]);
         return viewer;
       }
-      return controller$1.getViewMode();
+      return viewModeReverseMap[controller.getViewMode()];
     },
-    pageMode: function(psm) {
+    pageMode: (psm) => {
       if (psm) {
-        controller$1.setPageMode(psm);
+        controller.setPageMode(pageModeMap[psm]);
         return viewer;
       }
-      return controller$1.getPageMode();
+      return pageModeReverseMap[controller.getPageMode()];
     },
-    printMode: function(pm) {
+    printMode: (pm) => {
       if (pm) {
-        controller$1.setPrintMode(pm);
+        controller.setPrintMode(printModeMap[pm]);
         return viewer;
       }
-      return controller$1.getPrintMode();
+      return printModeReverseMap[controller.getPrintMode()];
     },
-    scale: function({ scale, scaleMode } = {}) {
-      if (scale || scaleMode) {
-        controller$1.setScale(scale || controller$1.getScale());
-        controller$1.setScaleMode(scaleMode || controller$1.getScaleMode());
+    scale: (args) => {
+      if (args) {
+        controller.setScale(args.scale);
+        controller.setScaleMode(scaleModeMap[args.scaleMode]);
         return viewer;
       }
       return {
-        scale: controller$1.getScale(),
-        scaleMode: controller$1.getScaleMode()
+        scale: controller.getScale(),
+        scaleMode: scaleModeReverseMap[controller.getScaleMode()]
       };
     },
-    currentPage: function() {
-      return controller$1.getCurrentPageNumber();
+    currentPage: () => {
+      return controller.getCurrentPageNumber();
     },
-    pageCount: function() {
-      return controller$1.getPageCount();
+    pageCount: () => {
+      return controller.getPageCount();
     },
-    parametersAreaVisible: function(visible) {
-      controller$1.setParametersAreaVisible({ visible });
+    parametersAreaVisible: (visible) => {
+      notificationService$1.setParametersAreaVisible({ visible });
     },
-    getReportParameters: function() {
-      return controller$1.getReportParameters();
+    getReportParameters: () => {
+      return controller.getReportParameters();
     },
-    isReportAutoRun: function() {
-      return controller$1.isReportAutoRun();
+    isReportAutoRun: () => {
+      return controller.autoRunEnabled;
     },
-    authenticationToken: function(token) {
+    authenticationToken: (token) => {
       if (token) {
-        controller$1.setAuthenticationToken(token);
+        controller.setAuthenticationToken(token);
       }
       return viewer;
     },
-    bind: function(eventName, eventHandler) {
+    bind: (eventName, eventHandler) => {
       eventBinder(eventName, eventHandler, true);
     },
-    unbind: function(eventName, eventHandler) {
+    unbind: (eventName, eventHandler) => {
       eventBinder(eventName, eventHandler, false);
     },
-    accessibilityKeyMap: function(keyMap) {
+    accessibilityKeyMap: (keyMap) => {
       if (accessibility$1) {
         if (keyMap) {
           accessibility$1.setKeyMap(keyMap);
@@ -230,8 +309,10 @@ function ReportViewer(dom, options) {
       return void 0;
     },
     commands,
-    dispose: function() {
-      controller$1.dispose();
+    dispose: () => {
+      clearTooltipTimeout();
+      controller.disposeSentinel();
+      controller.destroy();
       if (perspectiveManager) {
         perspectiveManager.dispose();
       }
@@ -267,36 +348,68 @@ function ReportViewer(dom, options) {
     }
   }
   function attachEvents() {
-    var eventMap = {
-      EXPORT_BEGIN: controller$1.Events.EXPORT_STARTED,
-      EXPORT_END: controller$1.Events.EXPORT_DOCUMENT_READY,
-      PRINT_BEGIN: controller$1.Events.PRINT_STARTED,
-      PRINT_END: controller$1.Events.PRINT_DOCUMENT_READY,
-      RENDERING_BEGIN: controller$1.Events.BEFORE_LOAD_REPORT,
-      RENDERING_END: controller$1.Events.REPORT_LOAD_COMPLETE,
-      PAGE_READY: controller$1.Events.PAGE_READY,
-      ERROR: controller$1.Events.ERROR,
-      UPDATE_UI: controller$1.Events.UPDATE_UI,
-      INTERACTIVE_ACTION_EXECUTING: controller$1.Events.INTERACTIVE_ACTION_EXECUTING,
-      INTERACTIVE_ACTION_ENTER: controller$1.Events.INTERACTIVE_ACTION_ENTER,
-      INTERACTIVE_ACTION_LEAVE: controller$1.Events.INTERACTIVE_ACTION_LEAVE,
-      VIEWER_TOOLTIP_OPENING: controller$1.Events.TOOLTIP_OPENING,
-      SEND_EMAIL_BEGIN: controller$1.Events.SEND_EMAIL_STARTED,
-      SEND_EMAIL_END: controller$1.Events.SEND_EMAIL_READY,
-      PARAMETERS_LOADED: controller$1.Events.PARAMETERS_LOADED
+    const viewerEventsMapping = {
+      [events.Events.EXPORT_BEGIN]: "exportStarted",
+      [events.Events.EXPORT_END]: "exportDocumentReady",
+      [events.Events.PRINT_BEGIN]: "printStarted",
+      [events.Events.PRINT_END]: "printDocumentReady",
+      [events.Events.SEND_EMAIL_BEGIN]: "sendEmailStarted",
+      [events.Events.SEND_EMAIL_END]: "sendEmailDocumentReady",
+      [events.Events.PAGE_READY]: "pageReady",
+      [events.Events.ERROR]: "error",
+      [events.Events.INTERACTIVE_ACTION_EXECUTING]: "interactiveActionExecuting",
+      [events.Events.INTERACTIVE_ACTION_ENTER]: "interactiveActionEnter",
+      [events.Events.INTERACTIVE_ACTION_LEAVE]: "interactiveActionLeave",
+      [events.Events.PARAMETERS_LOADED]: "parametersLoaded"
+      // UPDATE_UI, // Raised below by notificationService
+      // VIEWER_TOOLTIP_OPENING // Raised in showTooltip() method
+    };
+    var viewerAsyncEventsMapping = {
+      [events.Events.RENDERING_BEGIN]: "beforeLoadReport",
+      [events.Events.RENDERING_END]: "reportLoadComplete"
     };
     var $viewer = $(viewer);
-    for (const [viewerEvent, controllerEvent] of Object.entries(eventMap)) {
-      controller$1.on(controllerEvent, function(e, args) {
-        $viewer.trigger(viewerEvent, args);
+    const eventProxy = (eventName) => async (args) => {
+      $viewer.trigger(
+        {
+          type: eventName,
+          data: { sender: viewer }
+        },
+        args
+      );
+    };
+    for (let eventName in viewerEventsMapping) {
+      let controllerEventName = viewerEventsMapping[eventName];
+      controller.on(controllerEventName, (args) => {
+        if (eventName === events.Events.PAGE_READY) {
+          args.pageActions = JSON.stringify(args.pageActions);
+        }
+        eventProxy(eventName)(args);
       });
     }
+    for (let eventName in viewerAsyncEventsMapping) {
+      let controllerEventName = viewerAsyncEventsMapping[eventName];
+      controller.onAsync(controllerEventName, eventProxy(eventName));
+    }
+    notificationService$1.on(notificationService$1.Events.UPDATE_UI, function($viewer2) {
+      return function(e, args) {
+        $viewer2.trigger(
+          {
+            type: events.Events.UPDATE_UI,
+            data: e.data
+          },
+          args
+        );
+      };
+    }($viewer));
   }
   function attachEventHandlers() {
     eventBinder(events.Events.EXPORT_BEGIN, options.exportBegin, true);
     eventBinder(events.Events.EXPORT_END, options.exportEnd, true);
     eventBinder(events.Events.PRINT_BEGIN, options.printBegin, true);
     eventBinder(events.Events.PRINT_END, options.printEnd, true);
+    eventBinder(events.Events.SEND_EMAIL_BEGIN, options.sendEmailBegin, true);
+    eventBinder(events.Events.SEND_EMAIL_END, options.sendEmailEnd, true);
     eventBinder(events.Events.RENDERING_BEGIN, options.renderingBegin, true);
     eventBinder(events.Events.RENDERING_END, options.renderingEnd, true);
     eventBinder(events.Events.PAGE_READY, options.pageReady, true);
@@ -306,8 +419,6 @@ function ReportViewer(dom, options) {
     eventBinder(events.Events.INTERACTIVE_ACTION_ENTER, options.interactiveActionEnter, true);
     eventBinder(events.Events.INTERACTIVE_ACTION_LEAVE, options.interactiveActionLeave, true);
     eventBinder(events.Events.VIEWER_TOOLTIP_OPENING, options.viewerToolTipOpening, true);
-    eventBinder(events.Events.SEND_EMAIL_BEGIN, options.sendEmailBegin, true);
-    eventBinder(events.Events.SEND_EMAIL_END, options.sendEmailEnd, true);
     eventBinder(events.Events.PARAMETERS_LOADED, options.parametersLoaded, true);
   }
   function init() {
@@ -315,35 +426,78 @@ function ReportViewer(dom, options) {
     binder.Binder.bind(
       $placeholder,
       {
-        controller: controller$1,
+        controller,
+        notificationService: notificationService$1,
         commands,
         templates
       },
       options
     );
-    perspectiveManager = new perspectives.PerspectiveManager(dom, controller$1);
+    new RCV__namespace.ContentArea($placeholder[0], controller, commonMessages, {
+      enableAccessibility: options.enableAccessibility,
+      initialPageAreaImageUrl: options.initialPageAreaImageUrl
+    });
+    perspectiveManager = new perspectives.PerspectiveManager(dom, controller, notificationService$1);
     perspectiveManager.attach();
+    enableTouch($placeholder.find(".trv-page-container"));
     initSplitter();
     attachEvents();
     attachEventHandlers();
     initFromStorage();
     initAccessibility(options);
   }
+  function enableTouch(dom2) {
+    var allowSwipeLeft;
+    var allowSwipeRight;
+    touch.TouchBehavior(
+      dom2,
+      {
+        swipe: function(e) {
+          var pageNumber = controller.getCurrentPageNumber();
+          if (allowSwipeLeft && e.direction === "left") {
+            if (pageNumber < controller.getPageCount()) {
+              controller.navigateToPage(pageNumber + 1);
+            }
+          } else if (allowSwipeRight && e.direction === "right") {
+            if (pageNumber > 1) {
+              controller.navigateToPage(pageNumber - 1);
+            }
+          }
+        },
+        pinch: function(e) {
+          var scale = controller.getScale();
+          var f = e.distance / e.lastDistance;
+          controller.setScaleMode(RCV__namespace.ScaleMode.Specific);
+          controller.setScale(scale * f);
+        },
+        doubletap: function() {
+          commands.toggleZoomMode.exec();
+        },
+        touchstart: function() {
+          var el = dom2.find(".trv-page-wrapper")[0];
+          allowSwipeRight = 0 === el.scrollLeft;
+          allowSwipeLeft = el.scrollWidth - el.offsetWidth === el.scrollLeft;
+        }
+      }
+    );
+  }
   function initSplitter() {
     var parameterAreaPaneOptions = {
       max: "500px",
       min: "50px",
-      size: "210px",
-      collapsible: true
+      size: "300",
+      collapsible: true,
+      scrollable: false
     };
     var parameterAreaTemplate = $placeholder.find(".trv-parameters-area");
     var parameterAreaPanes = [{}];
     var documentMapPaneOptions = {
       max: "500px",
       min: "50px",
-      size: "210px",
+      size: "300",
       collapsible: true,
-      collapsed: true
+      collapsed: true,
+      scrollable: false
     };
     var documentMapTemplate = $placeholder.find(".trv-document-map");
     var documentMapPanes = [{}];
@@ -366,15 +520,15 @@ function ReportViewer(dom, options) {
       parameterAreaPanes.push(parameterAreaPaneOptions);
     }
     try {
-      var documentMapSplitter = $placeholder.find(".trv-document-map-splitter").kendoSplitter({
+      $placeholder.find(".trv-document-map-splitter").attr("id", options.viewerSelector + "-document-map-splitter").kendoSplitter({
         panes: documentMapPanes,
-        expand: function(e) {
+        expand: (e) => {
           setSplitterPaneVisibility(e.pane, true);
         },
-        collapse: function(e) {
+        collapse: (e) => {
           setSplitterPaneVisibility(e.pane, false);
         },
-        resize: function(e) {
+        resize: (e) => {
         }
       }).data("kendoSplitter");
     } catch (e) {
@@ -382,43 +536,33 @@ function ReportViewer(dom, options) {
       throw e;
     }
     try {
-      var parametersSplitter = $placeholder.find(".trv-parameters-splitter").kendoSplitter({
+      $placeholder.find(".trv-parameters-splitter").attr("id", options.viewerSelector + "-parameters-splitter").kendoSplitter({
         panes: parameterAreaPanes,
         orientation,
-        expand: function(e) {
+        expand: (e) => {
           setSplitterPaneVisibility(e.pane, true);
         },
-        collapse: function(e) {
+        collapse: (e) => {
           setSplitterPaneVisibility(e.pane, false);
         },
-        resize: function(e) {
+        resize: (e) => {
         }
       }).data("kendoSplitter");
     } catch (e) {
       console.error("Instantiation of Kendo Splitter as Parameters area splitter threw an exception", e);
       throw e;
     }
-    var parametersSplitterInstance = {
-      id: options.viewerSelector + "-parameters-splitter",
-      instance: parametersSplitter
-    };
-    var documentMapSplitterInstance = {
-      id: options.viewerSelector + "-document-map-splitter",
-      instance: documentMapSplitter
-    };
-    Instances.push(parametersSplitterInstance);
-    Instances.push(documentMapSplitterInstance);
   }
   function setSplitterPaneVisibility(pane, visible) {
     var paneID = $(pane).attr("data-id");
     switch (paneID) {
       case "trv-document-map":
-        controller$1.setDocumentMapVisible({
+        notificationService$1.setDocumentMapVisible({
           visible
         });
         break;
       case "trv-parameters-area":
-        controller$1.setParametersAreaVisible({
+        notificationService$1.setParametersAreaVisible({
           visible
         });
         break;
@@ -433,59 +577,57 @@ function ReportViewer(dom, options) {
     var dm = settings.getDocumentMapVisible();
     var pa = settings.getParametersAreaVisible();
     settings.getAccessibilityKeyMap();
-    controller$1.setViewMode(vm ? vm : options.viewMode);
-    controller$1.setPageMode(psm ? psm : options.pageMode);
-    controller$1.setPrintMode(pm ? pm : options.printMode);
-    controller$1.setScale(s ? s : options.scale);
-    controller$1.setScaleMode(sm ? sm : options.scaleMode);
-    controller$1.setDocumentMapVisible({
+    controller.setViewMode(viewModeMap[vm ? vm : options.viewMode]);
+    controller.setPageMode(pageModeMap[psm ? psm : options.pageMode]);
+    controller.setPrintMode(printModeMap[pm ? pm : options.printMode]);
+    controller.setScaleMode(scaleModeMap[sm ? sm : options.scaleMode]);
+    controller.setScale(s ? s : options.scale);
+    notificationService$1.setDocumentMapVisible({
       visible: dm ? dm : options.documentMapVisible
     });
-    controller$1.setParametersAreaVisible({
+    notificationService$1.setParametersAreaVisible({
       visible: pa ? pa : options.parametersAreaVisible
     });
-    controller$1.printModeChanged(function() {
-      settings.setPrintMode(controller$1.getPrintMode());
-    });
-    controller$1.viewModeChanged(function() {
-      settings.setViewMode(controller$1.getViewMode());
-    });
-    controller$1.pageModeChanged(function() {
-      settings.setPageMode(controller$1.getPageMode());
-    });
-    controller$1.scaleChanged(function(event, scale) {
+    controller.on("viewModeChanged", () => {
+      settings.setViewMode(viewModeReverseMap[controller.getViewMode()]);
+    }).on("pageModeChanged", () => {
+      settings.setPageMode(pageModeReverseMap[controller.getPageMode()]);
+    }).on("printModeChanged", () => {
+      settings.setPrintMode(printModeReverseMap[controller.getPrintMode()]);
+    }).on("scaleModeChanged", (scaleMode) => {
+      settings.setScaleMode(scaleModeReverseMap[scaleMode]);
+    }).on("scaleChanged", (scale) => {
       settings.setScale(scale);
+    }).on("clientIdChanged", (clientId) => {
+      settings.setClientId(clientId);
+    }).on("currentPageChanged", (page) => {
+      settings.setPageNumber(page);
+    }).on("reportSourceChanged", (rs) => {
+      settings.setReportSource(rs);
     });
-    controller$1.scaleModeChanged(function(event, scaleMode) {
-      settings.setScaleMode(scaleMode);
-    });
-    controller$1.setSideMenuVisible(function(event, args) {
-      window.setTimeout(function() {
-        (args.visible ? $.fn.addClass : $.fn.removeClass).call($placeholder, "trv-side-menu-visible");
-      }, 1);
-    });
-    controller$1.setDocumentMapVisible(function() {
+    notificationService$1.setDocumentMapVisible(() => {
       var args = {};
-      controller$1.getDocumentMapState(args);
+      notificationService$1.getDocumentMapState(args);
       settings.setDocumentMapVisible(args.visible);
     });
-    controller$1.setParametersAreaVisible(function() {
+    notificationService$1.setParametersAreaVisible(() => {
       var args = {};
-      controller$1.getParametersAreaState(args);
+      notificationService$1.getParametersAreaState(args);
       settings.setParametersAreaVisible(args.visible);
     });
   }
   function initAccessibility(options2) {
     if (options2.enableAccessibility) {
       accessibility$1 = new accessibility.Accessibility({
-        controller: controller$1,
+        controller,
+        notificationService: notificationService$1,
         templates
       });
       var am = options2.accessibilityKeyMap;
       if (am) {
         accessibility$1.setKeyMap(am);
       }
-      settings.contentTabIndex = getTemplateContentTabIndex();
+      controller.setContentTabIndex(getTemplateContentTabIndex());
     }
   }
   function getTemplateContentTabIndex() {
@@ -505,28 +647,60 @@ function ReportViewer(dom, options) {
   function start() {
     var pendingRefresh = false;
     init();
-    controller$1.reportLoadComplete(function() {
+    if (!options.webDesignerPreview) {
+      if (controller.shouldShowLicenseBanner()) {
+        $(".trv-content-wrapper")?.prepend('<span class="trv-license-banner"></span>');
+        const licenseBanner = $(".trv-license-banner").kendoNotification({
+          appendTo: ".trv-license-banner",
+          hideOnClick: false,
+          autoHideAfter: 0,
+          button: true,
+          hide: () => {
+            controller.saveToSessionStorage("hideBanner", "true");
+          }
+        }).data("kendoNotification");
+        const licenseData = controller.getConfigurationInfo()?.license;
+        licenseBanner.show(`<span class='trv-license-message'>${licenseData?.title || licenseData?.message} ${licenseData?.actionMessage}</span>
+                                    <a class='trv-license-link' target='_blank' href='${licenseData?.actionLink}'>
+                                        <span class='k-icon k-i-question-circle'></span>
+                                    </a>`, "warning");
+      }
+      if (controller.shouldShowLicenseOverlay()) {
+        $(".trv-content-wrapper")?.prepend('<div class="trv-license-overlay"></div>');
+      }
+    }
+    controller.onAsync("reportLoadComplete", async () => {
       if (options.documentMapVisible === false) {
-        controller$1.setDocumentMapVisible({ visible: false });
+        notificationService$1.setDocumentMapVisible({ visible: false });
       }
+    }).on("navigateToReport", (args) => {
+      controller.setReportSource({
+        report: args.Report,
+        parameters: args.Parameters
+      });
+      controller.refreshReport(false);
+    }).on("toolTipOpening", (args) => {
+      showTooltip(args);
+    }).on("toolTipClosing", (args) => {
+      hideTooltip(args);
     });
     var rs = settings.getReportSource();
     if (rs !== void 0) {
-      controller$1.setReportSource(rs);
+      controller.setReportSource(rs);
       var pageNumber = settings.getPageNumber();
       if (pageNumber !== void 0) {
-        controller$1.navigateToPage(pageNumber);
+        controller.navigateToPage(pageNumber);
       }
       pendingRefresh = true;
     } else {
       if (options.viewMode) {
-        controller$1.setViewMode(options.viewMode);
+        controller.setViewMode(viewModeMap[options.viewMode]);
       }
       if (options.pageMode) {
-        controller$1.setPageMode(options.pageMode);
+        controller.setPageMode(pageModeMap[options.pageMode]);
       }
       if (options.reportSource) {
-        controller$1.setReportSource(options.reportSource);
+        controller.setReportSource(options.reportSource);
         pendingRefresh = true;
       }
     }
@@ -534,24 +708,97 @@ function ReportViewer(dom, options) {
       options.ready.call(viewer);
     }
     if (pendingRefresh) {
-      controller$1.refreshReport(false, true);
+      controller.refreshReport(false, "", true);
+    }
+  }
+  function showTooltip(args) {
+    var $element = $(args.element);
+    var toolTipArgs = {
+      element: args.element,
+      toolTip: {
+        title: args.title,
+        text: args.text
+      },
+      cancel: false
+    };
+    clearTooltipTimeout();
+    $(viewer).trigger({ type: events.Events.VIEWER_TOOLTIP_OPENING }, toolTipArgs);
+    if (toolTipArgs.cancel) {
+      return;
     }
+    var content = applyToolTipTemplate(toolTipArgs);
+    var viewportElement = args.element.viewportElement;
+    var ktt = getToolTip($element, content);
+    viewer._tooltipShowTimeout = setTimeout(() => {
+      ktt.show($element);
+      if (viewportElement && viewportElement.nodeName === "svg") {
+        positionToolTip(ktt, args);
+      }
+    }, TOOLIP_SHOW_TIMEOUT);
+  }
+  function hideTooltip(args) {
+    var $t = $(args.element);
+    var toolTip = $t.data("kendoTooltip");
+    clearTooltipTimeout();
+    if (toolTip) {
+      toolTip.hide();
+    }
+  }
+  function clearTooltipTimeout() {
+    if (viewer._tooltipShowTimeout) {
+      clearTimeout(viewer._tooltipShowTimeout);
+      viewer._tooltipShowTimeout = null;
+    }
+  }
+  function applyToolTipTemplate(toolTipArgs) {
+    var toolTipTemplate = templates["trv-pages-area-kendo-tooltip"];
+    var $container = $(toolTipTemplate);
+    var $titleSpan = $container.find(".trv-pages-area-kendo-tooltip-title");
+    var $textSpan = $container.find(".trv-pages-area-kendo-tooltip-text");
+    $titleSpan.text(toolTipArgs.toolTip.title);
+    $textSpan.text(toolTipArgs.toolTip.text);
+    return $container.clone().wrap("<p>").parent().html();
+  }
+  function getToolTip(target, toolTipContent) {
+    var ktt = target.data("kendoTooltip");
+    if (!ktt) {
+      try {
+        ktt = target.kendoTooltip({
+          content: toolTipContent,
+          autohide: true,
+          callout: true,
+          position: "top"
+        }).data("kendoTooltip");
+      } catch (e) {
+        console.error("Instantiation of Kendo Tooltip threw an exception", e);
+        throw e;
+      }
+    }
+    return ktt;
+  }
+  function positionToolTip(toolTip, e) {
+    var x = e.pageX;
+    var y = e.pageY;
+    toolTip.popup.element.parent().css({
+      left: x + 10,
+      top: y + 5
+    });
   }
   function loadStyleSheets(styleSheets) {
     if (!styleSheets)
       return Promise.resolve();
     var $head = $("head");
-    var currentStyleLinks = $head.find("link").map(function(i, e) {
+    var currentStyleLinks = $head.find("link").map((i, e) => {
       return e.outerHTML;
     }).toArray();
     var promises = [];
     Array.from(styleSheets).forEach((element) => {
       if (currentStyleLinks.indexOf(element) === -1) {
         promises.push(
-          new Promise(function(resolve, reject) {
+          new Promise((resolve, reject) => {
             var $link = $(element);
             $link.on("load", resolve);
-            $link.on("onerror", function() {
+            $link.on("onerror", () => {
               utils.logError("error loading stylesheet " + element);
               resolve();
             });
@@ -560,7 +807,7 @@ function ReportViewer(dom, options) {
         );
       }
     });
-    return Promise.all(promises).then(controller$1.cssLoaded);
+    return Promise.all(promises).then(notificationService$1.cssLoaded.bind(notificationService$1));
   }
   function browserSupportsAllFeatures() {
     return window.Promise;
@@ -570,30 +817,38 @@ function ReportViewer(dom, options) {
       return Promise.resolve();
     }
     var kendoUrl = utils.rTrim(svcApiUrl, "\\/") + "/resources/js/telerikReportViewer.kendo-" + version2 + ".min.js/";
-    return utils.loadScript(kendoUrl).catch(function(errorData) {
+    return utils.loadScript(kendoUrl).catch((errorData) => {
       utils.logError("Kendo could not be loaded automatically. Make sure 'options.serviceUrl' / 'options.reportServer.url' is correct and accessible. The error is: " + errorData.error);
     });
   }
   function main(version2) {
-    ensureKendo(version2).then(function() {
-    }).then(function() {
+    ensureKendo(version2).then(() => {
+    }).then(() => {
       viewer.authenticationToken(options.authenticationToken);
-      controller$1.getServiceVersion().catch(function(ex) {
+      controller.getServiceConfiguration().catch((ex) => {
         var errorOutput = utils.isApplicationExceptionInstance(ex) ? ex.exceptionMessage : utils.stringFormat(stringResources.stringResources.errorServiceUrl, [utils.escapeHtml(svcApiUrl)]);
         $placeholder.text(errorOutput);
-        return Promise.reject();
-      }).then(function(data) {
-        if (data !== version2) {
-          $placeholder.text(utils.stringFormat(stringResources.stringResources.errorServiceVersion, [data, version2]));
-          return Promise.reject();
+        return Promise.reject(errorOutput);
+      }).then((configurationInfo) => {
+        controller.setConfigurationInfo(configurationInfo);
+        if (configurationInfo.version !== version2) {
+          var errorOutput = utils.stringFormat(stringResources.stringResources.errorServiceVersion, [configurationInfo.version, version2]);
+          $placeholder.text(errorOutput);
+          return Promise.reject(errorOutput);
         }
-        templateCache.TemplateCache.load(options.templateUrl, svcApiUrl, client).catch(function() {
-          $placeholder.text(utils.stringFormat(stringResources.stringResources.errorLoadingTemplates, [utils.escapeHtml(options.templateUrl)]));
-          return Promise.reject();
-        }).then(function(result) {
+        templateCache.TemplateCache.load(options.templateUrl, svcApiUrl, client).catch(() => {
+          var errorOutput2 = utils.stringFormat(stringResources.stringResources.errorLoadingTemplates, [utils.escapeHtml(options.templateUrl)]);
+          $placeholder.text(errorOutput2);
+          return Promise.reject(errorOutput2);
+        }).then((result) => {
           templates = result.templates;
           return loadStyleSheets(result.styleSheets);
         }).then(start);
+      }).catch((reason) => {
+        $(viewer).trigger({
+          type: events.Events.ERROR,
+          data: { sender: viewer }
+        }, reason);
       });
     });
   }
@@ -620,14 +875,6 @@ const plugins = [
     name: "telerik_ReportViewer_DocumentMapArea",
     constructor: documentMapArea.DocumentMapArea
   },
-  {
-    name: "telerik_ReportViewer_MainMenu",
-    constructor: mainMenu.MainMenu
-  },
-  {
-    name: "telerik_ReportViewer_PagesArea",
-    constructor: pagesArea.PagesArea
-  },
   {
     name: "telerik_ReportViewer_ParametersArea",
     constructor: parametersArea.ParametersArea
@@ -640,10 +887,6 @@ const plugins = [
     name: "telerik_ReportViewer_SendEmail",
     constructor: sendEmail.SendEmail
   },
-  {
-    name: "telerik_ReportViewer_SideMenu",
-    constructor: sideMenu.SideMenu
-  },
   {
     name: "telerik_ReportViewer_LinkButton",
     constructor: linkButton.LinkButton
@@ -655,6 +898,14 @@ const plugins = [
   {
     name: "telerik_ReportViewer_PageCountLabel",
     constructor: pageCountLabel.PageCountLabel
+  },
+  {
+    name: "telerik_ReportViewer_Toolbar",
+    constructor: toolbar.Toolbar
+  },
+  {
+    name: "telerik_ReportViewer_AiPromptDialog",
+    constructor: aiPrompt.AiPrompt
   }
 ];
 plugins.forEach((plugin) => {