@memberjunction/ng-explorer-core 2.121.0 → 2.122.0

package/dist/lib/shell/components/header/app-switcher.component.js

@@ -0,0 +1,190 @@
+import { Component, Input, Output, EventEmitter, HostListener, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-base-application";
+import * as i2 from "@angular/common";
+import * as i3 from "@memberjunction/ng-explorer-settings";
+const _c0 = ["appConfigDialog"];
+function AppSwitcherComponent_i_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 8);
+} }
+function AppSwitcherComponent_i_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 9);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap((ctx_r1.activeApp == null ? null : ctx_r1.activeApp.Icon) || "fa-solid fa-cube");
+    i0.ɵɵstyleProp("color", ctx_r1.activeApp == null ? null : ctx_r1.activeApp.GetColor())("--active-color", ctx_r1.activeApp == null ? null : ctx_r1.activeApp.GetColor());
+} }
+function AppSwitcherComponent_div_5_div_1_i_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 18);
+} }
+function AppSwitcherComponent_div_5_div_1_i_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i");
+} if (rf & 2) {
+    const app_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMap(app_r5.Icon || "fa-solid fa-cube");
+} }
+function AppSwitcherComponent_div_5_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵlistener("click", function AppSwitcherComponent_div_5_div_1_Template_div_click_0_listener() { const app_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectApp(app_r5)); });
+    i0.ɵɵtemplate(1, AppSwitcherComponent_div_5_div_1_i_1_Template, 1, 0, "i", 16)(2, AppSwitcherComponent_div_5_div_1_i_2_Template, 1, 2, "i", 17);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const app_r5 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("--item-color", app_r5.GetColor());
+    i0.ɵɵclassProp("active", app_r5.ID === (ctx_r1.activeApp == null ? null : ctx_r1.activeApp.ID))("loading", app_r5.ID === ctx_r1.loadingAppId);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", app_r5.ID === ctx_r1.loadingAppId);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", app_r5.ID !== ctx_r1.loadingAppId);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(app_r5.Name);
+} }
+function AppSwitcherComponent_div_5_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵtemplate(1, AppSwitcherComponent_div_5_div_1_Template, 5, 9, "div", 11);
+    i0.ɵɵelement(2, "div", 12);
+    i0.ɵɵelementStart(3, "div", 13);
+    i0.ɵɵlistener("click", function AppSwitcherComponent_div_5_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openConfigDialog()); });
+    i0.ɵɵelement(4, "i", 14);
+    i0.ɵɵelementStart(5, "span");
+    i0.ɵɵtext(6, "Configure...");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.apps);
+} }
+/**
+ * App switcher dropdown in the header.
+ * Displays current app and allows switching between apps.
+ */
+export class AppSwitcherComponent {
+    appManager;
+    activeApp = null;
+    isViewingSystemTab = false;
+    /** ID of the app currently being loaded (shows loading indicator) */
+    loadingAppId = null;
+    appSelected = new EventEmitter();
+    appConfigDialog;
+    showDropdown = false;
+    showConfigDialog = false;
+    constructor(appManager) {
+        this.appManager = appManager;
+    }
+    /**
+     * Check if the app switcher should show loading state
+     */
+    get isLoading() {
+        return this.loadingAppId !== null;
+    }
+    /**
+     * Get applications that should appear in the app switcher dropdown
+     * (NavigationStyle = 'App Switcher' or 'Both')
+     */
+    get apps() {
+        return this.appManager.GetAppSwitcherApps();
+    }
+    /**
+     * Toggle dropdown visibility
+     */
+    toggleDropdown() {
+        this.showDropdown = !this.showDropdown;
+    }
+    /**
+     * Select an application
+     * When viewing a system tab, always emit to allow returning to the app
+     */
+    selectApp(app) {
+        this.showDropdown = false;
+        if (app.ID !== this.activeApp?.ID || this.isViewingSystemTab) {
+            this.appSelected.emit(app.ID);
+        }
+    }
+    /**
+     * Close dropdown when clicking outside
+     */
+    onClickOutside(event) {
+        const target = event.target;
+        if (!target.closest('.app-switcher-container') && this.showDropdown) {
+            this.showDropdown = false;
+        }
+    }
+    /**
+     * Open the app configuration dialog
+     */
+    openConfigDialog() {
+        this.showDropdown = false;
+        this.showConfigDialog = true;
+        // Use setTimeout to ensure ViewChild is available
+        setTimeout(() => {
+            if (this.appConfigDialog) {
+                this.appConfigDialog.open();
+            }
+        }, 0);
+    }
+    /**
+     * Handle when config is saved - reload the app list
+     */
+    onConfigSaved() {
+        // The ApplicationManager will be refreshed by the dialog
+        // Force a re-render by triggering change detection
+        this.showConfigDialog = false;
+    }
+    static ɵfac = function AppSwitcherComponent_Factory(t) { return new (t || AppSwitcherComponent)(i0.ɵɵdirectiveInject(i1.ApplicationManager)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AppSwitcherComponent, selectors: [["mj-app-switcher"]], viewQuery: function AppSwitcherComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.appConfigDialog = _t.first);
+        } }, hostBindings: function AppSwitcherComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function AppSwitcherComponent_click_HostBindingHandler($event) { return ctx.onClickOutside($event); }, false, i0.ɵɵresolveDocument);
+        } }, inputs: { activeApp: "activeApp", isViewingSystemTab: "isViewingSystemTab", loadingAppId: "loadingAppId" }, outputs: { appSelected: "appSelected" }, decls: 8, vars: 6, consts: [["appConfigDialog", ""], [1, "app-switcher-container"], [1, "app-switcher-button", 3, "click"], ["class", "app-icon loading-spinner fa-solid fa-spinner fa-spin", 4, "ngIf"], ["class", "app-icon", 3, "class", "color", "--active-color", 4, "ngIf"], [1, "dropdown-arrow", "fa-solid", "fa-chevron-down"], ["class", "app-switcher-dropdown", 4, "ngIf"], [3, "showDialogChange", "configSaved", "showDialog"], [1, "app-icon", "loading-spinner", "fa-solid", "fa-spinner", "fa-spin"], [1, "app-icon"], [1, "app-switcher-dropdown"], ["class", "app-switcher-item", 3, "active", "loading", "--item-color", "click", 4, "ngFor", "ngForOf"], [1, "app-switcher-divider"], [1, "app-switcher-item", "configure-item", 3, "click"], [1, "fa-solid", "fa-gear"], [1, "app-switcher-item", 3, "click"], ["class", "fa-solid fa-spinner fa-spin", 4, "ngIf"], [3, "class", 4, "ngIf"], [1, "fa-solid", "fa-spinner", "fa-spin"]], template: function AppSwitcherComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+            i0.ɵɵlistener("click", function AppSwitcherComponent_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.toggleDropdown()); });
+            i0.ɵɵtemplate(2, AppSwitcherComponent_i_2_Template, 1, 0, "i", 3)(3, AppSwitcherComponent_i_3_Template, 1, 6, "i", 4);
+            i0.ɵɵelement(4, "i", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(5, AppSwitcherComponent_div_5_Template, 7, 1, "div", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "mj-user-app-config", 7, 0);
+            i0.ɵɵtwoWayListener("showDialogChange", function AppSwitcherComponent_Template_mj_user_app_config_showDialogChange_6_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.showConfigDialog, $event) || (ctx.showConfigDialog = $event); return i0.ɵɵresetView($event); });
+            i0.ɵɵlistener("configSaved", function AppSwitcherComponent_Template_mj_user_app_config_configSaved_6_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onConfigSaved()); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("loading", ctx.isLoading);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.isLoading);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isLoading);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.showDropdown);
+            i0.ɵɵadvance();
+            i0.ɵɵtwoWayProperty("showDialog", ctx.showConfigDialog);
+        } }, dependencies: [i2.NgForOf, i2.NgIf, i3.UserAppConfigComponent], styles: [".app-switcher-container[_ngcontent-%COMP%] {\n  position: relative;\n  margin-left: -2px; \n\n}\n\n.app-switcher-button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 10px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: background 0.15s;\n  user-select: none;\n  position: relative;\n}\n.app-switcher-button[_ngcontent-%COMP%]   .app-icon[_ngcontent-%COMP%] {\n  font-size: 20px;\n  width: 24px;\n  text-align: center;\n  position: relative;\n}\n\n\n.app-switcher-button[_ngcontent-%COMP%]   .app-icon[_ngcontent-%COMP%]::after {\n  content: \"\";\n  position: absolute;\n  bottom: -6px;\n  left: 2px;\n  right: 2px;\n  height: 3px;\n  border-radius: 2px;\n  background-color: var(--active-color, #757575);\n}\n.app-switcher-button[_ngcontent-%COMP%]:hover {\n  background: #f5f5f5;\n}\n.app-switcher-button[_ngcontent-%COMP%]   .dropdown-arrow[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: #9e9e9e;\n}\n\n.app-switcher-dropdown[_ngcontent-%COMP%] {\n  position: absolute;\n  top: calc(100% + 8px);\n  left: 0;\n  background: white;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  min-width: 220px;\n  width: max-content;\n  overflow: hidden;\n  z-index: 10000;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  cursor: pointer;\n  transition: all 0.15s;\n  font-weight: 500;\n  color: #616161;\n  position: relative;\n  white-space: nowrap;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item[_ngcontent-%COMP%]::before {\n  content: \"\";\n  position: absolute;\n  left: 4px;\n  top: 8px;\n  bottom: 8px;\n  width: 3px;\n  border-radius: 2px;\n  background-color: var(--item-color, #757575);\n  opacity: 0.8;\n  transition: all 0.15s;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 18px;\n  color: var(--item-color, #757575);\n  width: 20px;\n  text-align: center;\n  opacity: 1;\n  transition: all 0.15s;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item[_ngcontent-%COMP%]:hover {\n  background: #f5f5f5;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item[_ngcontent-%COMP%]:hover::before {\n  opacity: 1;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item.active[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--item-color, #1976d2) 10%, white);\n  color: var(--item-color, #1976d2);\n  font-weight: 600;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item.active[_ngcontent-%COMP%]::before {\n  width: 4px;\n  left: 3px;\n  opacity: 1;\n}\n\n\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item.configure-item[_ngcontent-%COMP%] {\n  color: #616161;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item.configure-item[_ngcontent-%COMP%]::before {\n  display: none;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item.configure-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #757575;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item.configure-item[_ngcontent-%COMP%]:hover {\n  color: #424242;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item.configure-item[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n  color: #424242;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-divider[_ngcontent-%COMP%] {\n  height: 1px;\n  background: #e0e0e0;\n  margin: 4px 12px;\n}\n\n\n\n.app-switcher-button[_ngcontent-%COMP%]   .loading-spinner[_ngcontent-%COMP%] {\n  color: #757575;\n}\n.app-switcher-button[_ngcontent-%COMP%]   .loading-spinner[_ngcontent-%COMP%]::after {\n  \n\n  display: none;\n}\n\n\n\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item.loading[_ngcontent-%COMP%] {\n  pointer-events: none;\n  opacity: 0.7;\n}\n.app-switcher-dropdown[_ngcontent-%COMP%]   .app-switcher-item.loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--item-color, #757575);\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppSwitcherComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-app-switcher', template: "<div class=\"app-switcher-container\" [class.loading]=\"isLoading\">\n  <div class=\"app-switcher-button\"\n       (click)=\"toggleDropdown()\">\n    <!-- Show spinner when loading, otherwise show app icon -->\n    <i *ngIf=\"isLoading\" class=\"app-icon loading-spinner fa-solid fa-spinner fa-spin\"></i>\n    <i *ngIf=\"!isLoading\" class=\"app-icon\" [class]=\"activeApp?.Icon || 'fa-solid fa-cube'\"\n       [style.color]=\"activeApp?.GetColor()\"\n       [style.--active-color]=\"activeApp?.GetColor()\"></i>\n    <i class=\"dropdown-arrow fa-solid fa-chevron-down\"></i>\n  </div>\n\n  <div class=\"app-switcher-dropdown\" *ngIf=\"showDropdown\">\n    <div\n      *ngFor=\"let app of apps\"\n      class=\"app-switcher-item\"\n      [class.active]=\"app.ID === activeApp?.ID\"\n      [class.loading]=\"app.ID === loadingAppId\"\n      [style.--item-color]=\"app.GetColor()\"\n      (click)=\"selectApp(app)\">\n      <i *ngIf=\"app.ID === loadingAppId\" class=\"fa-solid fa-spinner fa-spin\"></i>\n      <i *ngIf=\"app.ID !== loadingAppId\" [class]=\"app.Icon || 'fa-solid fa-cube'\"></i>\n      <span>{{ app.Name }}</span>\n    </div>\n\n    <!-- Divider -->\n    <div class=\"app-switcher-divider\"></div>\n\n    <!-- Configure option -->\n    <div class=\"app-switcher-item configure-item\" (click)=\"openConfigDialog()\">\n      <i class=\"fa-solid fa-gear\"></i>\n      <span>Configure...</span>\n    </div>\n  </div>\n</div>\n\n<!-- App Configuration Dialog -->\n<mj-user-app-config\n  #appConfigDialog\n  [(showDialog)]=\"showConfigDialog\"\n  (configSaved)=\"onConfigSaved()\">\n</mj-user-app-config>\n", styles: [".app-switcher-container {\n  position: relative;\n  margin-left: -2px; /* Fine-tune alignment when no nav-bar icons to the left */\n}\n\n.app-switcher-button {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 10px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: background 0.15s;\n  user-select: none;\n  position: relative;\n}\n.app-switcher-button .app-icon {\n  font-size: 20px;\n  width: 24px;\n  text-align: center;\n  position: relative;\n}\n/* Color underline under the icon only, not the caret */\n.app-switcher-button .app-icon::after {\n  content: \"\";\n  position: absolute;\n  bottom: -6px;\n  left: 2px;\n  right: 2px;\n  height: 3px;\n  border-radius: 2px;\n  background-color: var(--active-color, #757575);\n}\n.app-switcher-button:hover {\n  background: #f5f5f5;\n}\n.app-switcher-button .dropdown-arrow {\n  font-size: 10px;\n  color: #9e9e9e;\n}\n\n.app-switcher-dropdown {\n  position: absolute;\n  top: calc(100% + 8px);\n  left: 0;\n  background: white;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  min-width: 220px;\n  width: max-content;\n  overflow: hidden;\n  z-index: 10000;\n}\n.app-switcher-dropdown .app-switcher-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  cursor: pointer;\n  transition: all 0.15s;\n  font-weight: 500;\n  color: #616161;\n  position: relative;\n  white-space: nowrap;\n}\n.app-switcher-dropdown .app-switcher-item::before {\n  content: \"\";\n  position: absolute;\n  left: 4px;\n  top: 8px;\n  bottom: 8px;\n  width: 3px;\n  border-radius: 2px;\n  background-color: var(--item-color, #757575);\n  opacity: 0.8;\n  transition: all 0.15s;\n}\n.app-switcher-dropdown .app-switcher-item i {\n  font-size: 18px;\n  color: var(--item-color, #757575);\n  width: 20px;\n  text-align: center;\n  opacity: 1;\n  transition: all 0.15s;\n}\n.app-switcher-dropdown .app-switcher-item:hover {\n  background: #f5f5f5;\n}\n.app-switcher-dropdown .app-switcher-item:hover::before {\n  opacity: 1;\n}\n.app-switcher-dropdown .app-switcher-item.active {\n  background: color-mix(in srgb, var(--item-color, #1976d2) 10%, white);\n  color: var(--item-color, #1976d2);\n  font-weight: 600;\n}\n.app-switcher-dropdown .app-switcher-item.active::before {\n  width: 4px;\n  left: 3px;\n  opacity: 1;\n}\n/* Configure option - no color line, neutral gray styling */\n.app-switcher-dropdown .app-switcher-item.configure-item {\n  color: #616161;\n}\n.app-switcher-dropdown .app-switcher-item.configure-item::before {\n  display: none;\n}\n.app-switcher-dropdown .app-switcher-item.configure-item i {\n  color: #757575;\n}\n.app-switcher-dropdown .app-switcher-item.configure-item:hover {\n  color: #424242;\n}\n.app-switcher-dropdown .app-switcher-item.configure-item:hover i {\n  color: #424242;\n}\n.app-switcher-dropdown .app-switcher-divider {\n  height: 1px;\n  background: #e0e0e0;\n  margin: 4px 12px;\n}\n\n/* Loading state for app switcher button */\n.app-switcher-button .loading-spinner {\n  color: #757575;\n}\n.app-switcher-button .loading-spinner::after {\n  /* Hide the underline when showing spinner */\n  display: none;\n}\n\n/* Loading state for dropdown items */\n.app-switcher-dropdown .app-switcher-item.loading {\n  pointer-events: none;\n  opacity: 0.7;\n}\n.app-switcher-dropdown .app-switcher-item.loading i {\n  color: var(--item-color, #757575);\n}\n"] }]
+    }], () => [{ type: i1.ApplicationManager }], { activeApp: [{
+            type: Input
+        }], isViewingSystemTab: [{
+            type: Input
+        }], loadingAppId: [{
+            type: Input
+        }], appSelected: [{
+            type: Output
+        }], appConfigDialog: [{
+            type: ViewChild,
+            args: ['appConfigDialog']
+        }], onClickOutside: [{
+            type: HostListener,
+            args: ['document:click', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AppSwitcherComponent, { className: "AppSwitcherComponent", filePath: "src/lib/shell/components/header/app-switcher.component.ts", lineNumber: 14 }); })();
+//# sourceMappingURL=app-switcher.component.js.map

package/dist/lib/shell/components/header/app-switcher.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-switcher.component.js","sourceRoot":"","sources":["../../../../../src/lib/shell/components/header/app-switcher.component.ts","../../../../../src/lib/shell/components/header/app-switcher.component.html"],"names":[],"mappings":"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"}

package/dist/lib/shell/components/tabs/component-cache-manager.d.ts

@@ -0,0 +1,83 @@
+import { ComponentRef, ApplicationRef } from '@angular/core';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { ResourceData } from '@memberjunction/core-entities';
+/**
+ * Metadata about a cached component
+ */
+export interface CachedComponentInfo {
+    componentRef: ComponentRef<BaseResourceComponent>;
+    wrapperElement: HTMLElement;
+    resourceType: string;
+    resourceRecordId: string;
+    applicationId: string;
+    isAttached: boolean;
+    attachedToTabId: string | null;
+    lastUsed: Date;
+    createdAt: Date;
+    resourceData: ResourceData;
+}
+/**
+ * Smart component cache manager that preserves component state across tab switches.
+ *
+ * Features:
+ * - Caches components by resource identity (not just tab ID)
+ * - Tracks component usage to prevent double-attachment
+ * - Detaches/reattaches DOM elements without destroying Angular components
+ * - Provides manual cache clearing (no automatic periodic cleanup)
+ */
+export declare class ComponentCacheManager {
+    private appRef;
+    private cache;
+    constructor(appRef: ApplicationRef);
+    /**
+     * Generate a unique cache key from resource identity
+     */
+    private getCacheKey;
+    /**
+     * Check if a component exists in cache and is available for reuse
+     */
+    hasAvailableComponent(resourceType: string, recordId: string, appId: string): boolean;
+    /**
+     * Get a cached component if available (not currently attached)
+     */
+    getCachedComponent(resourceType: string, recordId: string, appId: string): CachedComponentInfo | null;
+    /**
+     * Store a component in the cache
+     */
+    cacheComponent(componentRef: ComponentRef<BaseResourceComponent>, wrapperElement: HTMLElement, resourceData: ResourceData, tabId: string): void;
+    /**
+     * Mark a component as attached to a tab
+     */
+    markAsAttached(resourceType: string, recordId: string, appId: string, tabId: string): void;
+    /**
+     * Mark a component as detached (available for reuse)
+     */
+    markAsDetached(tabId: string): CachedComponentInfo | null;
+    /**
+     * Get component info by tab ID (for finding what's attached to a tab)
+     */
+    getComponentByTabId(tabId: string): CachedComponentInfo | null;
+    /**
+     * Remove and destroy a specific component from cache
+     */
+    destroyComponent(resourceType: string, recordId: string, appId: string): void;
+    /**
+     * Remove and destroy component by tab ID
+     */
+    destroyComponentByTabId(tabId: string): void;
+    /**
+     * Clear the entire cache, destroying all components
+     * Call this manually when needed (e.g., user logout, app shutdown)
+     */
+    clearCache(): void;
+    /**
+     * Get cache statistics for debugging
+     */
+    getCacheStats(): {
+        total: number;
+        attached: number;
+        detached: number;
+        byResourceType: Map<string, number>;
+    };
+}
+//# sourceMappingURL=component-cache-manager.d.ts.map

package/dist/lib/shell/components/tabs/component-cache-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-cache-manager.d.ts","sourceRoot":"","sources":["../../../../../src/lib/shell/components/tabs/component-cache-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAElC,YAAY,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAC;IAGlD,cAAc,EAAE,WAAW,CAAC;IAG5B,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IAGtB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAG/B,QAAQ,EAAE,IAAI,CAAC;IACf,SAAS,EAAE,IAAI,CAAC;IAGhB,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,qBAAa,qBAAqB;IAGpB,OAAO,CAAC,MAAM;IAF1B,OAAO,CAAC,KAAK,CAA0C;gBAEnC,MAAM,EAAE,cAAc;IAE1C;;OAEG;IACH,OAAO,CAAC,WAAW;IAMnB;;OAEG;IACH,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAMrF;;OAEG;IACH,kBAAkB,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,mBAAmB,GAAG,IAAI;IAgBrG;;OAEG;IACH,cAAc,CACZ,YAAY,EAAE,YAAY,CAAC,qBAAqB,CAAC,EACjD,cAAc,EAAE,WAAW,EAC3B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,MAAM,GACZ,IAAI;IAwBP;;OAEG;IACH,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAY1F;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,mBAAmB,GAAG,IAAI;IAkBzD;;OAEG;IACH,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,mBAAmB,GAAG,IAAI;IAO9D;;OAEG;IACH,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAkB7E;;OAEG;IACH,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAoB5C;;;OAGG;IACH,UAAU,IAAI,IAAI;IAalB;;OAEG;IACH,aAAa,IAAI;QACf,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACrC;CAqBF"}

package/dist/lib/shell/components/tabs/component-cache-manager.js

@@ -0,0 +1,175 @@
+/**
+ * Smart component cache manager that preserves component state across tab switches.
+ *
+ * Features:
+ * - Caches components by resource identity (not just tab ID)
+ * - Tracks component usage to prevent double-attachment
+ * - Detaches/reattaches DOM elements without destroying Angular components
+ * - Provides manual cache clearing (no automatic periodic cleanup)
+ */
+export class ComponentCacheManager {
+    appRef;
+    cache = new Map();
+    constructor(appRef) {
+        this.appRef = appRef;
+    }
+    /**
+     * Generate a unique cache key from resource identity
+     */
+    getCacheKey(resourceType, recordId, appId) {
+        // Normalize empty/null recordId to ensure consistent matching
+        const normalizedRecordId = recordId || '__no_record__';
+        return `${appId}::${resourceType}::${normalizedRecordId}`;
+    }
+    /**
+     * Check if a component exists in cache and is available for reuse
+     */
+    hasAvailableComponent(resourceType, recordId, appId) {
+        const key = this.getCacheKey(resourceType, recordId, appId);
+        const info = this.cache.get(key);
+        return info !== undefined && !info.isAttached;
+    }
+    /**
+     * Get a cached component if available (not currently attached)
+     */
+    getCachedComponent(resourceType, recordId, appId) {
+        const key = this.getCacheKey(resourceType, recordId, appId);
+        const info = this.cache.get(key);
+        if (!info) {
+            return null;
+        }
+        // Can only reuse if not currently attached elsewhere
+        if (info.isAttached) {
+            return null;
+        }
+        return info;
+    }
+    /**
+     * Store a component in the cache
+     */
+    cacheComponent(componentRef, wrapperElement, resourceData, tabId) {
+        const key = this.getCacheKey(resourceData.ResourceType, resourceData.ResourceRecordID || '', resourceData.Configuration?.applicationId || '');
+        const info = {
+            componentRef,
+            wrapperElement,
+            resourceType: resourceData.ResourceType,
+            resourceRecordId: resourceData.ResourceRecordID || '',
+            applicationId: resourceData.Configuration?.applicationId || '',
+            isAttached: true,
+            attachedToTabId: tabId,
+            lastUsed: new Date(),
+            createdAt: new Date(),
+            resourceData
+        };
+        this.cache.set(key, info);
+        console.log(`💾 Cached component: ${resourceData.ResourceType} (key: ${key})`);
+    }
+    /**
+     * Mark a component as attached to a tab
+     */
+    markAsAttached(resourceType, recordId, appId, tabId) {
+        const key = this.getCacheKey(resourceType, recordId, appId);
+        const info = this.cache.get(key);
+        if (info) {
+            info.isAttached = true;
+            info.attachedToTabId = tabId;
+            info.lastUsed = new Date();
+            console.log(`📌 Attached component: ${resourceType} to tab ${tabId}`);
+        }
+    }
+    /**
+     * Mark a component as detached (available for reuse)
+     */
+    markAsDetached(tabId) {
+        // Find component by tab ID
+        const entry = Array.from(this.cache.entries())
+            .find(([_, info]) => info.attachedToTabId === tabId);
+        if (!entry) {
+            return null;
+        }
+        const [key, info] = entry;
+        info.isAttached = false;
+        info.attachedToTabId = null;
+        info.lastUsed = new Date();
+        console.log(`📎 Detached component: ${info.resourceType} from tab ${tabId}`);
+        return info;
+    }
+    /**
+     * Get component info by tab ID (for finding what's attached to a tab)
+     */
+    getComponentByTabId(tabId) {
+        const entry = Array.from(this.cache.entries())
+            .find(([_, info]) => info.attachedToTabId === tabId);
+        return entry ? entry[1] : null;
+    }
+    /**
+     * Remove and destroy a specific component from cache
+     */
+    destroyComponent(resourceType, recordId, appId) {
+        const key = this.getCacheKey(resourceType, recordId, appId);
+        const info = this.cache.get(key);
+        if (!info) {
+            return;
+        }
+        // Destroy Angular component
+        this.appRef.detachView(info.componentRef.hostView);
+        info.componentRef.destroy();
+        // Remove from cache
+        this.cache.delete(key);
+        console.log(`🗑️ Destroyed component: ${resourceType}`);
+    }
+    /**
+     * Remove and destroy component by tab ID
+     */
+    destroyComponentByTabId(tabId) {
+        const entry = Array.from(this.cache.entries())
+            .find(([_, info]) => info.attachedToTabId === tabId);
+        if (!entry) {
+            return;
+        }
+        const [key, info] = entry;
+        // Destroy Angular component
+        this.appRef.detachView(info.componentRef.hostView);
+        info.componentRef.destroy();
+        // Remove from cache
+        this.cache.delete(key);
+        console.log(`🗑️ Destroyed component by tab ID: ${tabId}`);
+    }
+    /**
+     * Clear the entire cache, destroying all components
+     * Call this manually when needed (e.g., user logout, app shutdown)
+     */
+    clearCache() {
+        console.log(`🧹 Clearing component cache (${this.cache.size} components)`);
+        // Destroy all components
+        this.cache.forEach(info => {
+            this.appRef.detachView(info.componentRef.hostView);
+            info.componentRef.destroy();
+        });
+        // Clear the map
+        this.cache.clear();
+    }
+    /**
+     * Get cache statistics for debugging
+     */
+    getCacheStats() {
+        const stats = {
+            total: this.cache.size,
+            attached: 0,
+            detached: 0,
+            byResourceType: new Map()
+        };
+        this.cache.forEach(info => {
+            if (info.isAttached) {
+                stats.attached++;
+            }
+            else {
+                stats.detached++;
+            }
+            const count = stats.byResourceType.get(info.resourceType) || 0;
+            stats.byResourceType.set(info.resourceType, count + 1);
+        });
+        return stats;
+    }
+}
+//# sourceMappingURL=component-cache-manager.js.map

package/dist/lib/shell/components/tabs/component-cache-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-cache-manager.js","sourceRoot":"","sources":["../../../../../src/lib/shell/components/tabs/component-cache-manager.ts"],"names":[],"mappings":"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"}

package/dist/lib/shell/components/tabs/tab-container.component.d.ts

@@ -0,0 +1,138 @@
+import { OnInit, OnDestroy, AfterViewInit, ElementRef, ApplicationRef, EnvironmentInjector, ChangeDetectorRef } from '@angular/core';
+import { GoldenLayoutManager, WorkspaceStateManager, ApplicationManager } from '@memberjunction/ng-base-application';
+import * as i0 from "@angular/core";
+/**
+ * Container for Golden Layout tabs with app-colored styling.
+ *
+ * Handles:
+ * - Golden Layout initialization
+ * - Tab creation and styling
+ * - Lazy loading of tab content
+ * - Context menu for pin/close
+ * - Layout persistence
+ */
+export declare class TabContainerComponent implements OnInit, OnDestroy, AfterViewInit {
+    private layoutManager;
+    private workspaceManager;
+    private appManager;
+    private appRef;
+    private environmentInjector;
+    private cdr;
+    glContainer: ElementRef<HTMLDivElement>;
+    directContentContainer: ElementRef<HTMLDivElement>;
+    private subscriptions;
+    private layoutInitialized;
+    private componentRefs;
+    private cacheManager;
+    useSingleResourceMode: boolean;
+    private singleResourceComponentRef;
+    private previousTabBarVisible;
+    private currentSingleResourceSignature;
+    private isCreatingInitialTabs;
+    contextMenuVisible: boolean;
+    contextMenuX: number;
+    contextMenuY: number;
+    contextMenuTabId: string | null;
+    constructor(layoutManager: GoldenLayoutManager, workspaceManager: WorkspaceStateManager, appManager: ApplicationManager, appRef: ApplicationRef, environmentInjector: EnvironmentInjector, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    /**
+     * Initialize Golden Layout and load tabs
+     * @param forceCreateTabs - If true, always creates tabs fresh from config.tabs instead of restoring saved layout
+     */
+    private initializeGoldenLayout;
+    ngOnDestroy(): void;
+    /**
+     * Handle changes to tab bar visibility - switches between single-resource and multi-tab modes
+     */
+    private handleTabBarVisibilityChange;
+    /**
+     * Load content directly for single-resource mode (bypasses Golden Layout)
+     */
+    private loadSingleResourceContent;
+    /**
+     * Clean up single-resource mode component
+     */
+    private cleanupSingleResourceComponent;
+    /**
+     * Generate a signature for tab content to detect when content changes
+     * This is needed because in single-resource mode, the same tab ID can have different content
+     */
+    private getTabContentSignature;
+    /**
+     * Create a tab in Golden Layout from workspace tab data
+     */
+    private createTab;
+    /**
+     * Handle tab shown event for lazy loading
+     */
+    private onTabShown;
+    /**
+     * Load content into a tab container
+     * Uses component cache to reuse components for same resources
+     */
+    private loadTabContent;
+    /**
+     * Update tab display name in background without loading full component
+     * This ensures all tabs show proper names immediately, not just when clicked
+     */
+    private updateTabDisplayName;
+    /**
+     * Update tab title with resource display name after resource loads
+     */
+    private updateTabTitleFromResource;
+    /**
+     * Convert tab configuration to ResourceData
+     */
+    private getResourceDataFromTab;
+    private static _resourceTypesDataset;
+    /**
+     * Get ResourceType entity by name (includes DriverClass field)
+     */
+    private getResourceTypeEntity;
+    private getResourceTypeId;
+    /**
+     * Determine resource type from route
+     */
+    private getResourceTypeFromRoute;
+    /**
+     * Cleanup a tab's component
+     * Detaches from DOM but keeps in cache for potential reuse
+     */
+    private cleanupTabComponent;
+    /**
+     * Sync tabs with configuration changes
+     */
+    private syncTabsWithConfiguration;
+    /**
+     * Show context menu
+     */
+    showContextMenu(x: number, y: number, tabId: string): void;
+    /**
+     * Hide context menu
+     */
+    hideContextMenu(): void;
+    /**
+     * Check if context menu tab is pinned
+     */
+    get isContextTabPinned(): boolean;
+    /**
+     * Toggle pin from context menu
+     */
+    onContextPin(): void;
+    /**
+     * Close tab from context menu
+     */
+    onContextClose(): void;
+    /**
+     * Close all other tabs from context menu
+     */
+    onContextCloseOthers(): void;
+    /**
+     * Close tabs to the right from context menu
+     */
+    onContextCloseToRight(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabContainerComponent, "mj-tab-container", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=tab-container.component.d.ts.map

package/dist/lib/shell/components/tabs/tab-container.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-container.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/shell/components/tabs/tab-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EACN,SAAS,EACT,aAAa,EAEb,UAAU,EACV,cAAc,EACd,mBAAmB,EAInB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAInB,MAAM,qCAAqC,CAAC;;AAO7C;;;;;;;;;GASG;AACH,qBAMa,qBAAsB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;IA4B1E,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,UAAU;IAClB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,mBAAmB;IAC3B,OAAO,CAAC,GAAG;IAhCgC,WAAW,EAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC9B,sBAAsB,EAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE5G,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,iBAAiB,CAAS;IAGlC,OAAO,CAAC,aAAa,CAA0D;IAG/E,OAAO,CAAC,YAAY,CAAwB;IAI5C,qBAAqB,UAAS;IAC9B,OAAO,CAAC,0BAA0B,CAAoD;IACtF,OAAO,CAAC,qBAAqB,CAAwB;IACrD,OAAO,CAAC,8BAA8B,CAAuB;IAC7D,OAAO,CAAC,qBAAqB,CAAS;IAGtC,kBAAkB,UAAS;IAC3B,YAAY,SAAK;IACjB,YAAY,SAAK;IACjB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;gBAG7B,aAAa,EAAE,mBAAmB,EAClC,gBAAgB,EAAE,qBAAqB,EACvC,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,cAAc,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,GAAG,EAAE,iBAAiB;IAMhC,QAAQ,IAAI,IAAI;IA0DhB,eAAe,IAAI,IAAI;IAUvB;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IA+D9B,WAAW,IAAI,IAAI;IAiBnB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IA2EpC;;OAEG;YACW,yBAAyB;IAmHvC;;OAEG;IACH,OAAO,CAAC,8BAA8B;IActC;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAY9B;;OAEG;IACH,OAAO,CAAC,SAAS;IAoBjB;;OAEG;YACW,UAAU;IAQxB;;;OAGG;YACW,cAAc;IAgI5B;;;OAGG;YACW,oBAAoB;IA+ClC;;OAEG;YACW,0BAA0B;IA+BxC;;OAEG;YACW,sBAAsB;IA2DpC,OAAO,CAAC,MAAM,CAAC,qBAAqB,CAAkC;IAEtE;;OAEG;YACW,qBAAqB;YAoBrB,iBAAiB;IAQ/B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAgChC;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAmB3B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAuFjC;;OAEG;IACH,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IA8B1D;;OAEG;IACH,eAAe,IAAI,IAAI;IAKvB;;OAEG;IACH,IAAI,kBAAkB,IAAI,OAAO,CAIhC;IAED;;OAEG;IACH,YAAY,IAAI,IAAI;IAOpB;;OAEG;IACH,cAAc,IAAI,IAAI;IAOtB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAU5B;;OAEG;IACH,qBAAqB,IAAI,IAAI;yCAx+BlB,qBAAqB;2CAArB,qBAAqB;CAi/BjC"}