@churchillliving/se-ui-toolkit 6.53.480 → 6.53.482

package/bundles/churchillliving-se-ui-toolkit.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('primeng/api'), require('@angular/core'), require('primeng/dynamicdialog'), require('file-saver'), require('jspdf'), require('@angular/common'), require('ngx-toastr'), require('@angular/common/http'), require('rxjs'), require('@angular/platform-browser'), require('@angular/router'), require('primeng/table'), require('primeng/multiselect'), require('@angular/forms'), require('@angular/platform-browser/animations'), require('primeng/tabview'), require('primeng/dropdown'), require('primeng/calendar'), require('primeng/button'), require('primeng/ripple'), require('primeng/checkbox'), require('primeng/inputtext'), require('primeng/tristatecheckbox'), require('primeng/inputtextarea'), require('primeng/tooltip'), require('primeng/panelmenu'), require('ngx-cookie-service'), require('@angular/cdk/portal'), require('primeng/menu'), require('primeng/galleria'), require('primeng/autocomplete'), require('primeng/accordion'), require('primeng/confirmdialog'), require('primeng/messages'), require('primeng/progressspinner'), require('primeng/inputnumber'), require('primeng/avatar'), require('primeng/card'), require('@angular/cdk/drag-drop'), require('primeng/inputswitch')) :
-  typeof define === 'function' && define.amd ? define('@churchillliving/se-ui-toolkit', ['exports', 'primeng/api', '@angular/core', 'primeng/dynamicdialog', 'file-saver', 'jspdf', '@angular/common', 'ngx-toastr', '@angular/common/http', 'rxjs', '@angular/platform-browser', '@angular/router', 'primeng/table', 'primeng/multiselect', '@angular/forms', '@angular/platform-browser/animations', 'primeng/tabview', 'primeng/dropdown', 'primeng/calendar', 'primeng/button', 'primeng/ripple', 'primeng/checkbox', 'primeng/inputtext', 'primeng/tristatecheckbox', 'primeng/inputtextarea', 'primeng/tooltip', 'primeng/panelmenu', 'ngx-cookie-service', '@angular/cdk/portal', 'primeng/menu', 'primeng/galleria', 'primeng/autocomplete', 'primeng/accordion', 'primeng/confirmdialog', 'primeng/messages', 'primeng/progressspinner', 'primeng/inputnumber', 'primeng/avatar', 'primeng/card', '@angular/cdk/drag-drop', 'primeng/inputswitch'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.churchillliving = global.churchillliving || {}, global.churchillliving["se-ui-toolkit"] = {}), global.api, global.ng.core, global.i1, global.fileSaver, global.jsPDF, global.ng.common, global.ngxToastr, global.ng.common.http, global.rxjs, global.ng.platformBrowser, global.ng.router, global.table, global.multiselect, global.ng.forms, global.ng.platformBrowser.animations, global.tabview, global.dropdown, global.calendar, global.button, global.ripple, global.checkbox, global.inputtext, global.tristatecheckbox, global.inputtextarea, global.tooltip, global.panelmenu, global.ngxCookieService, global.ng.cdk.portal, global.menu, global.galleria, global.autocomplete, global.accordion, global.confirmdialog, global.messages, global.progressspinner, global.inputnumber, global.avatar, global.card, global.ng.cdk.dragDrop, global.inputswitch));
-})(this, (function (exports, api, i0, i1, fileSaver, jsPDF, i1$2, ngxToastr, i1$1, rxjs, platformBrowser, router, table, multiselect, forms, animations, tabview, dropdown, calendar, button, ripple, checkbox, inputtext, tristatecheckbox, inputtextarea, tooltip, panelmenu, ngxCookieService, portal, menu, galleria, autocomplete, accordion, confirmdialog, messages, progressspinner, inputnumber, avatar, card, dragDrop, inputswitch) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('primeng/api'), require('@angular/core'), require('primeng/dynamicdialog'), require('file-saver'), require('jspdf'), require('@angular/common'), require('ngx-toastr'), require('@angular/common/http'), require('rxjs'), require('@angular/router'), require('@angular/platform-browser'), require('primeng/table'), require('primeng/multiselect'), require('@angular/forms'), require('@angular/platform-browser/animations'), require('primeng/tabview'), require('primeng/dropdown'), require('primeng/calendar'), require('primeng/button'), require('primeng/ripple'), require('primeng/checkbox'), require('primeng/inputtext'), require('primeng/tristatecheckbox'), require('primeng/inputtextarea'), require('primeng/tooltip'), require('primeng/panelmenu'), require('ngx-cookie-service'), require('primeng/menu'), require('primeng/galleria'), require('primeng/autocomplete'), require('primeng/accordion'), require('primeng/confirmdialog'), require('primeng/messages'), require('primeng/progressspinner'), require('primeng/inputnumber'), require('primeng/avatar'), require('primeng/card'), require('@angular/cdk/drag-drop'), require('primeng/inputswitch')) :
+  typeof define === 'function' && define.amd ? define('@churchillliving/se-ui-toolkit', ['exports', 'primeng/api', '@angular/core', 'primeng/dynamicdialog', 'file-saver', 'jspdf', '@angular/common', 'ngx-toastr', '@angular/common/http', 'rxjs', '@angular/router', '@angular/platform-browser', 'primeng/table', 'primeng/multiselect', '@angular/forms', '@angular/platform-browser/animations', 'primeng/tabview', 'primeng/dropdown', 'primeng/calendar', 'primeng/button', 'primeng/ripple', 'primeng/checkbox', 'primeng/inputtext', 'primeng/tristatecheckbox', 'primeng/inputtextarea', 'primeng/tooltip', 'primeng/panelmenu', 'ngx-cookie-service', 'primeng/menu', 'primeng/galleria', 'primeng/autocomplete', 'primeng/accordion', 'primeng/confirmdialog', 'primeng/messages', 'primeng/progressspinner', 'primeng/inputnumber', 'primeng/avatar', 'primeng/card', '@angular/cdk/drag-drop', 'primeng/inputswitch'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.churchillliving = global.churchillliving || {}, global.churchillliving["se-ui-toolkit"] = {}), global.api, global.ng.core, global.i1, global.fileSaver, global.jsPDF, global.ng.common, global.ngxToastr, global.ng.common.http, global.rxjs, global.ng.router, global.ng.platformBrowser, global.table, global.multiselect, global.ng.forms, global.ng.platformBrowser.animations, global.tabview, global.dropdown, global.calendar, global.button, global.ripple, global.checkbox, global.inputtext, global.tristatecheckbox, global.inputtextarea, global.tooltip, global.panelmenu, global.ngxCookieService, global.menu, global.galleria, global.autocomplete, global.accordion, global.confirmdialog, global.messages, global.progressspinner, global.inputnumber, global.avatar, global.card, global.ng.cdk.dragDrop, global.inputswitch));
+})(this, (function (exports, api, i0, i1, fileSaver, jsPDF, i1$2, ngxToastr, i1$1, rxjs, i6, platformBrowser, table, multiselect, forms, animations, tabview, dropdown, calendar, button, ripple, checkbox, inputtext, tristatecheckbox, inputtextarea, tooltip, panelmenu, ngxCookieService, menu, galleria, autocomplete, accordion, confirmdialog, messages, progressspinner, inputnumber, avatar, card, dragDrop, inputswitch) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,6 +29,7 @@
   var jsPDF__default = /*#__PURE__*/_interopDefaultLegacy(jsPDF);
   var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$2);
   var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
+  var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -2237,12 +2238,13 @@
       });
   };
   var GridService = /** @class */ (function () {
-      function GridService(datepipe, hyperlinkService, dropdownService, alertService, requestService) {
+      function GridService(datepipe, hyperlinkService, dropdownService, alertService, requestService, route) {
           this.datepipe = datepipe;
           this.hyperlinkService = hyperlinkService;
           this.dropdownService = dropdownService;
           this.alertService = alertService;
           this.requestService = requestService;
+          this.route = route;
           this.softCachingFilters = {};
           this.applyFilterEvent = true;
           this.columnFocusedOut = false;
@@ -2898,6 +2900,22 @@
           columnInfo.type = columnInfo.type ? columnInfo.type : exports.EGridColumnType.DATE;
           return this.addColumn(columnInfo);
       };
+      GridService.prototype.setconfigdata = function (config) {
+          var _a;
+          var configData = {};
+          if ((config === null || config === void 0 ? void 0 : config.data) && ((_a = Object.keys(config === null || config === void 0 ? void 0 : config.data)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+              configData = config;
+          }
+          else {
+              this.route.queryParams.subscribe(function (param) {
+                  var _a;
+                  if (param && ((_a = Object.keys(param)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                      configData['data'] = param;
+                  }
+              });
+          }
+          return configData;
+      };
       // add simple boolean grid column without
       GridService.prototype.addBooleanColumn = function (columnInfo, showFilter) {
           if (showFilter === void 0) { showFilter = true; }
@@ -3582,7 +3600,7 @@
       };
       return GridService;
   }());
-  /** @nocollapse */ GridService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function GridService_Factory() { return new GridService(i0__namespace.ɵɵinject(i1__namespace$1.DatePipe), i0__namespace.ɵɵinject(HyperlinkService), i0__namespace.ɵɵinject(DropdownService), i0__namespace.ɵɵinject(AlertService), i0__namespace.ɵɵinject(RequestService)); }, token: GridService, providedIn: "root" });
+  /** @nocollapse */ GridService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function GridService_Factory() { return new GridService(i0__namespace.ɵɵinject(i1__namespace$1.DatePipe), i0__namespace.ɵɵinject(HyperlinkService), i0__namespace.ɵɵinject(DropdownService), i0__namespace.ɵɵinject(AlertService), i0__namespace.ɵɵinject(RequestService), i0__namespace.ɵɵinject(i6__namespace.ActivatedRoute)); }, token: GridService, providedIn: "root" });
   GridService.decorators = [
       { type: i0.Injectable, args: [{
                   providedIn: 'root',
@@ -3594,7 +3612,8 @@
       { type: HyperlinkService },
       { type: DropdownService },
       { type: AlertService },
-      { type: RequestService }
+      { type: RequestService },
+      { type: i6.ActivatedRoute }
   ]; };
 
   exports.EPermissionType = void 0;
@@ -6343,7 +6362,7 @@
       { type: i1$2.DecimalPipe },
       { type: PageLoggerService },
       { type: i0.ChangeDetectorRef },
-      { type: router.Router },
+      { type: i6.Router },
       { type: i1$2.DatePipe },
       { type: api.ConfirmationService },
       { type: i1.DynamicDialogConfig, decorators: [{ type: i0.Optional }] },
@@ -8080,7 +8099,7 @@
       { type: i1.DialogService },
       { type: i0.ComponentFactoryResolver },
       { type: i0.ChangeDetectorRef },
-      { type: router.Router },
+      { type: i6.Router },
       { type: i0.ElementRef },
       { type: i1$2.DatePipe },
       { type: GridService },
@@ -8352,7 +8371,7 @@
   MenuBarComponent.ctorParameters = function () { return [
       { type: AuthenticationService },
       { type: ngxCookieService.CookieService },
-      { type: router.Router }
+      { type: i6.Router }
   ]; };
   MenuBarComponent.propDecorators = {
       hiddenPanelMenu: [{ type: i0.Input }],
@@ -8367,11 +8386,6 @@
       LEFT: 'left-sidebar',
       RIGHT: 'right-sidebar',
   };
-  exports.ESidebarTarget = void 0;
-  (function (ESidebarTarget) {
-      ESidebarTarget["BLANK"] = "_blank";
-      ESidebarTarget["SELF"] = "_self";
-  })(exports.ESidebarTarget || (exports.ESidebarTarget = {}));
   exports.ESidebarAction = void 0;
   (function (ESidebarAction) {
       ESidebarAction["NAVIGATION"] = "navigation";
@@ -8426,33 +8440,6 @@
           sidebar = __spreadArray([], __read(sidebar));
           return sidebar;
       };
-      SideBarService.prototype.createWindowInstance = function (obj, windowInstance) {
-          if (windowInstance) {
-              // Create a PortalOutlet with the body of the new window document
-              var outlet = new portal.DomPortalOutlet(windowInstance.document.body, this.componentFactoryResolver, this.applicationRef, this.injector);
-              // Copy stylesheet link from parent window
-              this.styleSheetElement = this.getStyleSheetElement();
-              windowInstance.document.head.appendChild(this.styleSheetElement);
-              windowInstance.document.body.innerText = '';
-              this.attachComponentContainer(outlet, obj);
-          }
-      };
-      SideBarService.prototype.attachComponentContainer = function (outlet, obj) {
-          var containerPortal = new portal.ComponentPortal(obj.component, null);
-          var containerRef = outlet.attach(containerPortal);
-          containerRef.instance.config = obj.data;
-      };
-      SideBarService.prototype.getStyleSheetElement = function () {
-          var styleSheetElement = document.createElement('link');
-          document.querySelectorAll('link').forEach(function (htmlElement) {
-              if (htmlElement.rel === 'stylesheet') {
-                  var absoluteUrl = new URL(htmlElement.href).href;
-                  styleSheetElement.rel = 'stylesheet';
-                  styleSheetElement.href = absoluteUrl;
-              }
-          });
-          return styleSheetElement;
-      };
       return SideBarService;
   }());
   /** @nocollapse */ SideBarService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SideBarService_Factory() { return new SideBarService(i0__namespace.ɵɵinject(i0__namespace.INJECTOR), i0__namespace.ɵɵinject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵinject(i0__namespace.ApplicationRef)); }, token: SideBarService, providedIn: "root" });
@@ -8469,11 +8456,12 @@
   ]; };
 
   var SidebarComponent = /** @class */ (function () {
-      function SidebarComponent(instance, authService, dialogService, router, pageLoggerService, hyperlinkService, sidebarService) {
+      function SidebarComponent(instance, authService, dialogService, router, route, pageLoggerService, hyperlinkService, sidebarService) {
           this.instance = instance;
           this.authService = authService;
           this.dialogService = dialogService;
           this.router = router;
+          this.route = route;
           this.pageLoggerService = pageLoggerService;
           this.hyperlinkService = hyperlinkService;
           this.sidebarService = sidebarService;
@@ -8497,27 +8485,7 @@
           enumerable: false,
           configurable: true
       });
-      SidebarComponent.prototype.ngOnInit = function () {
-          var _a, _b;
-          if ((_a = this.router.url.toString()) === null || _a === void 0 ? void 0 : _a.includes('component=')) {
-              var componentName = (_b = this.router.url) === null || _b === void 0 ? void 0 : _b.split('component=')[1];
-              if (componentName) {
-                  this.loadComponentName = componentName;
-              }
-          }
-          if (this.loadComponentName) {
-              this.openDynamicComponetonLoad();
-          }
-      };
-      SidebarComponent.prototype.openDynamicComponetonLoad = function () {
-          var _this = this;
-          var _a;
-          (_a = this.sidebarItemsList) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
-              if (item.action === exports.ESidebarAction.OPENDIALOG && exports.ESidebarTarget.BLANK && item.component.name === _this.loadComponentName) {
-                  _this.navigateComponentToNewTab(item, false);
-              }
-          });
-      };
+      SidebarComponent.prototype.ngOnInit = function () { };
       SidebarComponent.prototype.initializeSideBar = function () {
           var _this = this;
           this.roles = this.authService.getUserRoles();
@@ -8538,12 +8506,7 @@
                       _this.navigateToSection(x, item);
                   }
                   else if (x.action && x.action === exports.ESidebarAction.OPENDIALOG) {
-                      if (x.target && x.target === exports.ESidebarTarget.BLANK) {
-                          _this.navigateComponentToNewTab(x);
-                      }
-                      else {
-                          _this.openDialog(x, item);
-                      }
+                      _this.openDialog(x, item);
                   }
                   else if (x.action && x.action === exports.ESidebarAction.IFRAME) {
                       _this.loadIFrame(x, item);
@@ -8561,34 +8524,6 @@
               disabled: x.disabled,
           }); });
       };
-      //ref link: https://medium.com/@saranya.thangaraj/open-angular-component-in-a-new-tab-without-bootstrapping-the-whole-app-again-e329af460e92
-      SidebarComponent.prototype.navigateComponentToNewTab = function (menu, onNewTab) {
-          var _this = this;
-          if (onNewTab === void 0) { onNewTab = true; }
-          var _a, _b;
-          var windowRef = window;
-          var winRef;
-          if (onNewTab) {
-              winRef = window.open();
-              if (winRef.location.href === 'about:blank') {
-                  if (this.router.url && ((_b = (_a = this.router.url) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.includes('?'))) {
-                      winRef.location.href = this.router.url + '&&component=' + menu.component.name;
-                  }
-                  else {
-                      winRef.location.href = this.router.url + "?component=" + menu.component.name;
-                  }
-              }
-          }
-          // Wait for window instance to be created
-          if (onNewTab) {
-              setTimeout(function () {
-                  _this.sidebarService.createWindowInstance(menu, winRef);
-              }, 900);
-          }
-          else {
-              this.sidebarService.createWindowInstance(menu, windowRef);
-          }
-      };
       SidebarComponent.prototype.setMenuTitle = function (x) {
           return x.tooltip ? x.tooltip : !x.label ? x.section : '';
       };
@@ -8707,14 +8642,12 @@
        */
       SidebarComponent.prototype.openDialog = function (menu, item) {
           var _this = this;
-          var ctrl;
-          document.body.onclick = function (e) {
-              if (e.ctrlKey) {
-                  ctrl = e.ctrlKey;
-              }
-          };
+          var ctrl = '';
+          this.globalListenFunc = this.instance.listen('document', 'keydown', function (e) {
+              ctrl = e.key;
+          });
           setTimeout(function () {
-              if (ctrl) {
+              if (ctrl === 'Control') {
                   //open component on new tab
                   _this.openComponentInTab(menu);
               }
@@ -8739,7 +8672,15 @@
               }
           });
           if (route) {
-              window.open(route.path, "_blank");
+              var params_1 = {};
+              this.route.queryParams.subscribe(function (param) {
+                  var _a;
+                  if (param && ((_a = Object.keys(param)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                      params_1 = param;
+                  }
+              });
+              var url = this.router.serializeUrl(this.router.createUrlTree([route.path], { queryParams: params_1 }));
+              window.open(url, '_blank');
           }
       };
       SidebarComponent.prototype.openComponentInDialog = function (menu, item) {
@@ -8834,7 +8775,8 @@
       { type: i0.Renderer2 },
       { type: AuthenticationService },
       { type: i1.DialogService },
-      { type: router.Router },
+      { type: i6.Router },
+      { type: i6.ActivatedRoute },
       { type: PageLoggerService },
       { type: HyperlinkService },
       { type: SideBarService }