@churchillliving/se-ui-toolkit 6.53.395 → 6.53.397

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('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', '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.dynamicdialog, 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.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, dynamicdialog, fileSaver, jsPDF, i1$1, ngxToastr, i1, rxjs, platformBrowser, router, 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';
+  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.dynamicdialog, 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, dynamicdialog, fileSaver, jsPDF, i1$1, ngxToastr, i1, 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';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -7381,9 +7381,10 @@
                   header: ((_d = formField.hyperlink.data) === null || _d === void 0 ? void 0 : _d.header)
                       ? (_e = formField.hyperlink.data) === null || _e === void 0 ? void 0 : _e.header
                       : '',
-                  width: formField.hyperlink.width ? formField.hyperlink.width : '90%',
+                  width: formField.hyperlink.width ? formField.hyperlink.width : '',
+                  style: formField.hyperlink.width ? '' : { 'max-width': 'fit-content' },
                   height: formField.hyperlink.height ? formField.hyperlink.height : '80%',
-                  data: formField.hyperlink.params,
+                  data: formField.hyperlink.params
               });
               var componentName = (_g = (_f = formField.hyperlink) === null || _f === void 0 ? void 0 : _f.component) === null || _g === void 0 ? void 0 : _g.name;
               if (componentName) {
@@ -8293,6 +8294,11 @@
       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";
@@ -8300,14 +8306,102 @@
       ESidebarAction["IFRAME"] = "_iframe";
   })(exports.ESidebarAction || (exports.ESidebarAction = {}));
 
+  var SideBarService = /** @class */ (function () {
+      function SideBarService(injector, componentFactoryResolver, applicationRef) {
+          this.injector = injector;
+          this.componentFactoryResolver = componentFactoryResolver;
+          this.applicationRef = applicationRef;
+      }
+      /**
+       * Checks parent menu and expands it if current route exists in its child menus.
+       * @param menuLabel
+       * @returns {boolean}
+       */
+      SideBarService.prototype.isMenuExpanded = function (currentRoute, items, menuLabel) {
+          var _a, _b;
+          if (items && items.length) {
+              // check currentRoute contains loadDataForEdit or not
+              currentRoute = currentRoute.includes('?') ? currentRoute.split('?')[0] : currentRoute;
+              var detailPage_1 = '';
+              if ((_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.toString()) === null || _a === void 0 ? void 0 : _a.includes("list")) {
+                  detailPage_1 = currentRoute.replace('list', 'detail');
+              }
+              var currentIndex = items.findIndex(function (menu) { var _a; return ((_a = menu.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === (menuLabel === null || menuLabel === void 0 ? void 0 : menuLabel.toLowerCase()); });
+              var matchedItems = [];
+              if (currentIndex > -1) {
+                  matchedItems = (_b = items[currentIndex]) === null || _b === void 0 ? void 0 : _b.items;
+              }
+              return matchedItems.length > 0 ? matchedItems.some(function (item) { return item.routerLink && (currentRoute === item.routerLink[0] || currentRoute === detailPage_1); }) : false;
+          }
+          return false;
+      };
+      SideBarService.prototype.setSidebarPropValues = function (sidebar, section, props) {
+          sidebar.map(function (sidebarItem) {
+              var _a;
+              if (((_a = sidebarItem.section) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === section.toLowerCase()) {
+                  props.map(function (prop) {
+                      var _a, _b;
+                      if (((_a = prop.name) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'data' && ((_b = sidebarItem.data) === null || _b === void 0 ? void 0 : _b.data)) {
+                          sidebarItem.data.data = prop.value;
+                      }
+                      else {
+                          return setPropValue(sidebarItem, prop);
+                      }
+                  });
+              }
+          });
+      };
+      SideBarService.prototype.createWindowInstance = function (menu, 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, menu);
+          }
+      };
+      SideBarService.prototype.attachComponentContainer = function (outlet, menu) {
+          var containerPortal = new portal.ComponentPortal(menu.component, null);
+          var containerRef = outlet.attach(containerPortal);
+          return containerRef.instance;
+      };
+      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" });
+  SideBarService.decorators = [
+      { type: i0.Injectable, args: [{
+                  providedIn: 'root',
+              },] }
+  ];
+  /** @nocollapse */
+  SideBarService.ctorParameters = function () { return [
+      { type: i0.Injector },
+      { type: i0.ComponentFactoryResolver },
+      { type: i0.ApplicationRef }
+  ]; };
+
   var SidebarComponent = /** @class */ (function () {
-      function SidebarComponent(instance, authService, dialogService, router, pageLoggerService, hyperlinkService) {
+      function SidebarComponent(instance, authService, dialogService, router, pageLoggerService, hyperlinkService, sidebarService) {
           this.instance = instance;
           this.authService = authService;
           this.dialogService = dialogService;
           this.router = router;
           this.pageLoggerService = pageLoggerService;
           this.hyperlinkService = hyperlinkService;
+          this.sidebarService = sidebarService;
           this.toggleMenu = false;
           this.openDialogs = [];
           this.navHidden = false;
@@ -8348,7 +8442,12 @@
                       _this.navigateToSection(x, item);
                   }
                   else if (x.action && x.action === exports.ESidebarAction.OPENDIALOG) {
-                      _this.openDialog(x, item);
+                      if (x.target && x.target === exports.ESidebarTarget.BLANK) {
+                          _this.navigateComponentToNewTab(x);
+                      }
+                      else {
+                          _this.openDialog(x, item);
+                      }
                   }
                   else if (x.action && x.action === exports.ESidebarAction.IFRAME) {
                       _this.loadIFrame(x, item);
@@ -8366,6 +8465,18 @@
               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) {
+          var _this = this;
+          var winRef = window.open();
+          if (winRef.location.href === 'about:blank') {
+              winRef.location.href = this.router.url;
+          }
+          // Wait for window instance to be created
+          setTimeout(function () {
+              _this.sidebarService.createWindowInstance(menu, winRef);
+          }, 750);
+      };
       SidebarComponent.prototype.setMenuTitle = function (x) {
           return x.tooltip ? x.tooltip : !x.label ? x.section : '';
       };
@@ -8575,7 +8686,8 @@
       { type: dynamicdialog.DialogService },
       { type: router.Router },
       { type: PageLoggerService },
-      { type: HyperlinkService }
+      { type: HyperlinkService },
+      { type: SideBarService }
   ]; };
   SidebarComponent.propDecorators = {
       navHidden: [{ type: i0.Input }],
@@ -10170,59 +10282,6 @@
       EHeaderFormatType["DECIMAL"] = "decimal";
   })(exports.EHeaderFormatType || (exports.EHeaderFormatType = {}));
 
-  var SideBarService = /** @class */ (function () {
-      function SideBarService() {
-      }
-      /**
-       * Checks parent menu and expands it if current route exists in its child menus.
-       * @param menuLabel
-       * @returns {boolean}
-       */
-      SideBarService.prototype.isMenuExpanded = function (currentRoute, items, menuLabel) {
-          var _a, _b;
-          if (items && items.length) {
-              // check currentRoute contains loadDataForEdit or not
-              currentRoute = currentRoute.includes('?') ? currentRoute.split('?')[0] : currentRoute;
-              var detailPage_1 = '';
-              if ((_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.toString()) === null || _a === void 0 ? void 0 : _a.includes("list")) {
-                  detailPage_1 = currentRoute.replace('list', 'detail');
-              }
-              var currentIndex = items.findIndex(function (menu) { var _a; return ((_a = menu.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === (menuLabel === null || menuLabel === void 0 ? void 0 : menuLabel.toLowerCase()); });
-              var matchedItems = [];
-              if (currentIndex > -1) {
-                  matchedItems = (_b = items[currentIndex]) === null || _b === void 0 ? void 0 : _b.items;
-              }
-              return matchedItems.length > 0 ? matchedItems.some(function (item) { return item.routerLink && (currentRoute === item.routerLink[0] || currentRoute === detailPage_1); }) : false;
-          }
-          return false;
-      };
-      SideBarService.prototype.setSidebarPropValues = function (sidebar, section, props) {
-          sidebar.map(function (sidebarItem) {
-              var _a;
-              if (((_a = sidebarItem.section) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === section.toLowerCase()) {
-                  props.map(function (prop) {
-                      var _a, _b;
-                      if (((_a = prop.name) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'data' && ((_b = sidebarItem.data) === null || _b === void 0 ? void 0 : _b.data)) {
-                          sidebarItem.data.data = prop.value;
-                      }
-                      else {
-                          return setPropValue(sidebarItem, prop);
-                      }
-                  });
-              }
-          });
-      };
-      return SideBarService;
-  }());
-  /** @nocollapse */ SideBarService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SideBarService_Factory() { return new SideBarService(); }, token: SideBarService, providedIn: "root" });
-  SideBarService.decorators = [
-      { type: i0.Injectable, args: [{
-                  providedIn: 'root',
-              },] }
-  ];
-  /** @nocollapse */
-  SideBarService.ctorParameters = function () { return []; };
-
   var HeaderService = /** @class */ (function () {
       function HeaderService() {
       }