@memberjunction/ng-dashboards 5.34.0 → 5.35.0

package/dist/Admin/admin-dev-tools-resource.component.js

@@ -9,9 +9,10 @@ import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseAdminContainerComponent } from './base-admin-container.component';
 import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-ui-components";
 const _forTrack0 = ($index, $item) => $item.id;
-function AdminDevToolsResourceComponent_For_12_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
+function AdminDevToolsResourceComponent_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -19,15 +20,15 @@ function AdminDevToolsResourceComponent_For_12_Conditional_5_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(section_r2.description);
 } }
-function AdminDevToolsResourceComponent_For_12_Template(rf, ctx) { if (rf & 1) {
+function AdminDevToolsResourceComponent_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 13);
-    i0.ɵɵlistener("click", function AdminDevToolsResourceComponent_For_12_Template_button_click_0_listener() { const section_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSectionClick(section_r2)); });
-    i0.ɵɵelement(1, "i", 14);
-    i0.ɵɵelementStart(2, "div", 15)(3, "div", 16);
+    i0.ɵɵelementStart(0, "button", 10);
+    i0.ɵɵlistener("click", function AdminDevToolsResourceComponent_For_6_Template_button_click_0_listener() { const section_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSectionClick(section_r2)); });
+    i0.ɵɵelement(1, "i", 11);
+    i0.ɵɵelementStart(2, "div", 12)(3, "div", 13);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, AdminDevToolsResourceComponent_For_12_Conditional_5_Template, 2, 1, "div", 17);
+    i0.ɵɵconditionalCreate(5, AdminDevToolsResourceComponent_For_6_Conditional_5_Template, 2, 1, "div", 14);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const section_r2 = ctx.$implicit;
@@ -40,9 +41,9 @@ function AdminDevToolsResourceComponent_For_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(section_r2.description ? 5 : -1);
 } }
-function AdminDevToolsResourceComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵelement(1, "i", 18);
+function AdminDevToolsResourceComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "i", 15);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -51,9 +52,9 @@ function AdminDevToolsResourceComponent_Conditional_14_Template(rf, ctx) { if (r
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r2.LoadError);
 } }
-function AdminDevToolsResourceComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵelement(1, "i", 19);
+function AdminDevToolsResourceComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 16);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Loading\u2026");
     i0.ɵɵelementEnd()();
@@ -117,38 +118,29 @@ let AdminDevToolsResourceComponent = class AdminDevToolsResourceComponent extend
         }
     ];
     static ɵfac = /*@__PURE__*/ (() => { let ɵAdminDevToolsResourceComponent_BaseFactory; return function AdminDevToolsResourceComponent_Factory(__ngFactoryType__) { return (ɵAdminDevToolsResourceComponent_BaseFactory || (ɵAdminDevToolsResourceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AdminDevToolsResourceComponent)))(__ngFactoryType__ || AdminDevToolsResourceComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdminDevToolsResourceComponent, selectors: [["mj-admin-dev-tools-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 7, consts: [["contentHost", ""], [1, "admin-container"], [1, "admin-container__header"], [1, "admin-container__header-icon"], [1, "admin-container__header-title"], [1, "admin-container__header-sub"], [1, "admin-container__body"], [1, "admin-container__nav"], ["type", "button", 1, "admin-container__nav-item", 3, "admin-container__nav-item--active"], [1, "admin-container__content"], [1, "admin-container__error"], [1, "admin-container__loading"], [1, "admin-container__host"], ["type", "button", 1, "admin-container__nav-item", 3, "click"], [1, "admin-container__nav-icon"], [1, "admin-container__nav-text"], [1, "admin-container__nav-label"], [1, "admin-container__nav-desc"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "fa-solid", "fa-spinner", "fa-spin"]], template: function AdminDevToolsResourceComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1)(1, "header", 2)(2, "div", 3);
-            i0.ɵɵelement(3, "i");
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdminDevToolsResourceComponent, selectors: [["mj-admin-dev-tools-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 13, vars: 8, consts: [["contentHost", ""], [3, "Title", "Icon", "Subtitle"], [3, "Flex", "Padding"], [1, "admin-container__body"], [1, "admin-container__nav"], ["type", "button", 1, "admin-container__nav-item", 3, "admin-container__nav-item--active"], [1, "admin-container__content"], [1, "admin-container__error"], [1, "admin-container__loading"], [1, "admin-container__host"], ["type", "button", 1, "admin-container__nav-item", 3, "click"], [1, "admin-container__nav-icon"], [1, "admin-container__nav-text"], [1, "admin-container__nav-label"], [1, "admin-container__nav-desc"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "fa-solid", "fa-spinner", "fa-spin"]], template: function AdminDevToolsResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout");
+            i0.ɵɵelement(1, "mj-page-header", 1);
+            i0.ɵɵelementStart(2, "mj-page-body", 2)(3, "div", 3)(4, "aside", 4);
+            i0.ɵɵrepeaterCreate(5, AdminDevToolsResourceComponent_For_6_Template, 6, 6, "button", 5, _forTrack0);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div")(5, "h3", 4);
-            i0.ɵɵtext(6);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "div", 5);
-            i0.ɵɵtext(8);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(9, "div", 6)(10, "aside", 7);
-            i0.ɵɵrepeaterCreate(11, AdminDevToolsResourceComponent_For_12_Template, 6, 6, "button", 8, _forTrack0);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "main", 9);
-            i0.ɵɵconditionalCreate(14, AdminDevToolsResourceComponent_Conditional_14_Template, 4, 1, "div", 10)(15, AdminDevToolsResourceComponent_Conditional_15_Template, 4, 0, "div", 11);
-            i0.ɵɵelementStart(16, "div", 12);
-            i0.ɵɵelementContainer(17, null, 0);
-            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(7, "main", 6);
+            i0.ɵɵconditionalCreate(8, AdminDevToolsResourceComponent_Conditional_8_Template, 4, 1, "div", 7)(9, AdminDevToolsResourceComponent_Conditional_9_Template, 4, 0, "div", 8);
+            i0.ɵɵelementStart(10, "div", 9);
+            i0.ɵɵelementContainer(11, null, 0);
+            i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
-            i0.ɵɵadvance(3);
-            i0.ɵɵclassMap(ctx.ContainerIcon);
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(ctx.ContainerTitle);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.ContainerSubtitle);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Title", ctx.ContainerTitle)("Icon", ctx.ContainerIcon)("Subtitle", ctx.ContainerSubtitle);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Flex", true)("Padding", false);
             i0.ɵɵadvance(3);
             i0.ɵɵrepeater(ctx.Sections);
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.LoadError ? 14 : ctx.IsLoading ? 15 : -1);
+            i0.ɵɵconditional(ctx.LoadError ? 8 : ctx.IsLoading ? 9 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵclassProp("admin-container__host--hidden", ctx.LoadError || ctx.IsLoading);
-        } }, styles: ["[_nghost-%COMP%] { display: block; height: 100%; }\n\n.admin-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    background: var(--mj-bg-page);\n    color: var(--mj-text-primary);\n    font-family: inherit;\n}\n\n\n\n.admin-container__header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n.admin-container__header-icon[_ngcontent-%COMP%] {\n    width: 36px; height: 36px;\n    border-radius: 9px;\n    background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n    color: white;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 15px;\n    flex-shrink: 0;\n}\n.admin-container__header-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    letter-spacing: -0.2px;\n}\n.admin-container__header-sub[_ngcontent-%COMP%] {\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n\n\n.admin-container__body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.admin-container__nav[_ngcontent-%COMP%] {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.admin-container__nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.admin-container__nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.admin-container__nav-icon[_ngcontent-%COMP%] {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.admin-container__nav-text[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n.admin-container__nav-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.admin-container__nav-desc[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%]   .admin-container__nav-desc[_ngcontent-%COMP%] {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n\n\n.admin-container__content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n    overflow: hidden;\n}\n\n\n\n.admin-container__host[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.admin-container__host--hidden[_ngcontent-%COMP%] { display: none; }\n.admin-container__host[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n\n\n.admin-container__empty[_ngcontent-%COMP%], \n.admin-container__error[_ngcontent-%COMP%], \n.admin-container__loading[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    padding: 32px;\n    text-align: center;\n}\n.admin-container__error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n.admin-container__error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 20px; }\n.admin-container__loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 16px; color: var(--mj-brand-primary); }\n\n@media (max-width: 700px) {\n    .admin-container__body[_ngcontent-%COMP%] { flex-direction: column; }\n    .admin-container__nav[_ngcontent-%COMP%] {\n        width: 100%;\n        height: auto;\n        max-height: 220px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .admin-container__nav-item[_ngcontent-%COMP%] { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .admin-container__nav-desc[_ngcontent-%COMP%] { display: none; }\n    .admin-container__header[_ngcontent-%COMP%] { padding: 12px 14px; gap: 10px; }\n}"] });
+        } }, dependencies: [i1.MJPageHeaderComponent, i1.MJPageLayoutComponent, i1.MJPageBodyComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; }\n\n\n\n.admin-container__body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.admin-container__nav[_ngcontent-%COMP%] {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.admin-container__nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.admin-container__nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.admin-container__nav-icon[_ngcontent-%COMP%] {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.admin-container__nav-text[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n.admin-container__nav-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.admin-container__nav-desc[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%]   .admin-container__nav-desc[_ngcontent-%COMP%] {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n\n\n.admin-container__content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n    overflow: hidden;\n}\n\n\n\n.admin-container__host[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.admin-container__host--hidden[_ngcontent-%COMP%] { display: none; }\n.admin-container__host[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n\n\n.admin-container__empty[_ngcontent-%COMP%], \n.admin-container__error[_ngcontent-%COMP%], \n.admin-container__loading[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    padding: 32px;\n    text-align: center;\n}\n.admin-container__error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n.admin-container__error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 20px; }\n.admin-container__loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 16px; color: var(--mj-brand-primary); }\n\n@media (max-width: 700px) {\n    .admin-container__body[_ngcontent-%COMP%] { flex-direction: column; }\n    .admin-container__nav[_ngcontent-%COMP%] {\n        width: 100%;\n        height: auto;\n        max-height: 220px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .admin-container__nav-item[_ngcontent-%COMP%] { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .admin-container__nav-desc[_ngcontent-%COMP%] { display: none; }\n}"] });
 };
 AdminDevToolsResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'AdminDeveloperTools')
@@ -156,7 +148,7 @@ AdminDevToolsResourceComponent = __decorate([
 export { AdminDevToolsResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdminDevToolsResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-admin-dev-tools-resource', template: "<div class=\"admin-container\">\n    <header class=\"admin-container__header\">\n        <div class=\"admin-container__header-icon\"><i [class]=\"ContainerIcon\"></i></div>\n        <div>\n            <h3 class=\"admin-container__header-title\">{{ ContainerTitle }}</h3>\n            <div class=\"admin-container__header-sub\">{{ ContainerSubtitle }}</div>\n        </div>\n    </header>\n\n    <div class=\"admin-container__body\">\n        <aside class=\"admin-container__nav\">\n            @for (section of Sections; track section.id) {\n                <button type=\"button\"\n                        class=\"admin-container__nav-item\"\n                        [class.admin-container__nav-item--active]=\"ActiveSection === section.id\"\n                        (click)=\"OnSectionClick(section)\">\n                    <i class=\"admin-container__nav-icon\" [class]=\"section.icon\"></i>\n                    <div class=\"admin-container__nav-text\">\n                        <div class=\"admin-container__nav-label\">{{ section.label }}</div>\n                        @if (section.description) {\n                            <div class=\"admin-container__nav-desc\">{{ section.description }}</div>\n                        }\n                    </div>\n                </button>\n            }\n        </aside>\n\n        <main class=\"admin-container__content\">\n            @if (LoadError) {\n                <div class=\"admin-container__error\">\n                    <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                    <span>{{ LoadError }}</span>\n                </div>\n            } @else if (IsLoading) {\n                <div class=\"admin-container__loading\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    <span>Loading\u2026</span>\n                </div>\n            }\n            <div class=\"admin-container__host\" [class.admin-container__host--hidden]=\"LoadError || IsLoading\">\n                <ng-container #contentHost></ng-container>\n            </div>\n        </main>\n    </div>\n</div>\n", styles: [":host { display: block; height: 100%; }\n\n.admin-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    background: var(--mj-bg-page);\n    color: var(--mj-text-primary);\n    font-family: inherit;\n}\n\n/* Header */\n.admin-container__header {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n.admin-container__header-icon {\n    width: 36px; height: 36px;\n    border-radius: 9px;\n    background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n    color: white;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 15px;\n    flex-shrink: 0;\n}\n.admin-container__header-title {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    letter-spacing: -0.2px;\n}\n.admin-container__header-sub {\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* Layout: sidebar + content */\n.admin-container__body {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.admin-container__nav {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.admin-container__nav-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.admin-container__nav-item:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.admin-container__nav-item--active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.admin-container__nav-item--active:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.admin-container__nav-icon {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.admin-container__nav-text { flex: 1; min-width: 0; }\n.admin-container__nav-label {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.admin-container__nav-desc {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.admin-container__nav-item--active .admin-container__nav-desc {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n/* Content area */\n.admin-container__content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n    overflow: hidden;\n}\n\n/* Dynamic host */\n.admin-container__host {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.admin-container__host--hidden { display: none; }\n.admin-container__host > * {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n/* Empty + error + loading states */\n.admin-container__empty,\n.admin-container__error,\n.admin-container__loading {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    padding: 32px;\n    text-align: center;\n}\n.admin-container__error {\n    color: var(--mj-status-error);\n}\n.admin-container__error i { font-size: 20px; }\n.admin-container__loading i { font-size: 16px; color: var(--mj-brand-primary); }\n\n@media (max-width: 700px) {\n    .admin-container__body { flex-direction: column; }\n    .admin-container__nav {\n        width: 100%;\n        height: auto;\n        max-height: 220px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .admin-container__nav-item { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .admin-container__nav-desc { display: none; }\n    .admin-container__header { padding: 12px 14px; gap: 10px; }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-admin-dev-tools-resource', template: "<mj-page-layout>\n    <mj-page-header\n        [Title]=\"ContainerTitle\"\n        [Icon]=\"ContainerIcon\"\n        [Subtitle]=\"ContainerSubtitle\">\n    </mj-page-header>\n\n    <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n        <div class=\"admin-container__body\">\n            <aside class=\"admin-container__nav\">\n                @for (section of Sections; track section.id) {\n                    <button type=\"button\"\n                            class=\"admin-container__nav-item\"\n                            [class.admin-container__nav-item--active]=\"ActiveSection === section.id\"\n                            (click)=\"OnSectionClick(section)\">\n                        <i class=\"admin-container__nav-icon\" [class]=\"section.icon\"></i>\n                        <div class=\"admin-container__nav-text\">\n                            <div class=\"admin-container__nav-label\">{{ section.label }}</div>\n                            @if (section.description) {\n                                <div class=\"admin-container__nav-desc\">{{ section.description }}</div>\n                            }\n                        </div>\n                    </button>\n                }\n            </aside>\n\n            <main class=\"admin-container__content\">\n                @if (LoadError) {\n                    <div class=\"admin-container__error\">\n                        <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                        <span>{{ LoadError }}</span>\n                    </div>\n                } @else if (IsLoading) {\n                    <div class=\"admin-container__loading\">\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        <span>Loading\u2026</span>\n                    </div>\n                }\n                <div class=\"admin-container__host\" [class.admin-container__host--hidden]=\"LoadError || IsLoading\">\n                    <ng-container #contentHost></ng-container>\n                </div>\n            </main>\n        </div>\n    </mj-page-body>\n</mj-page-layout>\n", styles: [":host { display: block; height: 100%; }\n\n/* Layout: sidebar + content (inside <mj-page-body>) */\n.admin-container__body {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.admin-container__nav {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.admin-container__nav-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.admin-container__nav-item:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.admin-container__nav-item--active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.admin-container__nav-item--active:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.admin-container__nav-icon {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.admin-container__nav-text { flex: 1; min-width: 0; }\n.admin-container__nav-label {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.admin-container__nav-desc {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.admin-container__nav-item--active .admin-container__nav-desc {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n/* Content area */\n.admin-container__content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n    overflow: hidden;\n}\n\n/* Dynamic host */\n.admin-container__host {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.admin-container__host--hidden { display: none; }\n.admin-container__host > * {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n/* Empty + error + loading states */\n.admin-container__empty,\n.admin-container__error,\n.admin-container__loading {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    padding: 32px;\n    text-align: center;\n}\n.admin-container__error {\n    color: var(--mj-status-error);\n}\n.admin-container__error i { font-size: 20px; }\n.admin-container__loading i { font-size: 16px; color: var(--mj-brand-primary); }\n\n@media (max-width: 700px) {\n    .admin-container__body { flex-direction: column; }\n    .admin-container__nav {\n        width: 100%;\n        height: auto;\n        max-height: 220px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .admin-container__nav-item { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .admin-container__nav-desc { display: none; }\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AdminDevToolsResourceComponent, { className: "AdminDevToolsResourceComponent", filePath: "src/Admin/admin-dev-tools-resource.component.ts", lineNumber: 16 }); })();
 //# sourceMappingURL=admin-dev-tools-resource.component.js.map

package/dist/Admin/admin-dev-tools-resource.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin-dev-tools-resource.component.js","sourceRoot":"","sources":["../../src/Admin/admin-dev-tools-resource.component.ts","../../src/Admin/admin-container.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component } from '@angular/core';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { AdminSection, BaseAdminContainerComponent } from './base-admin-container.component';\n\n/**\n * Admin → Developer Tools. Diagnostic and inspection sub-tools for developers.\n */\n@RegisterClass(BaseResourceComponent, 'AdminDeveloperTools')\n@Component({\n    standalone: false,\n    selector: 'mj-admin-dev-tools-resource',\n    templateUrl: './admin-container.component.html',\n    styleUrls: ['./admin-container.component.css']\n})\nexport class AdminDevToolsResourceComponent extends BaseAdminContainerComponent {\n    public readonly ContainerTitle = 'Developer Tools';\n    public readonly ContainerIcon = 'fa-solid fa-screwdriver-wrench';\n    public readonly ContainerSubtitle = 'Diagnostic and inspection tools for developers';\n\n    public readonly Sections: AdminSection[] = [\n        {\n            id: 'graphql',\n            label: 'GraphQL Console',\n            icon: 'fa-solid fa-code',\n            description: 'Run queries against the API',\n            source: { kind: 'resource', driverClass: 'GraphQLConsoleInspector' }\n        },\n        {\n            id: 'events',\n            label: 'Event Monitor',\n            icon: 'fa-solid fa-bolt',\n            description: 'Live tail of MJ events',\n            source: { kind: 'resource', driverClass: 'EventMonitorInspector' }\n        },\n        {\n            id: 'classes',\n            label: 'Class Registry',\n            icon: 'fa-solid fa-cubes',\n            description: 'All @RegisterClass entries',\n            source: { kind: 'resource', driverClass: 'ClassRegistryInspector' }\n        },\n        {\n            id: 'lazy',\n            label: 'Lazy Loading',\n            icon: 'fa-solid fa-puzzle-piece',\n            description: 'Code-split chunk status',\n            source: { kind: 'resource', driverClass: 'LazyModuleStatusInspector' }\n        },\n        {\n            id: 'settings',\n            label: 'Settings Explorer',\n            icon: 'fa-solid fa-sliders',\n            description: 'User and instance settings',\n            source: { kind: 'resource', driverClass: 'SettingsExplorerInspector' }\n        },\n        {\n            id: 'app-state',\n            label: 'App State',\n            icon: 'fa-solid fa-magnifying-glass-chart',\n            description: 'Snapshot of user, provider, workspace',\n            source: { kind: 'resource', driverClass: 'AppStateInspector' }\n        },\n        {\n            id: 'layout',\n            label: 'Layout',\n            icon: 'fa-solid fa-table-columns',\n            description: 'Workspace + Golden Layout config',\n            source: { kind: 'resource', driverClass: 'LayoutInspector' }\n        }\n    ];\n}\n","<div class=\"admin-container\">\n    <header class=\"admin-container__header\">\n        <div class=\"admin-container__header-icon\"><i [class]=\"ContainerIcon\"></i></div>\n        <div>\n            <h3 class=\"admin-container__header-title\">{{ ContainerTitle }}</h3>\n            <div class=\"admin-container__header-sub\">{{ ContainerSubtitle }}</div>\n        </div>\n    </header>\n\n    <div class=\"admin-container__body\">\n        <aside class=\"admin-container__nav\">\n            @for (section of Sections; track section.id) {\n                <button type=\"button\"\n                        class=\"admin-container__nav-item\"\n                        [class.admin-container__nav-item--active]=\"ActiveSection === section.id\"\n                        (click)=\"OnSectionClick(section)\">\n                    <i class=\"admin-container__nav-icon\" [class]=\"section.icon\"></i>\n                    <div class=\"admin-container__nav-text\">\n                        <div class=\"admin-container__nav-label\">{{ section.label }}</div>\n                        @if (section.description) {\n                            <div class=\"admin-container__nav-desc\">{{ section.description }}</div>\n                        }\n                    </div>\n                </button>\n            }\n        </aside>\n\n        <main class=\"admin-container__content\">\n            @if (LoadError) {\n                <div class=\"admin-container__error\">\n                    <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                    <span>{{ LoadError }}</span>\n                </div>\n            } @else if (IsLoading) {\n                <div class=\"admin-container__loading\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    <span>Loading…</span>\n                </div>\n            }\n            <div class=\"admin-container__host\" [class.admin-container__host--hidden]=\"LoadError || IsLoading\">\n                <ng-container #contentHost></ng-container>\n            </div>\n        </main>\n    </div>\n</div>\n"]}
+{"version":3,"file":"admin-dev-tools-resource.component.js","sourceRoot":"","sources":["../../src/Admin/admin-dev-tools-resource.component.ts","../../src/Admin/admin-container.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component } from '@angular/core';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { AdminSection, BaseAdminContainerComponent } from './base-admin-container.component';\n\n/**\n * Admin → Developer Tools. Diagnostic and inspection sub-tools for developers.\n */\n@RegisterClass(BaseResourceComponent, 'AdminDeveloperTools')\n@Component({\n    standalone: false,\n    selector: 'mj-admin-dev-tools-resource',\n    templateUrl: './admin-container.component.html',\n    styleUrls: ['./admin-container.component.css']\n})\nexport class AdminDevToolsResourceComponent extends BaseAdminContainerComponent {\n    public readonly ContainerTitle = 'Developer Tools';\n    public readonly ContainerIcon = 'fa-solid fa-screwdriver-wrench';\n    public readonly ContainerSubtitle = 'Diagnostic and inspection tools for developers';\n\n    public readonly Sections: AdminSection[] = [\n        {\n            id: 'graphql',\n            label: 'GraphQL Console',\n            icon: 'fa-solid fa-code',\n            description: 'Run queries against the API',\n            source: { kind: 'resource', driverClass: 'GraphQLConsoleInspector' }\n        },\n        {\n            id: 'events',\n            label: 'Event Monitor',\n            icon: 'fa-solid fa-bolt',\n            description: 'Live tail of MJ events',\n            source: { kind: 'resource', driverClass: 'EventMonitorInspector' }\n        },\n        {\n            id: 'classes',\n            label: 'Class Registry',\n            icon: 'fa-solid fa-cubes',\n            description: 'All @RegisterClass entries',\n            source: { kind: 'resource', driverClass: 'ClassRegistryInspector' }\n        },\n        {\n            id: 'lazy',\n            label: 'Lazy Loading',\n            icon: 'fa-solid fa-puzzle-piece',\n            description: 'Code-split chunk status',\n            source: { kind: 'resource', driverClass: 'LazyModuleStatusInspector' }\n        },\n        {\n            id: 'settings',\n            label: 'Settings Explorer',\n            icon: 'fa-solid fa-sliders',\n            description: 'User and instance settings',\n            source: { kind: 'resource', driverClass: 'SettingsExplorerInspector' }\n        },\n        {\n            id: 'app-state',\n            label: 'App State',\n            icon: 'fa-solid fa-magnifying-glass-chart',\n            description: 'Snapshot of user, provider, workspace',\n            source: { kind: 'resource', driverClass: 'AppStateInspector' }\n        },\n        {\n            id: 'layout',\n            label: 'Layout',\n            icon: 'fa-solid fa-table-columns',\n            description: 'Workspace + Golden Layout config',\n            source: { kind: 'resource', driverClass: 'LayoutInspector' }\n        }\n    ];\n}\n","<mj-page-layout>\n    <mj-page-header\n        [Title]=\"ContainerTitle\"\n        [Icon]=\"ContainerIcon\"\n        [Subtitle]=\"ContainerSubtitle\">\n    </mj-page-header>\n\n    <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n        <div class=\"admin-container__body\">\n            <aside class=\"admin-container__nav\">\n                @for (section of Sections; track section.id) {\n                    <button type=\"button\"\n                            class=\"admin-container__nav-item\"\n                            [class.admin-container__nav-item--active]=\"ActiveSection === section.id\"\n                            (click)=\"OnSectionClick(section)\">\n                        <i class=\"admin-container__nav-icon\" [class]=\"section.icon\"></i>\n                        <div class=\"admin-container__nav-text\">\n                            <div class=\"admin-container__nav-label\">{{ section.label }}</div>\n                            @if (section.description) {\n                                <div class=\"admin-container__nav-desc\">{{ section.description }}</div>\n                            }\n                        </div>\n                    </button>\n                }\n            </aside>\n\n            <main class=\"admin-container__content\">\n                @if (LoadError) {\n                    <div class=\"admin-container__error\">\n                        <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                        <span>{{ LoadError }}</span>\n                    </div>\n                } @else if (IsLoading) {\n                    <div class=\"admin-container__loading\">\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        <span>Loading…</span>\n                    </div>\n                }\n                <div class=\"admin-container__host\" [class.admin-container__host--hidden]=\"LoadError || IsLoading\">\n                    <ng-container #contentHost></ng-container>\n                </div>\n            </main>\n        </div>\n    </mj-page-body>\n</mj-page-layout>\n"]}

package/dist/Admin/admin-identity-access.component.js

@@ -9,9 +9,10 @@ import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseAdminContainerComponent } from './base-admin-container.component';
 import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-ui-components";
 const _forTrack0 = ($index, $item) => $item.id;
-function AdminIdentityAccessComponent_For_12_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
+function AdminIdentityAccessComponent_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -19,15 +20,15 @@ function AdminIdentityAccessComponent_For_12_Conditional_5_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(section_r2.description);
 } }
-function AdminIdentityAccessComponent_For_12_Template(rf, ctx) { if (rf & 1) {
+function AdminIdentityAccessComponent_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 13);
-    i0.ɵɵlistener("click", function AdminIdentityAccessComponent_For_12_Template_button_click_0_listener() { const section_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSectionClick(section_r2)); });
-    i0.ɵɵelement(1, "i", 14);
-    i0.ɵɵelementStart(2, "div", 15)(3, "div", 16);
+    i0.ɵɵelementStart(0, "button", 10);
+    i0.ɵɵlistener("click", function AdminIdentityAccessComponent_For_6_Template_button_click_0_listener() { const section_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSectionClick(section_r2)); });
+    i0.ɵɵelement(1, "i", 11);
+    i0.ɵɵelementStart(2, "div", 12)(3, "div", 13);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, AdminIdentityAccessComponent_For_12_Conditional_5_Template, 2, 1, "div", 17);
+    i0.ɵɵconditionalCreate(5, AdminIdentityAccessComponent_For_6_Conditional_5_Template, 2, 1, "div", 14);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const section_r2 = ctx.$implicit;
@@ -40,9 +41,9 @@ function AdminIdentityAccessComponent_For_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(section_r2.description ? 5 : -1);
 } }
-function AdminIdentityAccessComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵelement(1, "i", 18);
+function AdminIdentityAccessComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "i", 15);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -51,9 +52,9 @@ function AdminIdentityAccessComponent_Conditional_14_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r2.LoadError);
 } }
-function AdminIdentityAccessComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵelement(1, "i", 19);
+function AdminIdentityAccessComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 16);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Loading\u2026");
     i0.ɵɵelementEnd()();
@@ -111,38 +112,29 @@ let AdminIdentityAccessComponent = class AdminIdentityAccessComponent extends Ba
         }
     ];
     static ɵfac = /*@__PURE__*/ (() => { let ɵAdminIdentityAccessComponent_BaseFactory; return function AdminIdentityAccessComponent_Factory(__ngFactoryType__) { return (ɵAdminIdentityAccessComponent_BaseFactory || (ɵAdminIdentityAccessComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AdminIdentityAccessComponent)))(__ngFactoryType__ || AdminIdentityAccessComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdminIdentityAccessComponent, selectors: [["mj-admin-identity-access"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 7, consts: [["contentHost", ""], [1, "admin-container"], [1, "admin-container__header"], [1, "admin-container__header-icon"], [1, "admin-container__header-title"], [1, "admin-container__header-sub"], [1, "admin-container__body"], [1, "admin-container__nav"], ["type", "button", 1, "admin-container__nav-item", 3, "admin-container__nav-item--active"], [1, "admin-container__content"], [1, "admin-container__error"], [1, "admin-container__loading"], [1, "admin-container__host"], ["type", "button", 1, "admin-container__nav-item", 3, "click"], [1, "admin-container__nav-icon"], [1, "admin-container__nav-text"], [1, "admin-container__nav-label"], [1, "admin-container__nav-desc"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "fa-solid", "fa-spinner", "fa-spin"]], template: function AdminIdentityAccessComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1)(1, "header", 2)(2, "div", 3);
-            i0.ɵɵelement(3, "i");
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdminIdentityAccessComponent, selectors: [["mj-admin-identity-access"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 13, vars: 8, consts: [["contentHost", ""], [3, "Title", "Icon", "Subtitle"], [3, "Flex", "Padding"], [1, "admin-container__body"], [1, "admin-container__nav"], ["type", "button", 1, "admin-container__nav-item", 3, "admin-container__nav-item--active"], [1, "admin-container__content"], [1, "admin-container__error"], [1, "admin-container__loading"], [1, "admin-container__host"], ["type", "button", 1, "admin-container__nav-item", 3, "click"], [1, "admin-container__nav-icon"], [1, "admin-container__nav-text"], [1, "admin-container__nav-label"], [1, "admin-container__nav-desc"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "fa-solid", "fa-spinner", "fa-spin"]], template: function AdminIdentityAccessComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout");
+            i0.ɵɵelement(1, "mj-page-header", 1);
+            i0.ɵɵelementStart(2, "mj-page-body", 2)(3, "div", 3)(4, "aside", 4);
+            i0.ɵɵrepeaterCreate(5, AdminIdentityAccessComponent_For_6_Template, 6, 6, "button", 5, _forTrack0);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div")(5, "h3", 4);
-            i0.ɵɵtext(6);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "div", 5);
-            i0.ɵɵtext(8);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(9, "div", 6)(10, "aside", 7);
-            i0.ɵɵrepeaterCreate(11, AdminIdentityAccessComponent_For_12_Template, 6, 6, "button", 8, _forTrack0);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "main", 9);
-            i0.ɵɵconditionalCreate(14, AdminIdentityAccessComponent_Conditional_14_Template, 4, 1, "div", 10)(15, AdminIdentityAccessComponent_Conditional_15_Template, 4, 0, "div", 11);
-            i0.ɵɵelementStart(16, "div", 12);
-            i0.ɵɵelementContainer(17, null, 0);
-            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(7, "main", 6);
+            i0.ɵɵconditionalCreate(8, AdminIdentityAccessComponent_Conditional_8_Template, 4, 1, "div", 7)(9, AdminIdentityAccessComponent_Conditional_9_Template, 4, 0, "div", 8);
+            i0.ɵɵelementStart(10, "div", 9);
+            i0.ɵɵelementContainer(11, null, 0);
+            i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
-            i0.ɵɵadvance(3);
-            i0.ɵɵclassMap(ctx.ContainerIcon);
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(ctx.ContainerTitle);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.ContainerSubtitle);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Title", ctx.ContainerTitle)("Icon", ctx.ContainerIcon)("Subtitle", ctx.ContainerSubtitle);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Flex", true)("Padding", false);
             i0.ɵɵadvance(3);
             i0.ɵɵrepeater(ctx.Sections);
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.LoadError ? 14 : ctx.IsLoading ? 15 : -1);
+            i0.ɵɵconditional(ctx.LoadError ? 8 : ctx.IsLoading ? 9 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵclassProp("admin-container__host--hidden", ctx.LoadError || ctx.IsLoading);
-        } }, styles: ["[_nghost-%COMP%] { display: block; height: 100%; }\n\n.admin-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    background: var(--mj-bg-page);\n    color: var(--mj-text-primary);\n    font-family: inherit;\n}\n\n\n\n.admin-container__header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n.admin-container__header-icon[_ngcontent-%COMP%] {\n    width: 36px; height: 36px;\n    border-radius: 9px;\n    background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n    color: white;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 15px;\n    flex-shrink: 0;\n}\n.admin-container__header-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    letter-spacing: -0.2px;\n}\n.admin-container__header-sub[_ngcontent-%COMP%] {\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n\n\n.admin-container__body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.admin-container__nav[_ngcontent-%COMP%] {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.admin-container__nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.admin-container__nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.admin-container__nav-icon[_ngcontent-%COMP%] {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.admin-container__nav-text[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n.admin-container__nav-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.admin-container__nav-desc[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%]   .admin-container__nav-desc[_ngcontent-%COMP%] {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n\n\n.admin-container__content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n    overflow: hidden;\n}\n\n\n\n.admin-container__host[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.admin-container__host--hidden[_ngcontent-%COMP%] { display: none; }\n.admin-container__host[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n\n\n.admin-container__empty[_ngcontent-%COMP%], \n.admin-container__error[_ngcontent-%COMP%], \n.admin-container__loading[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    padding: 32px;\n    text-align: center;\n}\n.admin-container__error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n.admin-container__error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 20px; }\n.admin-container__loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 16px; color: var(--mj-brand-primary); }\n\n@media (max-width: 700px) {\n    .admin-container__body[_ngcontent-%COMP%] { flex-direction: column; }\n    .admin-container__nav[_ngcontent-%COMP%] {\n        width: 100%;\n        height: auto;\n        max-height: 220px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .admin-container__nav-item[_ngcontent-%COMP%] { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .admin-container__nav-desc[_ngcontent-%COMP%] { display: none; }\n    .admin-container__header[_ngcontent-%COMP%] { padding: 12px 14px; gap: 10px; }\n}"] });
+        } }, dependencies: [i1.MJPageHeaderComponent, i1.MJPageLayoutComponent, i1.MJPageBodyComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; }\n\n\n\n.admin-container__body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.admin-container__nav[_ngcontent-%COMP%] {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.admin-container__nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.admin-container__nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.admin-container__nav-icon[_ngcontent-%COMP%] {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.admin-container__nav-text[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n.admin-container__nav-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.admin-container__nav-desc[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%]   .admin-container__nav-desc[_ngcontent-%COMP%] {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n\n\n.admin-container__content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n    overflow: hidden;\n}\n\n\n\n.admin-container__host[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.admin-container__host--hidden[_ngcontent-%COMP%] { display: none; }\n.admin-container__host[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n\n\n.admin-container__empty[_ngcontent-%COMP%], \n.admin-container__error[_ngcontent-%COMP%], \n.admin-container__loading[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    padding: 32px;\n    text-align: center;\n}\n.admin-container__error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n.admin-container__error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 20px; }\n.admin-container__loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 16px; color: var(--mj-brand-primary); }\n\n@media (max-width: 700px) {\n    .admin-container__body[_ngcontent-%COMP%] { flex-direction: column; }\n    .admin-container__nav[_ngcontent-%COMP%] {\n        width: 100%;\n        height: auto;\n        max-height: 220px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .admin-container__nav-item[_ngcontent-%COMP%] { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .admin-container__nav-desc[_ngcontent-%COMP%] { display: none; }\n}"] });
 };
 AdminIdentityAccessComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'AdminIdentityAccess')
@@ -150,7 +142,7 @@ AdminIdentityAccessComponent = __decorate([
 export { AdminIdentityAccessComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdminIdentityAccessComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-admin-identity-access', template: "<div class=\"admin-container\">\n    <header class=\"admin-container__header\">\n        <div class=\"admin-container__header-icon\"><i [class]=\"ContainerIcon\"></i></div>\n        <div>\n            <h3 class=\"admin-container__header-title\">{{ ContainerTitle }}</h3>\n            <div class=\"admin-container__header-sub\">{{ ContainerSubtitle }}</div>\n        </div>\n    </header>\n\n    <div class=\"admin-container__body\">\n        <aside class=\"admin-container__nav\">\n            @for (section of Sections; track section.id) {\n                <button type=\"button\"\n                        class=\"admin-container__nav-item\"\n                        [class.admin-container__nav-item--active]=\"ActiveSection === section.id\"\n                        (click)=\"OnSectionClick(section)\">\n                    <i class=\"admin-container__nav-icon\" [class]=\"section.icon\"></i>\n                    <div class=\"admin-container__nav-text\">\n                        <div class=\"admin-container__nav-label\">{{ section.label }}</div>\n                        @if (section.description) {\n                            <div class=\"admin-container__nav-desc\">{{ section.description }}</div>\n                        }\n                    </div>\n                </button>\n            }\n        </aside>\n\n        <main class=\"admin-container__content\">\n            @if (LoadError) {\n                <div class=\"admin-container__error\">\n                    <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                    <span>{{ LoadError }}</span>\n                </div>\n            } @else if (IsLoading) {\n                <div class=\"admin-container__loading\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    <span>Loading\u2026</span>\n                </div>\n            }\n            <div class=\"admin-container__host\" [class.admin-container__host--hidden]=\"LoadError || IsLoading\">\n                <ng-container #contentHost></ng-container>\n            </div>\n        </main>\n    </div>\n</div>\n", styles: [":host { display: block; height: 100%; }\n\n.admin-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    background: var(--mj-bg-page);\n    color: var(--mj-text-primary);\n    font-family: inherit;\n}\n\n/* Header */\n.admin-container__header {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n.admin-container__header-icon {\n    width: 36px; height: 36px;\n    border-radius: 9px;\n    background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n    color: white;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 15px;\n    flex-shrink: 0;\n}\n.admin-container__header-title {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    letter-spacing: -0.2px;\n}\n.admin-container__header-sub {\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* Layout: sidebar + content */\n.admin-container__body {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.admin-container__nav {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.admin-container__nav-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.admin-container__nav-item:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.admin-container__nav-item--active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.admin-container__nav-item--active:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.admin-container__nav-icon {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.admin-container__nav-text { flex: 1; min-width: 0; }\n.admin-container__nav-label {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.admin-container__nav-desc {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.admin-container__nav-item--active .admin-container__nav-desc {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n/* Content area */\n.admin-container__content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n    overflow: hidden;\n}\n\n/* Dynamic host */\n.admin-container__host {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.admin-container__host--hidden { display: none; }\n.admin-container__host > * {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n/* Empty + error + loading states */\n.admin-container__empty,\n.admin-container__error,\n.admin-container__loading {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    padding: 32px;\n    text-align: center;\n}\n.admin-container__error {\n    color: var(--mj-status-error);\n}\n.admin-container__error i { font-size: 20px; }\n.admin-container__loading i { font-size: 16px; color: var(--mj-brand-primary); }\n\n@media (max-width: 700px) {\n    .admin-container__body { flex-direction: column; }\n    .admin-container__nav {\n        width: 100%;\n        height: auto;\n        max-height: 220px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .admin-container__nav-item { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .admin-container__nav-desc { display: none; }\n    .admin-container__header { padding: 12px 14px; gap: 10px; }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-admin-identity-access', template: "<mj-page-layout>\n    <mj-page-header\n        [Title]=\"ContainerTitle\"\n        [Icon]=\"ContainerIcon\"\n        [Subtitle]=\"ContainerSubtitle\">\n    </mj-page-header>\n\n    <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n        <div class=\"admin-container__body\">\n            <aside class=\"admin-container__nav\">\n                @for (section of Sections; track section.id) {\n                    <button type=\"button\"\n                            class=\"admin-container__nav-item\"\n                            [class.admin-container__nav-item--active]=\"ActiveSection === section.id\"\n                            (click)=\"OnSectionClick(section)\">\n                        <i class=\"admin-container__nav-icon\" [class]=\"section.icon\"></i>\n                        <div class=\"admin-container__nav-text\">\n                            <div class=\"admin-container__nav-label\">{{ section.label }}</div>\n                            @if (section.description) {\n                                <div class=\"admin-container__nav-desc\">{{ section.description }}</div>\n                            }\n                        </div>\n                    </button>\n                }\n            </aside>\n\n            <main class=\"admin-container__content\">\n                @if (LoadError) {\n                    <div class=\"admin-container__error\">\n                        <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                        <span>{{ LoadError }}</span>\n                    </div>\n                } @else if (IsLoading) {\n                    <div class=\"admin-container__loading\">\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        <span>Loading\u2026</span>\n                    </div>\n                }\n                <div class=\"admin-container__host\" [class.admin-container__host--hidden]=\"LoadError || IsLoading\">\n                    <ng-container #contentHost></ng-container>\n                </div>\n            </main>\n        </div>\n    </mj-page-body>\n</mj-page-layout>\n", styles: [":host { display: block; height: 100%; }\n\n/* Layout: sidebar + content (inside <mj-page-body>) */\n.admin-container__body {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.admin-container__nav {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.admin-container__nav-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.admin-container__nav-item:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.admin-container__nav-item--active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.admin-container__nav-item--active:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.admin-container__nav-icon {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.admin-container__nav-text { flex: 1; min-width: 0; }\n.admin-container__nav-label {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.admin-container__nav-desc {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.admin-container__nav-item--active .admin-container__nav-desc {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n/* Content area */\n.admin-container__content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n    overflow: hidden;\n}\n\n/* Dynamic host */\n.admin-container__host {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.admin-container__host--hidden { display: none; }\n.admin-container__host > * {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n/* Empty + error + loading states */\n.admin-container__empty,\n.admin-container__error,\n.admin-container__loading {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    padding: 32px;\n    text-align: center;\n}\n.admin-container__error {\n    color: var(--mj-status-error);\n}\n.admin-container__error i { font-size: 20px; }\n.admin-container__loading i { font-size: 16px; color: var(--mj-brand-primary); }\n\n@media (max-width: 700px) {\n    .admin-container__body { flex-direction: column; }\n    .admin-container__nav {\n        width: 100%;\n        height: auto;\n        max-height: 220px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .admin-container__nav-item { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .admin-container__nav-desc { display: none; }\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AdminIdentityAccessComponent, { className: "AdminIdentityAccessComponent", filePath: "src/Admin/admin-identity-access.component.ts", lineNumber: 17 }); })();
 //# sourceMappingURL=admin-identity-access.component.js.map

package/dist/Admin/admin-identity-access.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin-identity-access.component.js","sourceRoot":"","sources":["../../src/Admin/admin-identity-access.component.ts","../../src/Admin/admin-container.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component } from '@angular/core';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { AdminSection, BaseAdminContainerComponent } from './base-admin-container.component';\n\n/**\n * Admin → Identity & Access. Users, roles, app-role assignments,\n * entity permissions, and API keys.\n */\n@RegisterClass(BaseResourceComponent, 'AdminIdentityAccess')\n@Component({\n    standalone: false,\n    selector: 'mj-admin-identity-access',\n    templateUrl: './admin-container.component.html',\n    styleUrls: ['./admin-container.component.css']\n})\nexport class AdminIdentityAccessComponent extends BaseAdminContainerComponent {\n    public readonly ContainerTitle = 'Identity & Access';\n    public readonly ContainerIcon = 'fa-solid fa-shield-halved';\n    public readonly ContainerSubtitle = 'Users, roles, permissions, and API keys';\n\n    public readonly Sections: AdminSection[] = [\n        {\n            id: 'users',\n            label: 'Users',\n            icon: 'fa-solid fa-users',\n            description: 'Manage user accounts',\n            source: { kind: 'dashboard', dashboardName: 'User Management' }\n        },\n        {\n            id: 'roles',\n            label: 'Roles',\n            icon: 'fa-solid fa-user-shield',\n            description: 'Define roles and assignments',\n            source: { kind: 'dashboard', dashboardName: 'Role Management' }\n        },\n        {\n            id: 'apps',\n            label: 'Apps',\n            icon: 'fa-solid fa-th-large',\n            description: 'Application configuration',\n            source: { kind: 'dashboard', dashboardName: 'Application Management' }\n        },\n        {\n            id: 'app-roles',\n            label: 'App Roles',\n            icon: 'fa-solid fa-people-roof',\n            description: 'Role assignments per application',\n            source: { kind: 'resource', driverClass: 'ApplicationRolesResource' }\n        },\n        {\n            id: 'permissions',\n            label: 'Permissions',\n            icon: 'fa-solid fa-lock',\n            description: 'Entity-level access and audit',\n            source: { kind: 'dashboard', dashboardName: 'Entity Permissions' }\n        },\n        {\n            id: 'api-keys',\n            label: 'API Keys',\n            icon: 'fa-solid fa-key',\n            description: 'API authentication and scopes',\n            source: { kind: 'resource', driverClass: 'APIKeysResource' }\n        }\n    ];\n}\n","<div class=\"admin-container\">\n    <header class=\"admin-container__header\">\n        <div class=\"admin-container__header-icon\"><i [class]=\"ContainerIcon\"></i></div>\n        <div>\n            <h3 class=\"admin-container__header-title\">{{ ContainerTitle }}</h3>\n            <div class=\"admin-container__header-sub\">{{ ContainerSubtitle }}</div>\n        </div>\n    </header>\n\n    <div class=\"admin-container__body\">\n        <aside class=\"admin-container__nav\">\n            @for (section of Sections; track section.id) {\n                <button type=\"button\"\n                        class=\"admin-container__nav-item\"\n                        [class.admin-container__nav-item--active]=\"ActiveSection === section.id\"\n                        (click)=\"OnSectionClick(section)\">\n                    <i class=\"admin-container__nav-icon\" [class]=\"section.icon\"></i>\n                    <div class=\"admin-container__nav-text\">\n                        <div class=\"admin-container__nav-label\">{{ section.label }}</div>\n                        @if (section.description) {\n                            <div class=\"admin-container__nav-desc\">{{ section.description }}</div>\n                        }\n                    </div>\n                </button>\n            }\n        </aside>\n\n        <main class=\"admin-container__content\">\n            @if (LoadError) {\n                <div class=\"admin-container__error\">\n                    <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                    <span>{{ LoadError }}</span>\n                </div>\n            } @else if (IsLoading) {\n                <div class=\"admin-container__loading\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    <span>Loading…</span>\n                </div>\n            }\n            <div class=\"admin-container__host\" [class.admin-container__host--hidden]=\"LoadError || IsLoading\">\n                <ng-container #contentHost></ng-container>\n            </div>\n        </main>\n    </div>\n</div>\n"]}
+{"version":3,"file":"admin-identity-access.component.js","sourceRoot":"","sources":["../../src/Admin/admin-identity-access.component.ts","../../src/Admin/admin-container.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component } from '@angular/core';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { AdminSection, BaseAdminContainerComponent } from './base-admin-container.component';\n\n/**\n * Admin → Identity & Access. Users, roles, app-role assignments,\n * entity permissions, and API keys.\n */\n@RegisterClass(BaseResourceComponent, 'AdminIdentityAccess')\n@Component({\n    standalone: false,\n    selector: 'mj-admin-identity-access',\n    templateUrl: './admin-container.component.html',\n    styleUrls: ['./admin-container.component.css']\n})\nexport class AdminIdentityAccessComponent extends BaseAdminContainerComponent {\n    public readonly ContainerTitle = 'Identity & Access';\n    public readonly ContainerIcon = 'fa-solid fa-shield-halved';\n    public readonly ContainerSubtitle = 'Users, roles, permissions, and API keys';\n\n    public readonly Sections: AdminSection[] = [\n        {\n            id: 'users',\n            label: 'Users',\n            icon: 'fa-solid fa-users',\n            description: 'Manage user accounts',\n            source: { kind: 'dashboard', dashboardName: 'User Management' }\n        },\n        {\n            id: 'roles',\n            label: 'Roles',\n            icon: 'fa-solid fa-user-shield',\n            description: 'Define roles and assignments',\n            source: { kind: 'dashboard', dashboardName: 'Role Management' }\n        },\n        {\n            id: 'apps',\n            label: 'Apps',\n            icon: 'fa-solid fa-th-large',\n            description: 'Application configuration',\n            source: { kind: 'dashboard', dashboardName: 'Application Management' }\n        },\n        {\n            id: 'app-roles',\n            label: 'App Roles',\n            icon: 'fa-solid fa-people-roof',\n            description: 'Role assignments per application',\n            source: { kind: 'resource', driverClass: 'ApplicationRolesResource' }\n        },\n        {\n            id: 'permissions',\n            label: 'Permissions',\n            icon: 'fa-solid fa-lock',\n            description: 'Entity-level access and audit',\n            source: { kind: 'dashboard', dashboardName: 'Entity Permissions' }\n        },\n        {\n            id: 'api-keys',\n            label: 'API Keys',\n            icon: 'fa-solid fa-key',\n            description: 'API authentication and scopes',\n            source: { kind: 'resource', driverClass: 'APIKeysResource' }\n        }\n    ];\n}\n","<mj-page-layout>\n    <mj-page-header\n        [Title]=\"ContainerTitle\"\n        [Icon]=\"ContainerIcon\"\n        [Subtitle]=\"ContainerSubtitle\">\n    </mj-page-header>\n\n    <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n        <div class=\"admin-container__body\">\n            <aside class=\"admin-container__nav\">\n                @for (section of Sections; track section.id) {\n                    <button type=\"button\"\n                            class=\"admin-container__nav-item\"\n                            [class.admin-container__nav-item--active]=\"ActiveSection === section.id\"\n                            (click)=\"OnSectionClick(section)\">\n                        <i class=\"admin-container__nav-icon\" [class]=\"section.icon\"></i>\n                        <div class=\"admin-container__nav-text\">\n                            <div class=\"admin-container__nav-label\">{{ section.label }}</div>\n                            @if (section.description) {\n                                <div class=\"admin-container__nav-desc\">{{ section.description }}</div>\n                            }\n                        </div>\n                    </button>\n                }\n            </aside>\n\n            <main class=\"admin-container__content\">\n                @if (LoadError) {\n                    <div class=\"admin-container__error\">\n                        <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                        <span>{{ LoadError }}</span>\n                    </div>\n                } @else if (IsLoading) {\n                    <div class=\"admin-container__loading\">\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        <span>Loading…</span>\n                    </div>\n                }\n                <div class=\"admin-container__host\" [class.admin-container__host--hidden]=\"LoadError || IsLoading\">\n                    <ng-container #contentHost></ng-container>\n                </div>\n            </main>\n        </div>\n    </mj-page-body>\n</mj-page-layout>\n"]}