@churchillliving/se-ui-toolkit 6.53.409 → 6.53.411

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

@@ -8376,7 +8376,7 @@
       SideBarService.prototype.attachComponentContainer = function (outlet, menu) {
           var containerPortal = new portal.ComponentPortal(menu.component, null);
           var containerRef = outlet.attach(containerPortal);
-          return containerRef.instance;
+          containerRef.instance.config = menu.data;
       };
       SideBarService.prototype.getStyleSheetElement = function () {
           var styleSheetElement = document.createElement('link');
@@ -8414,6 +8414,7 @@
           this.hyperlinkService = hyperlinkService;
           this.sidebarService = sidebarService;
           this.toggleMenu = false;
+          this.loadComponentName = '';
           this.openDialogs = [];
           this.navHidden = false;
           this.collapseSidebar = false;
@@ -8432,7 +8433,27 @@
           enumerable: false,
           configurable: true
       });
-      SidebarComponent.prototype.ngOnInit = function () { };
+      SidebarComponent.prototype.ngOnInit = function () {
+          var _a, _b;
+          if ((_a = this.router.url.toString()) === null || _a === void 0 ? void 0 : _a.includes('temp_comp=')) {
+              var componentName = (_b = this.router.url) === null || _b === void 0 ? void 0 : _b.split('temp_comp=')[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.initializeSideBar = function () {
           var _this = this;
           this.roles = this.authService.getUserRoles();
@@ -8478,16 +8499,32 @@
           console.log('menu items', this.menuItems);
       };
       //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) {
+      SidebarComponent.prototype.navigateComponentToNewTab = function (menu, onNewTab) {
           var _this = this;
-          var winRef = window.open();
-          if (winRef.location.href === 'about:blank') {
-              winRef.location.href = this.router.url;
+          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 + '&&temp_comp=' + menu.component.name;
+                  }
+                  else {
+                      winRef.location.href = this.router.url + "?temp_comp=" + menu.component.name;
+                  }
+              }
           }
           // Wait for window instance to be created
-          setTimeout(function () {
-              _this.sidebarService.createWindowInstance(menu, winRef);
-          }, 750);
+          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 : '';