@memberjunction/ng-dashboards 4.4.0 → 5.0.0

package/dist/Credentials/components/credential-category-edit-panel.component.js

@@ -0,0 +1,456 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import { Metadata, RunView } from '@memberjunction/core';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@memberjunction/ng-shared-generic";
+function CredentialCategoryEditPanelComponent_div_0_span_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 21);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" Under: ", ctx_r1.getParentPath(ctx_r1.parentId), " ");
+} }
+function CredentialCategoryEditPanelComponent_div_0_span_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 21);
+    i0.ɵɵtext(1, "Root category");
+    i0.ɵɵelementEnd();
+} }
+function CredentialCategoryEditPanelComponent_div_0_mj_loading_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 22);
+} }
+function CredentialCategoryEditPanelComponent_div_0_form_15_option_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 32);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const cat_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngValue", cat_r4.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParentPath(cat_r4.ID), " ");
+} }
+function CredentialCategoryEditPanelComponent_div_0_form_15_button_36_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 45);
+    i0.ɵɵlistener("click", function CredentialCategoryEditPanelComponent_div_0_form_15_button_36_Template_button_click_0_listener() { const suggestion_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectIcon(suggestion_r6.icon)); });
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const suggestion_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("selected", ctx_r1.iconClass === suggestion_r6.icon);
+    i0.ɵɵproperty("disabled", ctx_r1.isSaving)("title", suggestion_r6.label);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(suggestion_r6.icon);
+} }
+function CredentialCategoryEditPanelComponent_div_0_form_15_div_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "div", 47);
+    i0.ɵɵtext(2, "Preview:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 48);
+    i0.ɵɵelement(4, "i");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassMap(ctx_r1.iconClass);
+} }
+function CredentialCategoryEditPanelComponent_div_0_form_15_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 23);
+    i0.ɵɵlistener("submit", function CredentialCategoryEditPanelComponent_div_0_form_15_Template_form_submit_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); $event.preventDefault(); return i0.ɵɵresetView(ctx_r1.save()); });
+    i0.ɵɵelementStart(1, "div", 24)(2, "h3", 25);
+    i0.ɵɵelement(3, "i", 26);
+    i0.ɵɵtext(4, " Basic Information ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 27)(6, "label", 28);
+    i0.ɵɵtext(7, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "input", 29);
+    i0.ɵɵtwoWayListener("ngModelChange", function CredentialCategoryEditPanelComponent_div_0_form_15_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.name, $event) || (ctx_r1.name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 27)(10, "label", 30);
+    i0.ɵɵtext(11, "Parent Category");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "select", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function CredentialCategoryEditPanelComponent_div_0_form_15_Template_select_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.parentId, $event) || (ctx_r1.parentId = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(13, "option", 32);
+    i0.ɵɵtext(14, "No parent (root category)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(15, CredentialCategoryEditPanelComponent_div_0_form_15_option_15_Template, 2, 2, "option", 33);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "span", 34);
+    i0.ɵɵtext(17, "Select a parent to create a subcategory");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(18, "div", 27)(19, "label", 35);
+    i0.ɵɵtext(20, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "textarea", 36);
+    i0.ɵɵtwoWayListener("ngModelChange", function CredentialCategoryEditPanelComponent_div_0_form_15_Template_textarea_ngModelChange_21_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.description, $event) || (ctx_r1.description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(22, "div", 24)(23, "h3", 25);
+    i0.ɵɵelement(24, "i", 37);
+    i0.ɵɵtext(25, " Icon ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "div", 27)(27, "label", 38);
+    i0.ɵɵtext(28, "Custom Icon Class");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "input", 39);
+    i0.ɵɵtwoWayListener("ngModelChange", function CredentialCategoryEditPanelComponent_div_0_form_15_Template_input_ngModelChange_29_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.iconClass, $event) || (ctx_r1.iconClass = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "span", 34);
+    i0.ɵɵtext(31, "Font Awesome icon class");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(32, "div", 40)(33, "p", 41);
+    i0.ɵɵtext(34, "Quick pick:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "div", 42);
+    i0.ɵɵtemplate(36, CredentialCategoryEditPanelComponent_div_0_form_15_button_36_Template, 2, 6, "button", 43);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(37, CredentialCategoryEditPanelComponent_div_0_form_15_div_37_Template, 5, 2, "div", 44);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.name);
+    i0.ɵɵproperty("disabled", ctx_r1.isSaving);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.parentId);
+    i0.ɵɵproperty("disabled", ctx_r1.isSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngValue", "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r1.availableParentCategories);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.description);
+    i0.ɵɵproperty("disabled", ctx_r1.isSaving);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.iconClass);
+    i0.ɵɵproperty("disabled", ctx_r1.isSaving);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngForOf", ctx_r1.iconSuggestions);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.iconClass);
+} }
+function CredentialCategoryEditPanelComponent_div_0_button_18_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 49);
+    i0.ɵɵlistener("click", function CredentialCategoryEditPanelComponent_div_0_button_18_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.deleteCategory()); });
+    i0.ɵɵelement(1, "i", 50);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Delete");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isSaving);
+} }
+function CredentialCategoryEditPanelComponent_div_0_i_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 51);
+} }
+function CredentialCategoryEditPanelComponent_div_0_i_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 52);
+} }
+function CredentialCategoryEditPanelComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵlistener("click", function CredentialCategoryEditPanelComponent_div_0_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onBackdropClick($event)); });
+    i0.ɵɵelementStart(1, "div", 2)(2, "div", 3)(3, "div", 4)(4, "div", 5);
+    i0.ɵɵelement(5, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 6)(7, "h2");
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(9, CredentialCategoryEditPanelComponent_div_0_span_9_Template, 2, 1, "span", 7)(10, CredentialCategoryEditPanelComponent_div_0_span_10_Template, 2, 0, "span", 7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "button", 8);
+    i0.ɵɵlistener("click", function CredentialCategoryEditPanelComponent_div_0_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closePanel()); });
+    i0.ɵɵelement(12, "i", 9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "div", 10);
+    i0.ɵɵtemplate(14, CredentialCategoryEditPanelComponent_div_0_mj_loading_14_Template, 1, 0, "mj-loading", 11)(15, CredentialCategoryEditPanelComponent_div_0_form_15_Template, 38, 12, "form", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "div", 13)(17, "div", 14);
+    i0.ɵɵtemplate(18, CredentialCategoryEditPanelComponent_div_0_button_18_Template, 4, 1, "button", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "div", 16)(20, "button", 17);
+    i0.ɵɵlistener("click", function CredentialCategoryEditPanelComponent_div_0_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closePanel()); });
+    i0.ɵɵtext(21, " Cancel ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "button", 18);
+    i0.ɵɵlistener("click", function CredentialCategoryEditPanelComponent_div_0_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.save()); });
+    i0.ɵɵtemplate(23, CredentialCategoryEditPanelComponent_div_0_i_23_Template, 1, 0, "i", 19)(24, CredentialCategoryEditPanelComponent_div_0_i_24_Template, 1, 0, "i", 20);
+    i0.ɵɵelementStart(25, "span");
+    i0.ɵɵtext(26);
+    i0.ɵɵelementEnd()()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("open", ctx_r1.isOpen);
+    i0.ɵɵadvance(3);
+    i0.ɵɵstyleProp("background-color", "#6366f1" + "15")("color", "#6366f1");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.iconClass || "fa-solid fa-folder");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.panelTitle);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.parentId);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.parentId);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.isSaving);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r1.isLoading);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.isLoading);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", !ctx_r1.isNew);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isSaving);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isSaving || !ctx_r1.canSave);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.isSaving);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.isNew ? "Create" : "Save");
+} }
+export function LoadCredentialCategoryEditPanel() {
+    // Prevents tree-shaking
+}
+export class CredentialCategoryEditPanelComponent {
+    cdr;
+    category = null;
+    isOpen = false;
+    close = new EventEmitter();
+    saved = new EventEmitter();
+    deleted = new EventEmitter();
+    isLoading = false;
+    isSaving = false;
+    isNew = false;
+    // All categories for parent selection
+    allCategories = [];
+    // Form fields
+    name = '';
+    description = '';
+    parentId = '';
+    iconClass = '';
+    // Icon suggestions
+    iconSuggestions = [
+        { icon: 'fa-solid fa-folder', label: 'Folder' },
+        { icon: 'fa-solid fa-lock', label: 'Lock' },
+        { icon: 'fa-solid fa-shield-halved', label: 'Shield' },
+        { icon: 'fa-solid fa-key', label: 'Key' },
+        { icon: 'fa-solid fa-cloud', label: 'Cloud' },
+        { icon: 'fa-solid fa-database', label: 'Database' },
+        { icon: 'fa-solid fa-brain', label: 'AI' },
+        { icon: 'fa-solid fa-envelope', label: 'Email' },
+        { icon: 'fa-solid fa-plug', label: 'Integration' },
+        { icon: 'fa-solid fa-server', label: 'Server' },
+        { icon: 'fa-solid fa-code', label: 'Code' },
+        { icon: 'fa-solid fa-globe', label: 'Web' }
+    ];
+    _metadata = new Metadata();
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.loadCategories();
+    }
+    get panelTitle() {
+        return this.isNew ? 'Create Category' : 'Edit Category';
+    }
+    get canSave() {
+        return this.name.trim().length > 0;
+    }
+    get availableParentCategories() {
+        // Exclude the current category and its descendants from parent options
+        if (!this.category || this.isNew) {
+            return this.allCategories;
+        }
+        const currentId = this.category.ID;
+        const descendantIds = this.getDescendantIds(currentId);
+        descendantIds.add(currentId);
+        return this.allCategories.filter(c => !descendantIds.has(c.ID));
+    }
+    getDescendantIds(categoryId) {
+        const descendants = new Set();
+        const findChildren = (parentId) => {
+            for (const cat of this.allCategories) {
+                if (cat.ParentID === parentId) {
+                    descendants.add(cat.ID);
+                    findChildren(cat.ID);
+                }
+            }
+        };
+        findChildren(categoryId);
+        return descendants;
+    }
+    async open(category, preselectedParentId) {
+        this.isLoading = true;
+        this.isOpen = true;
+        this.category = category;
+        this.isNew = !category || !category.ID;
+        this.cdr.markForCheck();
+        await this.loadCategories();
+        this.resetForm();
+        if (category && category.ID) {
+            this.populateFromCategory(category);
+        }
+        else if (preselectedParentId) {
+            this.parentId = preselectedParentId;
+        }
+        this.isLoading = false;
+        this.cdr.markForCheck();
+    }
+    async loadCategories() {
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: Credential Categories',
+                OrderBy: 'Name',
+                ResultType: 'entity_object'
+            });
+            if (result.Success) {
+                this.allCategories = result.Results;
+            }
+        }
+        catch (error) {
+            console.error('Error loading categories:', error);
+        }
+        this.cdr.markForCheck();
+    }
+    resetForm() {
+        this.name = '';
+        this.description = '';
+        this.parentId = '';
+        this.iconClass = '';
+    }
+    populateFromCategory(category) {
+        this.name = category.Name || '';
+        this.description = category.Description || '';
+        this.parentId = category.ParentID || '';
+        this.iconClass = category.IconClass || '';
+    }
+    selectIcon(icon) {
+        this.iconClass = icon;
+        this.cdr.markForCheck();
+    }
+    async save() {
+        if (!this.canSave) {
+            MJNotificationService.Instance.CreateSimpleNotification('Please enter a category name', 'warning', 3000);
+            return;
+        }
+        this.isSaving = true;
+        this.cdr.markForCheck();
+        try {
+            let entity;
+            if (this.isNew) {
+                entity = await this._metadata.GetEntityObject('MJ: Credential Categories');
+            }
+            else {
+                entity = this.category;
+            }
+            entity.Name = this.name.trim();
+            entity.Description = this.description.trim() || null;
+            entity.ParentID = this.parentId || null;
+            entity.IconClass = this.iconClass.trim() || null;
+            const success = await entity.Save();
+            if (success) {
+                const action = this.isNew ? 'created' : 'updated';
+                MJNotificationService.Instance.CreateSimpleNotification(`Category "${entity.Name}" ${action} successfully`, 'success', 3000);
+                this.saved.emit(entity);
+                this.closePanel();
+            }
+            else {
+                const errorMessage = entity.LatestResult?.Message || 'Unknown error';
+                console.error('Save failed:', errorMessage);
+                MJNotificationService.Instance.CreateSimpleNotification(`Failed to save category: ${errorMessage}`, 'error', 5000);
+            }
+        }
+        catch (error) {
+            console.error('Error saving category:', error);
+            MJNotificationService.Instance.CreateSimpleNotification('Error saving category', 'error', 3000);
+        }
+        finally {
+            this.isSaving = false;
+            this.cdr.markForCheck();
+        }
+    }
+    async deleteCategory() {
+        if (this.isNew || !this.category)
+            return;
+        const confirmed = confirm(`Are you sure you want to delete "${this.category.Name}"? This action cannot be undone.`);
+        if (!confirmed)
+            return;
+        this.isSaving = true;
+        this.cdr.markForCheck();
+        try {
+            const success = await this.category.Delete();
+            if (success) {
+                MJNotificationService.Instance.CreateSimpleNotification(`Category "${this.category.Name}" deleted successfully`, 'success', 3000);
+                this.deleted.emit(this.category.ID);
+                this.closePanel();
+            }
+            else {
+                const errorMessage = this.category.LatestResult?.Message || 'Unknown error';
+                MJNotificationService.Instance.CreateSimpleNotification(`Failed to delete category: ${errorMessage}`, 'error', 5000);
+            }
+        }
+        catch (error) {
+            console.error('Error deleting category:', error);
+            MJNotificationService.Instance.CreateSimpleNotification('Error deleting category', 'error', 3000);
+        }
+        finally {
+            this.isSaving = false;
+            this.cdr.markForCheck();
+        }
+    }
+    closePanel() {
+        this.isOpen = false;
+        this.category = null;
+        this.resetForm();
+        this.close.emit();
+        this.cdr.markForCheck();
+    }
+    onBackdropClick(event) {
+        if (event.target.classList.contains('panel-backdrop')) {
+            this.closePanel();
+        }
+    }
+    getParentPath(categoryId) {
+        const parts = [];
+        let current = this.allCategories.find(c => c.ID === categoryId);
+        while (current) {
+            parts.unshift(current.Name);
+            current = current.ParentID ? this.allCategories.find(c => c.ID === current.ParentID) : undefined;
+        }
+        return parts.join(' / ');
+    }
+    static ɵfac = function CredentialCategoryEditPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CredentialCategoryEditPanelComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CredentialCategoryEditPanelComponent, selectors: [["mj-credential-category-edit-panel"]], inputs: { category: "category", isOpen: "isOpen" }, outputs: { close: "close", saved: "saved", deleted: "deleted" }, decls: 1, vars: 1, consts: [["class", "panel-backdrop", 3, "click", 4, "ngIf"], [1, "panel-backdrop", 3, "click"], [1, "edit-panel"], [1, "panel-header"], [1, "header-content"], [1, "header-icon"], [1, "header-text"], ["class", "header-subtitle", 4, "ngIf"], [1, "close-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-times"], [1, "panel-body"], ["text", "Loading...", 4, "ngIf"], ["class", "category-form", 3, "submit", 4, "ngIf"], [1, "panel-footer"], [1, "footer-left"], ["class", "btn-delete", 3, "disabled", "click", 4, "ngIf"], [1, "footer-right"], [1, "btn-secondary", 3, "click", "disabled"], [1, "btn-primary", 3, "click", "disabled"], ["class", "fa-solid fa-spinner fa-spin", 4, "ngIf"], ["class", "fa-solid fa-check", 4, "ngIf"], [1, "header-subtitle"], ["text", "Loading..."], [1, "category-form", 3, "submit"], [1, "form-section"], [1, "section-title"], [1, "fa-solid", "fa-info-circle"], [1, "form-group"], ["for", "categoryName", 1, "required"], ["type", "text", "id", "categoryName", "name", "categoryName", "placeholder", "e.g., Production, Development, API Keys", "required", "", 3, "ngModelChange", "ngModel", "disabled"], ["for", "categoryParent"], ["id", "categoryParent", "name", "categoryParent", 3, "ngModelChange", "ngModel", "disabled"], [3, "ngValue"], [3, "ngValue", 4, "ngFor", "ngForOf"], [1, "field-hint"], ["for", "categoryDescription"], ["id", "categoryDescription", "name", "categoryDescription", "placeholder", "Optional description of this category...", "rows", "3", 3, "ngModelChange", "ngModel", "disabled"], [1, "fa-solid", "fa-icons"], ["for", "categoryIcon"], ["type", "text", "id", "categoryIcon", "name", "categoryIcon", "placeholder", "e.g., fa-solid fa-folder", 3, "ngModelChange", "ngModel", "disabled"], [1, "icon-suggestions"], [1, "suggestions-label"], [1, "icon-grid"], ["type", "button", "class", "icon-btn", 3, "selected", "disabled", "title", "click", 4, "ngFor", "ngForOf"], ["class", "icon-preview", 4, "ngIf"], ["type", "button", 1, "icon-btn", 3, "click", "disabled", "title"], [1, "icon-preview"], [1, "preview-label"], [1, "preview-icon"], [1, "btn-delete", 3, "click", "disabled"], [1, "fa-solid", "fa-trash"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-check"]], template: function CredentialCategoryEditPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, CredentialCategoryEditPanelComponent_div_0_Template, 27, 20, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isOpen);
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i2.ɵNgNoValidate, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.RequiredValidator, i2.NgModel, i2.NgForm, i3.LoadingComponent], styles: ["\n\n.panel-backdrop[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.5);\n    z-index: 1000;\n    display: flex;\n    justify-content: flex-end;\n    animation: _ngcontent-%COMP%_fadeIn 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n\n\n.edit-panel[_ngcontent-%COMP%] {\n    width: 100%;\n    max-width: 500px;\n    height: 100%;\n    background: #ffffff;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);\n    transform: translateX(100%);\n    animation: _ngcontent-%COMP%_slideIn 0.3s ease-out forwards;\n}\n\n@keyframes _ngcontent-%COMP%_slideIn {\n    from { transform: translateX(100%); }\n    to { transform: translateX(0); }\n}\n\n\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 24px;\n    border-bottom: 1px solid #e5e7eb;\n    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n}\n\n.header-content[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.header-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.header-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0 0 4px 0;\n}\n\n.header-subtitle[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: #64748b;\n}\n\n.close-btn[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    border: none;\n    background: #f1f5f9;\n    border-radius: 8px;\n    cursor: pointer;\n    color: #64748b;\n    font-size: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.15s ease;\n}\n\n.close-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: #e2e8f0;\n    color: #334155;\n}\n\n.close-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n.panel-body[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 24px;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n}\n\n\n\n.form-section[_ngcontent-%COMP%] {\n    margin-bottom: 28px;\n}\n\n.form-section[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.section-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 14px;\n    font-weight: 600;\n    color: #334155;\n    margin: 0 0 16px 0;\n    padding-bottom: 10px;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #6366f1;\n    font-size: 14px;\n}\n\n\n\n.form-group[_ngcontent-%COMP%] {\n    margin-bottom: 18px;\n}\n\n.form-group[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.form-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 13px;\n    font-weight: 500;\n    color: #475569;\n    margin-bottom: 6px;\n}\n\n.form-group[_ngcontent-%COMP%]   label.required[_ngcontent-%COMP%]::after {\n    content: '*';\n    color: #ef4444;\n    margin-left: 4px;\n}\n\n.form-group[_ngcontent-%COMP%]   input[type=\"text\"][_ngcontent-%COMP%], \n.form-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%], \n.form-group[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 10px 14px;\n    border: 1px solid #d1d5db;\n    border-radius: 8px;\n    font-size: 14px;\n    color: #1e293b;\n    background: #ffffff;\n    transition: all 0.15s ease;\n    box-sizing: border-box;\n}\n\n.form-group[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus, \n.form-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus, \n.form-group[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: #6366f1;\n    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\n}\n\n.form-group[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:disabled, \n.form-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:disabled, \n.form-group[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]:disabled {\n    background: #f8fafc;\n    color: #94a3b8;\n    cursor: not-allowed;\n}\n\n.form-group[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%] {\n    resize: vertical;\n    min-height: 80px;\n}\n\n.form-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.field-hint[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 12px;\n    color: #94a3b8;\n    margin-top: 5px;\n}\n\n\n\n.icon-suggestions[_ngcontent-%COMP%] {\n    margin-top: 16px;\n}\n\n.suggestions-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 500;\n    color: #64748b;\n    margin: 0 0 10px 0;\n}\n\n.icon-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 8px;\n}\n\n.icon-btn[_ngcontent-%COMP%] {\n    width: 100%;\n    aspect-ratio: 1;\n    border: 2px solid #e5e7eb;\n    border-radius: 8px;\n    background: #ffffff;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    color: #64748b;\n    transition: all 0.15s ease;\n}\n\n.icon-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    border-color: #6366f1;\n    color: #6366f1;\n    background: #f0f1ff;\n}\n\n.icon-btn.selected[_ngcontent-%COMP%] {\n    border-color: #6366f1;\n    background: #6366f1;\n    color: #ffffff;\n}\n\n.icon-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n.icon-preview[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.preview-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 500;\n    color: #64748b;\n}\n\n.preview-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 20px;\n    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);\n}\n\n\n\n.panel-footer[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 24px;\n    border-top: 1px solid #e5e7eb;\n    background: #f8fafc;\n}\n\n.footer-left[_ngcontent-%COMP%], \n.footer-right[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-primary[_ngcontent-%COMP%], \n.btn-secondary[_ngcontent-%COMP%], \n.btn-delete[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n    background: #6366f1;\n    color: #ffffff;\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: #4f46e5;\n}\n\n.btn-primary[_ngcontent-%COMP%]:disabled {\n    background: #c7d2fe;\n    cursor: not-allowed;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n    background: #ffffff;\n    color: #475569;\n    border: 1px solid #d1d5db;\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: #f1f5f9;\n    border-color: #94a3b8;\n}\n\n.btn-secondary[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.btn-delete[_ngcontent-%COMP%] {\n    background: transparent;\n    color: #dc2626;\n    padding: 10px 16px;\n}\n\n.btn-delete[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: #fef2f2;\n}\n\n.btn-delete[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n@media (max-width: 768px) {\n    .edit-panel[_ngcontent-%COMP%] {\n        max-width: 100%;\n    }\n\n    .panel-header[_ngcontent-%COMP%] {\n        padding: 16px 20px;\n    }\n\n    .header-icon[_ngcontent-%COMP%] {\n        width: 40px;\n        height: 40px;\n        font-size: 18px;\n    }\n\n    .header-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n        font-size: 16px;\n    }\n\n    .panel-body[_ngcontent-%COMP%] {\n        padding: 20px;\n    }\n\n    .icon-grid[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(4, 1fr);\n    }\n\n    .panel-footer[_ngcontent-%COMP%] {\n        padding: 14px 20px;\n        flex-direction: column-reverse;\n        gap: 12px;\n    }\n\n    .footer-left[_ngcontent-%COMP%], \n   .footer-right[_ngcontent-%COMP%] {\n        width: 100%;\n    }\n\n    .footer-right[_ngcontent-%COMP%] {\n        flex-direction: row;\n    }\n\n    .footer-right[_ngcontent-%COMP%]   .btn-primary[_ngcontent-%COMP%], \n   .footer-right[_ngcontent-%COMP%]   .btn-secondary[_ngcontent-%COMP%] {\n        flex: 1;\n        justify-content: center;\n    }\n\n    .btn-delete[_ngcontent-%COMP%] {\n        width: 100%;\n        justify-content: center;\n        background: #fef2f2;\n    }\n}\n\n@media (max-width: 480px) {\n    .panel-header[_ngcontent-%COMP%] {\n        padding: 14px 16px;\n    }\n\n    .header-content[_ngcontent-%COMP%] {\n        gap: 12px;\n    }\n\n    .header-icon[_ngcontent-%COMP%] {\n        width: 36px;\n        height: 36px;\n        font-size: 16px;\n        border-radius: 10px;\n    }\n\n    .header-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n        font-size: 15px;\n    }\n\n    .header-subtitle[_ngcontent-%COMP%] {\n        font-size: 12px;\n    }\n\n    .panel-body[_ngcontent-%COMP%] {\n        padding: 16px;\n    }\n\n    .icon-grid[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 6px;\n    }\n\n    .icon-btn[_ngcontent-%COMP%] {\n        font-size: 14px;\n    }\n\n    .preview-icon[_ngcontent-%COMP%] {\n        width: 40px;\n        height: 40px;\n        font-size: 18px;\n    }\n\n    .panel-footer[_ngcontent-%COMP%] {\n        padding: 12px 16px;\n    }\n\n    .btn-primary[_ngcontent-%COMP%], \n   .btn-secondary[_ngcontent-%COMP%] {\n        padding: 10px 16px;\n        font-size: 13px;\n    }\n}\n\n\n\n.panel-body[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 6px;\n}\n\n.panel-body[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background: transparent;\n}\n\n.panel-body[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background: #d1d5db;\n    border-radius: 3px;\n}\n\n.panel-body[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background: #94a3b8;\n}\n\n\n\n@keyframes _ngcontent-%COMP%_spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.fa-spin[_ngcontent-%COMP%] {\n    animation: _ngcontent-%COMP%_spin 1s linear infinite;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CredentialCategoryEditPanelComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-credential-category-edit-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"panel-backdrop\" *ngIf=\"isOpen\" (click)=\"onBackdropClick($event)\">\n    <div class=\"edit-panel\" [class.open]=\"isOpen\">\n        <!-- Panel Header -->\n        <div class=\"panel-header\">\n            <div class=\"header-content\">\n                <div class=\"header-icon\" [style.backgroundColor]=\"'#6366f1' + '15'\" [style.color]=\"'#6366f1'\">\n                    <i [class]=\"iconClass || 'fa-solid fa-folder'\"></i>\n                </div>\n                <div class=\"header-text\">\n                    <h2>{{panelTitle}}</h2>\n                    <span class=\"header-subtitle\" *ngIf=\"parentId\">\n                        Under: {{getParentPath(parentId)}}\n                    </span>\n                    <span class=\"header-subtitle\" *ngIf=\"!parentId\">Root category</span>\n                </div>\n            </div>\n            <button class=\"close-btn\" (click)=\"closePanel()\" [disabled]=\"isSaving\">\n                <i class=\"fa-solid fa-times\"></i>\n            </button>\n        </div>\n\n        <!-- Panel Body -->\n        <div class=\"panel-body\">\n            <mj-loading *ngIf=\"isLoading\" text=\"Loading...\"></mj-loading>\n\n            <form *ngIf=\"!isLoading\" class=\"category-form\" (submit)=\"$event.preventDefault(); save()\">\n                <!-- Basic Info Section -->\n                <div class=\"form-section\">\n                    <h3 class=\"section-title\">\n                        <i class=\"fa-solid fa-info-circle\"></i>\n                        Basic Information\n                    </h3>\n\n                    <div class=\"form-group\">\n                        <label for=\"categoryName\" class=\"required\">Name</label>\n                        <input\n                            type=\"text\"\n                            id=\"categoryName\"\n                            name=\"categoryName\"\n                            [(ngModel)]=\"name\"\n                            placeholder=\"e.g., Production, Development, API Keys\"\n                            [disabled]=\"isSaving\"\n                            required\n                        />\n                    </div>\n\n                    <div class=\"form-group\">\n                        <label for=\"categoryParent\">Parent Category</label>\n                        <select\n                            id=\"categoryParent\"\n                            name=\"categoryParent\"\n                            [(ngModel)]=\"parentId\"\n                            [disabled]=\"isSaving\"\n                        >\n                            <option [ngValue]=\"''\">No parent (root category)</option>\n                            <option *ngFor=\"let cat of availableParentCategories\" [ngValue]=\"cat.ID\">\n                                {{getParentPath(cat.ID)}}\n                            </option>\n                        </select>\n                        <span class=\"field-hint\">Select a parent to create a subcategory</span>\n                    </div>\n\n                    <div class=\"form-group\">\n                        <label for=\"categoryDescription\">Description</label>\n                        <textarea\n                            id=\"categoryDescription\"\n                            name=\"categoryDescription\"\n                            [(ngModel)]=\"description\"\n                            placeholder=\"Optional description of this category...\"\n                            rows=\"3\"\n                            [disabled]=\"isSaving\"\n                        ></textarea>\n                    </div>\n                </div>\n\n                <!-- Icon Section -->\n                <div class=\"form-section\">\n                    <h3 class=\"section-title\">\n                        <i class=\"fa-solid fa-icons\"></i>\n                        Icon\n                    </h3>\n\n                    <div class=\"form-group\">\n                        <label for=\"categoryIcon\">Custom Icon Class</label>\n                        <input\n                            type=\"text\"\n                            id=\"categoryIcon\"\n                            name=\"categoryIcon\"\n                            [(ngModel)]=\"iconClass\"\n                            placeholder=\"e.g., fa-solid fa-folder\"\n                            [disabled]=\"isSaving\"\n                        />\n                        <span class=\"field-hint\">Font Awesome icon class</span>\n                    </div>\n\n                    <div class=\"icon-suggestions\">\n                        <p class=\"suggestions-label\">Quick pick:</p>\n                        <div class=\"icon-grid\">\n                            <button\n                                type=\"button\"\n                                class=\"icon-btn\"\n                                *ngFor=\"let suggestion of iconSuggestions\"\n                                [class.selected]=\"iconClass === suggestion.icon\"\n                                (click)=\"selectIcon(suggestion.icon)\"\n                                [disabled]=\"isSaving\"\n                                [title]=\"suggestion.label\"\n                            >\n                                <i [class]=\"suggestion.icon\"></i>\n                            </button>\n                        </div>\n                    </div>\n\n                    <div class=\"icon-preview\" *ngIf=\"iconClass\">\n                        <div class=\"preview-label\">Preview:</div>\n                        <div class=\"preview-icon\">\n                            <i [class]=\"iconClass\"></i>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n\n        <!-- Panel Footer -->\n        <div class=\"panel-footer\">\n            <div class=\"footer-left\">\n                <button\n                    class=\"btn-delete\"\n                    *ngIf=\"!isNew\"\n                    (click)=\"deleteCategory()\"\n                    [disabled]=\"isSaving\"\n                >\n                    <i class=\"fa-solid fa-trash\"></i>\n                    <span>Delete</span>\n                </button>\n            </div>\n            <div class=\"footer-right\">\n                <button\n                    class=\"btn-secondary\"\n                    (click)=\"closePanel()\"\n                    [disabled]=\"isSaving\"\n                >\n                    Cancel\n                </button>\n                <button\n                    class=\"btn-primary\"\n                    (click)=\"save()\"\n                    [disabled]=\"isSaving || !canSave\"\n                >\n                    <i class=\"fa-solid fa-spinner fa-spin\" *ngIf=\"isSaving\"></i>\n                    <i class=\"fa-solid fa-check\" *ngIf=\"!isSaving\"></i>\n                    <span>{{isNew ? 'Create' : 'Save'}}</span>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: ["/* Panel Backdrop */\n.panel-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.5);\n    z-index: 1000;\n    display: flex;\n    justify-content: flex-end;\n    animation: fadeIn 0.2s ease-out;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n/* Slide-in Panel */\n.edit-panel {\n    width: 100%;\n    max-width: 500px;\n    height: 100%;\n    background: #ffffff;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);\n    transform: translateX(100%);\n    animation: slideIn 0.3s ease-out forwards;\n}\n\n@keyframes slideIn {\n    from { transform: translateX(100%); }\n    to { transform: translateX(0); }\n}\n\n/* Panel Header */\n.panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 24px;\n    border-bottom: 1px solid #e5e7eb;\n    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n}\n\n.header-content {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.header-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.header-text h2 {\n    font-size: 18px;\n    font-weight: 600;\n    color: #1e293b;\n    margin: 0 0 4px 0;\n}\n\n.header-subtitle {\n    font-size: 13px;\n    color: #64748b;\n}\n\n.close-btn {\n    width: 36px;\n    height: 36px;\n    border: none;\n    background: #f1f5f9;\n    border-radius: 8px;\n    cursor: pointer;\n    color: #64748b;\n    font-size: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.15s ease;\n}\n\n.close-btn:hover:not(:disabled) {\n    background: #e2e8f0;\n    color: #334155;\n}\n\n.close-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* Panel Body */\n.panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 24px;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n}\n\n/* Form Sections */\n.form-section {\n    margin-bottom: 28px;\n}\n\n.form-section:last-child {\n    margin-bottom: 0;\n}\n\n.section-title {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 14px;\n    font-weight: 600;\n    color: #334155;\n    margin: 0 0 16px 0;\n    padding-bottom: 10px;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.section-title i {\n    color: #6366f1;\n    font-size: 14px;\n}\n\n/* Form Groups */\n.form-group {\n    margin-bottom: 18px;\n}\n\n.form-group:last-child {\n    margin-bottom: 0;\n}\n\n.form-group label {\n    display: block;\n    font-size: 13px;\n    font-weight: 500;\n    color: #475569;\n    margin-bottom: 6px;\n}\n\n.form-group label.required::after {\n    content: '*';\n    color: #ef4444;\n    margin-left: 4px;\n}\n\n.form-group input[type=\"text\"],\n.form-group select,\n.form-group textarea {\n    width: 100%;\n    padding: 10px 14px;\n    border: 1px solid #d1d5db;\n    border-radius: 8px;\n    font-size: 14px;\n    color: #1e293b;\n    background: #ffffff;\n    transition: all 0.15s ease;\n    box-sizing: border-box;\n}\n\n.form-group input:focus,\n.form-group select:focus,\n.form-group textarea:focus {\n    outline: none;\n    border-color: #6366f1;\n    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\n}\n\n.form-group input:disabled,\n.form-group select:disabled,\n.form-group textarea:disabled {\n    background: #f8fafc;\n    color: #94a3b8;\n    cursor: not-allowed;\n}\n\n.form-group textarea {\n    resize: vertical;\n    min-height: 80px;\n}\n\n.form-group select {\n    cursor: pointer;\n}\n\n.field-hint {\n    display: block;\n    font-size: 12px;\n    color: #94a3b8;\n    margin-top: 5px;\n}\n\n/* Icon Suggestions */\n.icon-suggestions {\n    margin-top: 16px;\n}\n\n.suggestions-label {\n    font-size: 12px;\n    font-weight: 500;\n    color: #64748b;\n    margin: 0 0 10px 0;\n}\n\n.icon-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 8px;\n}\n\n.icon-btn {\n    width: 100%;\n    aspect-ratio: 1;\n    border: 2px solid #e5e7eb;\n    border-radius: 8px;\n    background: #ffffff;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    color: #64748b;\n    transition: all 0.15s ease;\n}\n\n.icon-btn:hover:not(:disabled) {\n    border-color: #6366f1;\n    color: #6366f1;\n    background: #f0f1ff;\n}\n\n.icon-btn.selected {\n    border-color: #6366f1;\n    background: #6366f1;\n    color: #ffffff;\n}\n\n.icon-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* Icon Preview */\n.icon-preview {\n    margin-top: 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.preview-label {\n    font-size: 12px;\n    font-weight: 500;\n    color: #64748b;\n}\n\n.preview-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 20px;\n    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);\n}\n\n/* Panel Footer */\n.panel-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 24px;\n    border-top: 1px solid #e5e7eb;\n    background: #f8fafc;\n}\n\n.footer-left,\n.footer-right {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-primary,\n.btn-secondary,\n.btn-delete {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.btn-primary {\n    background: #6366f1;\n    color: #ffffff;\n}\n\n.btn-primary:hover:not(:disabled) {\n    background: #4f46e5;\n}\n\n.btn-primary:disabled {\n    background: #c7d2fe;\n    cursor: not-allowed;\n}\n\n.btn-secondary {\n    background: #ffffff;\n    color: #475569;\n    border: 1px solid #d1d5db;\n}\n\n.btn-secondary:hover:not(:disabled) {\n    background: #f1f5f9;\n    border-color: #94a3b8;\n}\n\n.btn-secondary:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.btn-delete {\n    background: transparent;\n    color: #dc2626;\n    padding: 10px 16px;\n}\n\n.btn-delete:hover:not(:disabled) {\n    background: #fef2f2;\n}\n\n.btn-delete:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* Mobile Responsiveness */\n@media (max-width: 768px) {\n    .edit-panel {\n        max-width: 100%;\n    }\n\n    .panel-header {\n        padding: 16px 20px;\n    }\n\n    .header-icon {\n        width: 40px;\n        height: 40px;\n        font-size: 18px;\n    }\n\n    .header-text h2 {\n        font-size: 16px;\n    }\n\n    .panel-body {\n        padding: 20px;\n    }\n\n    .icon-grid {\n        grid-template-columns: repeat(4, 1fr);\n    }\n\n    .panel-footer {\n        padding: 14px 20px;\n        flex-direction: column-reverse;\n        gap: 12px;\n    }\n\n    .footer-left,\n    .footer-right {\n        width: 100%;\n    }\n\n    .footer-right {\n        flex-direction: row;\n    }\n\n    .footer-right .btn-primary,\n    .footer-right .btn-secondary {\n        flex: 1;\n        justify-content: center;\n    }\n\n    .btn-delete {\n        width: 100%;\n        justify-content: center;\n        background: #fef2f2;\n    }\n}\n\n@media (max-width: 480px) {\n    .panel-header {\n        padding: 14px 16px;\n    }\n\n    .header-content {\n        gap: 12px;\n    }\n\n    .header-icon {\n        width: 36px;\n        height: 36px;\n        font-size: 16px;\n        border-radius: 10px;\n    }\n\n    .header-text h2 {\n        font-size: 15px;\n    }\n\n    .header-subtitle {\n        font-size: 12px;\n    }\n\n    .panel-body {\n        padding: 16px;\n    }\n\n    .icon-grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 6px;\n    }\n\n    .icon-btn {\n        font-size: 14px;\n    }\n\n    .preview-icon {\n        width: 40px;\n        height: 40px;\n        font-size: 18px;\n    }\n\n    .panel-footer {\n        padding: 12px 16px;\n    }\n\n    .btn-primary,\n    .btn-secondary {\n        padding: 10px 16px;\n        font-size: 13px;\n    }\n}\n\n/* Custom scrollbar */\n.panel-body::-webkit-scrollbar {\n    width: 6px;\n}\n\n.panel-body::-webkit-scrollbar-track {\n    background: transparent;\n}\n\n.panel-body::-webkit-scrollbar-thumb {\n    background: #d1d5db;\n    border-radius: 3px;\n}\n\n.panel-body::-webkit-scrollbar-thumb:hover {\n    background: #94a3b8;\n}\n\n/* Animations */\n@keyframes spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.fa-spin {\n    animation: spin 1s linear infinite;\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { category: [{
+            type: Input
+        }], isOpen: [{
+            type: Input
+        }], close: [{
+            type: Output
+        }], saved: [{
+            type: Output
+        }], deleted: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CredentialCategoryEditPanelComponent, { className: "CredentialCategoryEditPanelComponent" }); })();
+//# sourceMappingURL=credential-category-edit-panel.component.js.map

package/dist/Credentials/components/credential-category-edit-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"credential-category-edit-panel.component.js","sourceRoot":"","sources":["../../../src/Credentials/components/credential-category-edit-panel.component.ts","../../../src/Credentials/components/credential-category-edit-panel.component.html"],"names":[],"mappings":"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"}

package/dist/Credentials/components/credential-edit-panel.component.d.ts

@@ -0,0 +1,70 @@
+import { EventEmitter, ChangeDetectorRef, OnInit, OnDestroy } from '@angular/core';
+import { CredentialEntity, CredentialTypeEntity, CredentialCategoryEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export declare function LoadCredentialEditPanel(): void;
+interface FieldSchemaProperty {
+    name: string;
+    type: string;
+    title: string;
+    description: string;
+    isSecret: boolean;
+    required: boolean;
+    order: number;
+}
+interface CredentialValues {
+    [key: string]: string | number | boolean;
+}
+export declare class CredentialEditPanelComponent implements OnInit, OnDestroy {
+    private cdr;
+    credential: CredentialEntity | null;
+    credentialTypes: CredentialTypeEntity[];
+    isOpen: boolean;
+    close: EventEmitter<void>;
+    saved: EventEmitter<CredentialEntity>;
+    deleted: EventEmitter<string>;
+    isLoading: boolean;
+    isSaving: boolean;
+    isNew: boolean;
+    categories: CredentialCategoryEntity[];
+    name: string;
+    description: string;
+    selectedTypeId: string;
+    selectedCategoryId: string;
+    isActive: boolean;
+    isDefault: boolean;
+    expiresAt: Date | null;
+    credentialValues: CredentialValues;
+    schemaFields: FieldSchemaProperty[];
+    showSecretFields: Set<string>;
+    private _metadata;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get selectedType(): CredentialTypeEntity | null;
+    get panelTitle(): string;
+    get canSave(): boolean;
+    open(credential: CredentialEntity | null, preselectedTypeId?: string, preselectedCategoryId?: string): Promise<void>;
+    private resetForm;
+    private populateFromCredential;
+    private loadCategories;
+    onTypeChange(): void;
+    toggleSecretVisibility(fieldName: string): void;
+    isSecretVisible(fieldName: string): boolean;
+    save(): Promise<void>;
+    deleteCredential(): Promise<void>;
+    closePanel(): void;
+    onBackdropClick(event: MouseEvent): void;
+    get groupedCredentialTypes(): Array<{
+        category: string;
+        types: CredentialTypeEntity[];
+    }>;
+    getTypeIcon(type: CredentialTypeEntity): string;
+    getTypeColor(type: CredentialTypeEntity): string;
+    onValueChange(fieldName: string, value: string): void;
+    formatDateForInput(date: Date | null): string;
+    onExpiresAtChange(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CredentialEditPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CredentialEditPanelComponent, "mj-credential-edit-panel", never, { "credential": { "alias": "credential"; "required": false; }; "credentialTypes": { "alias": "credentialTypes"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "close": "close"; "saved": "saved"; "deleted": "deleted"; }, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=credential-edit-panel.component.d.ts.map

package/dist/Credentials/components/credential-edit-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credential-edit-panel.component.d.ts","sourceRoot":"","sources":["../../../src/Credentials/components/credential-edit-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,iBAAiB,EAA2B,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACtI,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;AAIjH,wBAAgB,uBAAuB,SAEtC;AAED,UAAU,mBAAmB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,gBAAgB;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C;AAED,qBAMa,4BAA6B,YAAW,MAAM,EAAE,SAAS;IA8BtD,OAAO,CAAC,GAAG;IA7Bd,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAC3C,eAAe,EAAE,oBAAoB,EAAE,CAAM;IAC7C,MAAM,UAAS;IAEd,KAAK,qBAA4B;IACjC,KAAK,iCAAwC;IAC7C,OAAO,uBAA8B;IAExC,SAAS,UAAS;IAClB,QAAQ,UAAS;IACjB,KAAK,UAAS;IACd,UAAU,EAAE,wBAAwB,EAAE,CAAM;IAG5C,IAAI,SAAM;IACV,WAAW,SAAM;IACjB,cAAc,SAAM;IACpB,kBAAkB,SAAM;IACxB,QAAQ,UAAQ;IAChB,SAAS,UAAS;IAClB,SAAS,EAAE,IAAI,GAAG,IAAI,CAAQ;IAG9B,gBAAgB,EAAE,gBAAgB,CAAM;IACxC,YAAY,EAAE,mBAAmB,EAAE,CAAM;IACzC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAa;IAEjD,OAAO,CAAC,SAAS,CAAkB;gBAEf,GAAG,EAAE,iBAAiB;IAE1C,QAAQ,IAAI,IAAI;IAIhB,WAAW,IAAI,IAAI;IAInB,IAAW,YAAY,IAAI,oBAAoB,GAAG,IAAI,CAErD;IAED,IAAW,UAAU,IAAI,MAAM,CAE9B;IAED,IAAW,OAAO,IAAI,OAAO,CAW5B;IAEY,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,IAAI,EAAE,iBAAiB,CAAC,EAAE,MAAM,EAAE,qBAAqB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA4BjI,OAAO,CAAC,SAAS;IAajB,OAAO,CAAC,sBAAsB;YAuBhB,cAAc;IAkBrB,YAAY,IAAI,IAAI;IAyCpB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAS/C,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IAIrC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IA8DrB,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IAwCvC,UAAU,IAAI,IAAI;IAQlB,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAM/C,IAAW,sBAAsB,IAAI,KAAK,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,oBAAoB,EAAE,CAAA;KAAE,CAAC,CAU9F;IAEM,WAAW,CAAC,IAAI,EAAE,oBAAoB,GAAG,MAAM;IAY/C,YAAY,CAAC,IAAI,EAAE,oBAAoB,GAAG,MAAM;IAYhD,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAKrD,kBAAkB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM;IAM7C,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;yCAxWpC,4BAA4B;2CAA5B,4BAA4B;CA4WxC"}