@memberjunction/ng-dashboards 5.23.0 → 5.25.0

package/dist/Credentials/components/credentials-categories-resource.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { ResourceData, MJCredentialCategoryEntity, MJCredentialTypeEntity } from '@memberjunction/core-entities';
-import { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { CredentialCategoryEditPanelComponent } from '@memberjunction/ng-credentials';
 import * as i0 from "@angular/core";
 interface CategoryNode {
@@ -12,7 +12,6 @@ interface CategoryNode {
 }
 export declare class CredentialsCategoriesResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {
     private cdr;
-    private navigationService;
     isLoading: boolean;
     categories: MJCredentialCategoryEntity[];
     categoryTree: CategoryNode[];
@@ -22,7 +21,7 @@ export declare class CredentialsCategoriesResourceComponent extends BaseResource
     private _metadata;
     private _permissionCache;
     categoryEditPanel: CredentialCategoryEditPanelComponent;
-    constructor(cdr: ChangeDetectorRef, navigationService: NavigationService);
+    constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     GetResourceDisplayName(data: ResourceData): Promise<string>;

package/dist/Credentials/components/credentials-categories-resource.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"credentials-categories-resource.component.d.ts","sourceRoot":"","sources":["../../../src/Credentials/components/credentials-categories-resource.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"credentials-categories-resource.component.d.ts","sourceRoot":"","sources":["../../../src/Credentials/components/credentials-categories-resource.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAsC,MAAM,eAAe,CAAC;AACpH,OAAO,EAAE,YAAY,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEjH,OAAO,EAAE,qBAAqB,EAAqB,MAAM,2BAA2B,CAAC;AAGrF,OAAO,EAAE,oCAAoC,EAAE,MAAM,gCAAgC,CAAC;;AACtF,UAAU,YAAY;IAClB,QAAQ,EAAE,0BAA0B,CAAC;IACrC,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,qBAQa,sCAAuC,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IAetG,OAAO,CAAC,GAAG;IAdR,SAAS,UAAQ;IACjB,UAAU,EAAE,0BAA0B,EAAE,CAAM;IAC9C,YAAY,EAAE,YAAY,EAAE,CAAM;IAClC,KAAK,EAAE,sBAAsB,EAAE,CAAM;IACrC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IACzC,UAAU,SAAM;IAGvB,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,gBAAgB,CAA8B;IAEtB,iBAAiB,EAAG,oCAAoC,CAAC;gBAG7E,GAAG,EAAE,iBAAiB;IAIlC,QAAQ,IAAI,IAAI;IAKhB,WAAW,IAAI,IAAI;IAKb,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI3D,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAM/D,IAAW,aAAa,IAAI,OAAO,CAElC;IAED,IAAW,aAAa,IAAI,OAAO,CAElC;IAED,IAAW,aAAa,IAAI,OAAO,CAElC;IAED,OAAO,CAAC,qBAAqB;YAgCf,QAAQ;IAsCtB,OAAO,CAAC,SAAS;IA8CV,iBAAiB,IAAI,IAAI;IAMzB,mBAAmB,CAAC,UAAU,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI;IASlE,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI;IAS/C,cAAc,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAoDtE,eAAe,CAAC,QAAQ,EAAE,0BAA0B,GAAG,IAAI;IAa3D,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAW3C,UAAU,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAKpC,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI;IAUrD,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQnC,WAAW,IAAI,IAAI;IAKnB,SAAS,IAAI,IAAI;IAWjB,WAAW,IAAI,IAAI;IAWnB,iBAAiB,IAAI,YAAY,EAAE;IAyB1C,OAAO,CAAC,iBAAiB;IAMlB,iBAAiB,IAAI,MAAM;IAI3B,mBAAmB,CAAC,YAAY,EAAE,MAAM,GAAG,sBAAsB,EAAE;IAInE,4BAA4B,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI;IAWrE,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI;IAUtE,sFAAsF;IAC/E,cAAc,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO;IAI3C,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAavC,OAAO,IAAI,IAAI;yCA3Yb,sCAAsC;2CAAtC,sCAAsC;CA+YlD"}

package/dist/Credentials/components/credentials-categories-resource.component.js

@@ -10,11 +10,10 @@ import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { RunView, Metadata } from '@memberjunction/core';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-shared";
-import * as i2 from "@memberjunction/ng-ui-components";
-import * as i3 from "@memberjunction/ng-shared-generic";
-import * as i4 from "@memberjunction/ng-credentials";
-import * as i5 from "@angular/common";
+import * as i1 from "@memberjunction/ng-ui-components";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "@memberjunction/ng-credentials";
+import * as i4 from "@angular/common";
 const _c0 = ["categoryEditPanel"];
 function CredentialsCategoriesResourceComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mj-loading", 2);
@@ -452,7 +451,6 @@ function CredentialsCategoriesResourceComponent_Conditional_2_Template(rf, ctx)
 } }
 let CredentialsCategoriesResourceComponent = class CredentialsCategoriesResourceComponent extends BaseResourceComponent {
     cdr;
-    navigationService;
     isLoading = true;
     categories = [];
     categoryTree = [];
@@ -463,15 +461,16 @@ let CredentialsCategoriesResourceComponent = class CredentialsCategoriesResource
     _metadata = new Metadata();
     _permissionCache = new Map();
     categoryEditPanel;
-    constructor(cdr, navigationService) {
+    constructor(cdr) {
         super();
         this.cdr = cdr;
-        this.navigationService = navigationService;
     }
     ngOnInit() {
+        super.ngOnInit();
         this.loadData();
     }
     ngOnDestroy() {
+        super.ngOnDestroy();
         // Cleanup if needed
     }
     async GetResourceDisplayName(data) {
@@ -797,7 +796,7 @@ let CredentialsCategoriesResourceComponent = class CredentialsCategoriesResource
         this.selectedNode = null;
         this.loadData();
     }
-    static ɵfac = function CredentialsCategoriesResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CredentialsCategoriesResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.NavigationService)); };
+    static ɵfac = function CredentialsCategoriesResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CredentialsCategoriesResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CredentialsCategoriesResourceComponent, selectors: [["mj-credentials-categories-resource"]], viewQuery: function CredentialsCategoriesResourceComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5);
         } if (rf & 2) {
@@ -817,7 +816,7 @@ let CredentialsCategoriesResourceComponent = class CredentialsCategoriesResource
             i0.ɵɵconditional(ctx.isLoading ? 1 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.isLoading ? 2 : -1);
-        } }, dependencies: [i2.MJButtonDirective, i3.LoadingComponent, i4.CredentialCategoryEditPanelComponent, i5.SlicePipe], styles: [".categories-container[_ngcontent-%COMP%] {\n    padding: 24px;\n    height: 100%;\n    overflow-y: auto;\n    background: var(--mj-bg-page);\n}\n\n\n\n.categories-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 20px;\n}\n\n.header-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.categories-title[_ngcontent-%COMP%] {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0;\n}\n\n.header-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.stat-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n}\n\n.header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n\n\n.btn-primary[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 18px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n}\n\n.btn-primary[_ngcontent-%COMP%]:active {\n    transform: translateY(0);\n}\n\n\n\n.toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    margin-bottom: 20px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.toolbar-left[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n}\n\n.toolbar-right[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\n\n.search-container[_ngcontent-%COMP%] {\n    position: relative;\n    flex: 1;\n    max-width: 320px;\n}\n\n.search-container[_ngcontent-%COMP%]   i.fa-search[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n.search-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px 36px 8px 36px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    font-size: 13px;\n    background: var(--mj-bg-surface-card);\n    transition: all 0.2s ease;\n}\n\n.search-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-bg-surface);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.search-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.search-clear[_ngcontent-%COMP%] {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background: var(--mj-border-default);\n    border-radius: 50%;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-size: 10px;\n    transition: all 0.2s ease;\n}\n\n.search-clear[_ngcontent-%COMP%]:hover {\n    background: var(--mj-text-disabled);\n    color: var(--mj-text-inverse);\n}\n\n\n\n.btn-text[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    background: transparent;\n    border: none;\n    border-radius: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-text[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-icon[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n\n\n.categories-layout[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 380px;\n    gap: 20px;\n    min-height: 500px;\n}\n\n\n\n.tree-panel[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n}\n\n.tree-container[_ngcontent-%COMP%] {\n    max-height: calc(100vh - 300px);\n    overflow-y: auto;\n}\n\n\n\n.tree-node[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.tree-node[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.tree-node[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.tree-node.selected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.node-content[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    width: 100%;\n    gap: 8px;\n}\n\n\n\n.expand-btn[_ngcontent-%COMP%] {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    color: var(--mj-text-disabled);\n    border-radius: 4px;\n    transition: all 0.2s ease;\n    flex-shrink: 0;\n}\n\n.expand-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.expand-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n    transition: transform 0.2s ease;\n}\n\n.expand-placeholder[_ngcontent-%COMP%] {\n    width: 24px;\n    flex-shrink: 0;\n}\n\n\n\n.node-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    flex-shrink: 0;\n}\n\n.node-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n\n\n.node-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.node-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    line-height: 1.3;\n}\n\n.node-description[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-top: 2px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n\n\n.node-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.badge[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 8px;\n    border-radius: 12px;\n    font-size: 11px;\n    font-weight: 500;\n}\n\n.badge.types[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n\n.badge.children[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n\n\n.node-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    flex-shrink: 0;\n}\n\n.tree-node[_ngcontent-%COMP%]:hover   .node-actions[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n.action-btn[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface-sunken);\n    border: none;\n    border-radius: 6px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.action-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.action-btn.danger[_ngcontent-%COMP%]:hover {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n}\n\n.action-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n\n\n.detail-panel[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n}\n\n.detail-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.detail-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 12px;\n    flex-shrink: 0;\n}\n\n.detail-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 20px;\n}\n\n.detail-title[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.detail-title[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n    line-height: 1.3;\n}\n\n.level-badge[_ngcontent-%COMP%] {\n    display: inline-block;\n    margin-top: 4px;\n    padding: 2px 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n}\n\n.detail-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    flex-shrink: 0;\n}\n\n.close-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface-sunken);\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n\n\n.detail-body[_ngcontent-%COMP%] {\n    padding: 20px;\n    flex: 1;\n    overflow-y: auto;\n}\n\n\n\n.detail-stats[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.detail-stat[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border-radius: 10px;\n    padding: 16px;\n    text-align: center;\n}\n\n.detail-stat[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-brand-primary);\n    line-height: 1;\n}\n\n.detail-stat[_ngcontent-%COMP%]   .stat-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n\n\n.description-section[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.description-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%], \n.types-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%], \n.subcategories-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin: 0 0 12px 0;\n}\n\n.description-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.types-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.subcategories-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n.description[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    line-height: 1.6;\n    margin: 0;\n}\n\n\n\n.types-section[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.type-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.type-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    transition: all 0.2s ease;\n}\n\n.type-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.type-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    border-radius: 6px;\n    flex-shrink: 0;\n}\n\n.type-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n}\n\n.type-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.type-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.type-desc[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    margin-top: 2px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n\n\n.subcategories-section[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.subcategory-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.subcategory-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.subcategory-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.subcategory-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-brand-primary);\n}\n\n.subcategory-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    flex: 1;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.sub-type-count[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    background: var(--mj-border-default);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n\n\n.detail-quick-actions[_ngcontent-%COMP%] {\n    margin-top: auto;\n    padding-top: 16px;\n    border-top: 1px solid var(--mj-bg-surface-sunken);\n    display: flex;\n    gap: 8px;\n}\n\n.detail-quick-actions[_ngcontent-%COMP%]   .btn-secondary[_ngcontent-%COMP%], \n.detail-quick-actions[_ngcontent-%COMP%]   .btn-primary[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 12px;\n    background: var(--mj-bg-surface-sunken);\n    border: none;\n    border-radius: 8px;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n}\n\n\n\n.no-selection[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    text-align: center;\n}\n\n.no-selection-icon[_ngcontent-%COMP%] {\n    width: 64px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 50%;\n    margin-bottom: 16px;\n}\n\n.no-selection-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--mj-text-disabled);\n}\n\n.no-selection[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.no-selection[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 64px 24px;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    text-align: center;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 50%;\n    margin-bottom: 20px;\n}\n\n.empty-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 32px;\n    color: var(--mj-border-strong);\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0 0 20px 0;\n}\n\n.btn-link[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    font-size: inherit;\n    padding: 0;\n    text-decoration: underline;\n}\n\n.btn-link[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n\n\n@media (max-width: 1024px) {\n    .categories-layout[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .detail-panel[_ngcontent-%COMP%], \n   .no-selection[_ngcontent-%COMP%] {\n        display: none;\n    }\n}\n\n@media (max-width: 768px) {\n    .categories-container[_ngcontent-%COMP%] {\n        padding: 16px;\n    }\n\n    .categories-header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 16px;\n    }\n\n    .toolbar[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .toolbar-left[_ngcontent-%COMP%], \n   .toolbar-right[_ngcontent-%COMP%] {\n        width: 100%;\n    }\n\n    .search-container[_ngcontent-%COMP%] {\n        max-width: none;\n    }\n\n    .toolbar-right[_ngcontent-%COMP%] {\n        justify-content: flex-end;\n    }\n}"], changeDetection: 0 });
+        } }, dependencies: [i1.MJButtonDirective, i2.LoadingComponent, i3.CredentialCategoryEditPanelComponent, i4.SlicePipe], styles: [".categories-container[_ngcontent-%COMP%] {\n    padding: 24px;\n    height: 100%;\n    overflow-y: auto;\n    background: var(--mj-bg-page);\n}\n\n\n\n.categories-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 20px;\n}\n\n.header-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.categories-title[_ngcontent-%COMP%] {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0;\n}\n\n.header-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.stat-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n}\n\n.header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n\n\n.btn-primary[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 18px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n}\n\n.btn-primary[_ngcontent-%COMP%]:active {\n    transform: translateY(0);\n}\n\n\n\n.toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    margin-bottom: 20px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.toolbar-left[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n}\n\n.toolbar-right[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\n\n.search-container[_ngcontent-%COMP%] {\n    position: relative;\n    flex: 1;\n    max-width: 320px;\n}\n\n.search-container[_ngcontent-%COMP%]   i.fa-search[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n.search-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px 36px 8px 36px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    font-size: 13px;\n    background: var(--mj-bg-surface-card);\n    transition: all 0.2s ease;\n}\n\n.search-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-bg-surface);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.search-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.search-clear[_ngcontent-%COMP%] {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background: var(--mj-border-default);\n    border-radius: 50%;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-size: 10px;\n    transition: all 0.2s ease;\n}\n\n.search-clear[_ngcontent-%COMP%]:hover {\n    background: var(--mj-text-disabled);\n    color: var(--mj-text-inverse);\n}\n\n\n\n.btn-text[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    background: transparent;\n    border: none;\n    border-radius: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-text[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-icon[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n\n\n.categories-layout[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 380px;\n    gap: 20px;\n    min-height: 500px;\n}\n\n\n\n.tree-panel[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n}\n\n.tree-container[_ngcontent-%COMP%] {\n    max-height: calc(100vh - 300px);\n    overflow-y: auto;\n}\n\n\n\n.tree-node[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.tree-node[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.tree-node[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.tree-node.selected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.node-content[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    width: 100%;\n    gap: 8px;\n}\n\n\n\n.expand-btn[_ngcontent-%COMP%] {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    color: var(--mj-text-disabled);\n    border-radius: 4px;\n    transition: all 0.2s ease;\n    flex-shrink: 0;\n}\n\n.expand-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.expand-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n    transition: transform 0.2s ease;\n}\n\n.expand-placeholder[_ngcontent-%COMP%] {\n    width: 24px;\n    flex-shrink: 0;\n}\n\n\n\n.node-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    flex-shrink: 0;\n}\n\n.node-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n\n\n.node-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.node-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    line-height: 1.3;\n}\n\n.node-description[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-top: 2px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n\n\n.node-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.badge[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 8px;\n    border-radius: 12px;\n    font-size: 11px;\n    font-weight: 500;\n}\n\n.badge.types[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n\n.badge.children[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n\n\n.node-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    flex-shrink: 0;\n}\n\n.tree-node[_ngcontent-%COMP%]:hover   .node-actions[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n.action-btn[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface-sunken);\n    border: none;\n    border-radius: 6px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.action-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.action-btn.danger[_ngcontent-%COMP%]:hover {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n}\n\n.action-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n\n\n.detail-panel[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n}\n\n.detail-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.detail-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 12px;\n    flex-shrink: 0;\n}\n\n.detail-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 20px;\n}\n\n.detail-title[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.detail-title[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n    line-height: 1.3;\n}\n\n.level-badge[_ngcontent-%COMP%] {\n    display: inline-block;\n    margin-top: 4px;\n    padding: 2px 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n}\n\n.detail-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    flex-shrink: 0;\n}\n\n.close-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface-sunken);\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n\n\n.detail-body[_ngcontent-%COMP%] {\n    padding: 20px;\n    flex: 1;\n    overflow-y: auto;\n}\n\n\n\n.detail-stats[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.detail-stat[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border-radius: 10px;\n    padding: 16px;\n    text-align: center;\n}\n\n.detail-stat[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-brand-primary);\n    line-height: 1;\n}\n\n.detail-stat[_ngcontent-%COMP%]   .stat-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n\n\n.description-section[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.description-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%], \n.types-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%], \n.subcategories-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin: 0 0 12px 0;\n}\n\n.description-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.types-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.subcategories-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n.description[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    line-height: 1.6;\n    margin: 0;\n}\n\n\n\n.types-section[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.type-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.type-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    transition: all 0.2s ease;\n}\n\n.type-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.type-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    border-radius: 6px;\n    flex-shrink: 0;\n}\n\n.type-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n}\n\n.type-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.type-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.type-desc[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    margin-top: 2px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n\n\n.subcategories-section[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.subcategory-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.subcategory-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.subcategory-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.subcategory-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-brand-primary);\n}\n\n.subcategory-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    flex: 1;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.sub-type-count[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    background: var(--mj-border-default);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n\n\n.detail-quick-actions[_ngcontent-%COMP%] {\n    margin-top: auto;\n    padding-top: 16px;\n    border-top: 1px solid var(--mj-bg-surface-sunken);\n    display: flex;\n    gap: 8px;\n}\n\n.detail-quick-actions[_ngcontent-%COMP%]   .btn-secondary[_ngcontent-%COMP%], \n.detail-quick-actions[_ngcontent-%COMP%]   .btn-primary[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 12px;\n    background: var(--mj-bg-surface-sunken);\n    border: none;\n    border-radius: 8px;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n}\n\n\n\n.no-selection[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    text-align: center;\n}\n\n.no-selection-icon[_ngcontent-%COMP%] {\n    width: 64px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 50%;\n    margin-bottom: 16px;\n}\n\n.no-selection-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--mj-text-disabled);\n}\n\n.no-selection[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.no-selection[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 64px 24px;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    text-align: center;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 50%;\n    margin-bottom: 20px;\n}\n\n.empty-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 32px;\n    color: var(--mj-border-strong);\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0 0 20px 0;\n}\n\n.btn-link[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    font-size: inherit;\n    padding: 0;\n    text-decoration: underline;\n}\n\n.btn-link[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n\n\n@media (max-width: 1024px) {\n    .categories-layout[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .detail-panel[_ngcontent-%COMP%], \n   .no-selection[_ngcontent-%COMP%] {\n        display: none;\n    }\n}\n\n@media (max-width: 768px) {\n    .categories-container[_ngcontent-%COMP%] {\n        padding: 16px;\n    }\n\n    .categories-header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 16px;\n    }\n\n    .toolbar[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .toolbar-left[_ngcontent-%COMP%], \n   .toolbar-right[_ngcontent-%COMP%] {\n        width: 100%;\n    }\n\n    .search-container[_ngcontent-%COMP%] {\n        max-width: none;\n    }\n\n    .toolbar-right[_ngcontent-%COMP%] {\n        justify-content: flex-end;\n    }\n}"], changeDetection: 0 });
 };
 CredentialsCategoriesResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'CredentialsCategoriesResource')
@@ -826,7 +825,7 @@ export { CredentialsCategoriesResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CredentialsCategoriesResourceComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-credentials-categories-resource', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"categories-container\">\n  @if (isLoading) {\n    <mj-loading text=\"Loading categories...\"></mj-loading>\n  }\n\n  @if (!isLoading) {\n    <!-- Header -->\n    <div class=\"categories-header\">\n      <div class=\"header-info\">\n        <h2 class=\"categories-title\">Categories</h2>\n        <div class=\"header-stats\">\n          <span class=\"stat-item\">\n            <i class=\"fa-solid fa-folder-tree\"></i>\n            {{categories.length}} categories\n          </span>\n          <span class=\"stat-item\">\n            <i class=\"fa-solid fa-shapes\"></i>\n            {{getTotalTypeCount()}} types\n          </span>\n        </div>\n      </div>\n      <div class=\"header-actions\">\n        @if (UserCanCreate) {\n          <button class=\"btn-primary\" (click)=\"createNewCategory()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            <span>New Category</span>\n          </button>\n        }\n      </div>\n    </div>\n    <!-- Toolbar -->\n    <div class=\"toolbar\">\n      <div class=\"toolbar-left\">\n        <div class=\"search-container\">\n          <i class=\"fa-solid fa-search\"></i>\n          <input\n            type=\"text\"\n            placeholder=\"Search categories...\"\n            [value]=\"searchText\"\n            (input)=\"onSearchChange($any($event.target).value)\"\n            />\n          @if (searchText) {\n            <button class=\"search-clear\" (click)=\"clearSearch()\">\n              <i class=\"fa-solid fa-times\"></i>\n            </button>\n          }\n        </div>\n      </div>\n      <div class=\"toolbar-right\">\n        <button class=\"btn-text\" (click)=\"expandAll()\" title=\"Expand All\">\n          <i class=\"fa-solid fa-expand\"></i>\n        </button>\n        <button class=\"btn-text\" (click)=\"collapseAll()\" title=\"Collapse All\">\n          <i class=\"fa-solid fa-compress\"></i>\n        </button>\n        <button class=\"btn-icon\" (click)=\"refresh()\" title=\"Refresh\">\n          <i class=\"fa-solid fa-refresh\"></i>\n        </button>\n      </div>\n    </div>\n    <div class=\"categories-layout\">\n      <!-- Tree Container -->\n      <div class=\"tree-panel\">\n        @if (categoryTree.length > 0) {\n          <div class=\"tree-container\">\n            @for (node of getFlattenedNodes(); track node; let i = $index) {\n              <div\n                class=\"tree-node\"\n                [class.selected]=\"IsNodeSelected(node)\"\n                [style.padding-left.px]=\"12 + (node.level * 20)\"\n                (click)=\"selectNode(node)\"\n                >\n                <div class=\"node-content\">\n                  @if (node.children.length > 0) {\n                    <button\n                      class=\"expand-btn\"\n                      (click)=\"toggleExpand(node, $event)\"\n                      >\n                      <i [class]=\"node.expanded ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-right'\"></i>\n                    </button>\n                  }\n                  @if (node.children.length === 0) {\n                    <span class=\"expand-placeholder\"></span>\n                  }\n                  <div class=\"node-icon\" [style.backgroundColor]=\"getCategoryColor(i) + '15'\" [style.color]=\"getCategoryColor(i)\">\n                    <i [class]=\"node.category.IconClass || 'fa-solid fa-folder'\"></i>\n                  </div>\n                  <div class=\"node-info\">\n                    <div class=\"node-name\">{{node.category.Name}}</div>\n                    @if (node.category.Description) {\n                      <div class=\"node-description\">\n                        {{node.category.Description | slice:0:50}}{{node.category.Description.length > 50 ? '...' : ''}}\n                      </div>\n                    }\n                  </div>\n                  <div class=\"node-badges\">\n                    @if (node.typeCount > 0) {\n                      <span class=\"badge types\">\n                        <i class=\"fa-solid fa-shapes\"></i>\n                        {{node.typeCount}}\n                      </span>\n                    }\n                    @if (node.children.length > 0) {\n                      <span class=\"badge children\">\n                        <i class=\"fa-solid fa-folder\"></i>\n                        {{node.children.length}}\n                      </span>\n                    }\n                  </div>\n                  <div class=\"node-actions\">\n                    @if (UserCanUpdate) {\n                      <button mjButton variant=\"flat\" size=\"sm\"\n                        (click)=\"editCategory(node, $event)\"\n                        title=\"Edit\">\n                        <i class=\"fa-solid fa-pen\"></i>\n                      </button>\n                    }\n                    @if (UserCanDelete && node.children.length === 0 && node.typeCount === 0) {\n                      <button mjButton variant=\"danger\" size=\"sm\"\n                        (click)=\"deleteCategory(node, $event)\"\n                        title=\"Delete\">\n                        <i class=\"fa-solid fa-trash\"></i>\n                      </button>\n                    }\n                  </div>\n                </div>\n              </div>\n            }\n          </div>\n        }\n        @if (categoryTree.length === 0) {\n          <div class=\"empty-state\">\n            <div class=\"empty-icon\">\n              <i class=\"fa-solid fa-folder-open\"></i>\n            </div>\n            <h3>No Categories</h3>\n            @if (searchText) {\n              <p>\n                No categories match your search.\n                <button class=\"btn-link\" (click)=\"clearSearch()\">Clear search</button>\n              </p>\n            }\n            @if (!searchText) {\n              <p>\n                Get started by creating your first category.\n              </p>\n            }\n            @if (UserCanCreate && !searchText) {\n              <button class=\"btn-primary\" (click)=\"createNewCategory()\">\n                <i class=\"fa-solid fa-plus\"></i>\n                Create Category\n              </button>\n            }\n          </div>\n        }\n      </div>\n      <!-- Detail Panel -->\n      @if (selectedNode) {\n        <div class=\"detail-panel\">\n          <div class=\"detail-header\">\n            <div class=\"detail-icon\" [style.backgroundColor]=\"getCategoryColor(0) + '15'\" [style.color]=\"getCategoryColor(0)\">\n              <i [class]=\"selectedNode.category.IconClass || 'fa-solid fa-folder'\"></i>\n            </div>\n            <div class=\"detail-title\">\n              <h2>{{selectedNode.category.Name}}</h2>\n              @if (selectedNode.level > 0) {\n                <span class=\"level-badge\">\n                  Level {{selectedNode.level + 1}}\n                </span>\n              }\n            </div>\n            <div class=\"detail-actions\">\n              @if (UserCanUpdate) {\n                <button mjButton variant=\"flat\" size=\"sm\" (click)=\"editCategory(selectedNode)\" title=\"Edit\">\n                  <i class=\"fa-solid fa-pen\"></i>\n                </button>\n              }\n              <button class=\"close-btn\" (click)=\"selectedNode = null\">\n                <i class=\"fa-solid fa-times\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"detail-body\">\n            <!-- Stats -->\n            <div class=\"detail-stats\">\n              <div class=\"detail-stat\">\n                <div class=\"stat-value\">{{selectedNode.typeCount}}</div>\n                <div class=\"stat-label\">Credential Types</div>\n              </div>\n              <div class=\"detail-stat\">\n                <div class=\"stat-value\">{{selectedNode.children.length}}</div>\n                <div class=\"stat-label\">Subcategories</div>\n              </div>\n            </div>\n            <!-- Description -->\n            @if (selectedNode.category.Description) {\n              <div class=\"description-section\">\n                <h3>\n                  <i class=\"fa-solid fa-align-left\"></i>\n                  Description\n                </h3>\n                <p class=\"description\">{{selectedNode.category.Description}}</p>\n              </div>\n            }\n            <!-- Types in Category -->\n            @if (selectedNode.typeCount > 0) {\n              <div class=\"types-section\">\n                <h3>\n                  <i class=\"fa-solid fa-shapes\"></i>\n                  Credential Types\n                </h3>\n                <div class=\"type-list\">\n                  @for (type of getTypesForCategory(selectedNode.category.Name); track type) {\n                    <div class=\"type-item\">\n                      <div class=\"type-icon\">\n                        <i [class]=\"type.IconClass || 'fa-solid fa-key'\"></i>\n                      </div>\n                      <div class=\"type-info\">\n                        <div class=\"type-name\">{{type.Name}}</div>\n                        @if (type.Description) {\n                          <div class=\"type-desc\">{{type.Description | slice:0:60}}</div>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n            <!-- Subcategories -->\n            @if (selectedNode.children.length > 0) {\n              <div class=\"subcategories-section\">\n                <h3>\n                  <i class=\"fa-solid fa-folder-tree\"></i>\n                  Subcategories\n                </h3>\n                <div class=\"subcategory-list\">\n                  @for (child of selectedNode.children; track child) {\n                    <div class=\"subcategory-item\" (click)=\"selectNode(child)\">\n                      <i [class]=\"child.category.IconClass || 'fa-solid fa-folder'\"></i>\n                      <span>{{child.category.Name}}</span>\n                      @if (child.typeCount > 0) {\n                        <span class=\"sub-type-count\">{{child.typeCount}} types</span>\n                      }\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n            <!-- Quick Actions -->\n            <div class=\"detail-quick-actions\">\n              @if (selectedNode.typeCount > 0) {\n                <button\n                  class=\"btn-secondary\"\n                  (click)=\"viewTypesForCategory(selectedNode.category.Name)\"\n                  >\n                  <i class=\"fa-solid fa-shapes\"></i>\n                  View Types\n                </button>\n              }\n              <button\n                class=\"btn-primary\"\n                (click)=\"createCredentialWithCategory(selectedNode.category.ID)\"\n                >\n                <i class=\"fa-solid fa-plus\"></i>\n                Create Credential\n              </button>\n            </div>\n          </div>\n        </div>\n      }\n      <!-- No Selection -->\n      @if (!selectedNode && categoryTree.length > 0) {\n        <div class=\"no-selection\">\n          <div class=\"no-selection-icon\">\n            <i class=\"fa-solid fa-hand-pointer\"></i>\n          </div>\n          <h3>Select a Category</h3>\n          <p>Click on a category to view its details and credential types</p>\n        </div>\n      }\n    </div>\n  }\n</div>\n\n<!-- Category Edit Panel -->\n<mj-credential-category-edit-panel\n  #categoryEditPanel\n  (saved)=\"onCategorySaved($any($event))\"\n  (deleted)=\"onCategoryDeleted($any($event))\"\n></mj-credential-category-edit-panel>\n", styles: [".categories-container {\n    padding: 24px;\n    height: 100%;\n    overflow-y: auto;\n    background: var(--mj-bg-page);\n}\n\n/* Header */\n.categories-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 20px;\n}\n\n.header-info {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.categories-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0;\n}\n\n.header-stats {\n    display: flex;\n    gap: 16px;\n}\n\n.stat-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.stat-item i {\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n}\n\n.header-actions {\n    display: flex;\n    gap: 8px;\n}\n\n/* Primary Button */\n.btn-primary {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 18px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.btn-primary:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n}\n\n.btn-primary:active {\n    transform: translateY(0);\n}\n\n/* Toolbar */\n.toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    margin-bottom: 20px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.toolbar-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n}\n\n.toolbar-right {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n/* Search */\n.search-container {\n    position: relative;\n    flex: 1;\n    max-width: 320px;\n}\n\n.search-container i.fa-search {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n.search-container input {\n    width: 100%;\n    padding: 8px 36px 8px 36px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    font-size: 13px;\n    background: var(--mj-bg-surface-card);\n    transition: all 0.2s ease;\n}\n\n.search-container input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-bg-surface);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.search-container input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background: var(--mj-border-default);\n    border-radius: 50%;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-size: 10px;\n    transition: all 0.2s ease;\n}\n\n.search-clear:hover {\n    background: var(--mj-text-disabled);\n    color: var(--mj-text-inverse);\n}\n\n/* Toolbar Buttons */\n.btn-text {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    background: transparent;\n    border: none;\n    border-radius: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-text:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.btn-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-icon:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n/* Layout */\n.categories-layout {\n    display: grid;\n    grid-template-columns: 1fr 380px;\n    gap: 20px;\n    min-height: 500px;\n}\n\n/* Tree Panel */\n.tree-panel {\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n}\n\n.tree-container {\n    max-height: calc(100vh - 300px);\n    overflow-y: auto;\n}\n\n/* Tree Node */\n.tree-node {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.tree-node:last-child {\n    border-bottom: none;\n}\n\n.tree-node:hover {\n    background: var(--mj-bg-surface-card);\n}\n\n.tree-node.selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.node-content {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    width: 100%;\n    gap: 8px;\n}\n\n/* Expand Button */\n.expand-btn {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    color: var(--mj-text-disabled);\n    border-radius: 4px;\n    transition: all 0.2s ease;\n    flex-shrink: 0;\n}\n\n.expand-btn:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.expand-btn i {\n    font-size: 10px;\n    transition: transform 0.2s ease;\n}\n\n.expand-placeholder {\n    width: 24px;\n    flex-shrink: 0;\n}\n\n/* Node Icon */\n.node-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    flex-shrink: 0;\n}\n\n.node-icon i {\n    font-size: 14px;\n}\n\n/* Node Info */\n.node-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.node-name {\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    line-height: 1.3;\n}\n\n.node-description {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-top: 2px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n/* Node Badges */\n.node-badges {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.badge {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 8px;\n    border-radius: 12px;\n    font-size: 11px;\n    font-weight: 500;\n}\n\n.badge.types {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n\n.badge.children {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.badge i {\n    font-size: 10px;\n}\n\n/* Node Actions */\n.node-actions {\n    display: flex;\n    gap: 4px;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    flex-shrink: 0;\n}\n\n.tree-node:hover .node-actions {\n    opacity: 1;\n}\n\n.action-btn {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface-sunken);\n    border: none;\n    border-radius: 6px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.action-btn:hover {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.action-btn.danger:hover {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n}\n\n.action-btn i {\n    font-size: 12px;\n}\n\n/* Detail Panel */\n.detail-panel {\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n}\n\n.detail-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.detail-icon {\n    width: 48px;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 12px;\n    flex-shrink: 0;\n}\n\n.detail-icon i {\n    font-size: 20px;\n}\n\n.detail-title {\n    flex: 1;\n    min-width: 0;\n}\n\n.detail-title h2 {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n    line-height: 1.3;\n}\n\n.level-badge {\n    display: inline-block;\n    margin-top: 4px;\n    padding: 2px 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n}\n\n.detail-actions {\n    display: flex;\n    gap: 8px;\n    flex-shrink: 0;\n}\n\n.close-btn {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface-sunken);\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.close-btn:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n/* Detail Body */\n.detail-body {\n    padding: 20px;\n    flex: 1;\n    overflow-y: auto;\n}\n\n/* Detail Stats */\n.detail-stats {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.detail-stat {\n    background: var(--mj-bg-surface-card);\n    border-radius: 10px;\n    padding: 16px;\n    text-align: center;\n}\n\n.detail-stat .stat-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-brand-primary);\n    line-height: 1;\n}\n\n.detail-stat .stat-label {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n/* Description Section */\n.description-section {\n    margin-bottom: 20px;\n}\n\n.description-section h3,\n.types-section h3,\n.subcategories-section h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin: 0 0 12px 0;\n}\n\n.description-section h3 i,\n.types-section h3 i,\n.subcategories-section h3 i {\n    font-size: 12px;\n}\n\n.description {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    line-height: 1.6;\n    margin: 0;\n}\n\n/* Types Section */\n.types-section {\n    margin-bottom: 20px;\n}\n\n.type-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.type-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    transition: all 0.2s ease;\n}\n\n.type-item:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.type-icon {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    border-radius: 6px;\n    flex-shrink: 0;\n}\n\n.type-icon i {\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n}\n\n.type-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.type-name {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.type-desc {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    margin-top: 2px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n/* Subcategories Section */\n.subcategories-section {\n    margin-bottom: 20px;\n}\n\n.subcategory-list {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.subcategory-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.subcategory-item:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.subcategory-item i {\n    font-size: 14px;\n    color: var(--mj-brand-primary);\n}\n\n.subcategory-item span {\n    flex: 1;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.sub-type-count {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    background: var(--mj-border-default);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n/* Quick Actions */\n.detail-quick-actions {\n    margin-top: auto;\n    padding-top: 16px;\n    border-top: 1px solid var(--mj-bg-surface-sunken);\n    display: flex;\n    gap: 8px;\n}\n\n.detail-quick-actions .btn-secondary,\n.detail-quick-actions .btn-primary {\n    flex: 1;\n}\n\n.btn-secondary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 12px;\n    background: var(--mj-bg-surface-sunken);\n    border: none;\n    border-radius: 8px;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-secondary:hover {\n    background: var(--mj-border-default);\n}\n\n/* No Selection State */\n.no-selection {\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    text-align: center;\n}\n\n.no-selection-icon {\n    width: 64px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 50%;\n    margin-bottom: 16px;\n}\n\n.no-selection-icon i {\n    font-size: 24px;\n    color: var(--mj-text-disabled);\n}\n\n.no-selection h3 {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.no-selection p {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n/* Empty State */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 64px 24px;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    text-align: center;\n}\n\n.empty-icon {\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 50%;\n    margin-bottom: 20px;\n}\n\n.empty-icon i {\n    font-size: 32px;\n    color: var(--mj-border-strong);\n}\n\n.empty-state h3 {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state p {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0 0 20px 0;\n}\n\n.btn-link {\n    background: none;\n    border: none;\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    font-size: inherit;\n    padding: 0;\n    text-decoration: underline;\n}\n\n.btn-link:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n    .categories-layout {\n        grid-template-columns: 1fr;\n    }\n\n    .detail-panel,\n    .no-selection {\n        display: none;\n    }\n}\n\n@media (max-width: 768px) {\n    .categories-container {\n        padding: 16px;\n    }\n\n    .categories-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 16px;\n    }\n\n    .toolbar {\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .toolbar-left,\n    .toolbar-right {\n        width: 100%;\n    }\n\n    .search-container {\n        max-width: none;\n    }\n\n    .toolbar-right {\n        justify-content: flex-end;\n    }\n}\n"] }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.NavigationService }], { categoryEditPanel: [{
+    }], () => [{ type: i0.ChangeDetectorRef }], { categoryEditPanel: [{
             type: ViewChild,
             args: ['categoryEditPanel']
         }] }); })();

package/dist/Credentials/components/credentials-categories-resource.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"credentials-categories-resource.component.js","sourceRoot":"","sources":["../../../src/Credentials/components/credentials-categories-resource.component.ts","../../../src/Credentials/components/credentials-categories-resource.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, OnDestroy, ChangeDetectorRef, ChangeDetectionStrategy, ViewChild } from '@angular/core';\nimport { ResourceData, MJCredentialCategoryEntity, MJCredentialTypeEntity } from '@memberjunction/core-entities';\nimport { RegisterClass , UUIDsEqual } from '@memberjunction/global';\nimport { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';\nimport { RunView, Metadata } from '@memberjunction/core';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\nimport { CredentialCategoryEditPanelComponent } from '@memberjunction/ng-credentials';\ninterface CategoryNode {\n    category: MJCredentialCategoryEntity;\n    children: CategoryNode[];\n    expanded: boolean;\n    level: number;\n    typeCount: number;\n}\n\n@RegisterClass(BaseResourceComponent, 'CredentialsCategoriesResource')\n@Component({\n  standalone: false,\n    selector: 'mj-credentials-categories-resource',\n    templateUrl: './credentials-categories-resource.component.html',\n    styleUrls: ['./credentials-categories-resource.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CredentialsCategoriesResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n    public isLoading = true;\n    public categories: MJCredentialCategoryEntity[] = [];\n    public categoryTree: CategoryNode[] = [];\n    public types: MJCredentialTypeEntity[] = [];\n    public selectedNode: CategoryNode | null = null;\n    public searchText = '';\n\n    // Permissions\n    private _metadata = new Metadata();\n    private _permissionCache = new Map<string, boolean>();\n\n    @ViewChild('categoryEditPanel') categoryEditPanel!: CredentialCategoryEditPanelComponent;\n\n    constructor(\n        private cdr: ChangeDetectorRef,\n        private navigationService: NavigationService\n    ) {\n        super();\n    }\n\n    ngOnInit(): void {\n        this.loadData();\n    }\n\n    ngOnDestroy(): void {\n        // Cleanup if needed\n    }\n\n    async GetResourceDisplayName(data: ResourceData): Promise<string> {\n        return 'Categories';\n    }\n\n    async GetResourceIconClass(data: ResourceData): Promise<string> {\n        return 'fa-solid fa-folder-tree';\n    }\n\n    // === Permission Checks ===\n\n    public get UserCanCreate(): boolean {\n        return this.checkEntityPermission('MJ: Credential Categories', 'Create');\n    }\n\n    public get UserCanUpdate(): boolean {\n        return this.checkEntityPermission('MJ: Credential Categories', 'Update');\n    }\n\n    public get UserCanDelete(): boolean {\n        return this.checkEntityPermission('MJ: Credential Categories', 'Delete');\n    }\n\n    private checkEntityPermission(entityName: string, permissionType: 'Create' | 'Read' | 'Update' | 'Delete'): boolean {\n        const cacheKey = `${entityName}_${permissionType}`;\n\n        if (this._permissionCache.has(cacheKey)) {\n            return this._permissionCache.get(cacheKey)!;\n        }\n\n        try {\n            const entityInfo = this._metadata.Entities.find(e => e.Name === entityName);\n            if (!entityInfo) {\n                this._permissionCache.set(cacheKey, false);\n                return false;\n            }\n\n            const userPermissions = entityInfo.GetUserPermisions(this._metadata.CurrentUser);\n            let hasPermission = false;\n\n            switch (permissionType) {\n                case 'Create': hasPermission = userPermissions.CanCreate; break;\n                case 'Read': hasPermission = userPermissions.CanRead; break;\n                case 'Update': hasPermission = userPermissions.CanUpdate; break;\n                case 'Delete': hasPermission = userPermissions.CanDelete; break;\n            }\n\n            this._permissionCache.set(cacheKey, hasPermission);\n            return hasPermission;\n        } catch (error) {\n            this._permissionCache.set(cacheKey, false);\n            return false;\n        }\n    }\n\n    private async loadData(): Promise<void> {\n        try {\n            this.isLoading = true;\n            this.cdr.markForCheck();\n\n            const rv = new RunView();\n            const [catResult, typeResult] = await rv.RunViews([\n                {\n                    EntityName: 'MJ: Credential Categories',\n                    OrderBy: 'Name',\n                    ResultType: 'entity_object'\n                },\n                {\n                    EntityName: 'MJ: Credential Types',\n                    ResultType: 'entity_object'\n                }\n            ]);\n\n            if (catResult.Success) {\n                this.categories = catResult.Results as MJCredentialCategoryEntity[];\n            }\n\n            if (typeResult.Success) {\n                this.types = typeResult.Results as MJCredentialTypeEntity[];\n            }\n\n            this.buildTree();\n\n        } catch (error) {\n            console.error('Error loading credential categories:', error);\n            MJNotificationService.Instance.CreateSimpleNotification('Error loading categories', 'error', 3000);\n        } finally {\n            this.isLoading = false;\n            this.NotifyLoadComplete();\n            this.cdr.markForCheck();\n        }\n    }\n\n    private buildTree(): void {\n        const categoryMap = new Map<string, CategoryNode>();\n\n        // Create nodes for all categories with stats\n        for (const category of this.categories) {\n            const typesInCategory = this.types.filter(t => t.Category === category.Name);\n            categoryMap.set(category.ID, {\n                category,\n                children: [],\n                expanded: true,\n                level: 0,\n                typeCount: typesInCategory.length\n            });\n        }\n\n        // Build tree structure\n        const roots: CategoryNode[] = [];\n        for (const category of this.categories) {\n            const node = categoryMap.get(category.ID)!;\n            if (category.ParentID) {\n                const parent = categoryMap.get(category.ParentID);\n                if (parent) {\n                    node.level = parent.level + 1;\n                    parent.children.push(node);\n                } else {\n                    roots.push(node);\n                }\n            } else {\n                roots.push(node);\n            }\n        }\n\n        // Sort children recursively\n        const sortNodes = (nodes: CategoryNode[]): void => {\n            nodes.sort((a, b) => a.category.Name.localeCompare(b.category.Name));\n            for (const node of nodes) {\n                sortNodes(node.children);\n            }\n        };\n        sortNodes(roots);\n\n        this.categoryTree = roots;\n    }\n\n    // === CRUD Operations ===\n\n    public createNewCategory(): void {\n        if (this.categoryEditPanel) {\n            this.categoryEditPanel.open(null);\n        }\n    }\n\n    public createChildCategory(parentNode: CategoryNode, event?: Event): void {\n        if (event) {\n            event.stopPropagation();\n        }\n        if (this.categoryEditPanel) {\n            this.categoryEditPanel.open(null, parentNode.category.ID);\n        }\n    }\n\n    public editCategory(node: CategoryNode, event?: Event): void {\n        if (event) {\n            event.stopPropagation();\n        }\n        if (this.categoryEditPanel) {\n            this.categoryEditPanel.open(node.category);\n        }\n    }\n\n    public async deleteCategory(node: CategoryNode, event?: Event): Promise<void> {\n        if (event) {\n            event.stopPropagation();\n        }\n\n        if (!this.UserCanDelete) {\n            MJNotificationService.Instance.CreateSimpleNotification('You do not have permission to delete categories', 'warning', 3000);\n            return;\n        }\n\n        if (node.children.length > 0) {\n            MJNotificationService.Instance.CreateSimpleNotification(\n                `Cannot delete \"${node.category.Name}\" - it has ${node.children.length} subcategories`,\n                'warning',\n                4000\n            );\n            return;\n        }\n\n        if (node.typeCount > 0) {\n            MJNotificationService.Instance.CreateSimpleNotification(\n                `Cannot delete \"${node.category.Name}\" - it has ${node.typeCount} credential type(s) using it`,\n                'warning',\n                4000\n            );\n            return;\n        }\n\n        const confirmed = confirm(`Are you sure you want to delete \"${node.category.Name}\"? This action cannot be undone.`);\n        if (!confirmed) return;\n\n        try {\n            const success = await node.category.Delete();\n            if (success) {\n                MJNotificationService.Instance.CreateSimpleNotification(`Category \"${node.category.Name}\" deleted successfully`, 'success', 3000);\n                this.categories = this.categories.filter(c => !UUIDsEqual(c.ID, node.category.ID));\n                if (UUIDsEqual(this.selectedNode?.category.ID, node.category.ID)) {\n                    this.selectedNode = null;\n                }\n                this.buildTree();\n                this.cdr.markForCheck();\n            } else {\n                MJNotificationService.Instance.CreateSimpleNotification('Failed to delete category', 'error', 3000);\n            }\n        } catch (error) {\n            console.error('Error deleting category:', error);\n            MJNotificationService.Instance.CreateSimpleNotification('Error deleting category', 'error', 3000);\n        }\n    }\n\n    // === Panel Event Handlers ===\n\n    public onCategorySaved(category: MJCredentialCategoryEntity): void {\n        const existingIndex = this.categories.findIndex(c => UUIDsEqual(c.ID, category.ID));\n\n        if (existingIndex >= 0) {\n            this.categories[existingIndex] = category;\n        } else {\n            this.categories.push(category);\n        }\n\n        this.buildTree();\n        this.cdr.markForCheck();\n    }\n\n    public onCategoryDeleted(categoryId: string): void {\n        this.categories = this.categories.filter(c => !UUIDsEqual(c.ID, categoryId));\n        if (UUIDsEqual(this.selectedNode?.category.ID, categoryId)) {\n            this.selectedNode = null;\n        }\n        this.buildTree();\n        this.cdr.markForCheck();\n    }\n\n    // === Selection ===\n\n    public selectNode(node: CategoryNode): void {\n        this.selectedNode = UUIDsEqual(this.selectedNode?.category.ID, node.category.ID) ? null : node;\n        this.cdr.markForCheck();\n    }\n\n    public toggleExpand(node: CategoryNode, event?: Event): void {\n        if (event) {\n            event.stopPropagation();\n        }\n        node.expanded = !node.expanded;\n        this.cdr.markForCheck();\n    }\n\n    // === Search ===\n\n    public onSearchChange(value: string): void {\n        this.searchText = value;\n        if (value) {\n            this.expandAll();\n        }\n        this.cdr.markForCheck();\n    }\n\n    public clearSearch(): void {\n        this.searchText = '';\n        this.cdr.markForCheck();\n    }\n\n    public expandAll(): void {\n        const expand = (nodes: CategoryNode[]): void => {\n            for (const node of nodes) {\n                node.expanded = true;\n                expand(node.children);\n            }\n        };\n        expand(this.categoryTree);\n        this.cdr.markForCheck();\n    }\n\n    public collapseAll(): void {\n        const collapse = (nodes: CategoryNode[]): void => {\n            for (const node of nodes) {\n                node.expanded = false;\n                collapse(node.children);\n            }\n        };\n        collapse(this.categoryTree);\n        this.cdr.markForCheck();\n    }\n\n    public getFlattenedNodes(): CategoryNode[] {\n        const result: CategoryNode[] = [];\n        const searchLower = this.searchText.toLowerCase().trim();\n\n        const flatten = (nodes: CategoryNode[]): void => {\n            for (const node of nodes) {\n                if (searchLower) {\n                    const matches = this.nodeMatchesSearch(node, searchLower);\n                    if (matches) {\n                        result.push(node);\n                    }\n                } else {\n                    result.push(node);\n                }\n\n                if (node.expanded && node.children.length > 0) {\n                    flatten(node.children);\n                }\n            }\n        };\n\n        flatten(this.categoryTree);\n        return result;\n    }\n\n    private nodeMatchesSearch(node: CategoryNode, searchLower: string): boolean {\n        const nameMatch = node.category.Name.toLowerCase().includes(searchLower);\n        const descMatch = node.category.Description?.toLowerCase().includes(searchLower);\n        return nameMatch || descMatch || false;\n    }\n\n    public getTotalTypeCount(): number {\n        return this.types.length;\n    }\n\n    public getTypesForCategory(categoryName: string): MJCredentialTypeEntity[] {\n        return this.types.filter(t => t.Category === categoryName);\n    }\n\n    public createCredentialWithCategory(categoryId: string, event?: Event): void {\n        if (event) {\n            event.stopPropagation();\n        }\n        // Navigate to Credentials nav item with the category pre-selected and create panel open\n        this.navigationService.OpenNavItemByName('Credentials', {\n            categoryId: categoryId,\n            openCreatePanel: true\n        });\n    }\n\n    public viewTypesForCategory(categoryName: string, event?: Event): void {\n        if (event) {\n            event.stopPropagation();\n        }\n        // Navigate to Types nav item filtered by this category\n        this.navigationService.OpenNavItemByName('Types', {\n            categoryFilter: categoryName\n        });\n    }\n\n    /** Case-insensitive UUID check whether a tree node is the currently selected node. */\n    public IsNodeSelected(node: CategoryNode): boolean {\n        return UUIDsEqual(this.selectedNode?.category?.ID, node.category.ID);\n    }\n\n    public getCategoryColor(index: number): string {\n        const colors = [\n            'var(--mj-brand-primary)',\n            'var(--mj-brand-primary)',\n            'var(--mj-brand-primary)',\n            'var(--mj-status-warning)',\n            'var(--mj-status-success)',\n            'var(--mj-brand-primary)',\n            'var(--mj-brand-primary)'\n        ];\n        return colors[index % colors.length];\n    }\n\n    public refresh(): void {\n        this.selectedNode = null;\n        this.loadData();\n    }\n}\n","<div class=\"categories-container\">\n  @if (isLoading) {\n    <mj-loading text=\"Loading categories...\"></mj-loading>\n  }\n\n  @if (!isLoading) {\n    <!-- Header -->\n    <div class=\"categories-header\">\n      <div class=\"header-info\">\n        <h2 class=\"categories-title\">Categories</h2>\n        <div class=\"header-stats\">\n          <span class=\"stat-item\">\n            <i class=\"fa-solid fa-folder-tree\"></i>\n            {{categories.length}} categories\n          </span>\n          <span class=\"stat-item\">\n            <i class=\"fa-solid fa-shapes\"></i>\n            {{getTotalTypeCount()}} types\n          </span>\n        </div>\n      </div>\n      <div class=\"header-actions\">\n        @if (UserCanCreate) {\n          <button class=\"btn-primary\" (click)=\"createNewCategory()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            <span>New Category</span>\n          </button>\n        }\n      </div>\n    </div>\n    <!-- Toolbar -->\n    <div class=\"toolbar\">\n      <div class=\"toolbar-left\">\n        <div class=\"search-container\">\n          <i class=\"fa-solid fa-search\"></i>\n          <input\n            type=\"text\"\n            placeholder=\"Search categories...\"\n            [value]=\"searchText\"\n            (input)=\"onSearchChange($any($event.target).value)\"\n            />\n          @if (searchText) {\n            <button class=\"search-clear\" (click)=\"clearSearch()\">\n              <i class=\"fa-solid fa-times\"></i>\n            </button>\n          }\n        </div>\n      </div>\n      <div class=\"toolbar-right\">\n        <button class=\"btn-text\" (click)=\"expandAll()\" title=\"Expand All\">\n          <i class=\"fa-solid fa-expand\"></i>\n        </button>\n        <button class=\"btn-text\" (click)=\"collapseAll()\" title=\"Collapse All\">\n          <i class=\"fa-solid fa-compress\"></i>\n        </button>\n        <button class=\"btn-icon\" (click)=\"refresh()\" title=\"Refresh\">\n          <i class=\"fa-solid fa-refresh\"></i>\n        </button>\n      </div>\n    </div>\n    <div class=\"categories-layout\">\n      <!-- Tree Container -->\n      <div class=\"tree-panel\">\n        @if (categoryTree.length > 0) {\n          <div class=\"tree-container\">\n            @for (node of getFlattenedNodes(); track node; let i = $index) {\n              <div\n                class=\"tree-node\"\n                [class.selected]=\"IsNodeSelected(node)\"\n                [style.padding-left.px]=\"12 + (node.level * 20)\"\n                (click)=\"selectNode(node)\"\n                >\n                <div class=\"node-content\">\n                  @if (node.children.length > 0) {\n                    <button\n                      class=\"expand-btn\"\n                      (click)=\"toggleExpand(node, $event)\"\n                      >\n                      <i [class]=\"node.expanded ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-right'\"></i>\n                    </button>\n                  }\n                  @if (node.children.length === 0) {\n                    <span class=\"expand-placeholder\"></span>\n                  }\n                  <div class=\"node-icon\" [style.backgroundColor]=\"getCategoryColor(i) + '15'\" [style.color]=\"getCategoryColor(i)\">\n                    <i [class]=\"node.category.IconClass || 'fa-solid fa-folder'\"></i>\n                  </div>\n                  <div class=\"node-info\">\n                    <div class=\"node-name\">{{node.category.Name}}</div>\n                    @if (node.category.Description) {\n                      <div class=\"node-description\">\n                        {{node.category.Description | slice:0:50}}{{node.category.Description.length > 50 ? '...' : ''}}\n                      </div>\n                    }\n                  </div>\n                  <div class=\"node-badges\">\n                    @if (node.typeCount > 0) {\n                      <span class=\"badge types\">\n                        <i class=\"fa-solid fa-shapes\"></i>\n                        {{node.typeCount}}\n                      </span>\n                    }\n                    @if (node.children.length > 0) {\n                      <span class=\"badge children\">\n                        <i class=\"fa-solid fa-folder\"></i>\n                        {{node.children.length}}\n                      </span>\n                    }\n                  </div>\n                  <div class=\"node-actions\">\n                    @if (UserCanUpdate) {\n                      <button mjButton variant=\"flat\" size=\"sm\"\n                        (click)=\"editCategory(node, $event)\"\n                        title=\"Edit\">\n                        <i class=\"fa-solid fa-pen\"></i>\n                      </button>\n                    }\n                    @if (UserCanDelete && node.children.length === 0 && node.typeCount === 0) {\n                      <button mjButton variant=\"danger\" size=\"sm\"\n                        (click)=\"deleteCategory(node, $event)\"\n                        title=\"Delete\">\n                        <i class=\"fa-solid fa-trash\"></i>\n                      </button>\n                    }\n                  </div>\n                </div>\n              </div>\n            }\n          </div>\n        }\n        @if (categoryTree.length === 0) {\n          <div class=\"empty-state\">\n            <div class=\"empty-icon\">\n              <i class=\"fa-solid fa-folder-open\"></i>\n            </div>\n            <h3>No Categories</h3>\n            @if (searchText) {\n              <p>\n                No categories match your search.\n                <button class=\"btn-link\" (click)=\"clearSearch()\">Clear search</button>\n              </p>\n            }\n            @if (!searchText) {\n              <p>\n                Get started by creating your first category.\n              </p>\n            }\n            @if (UserCanCreate && !searchText) {\n              <button class=\"btn-primary\" (click)=\"createNewCategory()\">\n                <i class=\"fa-solid fa-plus\"></i>\n                Create Category\n              </button>\n            }\n          </div>\n        }\n      </div>\n      <!-- Detail Panel -->\n      @if (selectedNode) {\n        <div class=\"detail-panel\">\n          <div class=\"detail-header\">\n            <div class=\"detail-icon\" [style.backgroundColor]=\"getCategoryColor(0) + '15'\" [style.color]=\"getCategoryColor(0)\">\n              <i [class]=\"selectedNode.category.IconClass || 'fa-solid fa-folder'\"></i>\n            </div>\n            <div class=\"detail-title\">\n              <h2>{{selectedNode.category.Name}}</h2>\n              @if (selectedNode.level > 0) {\n                <span class=\"level-badge\">\n                  Level {{selectedNode.level + 1}}\n                </span>\n              }\n            </div>\n            <div class=\"detail-actions\">\n              @if (UserCanUpdate) {\n                <button mjButton variant=\"flat\" size=\"sm\" (click)=\"editCategory(selectedNode)\" title=\"Edit\">\n                  <i class=\"fa-solid fa-pen\"></i>\n                </button>\n              }\n              <button class=\"close-btn\" (click)=\"selectedNode = null\">\n                <i class=\"fa-solid fa-times\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"detail-body\">\n            <!-- Stats -->\n            <div class=\"detail-stats\">\n              <div class=\"detail-stat\">\n                <div class=\"stat-value\">{{selectedNode.typeCount}}</div>\n                <div class=\"stat-label\">Credential Types</div>\n              </div>\n              <div class=\"detail-stat\">\n                <div class=\"stat-value\">{{selectedNode.children.length}}</div>\n                <div class=\"stat-label\">Subcategories</div>\n              </div>\n            </div>\n            <!-- Description -->\n            @if (selectedNode.category.Description) {\n              <div class=\"description-section\">\n                <h3>\n                  <i class=\"fa-solid fa-align-left\"></i>\n                  Description\n                </h3>\n                <p class=\"description\">{{selectedNode.category.Description}}</p>\n              </div>\n            }\n            <!-- Types in Category -->\n            @if (selectedNode.typeCount > 0) {\n              <div class=\"types-section\">\n                <h3>\n                  <i class=\"fa-solid fa-shapes\"></i>\n                  Credential Types\n                </h3>\n                <div class=\"type-list\">\n                  @for (type of getTypesForCategory(selectedNode.category.Name); track type) {\n                    <div class=\"type-item\">\n                      <div class=\"type-icon\">\n                        <i [class]=\"type.IconClass || 'fa-solid fa-key'\"></i>\n                      </div>\n                      <div class=\"type-info\">\n                        <div class=\"type-name\">{{type.Name}}</div>\n                        @if (type.Description) {\n                          <div class=\"type-desc\">{{type.Description | slice:0:60}}</div>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n            <!-- Subcategories -->\n            @if (selectedNode.children.length > 0) {\n              <div class=\"subcategories-section\">\n                <h3>\n                  <i class=\"fa-solid fa-folder-tree\"></i>\n                  Subcategories\n                </h3>\n                <div class=\"subcategory-list\">\n                  @for (child of selectedNode.children; track child) {\n                    <div class=\"subcategory-item\" (click)=\"selectNode(child)\">\n                      <i [class]=\"child.category.IconClass || 'fa-solid fa-folder'\"></i>\n                      <span>{{child.category.Name}}</span>\n                      @if (child.typeCount > 0) {\n                        <span class=\"sub-type-count\">{{child.typeCount}} types</span>\n                      }\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n            <!-- Quick Actions -->\n            <div class=\"detail-quick-actions\">\n              @if (selectedNode.typeCount > 0) {\n                <button\n                  class=\"btn-secondary\"\n                  (click)=\"viewTypesForCategory(selectedNode.category.Name)\"\n                  >\n                  <i class=\"fa-solid fa-shapes\"></i>\n                  View Types\n                </button>\n              }\n              <button\n                class=\"btn-primary\"\n                (click)=\"createCredentialWithCategory(selectedNode.category.ID)\"\n                >\n                <i class=\"fa-solid fa-plus\"></i>\n                Create Credential\n              </button>\n            </div>\n          </div>\n        </div>\n      }\n      <!-- No Selection -->\n      @if (!selectedNode && categoryTree.length > 0) {\n        <div class=\"no-selection\">\n          <div class=\"no-selection-icon\">\n            <i class=\"fa-solid fa-hand-pointer\"></i>\n          </div>\n          <h3>Select a Category</h3>\n          <p>Click on a category to view its details and credential types</p>\n        </div>\n      }\n    </div>\n  }\n</div>\n\n<!-- Category Edit Panel -->\n<mj-credential-category-edit-panel\n  #categoryEditPanel\n  (saved)=\"onCategorySaved($any($event))\"\n  (deleted)=\"onCategoryDeleted($any($event))\"\n></mj-credential-category-edit-panel>\n"]}
+{"version":3,"file":"credentials-categories-resource.component.js","sourceRoot":"","sources":["../../../src/Credentials/components/credentials-categories-resource.component.ts","../../../src/Credentials/components/credentials-categories-resource.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, OnDestroy, ChangeDetectorRef, ChangeDetectionStrategy, ViewChild } from '@angular/core';\nimport { ResourceData, MJCredentialCategoryEntity, MJCredentialTypeEntity } from '@memberjunction/core-entities';\nimport { RegisterClass , UUIDsEqual } from '@memberjunction/global';\nimport { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';\nimport { RunView, Metadata } from '@memberjunction/core';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\nimport { CredentialCategoryEditPanelComponent } from '@memberjunction/ng-credentials';\ninterface CategoryNode {\n    category: MJCredentialCategoryEntity;\n    children: CategoryNode[];\n    expanded: boolean;\n    level: number;\n    typeCount: number;\n}\n\n@RegisterClass(BaseResourceComponent, 'CredentialsCategoriesResource')\n@Component({\n  standalone: false,\n    selector: 'mj-credentials-categories-resource',\n    templateUrl: './credentials-categories-resource.component.html',\n    styleUrls: ['./credentials-categories-resource.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CredentialsCategoriesResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n    public isLoading = true;\n    public categories: MJCredentialCategoryEntity[] = [];\n    public categoryTree: CategoryNode[] = [];\n    public types: MJCredentialTypeEntity[] = [];\n    public selectedNode: CategoryNode | null = null;\n    public searchText = '';\n\n    // Permissions\n    private _metadata = new Metadata();\n    private _permissionCache = new Map<string, boolean>();\n\n    @ViewChild('categoryEditPanel') categoryEditPanel!: CredentialCategoryEditPanelComponent;\n\n    constructor(\n        private cdr: ChangeDetectorRef) {\n        super();\n    }\n\n    ngOnInit(): void {\n        super.ngOnInit();\n        this.loadData();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n        // Cleanup if needed\n    }\n\n    async GetResourceDisplayName(data: ResourceData): Promise<string> {\n        return 'Categories';\n    }\n\n    async GetResourceIconClass(data: ResourceData): Promise<string> {\n        return 'fa-solid fa-folder-tree';\n    }\n\n    // === Permission Checks ===\n\n    public get UserCanCreate(): boolean {\n        return this.checkEntityPermission('MJ: Credential Categories', 'Create');\n    }\n\n    public get UserCanUpdate(): boolean {\n        return this.checkEntityPermission('MJ: Credential Categories', 'Update');\n    }\n\n    public get UserCanDelete(): boolean {\n        return this.checkEntityPermission('MJ: Credential Categories', 'Delete');\n    }\n\n    private checkEntityPermission(entityName: string, permissionType: 'Create' | 'Read' | 'Update' | 'Delete'): boolean {\n        const cacheKey = `${entityName}_${permissionType}`;\n\n        if (this._permissionCache.has(cacheKey)) {\n            return this._permissionCache.get(cacheKey)!;\n        }\n\n        try {\n            const entityInfo = this._metadata.Entities.find(e => e.Name === entityName);\n            if (!entityInfo) {\n                this._permissionCache.set(cacheKey, false);\n                return false;\n            }\n\n            const userPermissions = entityInfo.GetUserPermisions(this._metadata.CurrentUser);\n            let hasPermission = false;\n\n            switch (permissionType) {\n                case 'Create': hasPermission = userPermissions.CanCreate; break;\n                case 'Read': hasPermission = userPermissions.CanRead; break;\n                case 'Update': hasPermission = userPermissions.CanUpdate; break;\n                case 'Delete': hasPermission = userPermissions.CanDelete; break;\n            }\n\n            this._permissionCache.set(cacheKey, hasPermission);\n            return hasPermission;\n        } catch (error) {\n            this._permissionCache.set(cacheKey, false);\n            return false;\n        }\n    }\n\n    private async loadData(): Promise<void> {\n        try {\n            this.isLoading = true;\n            this.cdr.markForCheck();\n\n            const rv = new RunView();\n            const [catResult, typeResult] = await rv.RunViews([\n                {\n                    EntityName: 'MJ: Credential Categories',\n                    OrderBy: 'Name',\n                    ResultType: 'entity_object'\n                },\n                {\n                    EntityName: 'MJ: Credential Types',\n                    ResultType: 'entity_object'\n                }\n            ]);\n\n            if (catResult.Success) {\n                this.categories = catResult.Results as MJCredentialCategoryEntity[];\n            }\n\n            if (typeResult.Success) {\n                this.types = typeResult.Results as MJCredentialTypeEntity[];\n            }\n\n            this.buildTree();\n\n        } catch (error) {\n            console.error('Error loading credential categories:', error);\n            MJNotificationService.Instance.CreateSimpleNotification('Error loading categories', 'error', 3000);\n        } finally {\n            this.isLoading = false;\n            this.NotifyLoadComplete();\n            this.cdr.markForCheck();\n        }\n    }\n\n    private buildTree(): void {\n        const categoryMap = new Map<string, CategoryNode>();\n\n        // Create nodes for all categories with stats\n        for (const category of this.categories) {\n            const typesInCategory = this.types.filter(t => t.Category === category.Name);\n            categoryMap.set(category.ID, {\n                category,\n                children: [],\n                expanded: true,\n                level: 0,\n                typeCount: typesInCategory.length\n            });\n        }\n\n        // Build tree structure\n        const roots: CategoryNode[] = [];\n        for (const category of this.categories) {\n            const node = categoryMap.get(category.ID)!;\n            if (category.ParentID) {\n                const parent = categoryMap.get(category.ParentID);\n                if (parent) {\n                    node.level = parent.level + 1;\n                    parent.children.push(node);\n                } else {\n                    roots.push(node);\n                }\n            } else {\n                roots.push(node);\n            }\n        }\n\n        // Sort children recursively\n        const sortNodes = (nodes: CategoryNode[]): void => {\n            nodes.sort((a, b) => a.category.Name.localeCompare(b.category.Name));\n            for (const node of nodes) {\n                sortNodes(node.children);\n            }\n        };\n        sortNodes(roots);\n\n        this.categoryTree = roots;\n    }\n\n    // === CRUD Operations ===\n\n    public createNewCategory(): void {\n        if (this.categoryEditPanel) {\n            this.categoryEditPanel.open(null);\n        }\n    }\n\n    public createChildCategory(parentNode: CategoryNode, event?: Event): void {\n        if (event) {\n            event.stopPropagation();\n        }\n        if (this.categoryEditPanel) {\n            this.categoryEditPanel.open(null, parentNode.category.ID);\n        }\n    }\n\n    public editCategory(node: CategoryNode, event?: Event): void {\n        if (event) {\n            event.stopPropagation();\n        }\n        if (this.categoryEditPanel) {\n            this.categoryEditPanel.open(node.category);\n        }\n    }\n\n    public async deleteCategory(node: CategoryNode, event?: Event): Promise<void> {\n        if (event) {\n            event.stopPropagation();\n        }\n\n        if (!this.UserCanDelete) {\n            MJNotificationService.Instance.CreateSimpleNotification('You do not have permission to delete categories', 'warning', 3000);\n            return;\n        }\n\n        if (node.children.length > 0) {\n            MJNotificationService.Instance.CreateSimpleNotification(\n                `Cannot delete \"${node.category.Name}\" - it has ${node.children.length} subcategories`,\n                'warning',\n                4000\n            );\n            return;\n        }\n\n        if (node.typeCount > 0) {\n            MJNotificationService.Instance.CreateSimpleNotification(\n                `Cannot delete \"${node.category.Name}\" - it has ${node.typeCount} credential type(s) using it`,\n                'warning',\n                4000\n            );\n            return;\n        }\n\n        const confirmed = confirm(`Are you sure you want to delete \"${node.category.Name}\"? This action cannot be undone.`);\n        if (!confirmed) return;\n\n        try {\n            const success = await node.category.Delete();\n            if (success) {\n                MJNotificationService.Instance.CreateSimpleNotification(`Category \"${node.category.Name}\" deleted successfully`, 'success', 3000);\n                this.categories = this.categories.filter(c => !UUIDsEqual(c.ID, node.category.ID));\n                if (UUIDsEqual(this.selectedNode?.category.ID, node.category.ID)) {\n                    this.selectedNode = null;\n                }\n                this.buildTree();\n                this.cdr.markForCheck();\n            } else {\n                MJNotificationService.Instance.CreateSimpleNotification('Failed to delete category', 'error', 3000);\n            }\n        } catch (error) {\n            console.error('Error deleting category:', error);\n            MJNotificationService.Instance.CreateSimpleNotification('Error deleting category', 'error', 3000);\n        }\n    }\n\n    // === Panel Event Handlers ===\n\n    public onCategorySaved(category: MJCredentialCategoryEntity): void {\n        const existingIndex = this.categories.findIndex(c => UUIDsEqual(c.ID, category.ID));\n\n        if (existingIndex >= 0) {\n            this.categories[existingIndex] = category;\n        } else {\n            this.categories.push(category);\n        }\n\n        this.buildTree();\n        this.cdr.markForCheck();\n    }\n\n    public onCategoryDeleted(categoryId: string): void {\n        this.categories = this.categories.filter(c => !UUIDsEqual(c.ID, categoryId));\n        if (UUIDsEqual(this.selectedNode?.category.ID, categoryId)) {\n            this.selectedNode = null;\n        }\n        this.buildTree();\n        this.cdr.markForCheck();\n    }\n\n    // === Selection ===\n\n    public selectNode(node: CategoryNode): void {\n        this.selectedNode = UUIDsEqual(this.selectedNode?.category.ID, node.category.ID) ? null : node;\n        this.cdr.markForCheck();\n    }\n\n    public toggleExpand(node: CategoryNode, event?: Event): void {\n        if (event) {\n            event.stopPropagation();\n        }\n        node.expanded = !node.expanded;\n        this.cdr.markForCheck();\n    }\n\n    // === Search ===\n\n    public onSearchChange(value: string): void {\n        this.searchText = value;\n        if (value) {\n            this.expandAll();\n        }\n        this.cdr.markForCheck();\n    }\n\n    public clearSearch(): void {\n        this.searchText = '';\n        this.cdr.markForCheck();\n    }\n\n    public expandAll(): void {\n        const expand = (nodes: CategoryNode[]): void => {\n            for (const node of nodes) {\n                node.expanded = true;\n                expand(node.children);\n            }\n        };\n        expand(this.categoryTree);\n        this.cdr.markForCheck();\n    }\n\n    public collapseAll(): void {\n        const collapse = (nodes: CategoryNode[]): void => {\n            for (const node of nodes) {\n                node.expanded = false;\n                collapse(node.children);\n            }\n        };\n        collapse(this.categoryTree);\n        this.cdr.markForCheck();\n    }\n\n    public getFlattenedNodes(): CategoryNode[] {\n        const result: CategoryNode[] = [];\n        const searchLower = this.searchText.toLowerCase().trim();\n\n        const flatten = (nodes: CategoryNode[]): void => {\n            for (const node of nodes) {\n                if (searchLower) {\n                    const matches = this.nodeMatchesSearch(node, searchLower);\n                    if (matches) {\n                        result.push(node);\n                    }\n                } else {\n                    result.push(node);\n                }\n\n                if (node.expanded && node.children.length > 0) {\n                    flatten(node.children);\n                }\n            }\n        };\n\n        flatten(this.categoryTree);\n        return result;\n    }\n\n    private nodeMatchesSearch(node: CategoryNode, searchLower: string): boolean {\n        const nameMatch = node.category.Name.toLowerCase().includes(searchLower);\n        const descMatch = node.category.Description?.toLowerCase().includes(searchLower);\n        return nameMatch || descMatch || false;\n    }\n\n    public getTotalTypeCount(): number {\n        return this.types.length;\n    }\n\n    public getTypesForCategory(categoryName: string): MJCredentialTypeEntity[] {\n        return this.types.filter(t => t.Category === categoryName);\n    }\n\n    public createCredentialWithCategory(categoryId: string, event?: Event): void {\n        if (event) {\n            event.stopPropagation();\n        }\n        // Navigate to Credentials nav item with the category pre-selected and create panel open\n        this.navigationService.OpenNavItemByName('Credentials', {\n            categoryId: categoryId,\n            openCreatePanel: true\n        });\n    }\n\n    public viewTypesForCategory(categoryName: string, event?: Event): void {\n        if (event) {\n            event.stopPropagation();\n        }\n        // Navigate to Types nav item filtered by this category\n        this.navigationService.OpenNavItemByName('Types', {\n            categoryFilter: categoryName\n        });\n    }\n\n    /** Case-insensitive UUID check whether a tree node is the currently selected node. */\n    public IsNodeSelected(node: CategoryNode): boolean {\n        return UUIDsEqual(this.selectedNode?.category?.ID, node.category.ID);\n    }\n\n    public getCategoryColor(index: number): string {\n        const colors = [\n            'var(--mj-brand-primary)',\n            'var(--mj-brand-primary)',\n            'var(--mj-brand-primary)',\n            'var(--mj-status-warning)',\n            'var(--mj-status-success)',\n            'var(--mj-brand-primary)',\n            'var(--mj-brand-primary)'\n        ];\n        return colors[index % colors.length];\n    }\n\n    public refresh(): void {\n        this.selectedNode = null;\n        this.loadData();\n    }\n}\n","<div class=\"categories-container\">\n  @if (isLoading) {\n    <mj-loading text=\"Loading categories...\"></mj-loading>\n  }\n\n  @if (!isLoading) {\n    <!-- Header -->\n    <div class=\"categories-header\">\n      <div class=\"header-info\">\n        <h2 class=\"categories-title\">Categories</h2>\n        <div class=\"header-stats\">\n          <span class=\"stat-item\">\n            <i class=\"fa-solid fa-folder-tree\"></i>\n            {{categories.length}} categories\n          </span>\n          <span class=\"stat-item\">\n            <i class=\"fa-solid fa-shapes\"></i>\n            {{getTotalTypeCount()}} types\n          </span>\n        </div>\n      </div>\n      <div class=\"header-actions\">\n        @if (UserCanCreate) {\n          <button class=\"btn-primary\" (click)=\"createNewCategory()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            <span>New Category</span>\n          </button>\n        }\n      </div>\n    </div>\n    <!-- Toolbar -->\n    <div class=\"toolbar\">\n      <div class=\"toolbar-left\">\n        <div class=\"search-container\">\n          <i class=\"fa-solid fa-search\"></i>\n          <input\n            type=\"text\"\n            placeholder=\"Search categories...\"\n            [value]=\"searchText\"\n            (input)=\"onSearchChange($any($event.target).value)\"\n            />\n          @if (searchText) {\n            <button class=\"search-clear\" (click)=\"clearSearch()\">\n              <i class=\"fa-solid fa-times\"></i>\n            </button>\n          }\n        </div>\n      </div>\n      <div class=\"toolbar-right\">\n        <button class=\"btn-text\" (click)=\"expandAll()\" title=\"Expand All\">\n          <i class=\"fa-solid fa-expand\"></i>\n        </button>\n        <button class=\"btn-text\" (click)=\"collapseAll()\" title=\"Collapse All\">\n          <i class=\"fa-solid fa-compress\"></i>\n        </button>\n        <button class=\"btn-icon\" (click)=\"refresh()\" title=\"Refresh\">\n          <i class=\"fa-solid fa-refresh\"></i>\n        </button>\n      </div>\n    </div>\n    <div class=\"categories-layout\">\n      <!-- Tree Container -->\n      <div class=\"tree-panel\">\n        @if (categoryTree.length > 0) {\n          <div class=\"tree-container\">\n            @for (node of getFlattenedNodes(); track node; let i = $index) {\n              <div\n                class=\"tree-node\"\n                [class.selected]=\"IsNodeSelected(node)\"\n                [style.padding-left.px]=\"12 + (node.level * 20)\"\n                (click)=\"selectNode(node)\"\n                >\n                <div class=\"node-content\">\n                  @if (node.children.length > 0) {\n                    <button\n                      class=\"expand-btn\"\n                      (click)=\"toggleExpand(node, $event)\"\n                      >\n                      <i [class]=\"node.expanded ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-right'\"></i>\n                    </button>\n                  }\n                  @if (node.children.length === 0) {\n                    <span class=\"expand-placeholder\"></span>\n                  }\n                  <div class=\"node-icon\" [style.backgroundColor]=\"getCategoryColor(i) + '15'\" [style.color]=\"getCategoryColor(i)\">\n                    <i [class]=\"node.category.IconClass || 'fa-solid fa-folder'\"></i>\n                  </div>\n                  <div class=\"node-info\">\n                    <div class=\"node-name\">{{node.category.Name}}</div>\n                    @if (node.category.Description) {\n                      <div class=\"node-description\">\n                        {{node.category.Description | slice:0:50}}{{node.category.Description.length > 50 ? '...' : ''}}\n                      </div>\n                    }\n                  </div>\n                  <div class=\"node-badges\">\n                    @if (node.typeCount > 0) {\n                      <span class=\"badge types\">\n                        <i class=\"fa-solid fa-shapes\"></i>\n                        {{node.typeCount}}\n                      </span>\n                    }\n                    @if (node.children.length > 0) {\n                      <span class=\"badge children\">\n                        <i class=\"fa-solid fa-folder\"></i>\n                        {{node.children.length}}\n                      </span>\n                    }\n                  </div>\n                  <div class=\"node-actions\">\n                    @if (UserCanUpdate) {\n                      <button mjButton variant=\"flat\" size=\"sm\"\n                        (click)=\"editCategory(node, $event)\"\n                        title=\"Edit\">\n                        <i class=\"fa-solid fa-pen\"></i>\n                      </button>\n                    }\n                    @if (UserCanDelete && node.children.length === 0 && node.typeCount === 0) {\n                      <button mjButton variant=\"danger\" size=\"sm\"\n                        (click)=\"deleteCategory(node, $event)\"\n                        title=\"Delete\">\n                        <i class=\"fa-solid fa-trash\"></i>\n                      </button>\n                    }\n                  </div>\n                </div>\n              </div>\n            }\n          </div>\n        }\n        @if (categoryTree.length === 0) {\n          <div class=\"empty-state\">\n            <div class=\"empty-icon\">\n              <i class=\"fa-solid fa-folder-open\"></i>\n            </div>\n            <h3>No Categories</h3>\n            @if (searchText) {\n              <p>\n                No categories match your search.\n                <button class=\"btn-link\" (click)=\"clearSearch()\">Clear search</button>\n              </p>\n            }\n            @if (!searchText) {\n              <p>\n                Get started by creating your first category.\n              </p>\n            }\n            @if (UserCanCreate && !searchText) {\n              <button class=\"btn-primary\" (click)=\"createNewCategory()\">\n                <i class=\"fa-solid fa-plus\"></i>\n                Create Category\n              </button>\n            }\n          </div>\n        }\n      </div>\n      <!-- Detail Panel -->\n      @if (selectedNode) {\n        <div class=\"detail-panel\">\n          <div class=\"detail-header\">\n            <div class=\"detail-icon\" [style.backgroundColor]=\"getCategoryColor(0) + '15'\" [style.color]=\"getCategoryColor(0)\">\n              <i [class]=\"selectedNode.category.IconClass || 'fa-solid fa-folder'\"></i>\n            </div>\n            <div class=\"detail-title\">\n              <h2>{{selectedNode.category.Name}}</h2>\n              @if (selectedNode.level > 0) {\n                <span class=\"level-badge\">\n                  Level {{selectedNode.level + 1}}\n                </span>\n              }\n            </div>\n            <div class=\"detail-actions\">\n              @if (UserCanUpdate) {\n                <button mjButton variant=\"flat\" size=\"sm\" (click)=\"editCategory(selectedNode)\" title=\"Edit\">\n                  <i class=\"fa-solid fa-pen\"></i>\n                </button>\n              }\n              <button class=\"close-btn\" (click)=\"selectedNode = null\">\n                <i class=\"fa-solid fa-times\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"detail-body\">\n            <!-- Stats -->\n            <div class=\"detail-stats\">\n              <div class=\"detail-stat\">\n                <div class=\"stat-value\">{{selectedNode.typeCount}}</div>\n                <div class=\"stat-label\">Credential Types</div>\n              </div>\n              <div class=\"detail-stat\">\n                <div class=\"stat-value\">{{selectedNode.children.length}}</div>\n                <div class=\"stat-label\">Subcategories</div>\n              </div>\n            </div>\n            <!-- Description -->\n            @if (selectedNode.category.Description) {\n              <div class=\"description-section\">\n                <h3>\n                  <i class=\"fa-solid fa-align-left\"></i>\n                  Description\n                </h3>\n                <p class=\"description\">{{selectedNode.category.Description}}</p>\n              </div>\n            }\n            <!-- Types in Category -->\n            @if (selectedNode.typeCount > 0) {\n              <div class=\"types-section\">\n                <h3>\n                  <i class=\"fa-solid fa-shapes\"></i>\n                  Credential Types\n                </h3>\n                <div class=\"type-list\">\n                  @for (type of getTypesForCategory(selectedNode.category.Name); track type) {\n                    <div class=\"type-item\">\n                      <div class=\"type-icon\">\n                        <i [class]=\"type.IconClass || 'fa-solid fa-key'\"></i>\n                      </div>\n                      <div class=\"type-info\">\n                        <div class=\"type-name\">{{type.Name}}</div>\n                        @if (type.Description) {\n                          <div class=\"type-desc\">{{type.Description | slice:0:60}}</div>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n            <!-- Subcategories -->\n            @if (selectedNode.children.length > 0) {\n              <div class=\"subcategories-section\">\n                <h3>\n                  <i class=\"fa-solid fa-folder-tree\"></i>\n                  Subcategories\n                </h3>\n                <div class=\"subcategory-list\">\n                  @for (child of selectedNode.children; track child) {\n                    <div class=\"subcategory-item\" (click)=\"selectNode(child)\">\n                      <i [class]=\"child.category.IconClass || 'fa-solid fa-folder'\"></i>\n                      <span>{{child.category.Name}}</span>\n                      @if (child.typeCount > 0) {\n                        <span class=\"sub-type-count\">{{child.typeCount}} types</span>\n                      }\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n            <!-- Quick Actions -->\n            <div class=\"detail-quick-actions\">\n              @if (selectedNode.typeCount > 0) {\n                <button\n                  class=\"btn-secondary\"\n                  (click)=\"viewTypesForCategory(selectedNode.category.Name)\"\n                  >\n                  <i class=\"fa-solid fa-shapes\"></i>\n                  View Types\n                </button>\n              }\n              <button\n                class=\"btn-primary\"\n                (click)=\"createCredentialWithCategory(selectedNode.category.ID)\"\n                >\n                <i class=\"fa-solid fa-plus\"></i>\n                Create Credential\n              </button>\n            </div>\n          </div>\n        </div>\n      }\n      <!-- No Selection -->\n      @if (!selectedNode && categoryTree.length > 0) {\n        <div class=\"no-selection\">\n          <div class=\"no-selection-icon\">\n            <i class=\"fa-solid fa-hand-pointer\"></i>\n          </div>\n          <h3>Select a Category</h3>\n          <p>Click on a category to view its details and credential types</p>\n        </div>\n      }\n    </div>\n  }\n</div>\n\n<!-- Category Edit Panel -->\n<mj-credential-category-edit-panel\n  #categoryEditPanel\n  (saved)=\"onCategorySaved($any($event))\"\n  (deleted)=\"onCategoryDeleted($any($event))\"\n></mj-credential-category-edit-panel>\n"]}

package/dist/Credentials/components/credentials-list-resource.component.d.ts

@@ -1,4 +1,5 @@
 import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { Subject } from 'rxjs';
 import { ResourceData, MJCredentialEntity, MJCredentialTypeEntity } from '@memberjunction/core-entities';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { CredentialEditPanelComponent } from '@memberjunction/ng-credentials';
@@ -20,7 +21,7 @@ export declare class CredentialsListResourceComponent extends BaseResourceCompon
     private _isAllSelected;
     private _metadata;
     private _permissionCache;
-    private destroy$;
+    protected destroy$: Subject<void>;
     editPanel: CredentialEditPanelComponent;
     constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;

package/dist/Credentials/components/credentials-list-resource.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"credentials-list-resource.component.d.ts","sourceRoot":"","sources":["../../../src/Credentials/components/credentials-list-resource.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"credentials-list-resource.component.d.ts","sourceRoot":"","sources":["../../../src/Credentials/components/credentials-list-resource.component.ts"],"names":[],"mappings":"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"}

package/dist/Credentials/components/credentials-list-resource.component.js

@@ -642,9 +642,11 @@ let CredentialsListResourceComponent = class CredentialsListResourceComponent ex
         this.cdr = cdr;
     }
     ngOnInit() {
+        super.ngOnInit();
         this.loadData();
     }
     ngOnDestroy() {
+        super.ngOnDestroy();
         this.destroy$.next();
         this.destroy$.complete();
     }