@memberjunction/ng-dashboards 3.3.0 → 4.0.0

package/dist/Actions/components/explorer/action-tree-panel.component.js

@@ -0,0 +1,455 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, HostListener } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/action-explorer-state.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@progress/kendo-angular-inputs";
+import * as i4 from "@progress/kendo-angular-buttons";
+const _c0 = a0 => ({ nodes: a0 });
+const _forTrack0 = ($index, $item) => $item.category.ID;
+function ActionTreePanelComponent_Conditional_0_ng_template_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 31);
+} }
+function ActionTreePanelComponent_Conditional_0_Conditional_16_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 32);
+    i0.ɵɵlistener("click", function ActionTreePanelComponent_Conditional_0_Conditional_16_ng_template_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSearchChange("")); });
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("fillMode", "flat")("size", "small");
+} }
+function ActionTreePanelComponent_Conditional_0_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ActionTreePanelComponent_Conditional_0_Conditional_16_ng_template_0_Template, 2, 2, "ng-template", 17);
+} }
+function ActionTreePanelComponent_Conditional_0_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵlistener("click", function ActionTreePanelComponent_Conditional_0_Conditional_25_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectCategory("uncategorized")); });
+    i0.ɵɵelementStart(1, "span", 20);
+    i0.ɵɵelement(2, "i", 35);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 22);
+    i0.ɵɵtext(4, "Uncategorized");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 23);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("selected", ctx_r1.isSelected("uncategorized"));
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.getUncategorizedCount());
+} }
+function ActionTreePanelComponent_Conditional_0_ng_container_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 46);
+    i0.ɵɵlistener("click", function ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Conditional_2_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const node_r6 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleExpanded(node_r6.category.ID, $event)); });
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r6 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("title", ctx_r1.isExpanded(node_r6.category.ID) ? "Collapse" : "Expand");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.isExpanded(node_r6.category.ID) ? "fa-solid fa-chevron-down" : "fa-solid fa-chevron-right");
+} }
+function ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 40);
+} }
+function ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Conditional_13_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 45);
+    i0.ɵɵtemplate(1, ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Conditional_13_ng_container_1_Template, 1, 0, "ng-container", 26);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵnextContext(2);
+    const categoryTreeTemplate_r8 = i0.ɵɵreference(29);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", categoryTreeTemplate_r8)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, node_r6.children));
+} }
+function ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 37)(1, "div", 38);
+    i0.ɵɵlistener("click", function ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Template_div_click_1_listener() { const node_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectCategory(node_r6.category.ID)); });
+    i0.ɵɵconditionalCreate(2, ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Conditional_2_Template, 2, 3, "button", 39)(3, ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Conditional_3_Template, 1, 0, "span", 40);
+    i0.ɵɵelementStart(4, "span", 20);
+    i0.ɵɵelement(5, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 41);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 42);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 43)(11, "button", 44);
+    i0.ɵɵlistener("click", function ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Template_button_click_11_listener($event) { const node_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onNewCategory(node_r6.category.ID, $event)); });
+    i0.ɵɵelement(12, "i", 29);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(13, ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Conditional_13_Template, 2, 4, "div", 45);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("--level", node_r6.level);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("selected", ctx_r1.isSelected(node_r6.category.ID))("has-children", node_r6.children.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(node_r6.children.length > 0 ? 2 : 3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap(ctx_r1.isExpanded(node_r6.category.ID) ? "fa-solid fa-folder-open" : "fa-solid fa-folder");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", node_r6.category.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(node_r6.category.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", node_r6.totalActionCount + " total actions");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(node_r6.totalActionCount);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("fillMode", "flat")("size", "small");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(node_r6.children.length > 0 && ctx_r1.isExpanded(node_r6.category.ID) ? 13 : -1);
+} }
+function ActionTreePanelComponent_Conditional_0_ng_template_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, ActionTreePanelComponent_Conditional_0_ng_template_28_For_1_Template, 14, 16, "div", 36, _forTrack0);
+} if (rf & 2) {
+    const nodes_r9 = ctx.nodes;
+    i0.ɵɵrepeater(nodes_r9);
+} }
+function ActionTreePanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 4)(2, "div", 5)(3, "h3");
+    i0.ɵɵelement(4, "i", 6);
+    i0.ɵɵtext(5, " Categories");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 7)(7, "button", 8);
+    i0.ɵɵlistener("click", function ActionTreePanelComponent_Conditional_0_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.expandAll()); });
+    i0.ɵɵelement(8, "i", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 10);
+    i0.ɵɵlistener("click", function ActionTreePanelComponent_Conditional_0_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.collapseAll()); });
+    i0.ɵɵelement(10, "i", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "button", 12);
+    i0.ɵɵlistener("click", function ActionTreePanelComponent_Conditional_0_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleCollapse()); });
+    i0.ɵɵelement(12, "i", 13);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(13, "div", 14)(14, "kendo-textbox", 15);
+    i0.ɵɵlistener("valueChange", function ActionTreePanelComponent_Conditional_0_Template_kendo_textbox_valueChange_14_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearchChange($event)); });
+    i0.ɵɵtemplate(15, ActionTreePanelComponent_Conditional_0_ng_template_15_Template, 1, 0, "ng-template", 16);
+    i0.ɵɵconditionalCreate(16, ActionTreePanelComponent_Conditional_0_Conditional_16_Template, 1, 0, null, 17);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(17, "div", 18)(18, "div", 19);
+    i0.ɵɵlistener("click", function ActionTreePanelComponent_Conditional_0_Template_div_click_18_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selectCategory("all")); });
+    i0.ɵɵelementStart(19, "span", 20);
+    i0.ɵɵelement(20, "i", 21);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "span", 22);
+    i0.ɵɵtext(22, "All Actions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "span", 23);
+    i0.ɵɵtext(24);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(25, ActionTreePanelComponent_Conditional_0_Conditional_25_Template, 7, 3, "div", 24);
+    i0.ɵɵelementStart(26, "div", 25);
+    i0.ɵɵtemplate(27, ActionTreePanelComponent_Conditional_0_ng_container_27_Template, 1, 0, "ng-container", 26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(28, ActionTreePanelComponent_Conditional_0_ng_template_28_Template, 2, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "div", 27)(31, "button", 28);
+    i0.ɵɵlistener("click", function ActionTreePanelComponent_Conditional_0_Template_button_click_31_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNewCategory(null, $event)); });
+    i0.ɵɵelement(32, "i", 29);
+    i0.ɵɵtext(33, " New Category ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(34, "div", 30);
+    i0.ɵɵlistener("mousedown", function ActionTreePanelComponent_Conditional_0_Template_div_mousedown_34_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeStart($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const categoryTreeTemplate_r8 = i0.ɵɵreference(29);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("width", ctx_r1.TreeWidth, "px");
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("fillMode", "flat")("size", "small");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("fillMode", "flat")("size", "small");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("fillMode", "flat")("size", "small");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("placeholder", "Filter categories...")("value", ctx_r1.SearchTerm)("size", "small");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.SearchTerm ? 16 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("selected", ctx_r1.isSelected("all"));
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.getTotalActionCount());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.getUncategorizedCount() > 0 ? 25 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngTemplateOutlet", categoryTreeTemplate_r8)("ngTemplateOutletContext", i0.ɵɵpureFunction1(21, _c0, ctx_r1.FilteredTree));
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("fillMode", "outline")("themeColor", "primary")("size", "small");
+} }
+function ActionTreePanelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "button", 47);
+    i0.ɵɵlistener("click", function ActionTreePanelComponent_Conditional_1_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleCollapse()); });
+    i0.ɵɵelement(2, "i", 48);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 49);
+    i0.ɵɵlistener("click", function ActionTreePanelComponent_Conditional_1_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selectCategory("all")); });
+    i0.ɵɵelement(4, "i", 21);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("fillMode", "flat");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("selected", ctx_r1.isSelected("all"));
+    i0.ɵɵproperty("fillMode", "flat");
+} }
+export class ActionTreePanelComponent {
+    StateService;
+    cdr;
+    Categories = [];
+    Actions = [];
+    CategorySelected = new EventEmitter();
+    NewCategoryClick = new EventEmitter(); // parent ID or null for root
+    EditCategoryClick = new EventEmitter();
+    CategoryTree = [];
+    SelectedCategoryId = 'all';
+    ExpandedCategories = new Set();
+    TreeWidth = 280;
+    IsCollapsed = false;
+    IsResizing = false;
+    SearchTerm = '';
+    FilteredTree = [];
+    destroy$ = new Subject();
+    categoryParentMap = new Map();
+    categoryDescendants = new Map();
+    constructor(StateService, cdr) {
+        this.StateService = StateService;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.subscribeToState();
+        this.buildCategoryTree();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    subscribeToState() {
+        this.StateService.TreeWidth$.pipe(takeUntil(this.destroy$)).subscribe(width => {
+            this.TreeWidth = width;
+            this.cdr.markForCheck();
+        });
+        this.StateService.TreeCollapsed$.pipe(takeUntil(this.destroy$)).subscribe(collapsed => {
+            this.IsCollapsed = collapsed;
+            this.cdr.markForCheck();
+        });
+        this.StateService.SelectedCategoryId$.pipe(takeUntil(this.destroy$)).subscribe(id => {
+            this.SelectedCategoryId = id;
+            this.cdr.markForCheck();
+        });
+        this.StateService.ExpandedCategories$.pipe(takeUntil(this.destroy$)).subscribe(expanded => {
+            this.ExpandedCategories = expanded;
+            this.cdr.markForCheck();
+        });
+    }
+    buildCategoryTree() {
+        const categoryMap = new Map();
+        this.categoryParentMap.clear();
+        this.categoryDescendants.clear();
+        // Build action counts per category
+        const actionCounts = new Map();
+        this.Actions.forEach(action => {
+            if (action.CategoryID) {
+                actionCounts.set(action.CategoryID, (actionCounts.get(action.CategoryID) || 0) + 1);
+            }
+        });
+        // First pass: create all nodes
+        this.Categories.forEach(category => {
+            categoryMap.set(category.ID, {
+                category,
+                children: [],
+                level: 0,
+                actionCount: actionCounts.get(category.ID) || 0,
+                totalActionCount: 0
+            });
+            this.categoryParentMap.set(category.ID, category.ParentID || null);
+            this.categoryDescendants.set(category.ID, new Set([category.ID]));
+        });
+        // Second pass: build tree structure
+        const rootNodes = [];
+        categoryMap.forEach(node => {
+            const parentId = node.category.ParentID;
+            if (parentId && categoryMap.has(parentId)) {
+                const parent = categoryMap.get(parentId);
+                parent.children.push(node);
+                node.level = parent.level + 1;
+            }
+            else {
+                rootNodes.push(node);
+            }
+        });
+        // Build descendant mapping
+        this.Categories.forEach(category => {
+            if (category.ParentID) {
+                let currentParentId = category.ParentID;
+                while (currentParentId) {
+                    const descendants = this.categoryDescendants.get(currentParentId);
+                    if (descendants) {
+                        descendants.add(category.ID);
+                    }
+                    const parent = categoryMap.get(currentParentId);
+                    currentParentId = parent?.category.ParentID || null;
+                }
+            }
+        });
+        // Calculate total action counts (including descendants)
+        const calculateTotalCounts = (node) => {
+            const descendants = this.categoryDescendants.get(node.category.ID);
+            if (descendants) {
+                let total = 0;
+                descendants.forEach(descId => {
+                    total += actionCounts.get(descId) || 0;
+                });
+                node.totalActionCount = total;
+                return total;
+            }
+            return node.actionCount;
+        };
+        // Sort children at each level and calculate totals
+        const sortAndCalculate = (nodes) => {
+            nodes.sort((a, b) => a.category.Name.localeCompare(b.category.Name));
+            nodes.forEach(node => {
+                sortAndCalculate(node.children);
+                calculateTotalCounts(node);
+            });
+        };
+        sortAndCalculate(rootNodes);
+        this.CategoryTree = rootNodes;
+        this.FilteredTree = this.SearchTerm ? this.filterTree(rootNodes, this.SearchTerm.toLowerCase()) : rootNodes;
+        this.cdr.markForCheck();
+    }
+    filterTree(nodes, searchTerm) {
+        const result = [];
+        for (const node of nodes) {
+            const matchesSearch = node.category.Name.toLowerCase().includes(searchTerm);
+            const filteredChildren = this.filterTree(node.children, searchTerm);
+            if (matchesSearch || filteredChildren.length > 0) {
+                result.push({
+                    ...node,
+                    children: filteredChildren
+                });
+            }
+        }
+        return result;
+    }
+    onSearchChange(term) {
+        this.SearchTerm = term;
+        this.FilteredTree = term ? this.filterTree(this.CategoryTree, term.toLowerCase()) : this.CategoryTree;
+        this.cdr.markForCheck();
+    }
+    getTotalActionCount() {
+        return this.Actions.length;
+    }
+    getUncategorizedCount() {
+        return this.Actions.filter(a => !a.CategoryID).length;
+    }
+    selectCategory(categoryId) {
+        this.StateService.setSelectedCategoryId(categoryId);
+        this.CategorySelected.emit(categoryId);
+    }
+    toggleExpanded(categoryId, event) {
+        event.stopPropagation();
+        this.StateService.toggleCategoryExpanded(categoryId);
+    }
+    isExpanded(categoryId) {
+        return this.ExpandedCategories.has(categoryId);
+    }
+    isSelected(categoryId) {
+        return this.SelectedCategoryId === categoryId;
+    }
+    toggleCollapse() {
+        this.StateService.toggleTreeCollapsed();
+    }
+    onNewCategory(parentId, event) {
+        event.stopPropagation();
+        this.NewCategoryClick.emit(parentId);
+    }
+    onEditCategory(category, event) {
+        event.stopPropagation();
+        this.EditCategoryClick.emit(category);
+    }
+    expandAll() {
+        this.StateService.expandAllCategories(this.Categories.map(c => c.ID));
+    }
+    collapseAll() {
+        this.StateService.collapseAllCategories();
+    }
+    // Resize handling
+    onResizeStart(event) {
+        event.preventDefault();
+        this.IsResizing = true;
+        document.body.style.cursor = 'ew-resize';
+        document.body.style.userSelect = 'none';
+    }
+    onMouseMove(event) {
+        if (!this.IsResizing)
+            return;
+        const newWidth = event.clientX;
+        const clampedWidth = Math.min(Math.max(newWidth, this.StateService.TreeWidthMin), Math.min(this.StateService.TreeWidthMax, window.innerWidth - 400));
+        this.TreeWidth = clampedWidth;
+        this.cdr.detectChanges();
+    }
+    onMouseUp() {
+        if (this.IsResizing) {
+            this.IsResizing = false;
+            document.body.style.cursor = '';
+            document.body.style.userSelect = '';
+            this.StateService.setTreeWidth(this.TreeWidth);
+        }
+    }
+    getCategoryDescendants(categoryId) {
+        return this.categoryDescendants.get(categoryId) || new Set([categoryId]);
+    }
+    static ɵfac = function ActionTreePanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActionTreePanelComponent)(i0.ɵɵdirectiveInject(i1.ActionExplorerStateService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionTreePanelComponent, selectors: [["mj-action-tree-panel"]], hostBindings: function ActionTreePanelComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("mousemove", function ActionTreePanelComponent_mousemove_HostBindingHandler($event) { return ctx.onMouseMove($event); }, i0.ɵɵresolveDocument)("mouseup", function ActionTreePanelComponent_mouseup_HostBindingHandler() { return ctx.onMouseUp(); }, i0.ɵɵresolveDocument);
+        } }, inputs: { Categories: "Categories", Actions: "Actions" }, outputs: { CategorySelected: "CategorySelected", NewCategoryClick: "NewCategoryClick", EditCategoryClick: "EditCategoryClick" }, standalone: false, decls: 2, vars: 1, consts: [["categoryTreeTemplate", ""], [1, "tree-panel", 3, "width"], [1, "tree-panel-collapsed"], [1, "tree-panel"], [1, "tree-header"], [1, "header-content"], [1, "fa-solid", "fa-folder-tree"], [1, "header-actions"], ["kendoButton", "", "title", "Expand All", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-angles-down"], ["kendoButton", "", "title", "Collapse All", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-angles-up"], ["kendoButton", "", "title", "Collapse Panel", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-chevron-left"], [1, "tree-search"], [3, "valueChange", "placeholder", "value", "size"], ["kendoTextBoxPrefixTemplate", ""], ["kendoTextBoxSuffixTemplate", ""], [1, "tree-content"], [1, "tree-item", "root-item", 3, "click"], [1, "item-icon"], [1, "fa-solid", "fa-layer-group"], [1, "item-name"], [1, "item-count"], [1, "tree-item", "uncategorized-item", 3, "selected"], [1, "tree-categories"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "tree-footer"], ["kendoButton", "", 1, "new-category-btn", 3, "click", "fillMode", "themeColor", "size"], [1, "fa-solid", "fa-plus"], ["title", "Drag to resize", 1, "resize-handle", 3, "mousedown"], [1, "fa-solid", "fa-search"], ["kendoButton", "", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-times"], [1, "tree-item", "uncategorized-item", 3, "click"], [1, "fa-solid", "fa-inbox"], [1, "tree-node", 3, "--level"], [1, "tree-node"], [1, "tree-item", 3, "click"], [1, "expand-btn", 3, "title"], [1, "expand-placeholder"], [1, "item-name", 3, "title"], [1, "item-count", 3, "title"], [1, "item-actions"], ["kendoButton", "", "title", "Add Subcategory", 3, "click", "fillMode", "size"], [1, "tree-children"], [1, "expand-btn", 3, "click", "title"], ["kendoButton", "", "title", "Expand Category Panel", 3, "click", "fillMode"], [1, "fa-solid", "fa-chevron-right"], ["kendoButton", "", "title", "All Actions", 3, "click", "fillMode"]], template: function ActionTreePanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ActionTreePanelComponent_Conditional_0_Template, 35, 23, "div", 1)(1, ActionTreePanelComponent_Conditional_1_Template, 5, 4, "div", 2);
+        } if (rf & 2) {
+            i0.ɵɵconditional(!ctx.IsCollapsed ? 0 : 1);
+        } }, dependencies: [i2.NgTemplateOutlet, i3.TextBoxComponent, i3.TextBoxSuffixTemplateDirective, i3.TextBoxPrefixTemplateDirective, i4.ButtonComponent], styles: [".tree-panel[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--kendo-color-surface);\n  border-right: 1px solid var(--kendo-color-border);\n  position: relative;\n  min-width: 180px;\n  max-width: 450px;\n}\n\n.tree-header[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--kendo-color-border);\n  flex-shrink: 0;\n}\n\n.tree-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n}\n\n.tree-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--kendo-color-on-app-surface);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tree-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--kendo-color-primary);\n}\n\n.tree-header[_ngcontent-%COMP%]   .header-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 2px;\n}\n\n.tree-header[_ngcontent-%COMP%]   .header-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 4px;\n  min-width: 28px;\n  height: 28px;\n}\n\n.tree-header[_ngcontent-%COMP%]   .header-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.tree-search[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.tree-search[_ngcontent-%COMP%]   kendo-textbox[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.tree-search[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--kendo-color-subtle);\n}\n\n.tree-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px 0;\n}\n\n.tree-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  gap: 8px;\n  position: relative;\n}\n\n.tree-item[_ngcontent-%COMP%]:hover {\n  background: var(--kendo-color-base-hover);\n  padding-right: 40px; \n\n}\n\n.tree-item[_ngcontent-%COMP%]:hover   .item-count[_ngcontent-%COMP%] {\n  display: none; \n\n}\n\n.tree-item.selected[_ngcontent-%COMP%] {\n  background: var(--kendo-color-primary-subtle);\n  color: var(--kendo-color-primary);\n}\n\n.tree-item.selected[_ngcontent-%COMP%]   .item-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--kendo-color-primary);\n}\n\n.tree-item.root-item[_ngcontent-%COMP%], \n.tree-item.uncategorized-item[_ngcontent-%COMP%] {\n  padding-left: 16px;\n  margin-bottom: 4px;\n}\n\n.tree-item.root-item[_ngcontent-%COMP%] {\n  font-weight: 600;\n}\n\n.tree-item.uncategorized-item[_ngcontent-%COMP%] {\n  opacity: 0.8;\n}\n\n.tree-item.uncategorized-item[_ngcontent-%COMP%]   .item-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--kendo-color-warning);\n}\n\n.tree-node[_ngcontent-%COMP%] {\n  padding-left: calc(var(--level, 0) * 16px);\n}\n\n.expand-btn[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 4px;\n  transition: all 0.15s ease;\n  flex-shrink: 0;\n}\n\n.expand-btn[_ngcontent-%COMP%]:hover {\n  background: var(--kendo-color-base-active);\n}\n\n.expand-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: var(--kendo-color-subtle);\n}\n\n.expand-placeholder[_ngcontent-%COMP%] {\n  width: 20px;\n  flex-shrink: 0;\n}\n\n.item-icon[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  flex-shrink: 0;\n}\n\n.item-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--kendo-color-warning);\n}\n\n.item-name[_ngcontent-%COMP%] {\n  flex: 1;\n  font-size: 13px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item-count[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--kendo-color-subtle);\n  background: var(--kendo-color-base-subtle);\n  padding: 2px 8px;\n  border-radius: 10px;\n  flex-shrink: 0;\n}\n\n.tree-item.selected[_ngcontent-%COMP%]   .item-count[_ngcontent-%COMP%] {\n  background: var(--kendo-color-primary);\n  color: white;\n}\n\n.item-actions[_ngcontent-%COMP%] {\n  display: none;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.tree-item[_ngcontent-%COMP%]:hover   .item-actions[_ngcontent-%COMP%] {\n  display: flex;\n}\n\n.item-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 2px;\n  min-width: 24px;\n  height: 24px;\n}\n\n.item-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.tree-children[_ngcontent-%COMP%] {\n  \n\n}\n\n.tree-footer[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-top: 1px solid var(--kendo-color-border);\n  flex-shrink: 0;\n}\n\n.new-category-btn[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n\n.resize-handle[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 4px;\n  height: 100%;\n  cursor: ew-resize;\n  background: transparent;\n  transition: background 0.15s ease;\n  z-index: 10;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover, \n.resize-handle[_ngcontent-%COMP%]:active {\n  background: var(--kendo-color-primary);\n}\n\n\n\n.tree-panel-collapsed[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px 4px;\n  background: var(--kendo-color-surface);\n  border-right: 1px solid var(--kendo-color-border);\n  width: 44px;\n  gap: 4px;\n}\n\n.tree-panel-collapsed[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 8px;\n}\n\n.tree-panel-collapsed[_ngcontent-%COMP%]   button.selected[_ngcontent-%COMP%] {\n  background: var(--kendo-color-primary-subtle);\n  color: var(--kendo-color-primary);\n}\n\n\n\n.tree-content[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 6px;\n}\n\n.tree-content[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.tree-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background: var(--kendo-color-border);\n  border-radius: 3px;\n}\n\n.tree-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background: var(--kendo-color-subtle);\n}\n\n\n\n@media (max-width: 768px) {\n  .tree-panel[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);\n  }\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionTreePanelComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-action-tree-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!IsCollapsed) {\n  <div class=\"tree-panel\" [style.width.px]=\"TreeWidth\">\n    <div class=\"tree-header\">\n      <div class=\"header-content\">\n        <h3><i class=\"fa-solid fa-folder-tree\"></i> Categories</h3>\n        <div class=\"header-actions\">\n          <button kendoButton\n            [fillMode]=\"'flat'\"\n            [size]=\"'small'\"\n            title=\"Expand All\"\n            (click)=\"expandAll()\">\n            <i class=\"fa-solid fa-angles-down\"></i>\n          </button>\n          <button kendoButton\n            [fillMode]=\"'flat'\"\n            [size]=\"'small'\"\n            title=\"Collapse All\"\n            (click)=\"collapseAll()\">\n            <i class=\"fa-solid fa-angles-up\"></i>\n          </button>\n          <button kendoButton\n            [fillMode]=\"'flat'\"\n            [size]=\"'small'\"\n            title=\"Collapse Panel\"\n            (click)=\"toggleCollapse()\">\n            <i class=\"fa-solid fa-chevron-left\"></i>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"tree-search\">\n        <kendo-textbox\n          [placeholder]=\"'Filter categories...'\"\n          [value]=\"SearchTerm\"\n          (valueChange)=\"onSearchChange($event)\"\n          [size]=\"'small'\">\n          <ng-template kendoTextBoxPrefixTemplate>\n            <i class=\"fa-solid fa-search\"></i>\n          </ng-template>\n          @if (SearchTerm) {\n            <ng-template kendoTextBoxSuffixTemplate>\n              <button kendoButton\n                [fillMode]=\"'flat'\"\n                [size]=\"'small'\"\n                (click)=\"onSearchChange('')\">\n                <i class=\"fa-solid fa-times\"></i>\n              </button>\n            </ng-template>\n          }\n        </kendo-textbox>\n      </div>\n    </div>\n\n    <div class=\"tree-content\">\n      <!-- All Categories -->\n      <div class=\"tree-item root-item\"\n        [class.selected]=\"isSelected('all')\"\n        (click)=\"selectCategory('all')\">\n        <span class=\"item-icon\">\n          <i class=\"fa-solid fa-layer-group\"></i>\n        </span>\n        <span class=\"item-name\">All Actions</span>\n        <span class=\"item-count\">{{ getTotalActionCount() }}</span>\n      </div>\n\n      <!-- Uncategorized -->\n      @if (getUncategorizedCount() > 0) {\n        <div class=\"tree-item uncategorized-item\"\n          [class.selected]=\"isSelected('uncategorized')\"\n          (click)=\"selectCategory('uncategorized')\">\n          <span class=\"item-icon\">\n            <i class=\"fa-solid fa-inbox\"></i>\n          </span>\n          <span class=\"item-name\">Uncategorized</span>\n          <span class=\"item-count\">{{ getUncategorizedCount() }}</span>\n        </div>\n      }\n\n      <!-- Category Tree -->\n      <div class=\"tree-categories\">\n        <ng-container *ngTemplateOutlet=\"categoryTreeTemplate; context: { nodes: FilteredTree }\"></ng-container>\n      </div>\n\n      <ng-template #categoryTreeTemplate let-nodes=\"nodes\">\n        @for (node of nodes; track node.category.ID) {\n          <div class=\"tree-node\" [style.--level]=\"node.level\">\n            <div class=\"tree-item\"\n              [class.selected]=\"isSelected(node.category.ID)\"\n              [class.has-children]=\"node.children.length > 0\"\n              (click)=\"selectCategory(node.category.ID)\">\n\n              @if (node.children.length > 0) {\n                <button class=\"expand-btn\"\n                  (click)=\"toggleExpanded(node.category.ID, $event)\"\n                  [title]=\"isExpanded(node.category.ID) ? 'Collapse' : 'Expand'\">\n                  <i [class]=\"isExpanded(node.category.ID) ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-right'\"></i>\n                </button>\n              } @else {\n                <span class=\"expand-placeholder\"></span>\n              }\n\n              <span class=\"item-icon\">\n                <i [class]=\"isExpanded(node.category.ID) ? 'fa-solid fa-folder-open' : 'fa-solid fa-folder'\"></i>\n              </span>\n              <span class=\"item-name\" [title]=\"node.category.Name\">{{ node.category.Name }}</span>\n              <span class=\"item-count\" [title]=\"node.totalActionCount + ' total actions'\">{{ node.totalActionCount }}</span>\n\n              <div class=\"item-actions\">\n                <button kendoButton\n                  [fillMode]=\"'flat'\"\n                  [size]=\"'small'\"\n                  title=\"Add Subcategory\"\n                  (click)=\"onNewCategory(node.category.ID, $event)\">\n                  <i class=\"fa-solid fa-plus\"></i>\n                </button>\n              </div>\n            </div>\n\n            @if (node.children.length > 0 && isExpanded(node.category.ID)) {\n              <div class=\"tree-children\">\n                <ng-container *ngTemplateOutlet=\"categoryTreeTemplate; context: { nodes: node.children }\"></ng-container>\n              </div>\n            }\n          </div>\n        }\n      </ng-template>\n    </div>\n\n    <div class=\"tree-footer\">\n      <button kendoButton\n        [fillMode]=\"'outline'\"\n        [themeColor]=\"'primary'\"\n        [size]=\"'small'\"\n        class=\"new-category-btn\"\n        (click)=\"onNewCategory(null, $event)\">\n        <i class=\"fa-solid fa-plus\"></i>\n        New Category\n      </button>\n    </div>\n\n    <!-- Resize Handle -->\n    <div class=\"resize-handle\"\n      (mousedown)=\"onResizeStart($event)\"\n      title=\"Drag to resize\">\n    </div>\n  </div>\n} @else {\n  <!-- Collapsed State -->\n  <div class=\"tree-panel-collapsed\">\n    <button kendoButton\n      [fillMode]=\"'flat'\"\n      title=\"Expand Category Panel\"\n      (click)=\"toggleCollapse()\">\n      <i class=\"fa-solid fa-chevron-right\"></i>\n    </button>\n    <button kendoButton\n      [fillMode]=\"'flat'\"\n      title=\"All Actions\"\n      [class.selected]=\"isSelected('all')\"\n      (click)=\"selectCategory('all')\">\n      <i class=\"fa-solid fa-layer-group\"></i>\n    </button>\n  </div>\n}\n", styles: [".tree-panel {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--kendo-color-surface);\n  border-right: 1px solid var(--kendo-color-border);\n  position: relative;\n  min-width: 180px;\n  max-width: 450px;\n}\n\n.tree-header {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--kendo-color-border);\n  flex-shrink: 0;\n}\n\n.tree-header .header-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n}\n\n.tree-header h3 {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--kendo-color-on-app-surface);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tree-header h3 i {\n  color: var(--kendo-color-primary);\n}\n\n.tree-header .header-actions {\n  display: flex;\n  gap: 2px;\n}\n\n.tree-header .header-actions button {\n  padding: 4px;\n  min-width: 28px;\n  height: 28px;\n}\n\n.tree-header .header-actions button i {\n  font-size: 12px;\n}\n\n.tree-search {\n  width: 100%;\n}\n\n.tree-search kendo-textbox {\n  width: 100%;\n}\n\n.tree-search i {\n  font-size: 12px;\n  color: var(--kendo-color-subtle);\n}\n\n.tree-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px 0;\n}\n\n.tree-item {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  gap: 8px;\n  position: relative;\n}\n\n.tree-item:hover {\n  background: var(--kendo-color-base-hover);\n  padding-right: 40px; /* Make room for the action button */\n}\n\n.tree-item:hover .item-count {\n  display: none; /* Hide count when action button is visible */\n}\n\n.tree-item.selected {\n  background: var(--kendo-color-primary-subtle);\n  color: var(--kendo-color-primary);\n}\n\n.tree-item.selected .item-icon i {\n  color: var(--kendo-color-primary);\n}\n\n.tree-item.root-item,\n.tree-item.uncategorized-item {\n  padding-left: 16px;\n  margin-bottom: 4px;\n}\n\n.tree-item.root-item {\n  font-weight: 600;\n}\n\n.tree-item.uncategorized-item {\n  opacity: 0.8;\n}\n\n.tree-item.uncategorized-item .item-icon i {\n  color: var(--kendo-color-warning);\n}\n\n.tree-node {\n  padding-left: calc(var(--level, 0) * 16px);\n}\n\n.expand-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 4px;\n  transition: all 0.15s ease;\n  flex-shrink: 0;\n}\n\n.expand-btn:hover {\n  background: var(--kendo-color-base-active);\n}\n\n.expand-btn i {\n  font-size: 10px;\n  color: var(--kendo-color-subtle);\n}\n\n.expand-placeholder {\n  width: 20px;\n  flex-shrink: 0;\n}\n\n.item-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  flex-shrink: 0;\n}\n\n.item-icon i {\n  font-size: 14px;\n  color: var(--kendo-color-warning);\n}\n\n.item-name {\n  flex: 1;\n  font-size: 13px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item-count {\n  font-size: 11px;\n  color: var(--kendo-color-subtle);\n  background: var(--kendo-color-base-subtle);\n  padding: 2px 8px;\n  border-radius: 10px;\n  flex-shrink: 0;\n}\n\n.tree-item.selected .item-count {\n  background: var(--kendo-color-primary);\n  color: white;\n}\n\n.item-actions {\n  display: none;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.tree-item:hover .item-actions {\n  display: flex;\n}\n\n.item-actions button {\n  padding: 2px;\n  min-width: 24px;\n  height: 24px;\n}\n\n.item-actions button i {\n  font-size: 10px;\n}\n\n.tree-children {\n  /* Children are indented via --level CSS variable */\n}\n\n.tree-footer {\n  padding: 12px 16px;\n  border-top: 1px solid var(--kendo-color-border);\n  flex-shrink: 0;\n}\n\n.new-category-btn {\n  width: 100%;\n}\n\n/* Resize Handle */\n.resize-handle {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 4px;\n  height: 100%;\n  cursor: ew-resize;\n  background: transparent;\n  transition: background 0.15s ease;\n  z-index: 10;\n}\n\n.resize-handle:hover,\n.resize-handle:active {\n  background: var(--kendo-color-primary);\n}\n\n/* Collapsed State */\n.tree-panel-collapsed {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px 4px;\n  background: var(--kendo-color-surface);\n  border-right: 1px solid var(--kendo-color-border);\n  width: 44px;\n  gap: 4px;\n}\n\n.tree-panel-collapsed button {\n  padding: 8px;\n}\n\n.tree-panel-collapsed button.selected {\n  background: var(--kendo-color-primary-subtle);\n  color: var(--kendo-color-primary);\n}\n\n/* Scrollbar Styling */\n.tree-content::-webkit-scrollbar {\n  width: 6px;\n}\n\n.tree-content::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.tree-content::-webkit-scrollbar-thumb {\n  background: var(--kendo-color-border);\n  border-radius: 3px;\n}\n\n.tree-content::-webkit-scrollbar-thumb:hover {\n  background: var(--kendo-color-subtle);\n}\n\n/* Mobile Responsiveness */\n@media (max-width: 768px) {\n  .tree-panel {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);\n  }\n}\n"] }]
+    }], () => [{ type: i1.ActionExplorerStateService }, { type: i0.ChangeDetectorRef }], { Categories: [{
+            type: Input
+        }], Actions: [{
+            type: Input
+        }], CategorySelected: [{
+            type: Output
+        }], NewCategoryClick: [{
+            type: Output
+        }], EditCategoryClick: [{
+            type: Output
+        }], onMouseMove: [{
+            type: HostListener,
+            args: ['document:mousemove', ['$event']]
+        }], onMouseUp: [{
+            type: HostListener,
+            args: ['document:mouseup']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionTreePanelComponent, { className: "ActionTreePanelComponent", filePath: "src/actions/components/explorer/action-tree-panel.component.ts", lineNumber: 33 }); })();
+//# sourceMappingURL=action-tree-panel.component.js.map

package/dist/Actions/components/explorer/action-tree-panel.component.js.map

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

package/dist/Actions/components/explorer/index.d.ts

@@ -0,0 +1,9 @@
+export * from './action-explorer.component';
+export * from './action-tree-panel.component';
+export * from './action-toolbar.component';
+export * from './action-breadcrumb.component';
+export * from './action-card.component';
+export * from './action-list-item.component';
+export * from './new-category-panel.component';
+export * from './new-action-panel.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/Actions/components/explorer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Actions/components/explorer/index.ts"],"names":[],"mappings":"AACA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC"}

package/dist/Actions/components/explorer/index.js

@@ -0,0 +1,10 @@
+// Action Explorer Components
+export * from './action-explorer.component';
+export * from './action-tree-panel.component';
+export * from './action-toolbar.component';
+export * from './action-breadcrumb.component';
+export * from './action-card.component';
+export * from './action-list-item.component';
+export * from './new-category-panel.component';
+export * from './new-action-panel.component';
+//# sourceMappingURL=index.js.map

package/dist/Actions/components/explorer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Actions/components/explorer/index.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC"}

package/dist/Actions/components/explorer/new-action-panel.component.d.ts

@@ -0,0 +1,49 @@
+import { EventEmitter, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { ActionCategoryEntity, ActionEntity } from '@memberjunction/core-entities';
+import { NavigationService } from '@memberjunction/ng-shared';
+import { ActionExplorerStateService } from '../../services/action-explorer-state.service';
+import * as i0 from "@angular/core";
+type ActionType = 'Custom' | 'Generated';
+export declare class NewActionPanelComponent implements OnInit, OnDestroy {
+    StateService: ActionExplorerStateService;
+    private navigationService;
+    private cdr;
+    Categories: ActionCategoryEntity[];
+    PreselectedCategoryId: string | null;
+    ActionCreated: EventEmitter<ActionEntity>;
+    Close: EventEmitter<void>;
+    IsOpen: boolean;
+    IsSaving: boolean;
+    Name: string;
+    Description: string;
+    CategoryID: string | null;
+    Type: ActionType;
+    Errors: {
+        [key: string]: string;
+    };
+    TypeOptions: Array<{
+        value: ActionType;
+        label: string;
+        icon: string;
+        description: string;
+    }>;
+    private destroy$;
+    constructor(StateService: ActionExplorerStateService, navigationService: NavigationService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private resetForm;
+    onClose(): void;
+    onBackdropClick(event: MouseEvent): void;
+    validate(): boolean;
+    onSave(): Promise<void>;
+    selectType(type: ActionType): void;
+    getCategoryOptions(): Array<{
+        text: string;
+        value: string;
+    }>;
+    private getCategoryPath;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NewActionPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NewActionPanelComponent, "mj-new-action-panel", never, { "Categories": { "alias": "Categories"; "required": false; }; "PreselectedCategoryId": { "alias": "PreselectedCategoryId"; "required": false; }; }, { "ActionCreated": "ActionCreated"; "Close": "Close"; }, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=new-action-panel.component.d.ts.map

package/dist/Actions/components/explorer/new-action-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-action-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/Actions/components/explorer/new-action-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EACZ,MAAM,EACN,SAAS,EAET,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8CAA8C,CAAC;;AAE1F,KAAK,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEzC,qBAkBa,uBAAwB,YAAW,MAAM,EAAE,SAAS;IAoCtD,YAAY,EAAE,0BAA0B;IAC/C,OAAO,CAAC,iBAAiB;IACzB,OAAO,CAAC,GAAG;IArCJ,UAAU,EAAE,oBAAoB,EAAE,CAAM;IACxC,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC3C,aAAa,6BAAoC;IACjD,KAAK,qBAA4B;IAEpC,MAAM,UAAS;IACf,QAAQ,UAAS;IAGjB,IAAI,SAAM;IACV,WAAW,SAAM;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjC,IAAI,EAAE,UAAU,CAAY;IAG5B,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAM;IAEvC,WAAW,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,UAAU,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,CAahG;IAEF,OAAO,CAAC,QAAQ,CAAuB;gBAG9B,YAAY,EAAE,0BAA0B,EACvC,iBAAiB,EAAE,iBAAiB,EACpC,GAAG,EAAE,iBAAiB;IAGhC,QAAQ,IAAI,IAAI;IAYhB,WAAW,IAAI,IAAI;IAKnB,OAAO,CAAC,SAAS;IAWV,OAAO,IAAI,IAAI;IAKf,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAMxC,QAAQ,IAAI,OAAO;IAkBb,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAwC7B,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAIlC,kBAAkB,IAAI,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAkBnE,OAAO,CAAC,eAAe;yCAhKZ,uBAAuB;2CAAvB,uBAAuB;CAgLnC"}