@memberjunction/ng-core-entity-forms 5.22.0 → 5.24.0

package/dist/lib/custom/Queries/query-category-dialog.component.js

@@ -3,35 +3,10 @@ import { Metadata, RunView } from '@memberjunction/core';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
-import * as i2 from "@progress/kendo-angular-dialog";
-import * as i3 from "@progress/kendo-angular-inputs";
-import * as i4 from "@progress/kendo-angular-dropdowns";
-import * as i5 from "@progress/kendo-angular-buttons";
-const _c0 = () => ({ id: null, name: "-- No Parent (Top Level) --" });
-function QueryCategoryDialogComponent_Conditional_0_ng_template_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 19);
-} }
-function QueryCategoryDialogComponent_Conditional_0_ng_template_18_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 20);
-} }
-function QueryCategoryDialogComponent_Conditional_0_ng_template_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵconditionalCreate(1, QueryCategoryDialogComponent_Conditional_0_ng_template_18_Conditional_1_Template, 1, 0, "i", 19)(2, QueryCategoryDialogComponent_Conditional_0_ng_template_18_Conditional_2_Template, 1, 0, "i", 20);
-    i0.ɵɵelementStart(3, "span");
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const dataItem_r3 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleMap(i0.ɵɵinterpolate1("padding-left: ", ctx_r1.getCategoryIndent(dataItem_r3), "; display: flex; align-items: center; gap: 6px;"));
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(dataItem_r3.children && dataItem_r3.children.length > 0 ? 1 : 2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(dataItem_r3.name);
-} }
-function QueryCategoryDialogComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵelement(1, "i", 21);
+import * as i2 from "@memberjunction/ng-ui-components";
+function QueryCategoryDialogComponent_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵelement(1, "i", 18);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -39,19 +14,19 @@ function QueryCategoryDialogComponent_Conditional_0_Conditional_19_Template(rf,
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" Full path: ", ctx_r1.getFullPath(), " ");
 } }
-function QueryCategoryDialogComponent_Conditional_0_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 22);
+function QueryCategoryDialogComponent_Conditional_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 19);
     i0.ɵɵtext(1, " Creating... ");
 } }
-function QueryCategoryDialogComponent_Conditional_0_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 23);
+function QueryCategoryDialogComponent_Conditional_0_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 20);
     i0.ɵɵtext(1, " Create Category ");
 } }
 function QueryCategoryDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 1);
-    i0.ɵɵlistener("close", function QueryCategoryDialogComponent_Conditional_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
-    i0.ɵɵelementStart(1, "kendo-dialog-titlebar")(2, "div", 2);
+    i0.ɵɵelementStart(0, "mj-dialog", 1);
+    i0.ɵɵlistener("Close", function QueryCategoryDialogComponent_Conditional_0_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
+    i0.ɵɵelementStart(1, "mj-dialog-titlebar")(2, "div", 2);
     i0.ɵɵelement(3, "i", 3);
     i0.ɵɵtext(4, " Create New Query Category ");
     i0.ɵɵelementEnd()();
@@ -61,42 +36,41 @@ function QueryCategoryDialogComponent_Conditional_0_Template(rf, ctx) { if (rf &
     i0.ɵɵelementStart(10, "span", 8);
     i0.ɵɵtext(11, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "kendo-textbox", 9);
-    i0.ɵɵtwoWayListener("ngModelChange", function QueryCategoryDialogComponent_Conditional_0_Template_kendo_textbox_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.categoryName, $event) || (ctx_r1.categoryName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(12, "input", 9);
+    i0.ɵɵtwoWayListener("ngModelChange", function QueryCategoryDialogComponent_Conditional_0_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.categoryName, $event) || (ctx_r1.categoryName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(13, "div", 10)(14, "label", 11);
     i0.ɵɵelement(15, "i", 12);
     i0.ɵɵtext(16, " Parent Category (Optional) ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "kendo-dropdownlist", 13);
-    i0.ɵɵtwoWayListener("ngModelChange", function QueryCategoryDialogComponent_Conditional_0_Template_kendo_dropdownlist_ngModelChange_17_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedParentId, $event) || (ctx_r1.selectedParentId = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵtemplate(18, QueryCategoryDialogComponent_Conditional_0_ng_template_18_Template, 5, 5, "ng-template", 14);
+    i0.ɵɵelementStart(17, "mj-dropdown", 13);
+    i0.ɵɵtwoWayListener("ngModelChange", function QueryCategoryDialogComponent_Conditional_0_Template_mj_dropdown_ngModelChange_17_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedParentId, $event) || (ctx_r1.selectedParentId = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(19, QueryCategoryDialogComponent_Conditional_0_Conditional_19_Template, 3, 1, "div", 15);
+    i0.ɵɵconditionalCreate(18, QueryCategoryDialogComponent_Conditional_0_Conditional_18_Template, 3, 1, "div", 14);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(20, "kendo-dialog-actions")(21, "button", 16);
-    i0.ɵɵlistener("click", function QueryCategoryDialogComponent_Conditional_0_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
-    i0.ɵɵelement(22, "i", 17);
-    i0.ɵɵtext(23, " Cancel ");
+    i0.ɵɵelementStart(19, "mj-dialog-actions")(20, "button", 15);
+    i0.ɵɵlistener("click", function QueryCategoryDialogComponent_Conditional_0_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
+    i0.ɵɵelement(21, "i", 16);
+    i0.ɵɵtext(22, " Cancel ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "button", 18);
-    i0.ɵɵlistener("click", function QueryCategoryDialogComponent_Conditional_0_Template_button_click_24_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createCategory()); });
-    i0.ɵɵconditionalCreate(25, QueryCategoryDialogComponent_Conditional_0_Conditional_25_Template, 2, 0)(26, QueryCategoryDialogComponent_Conditional_0_Conditional_26_Template, 2, 0);
+    i0.ɵɵelementStart(23, "button", 17);
+    i0.ɵɵlistener("click", function QueryCategoryDialogComponent_Conditional_0_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createCategory()); });
+    i0.ɵɵconditionalCreate(24, QueryCategoryDialogComponent_Conditional_0_Conditional_24_Template, 2, 0)(25, QueryCategoryDialogComponent_Conditional_0_Conditional_25_Template, 2, 0);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("width", 500)("height", 400);
+    i0.ɵɵproperty("Visible", true)("Width", 500);
     i0.ɵɵadvance(12);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.categoryName);
     i0.ɵɵadvance(5);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedParentId);
-    i0.ɵɵproperty("data", ctx_r1.flattenedCategories)("textField", "name")("valueField", "id")("valuePrimitive", true)("defaultItem", i0.ɵɵpureFunction0(13, _c0));
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.selectedParentId ? 19 : -1);
+    i0.ɵɵproperty("Data", ctx_r1.flattenedCategories)("ValuePrimitive", true);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.selectedParentId ? 18 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("themeColor", "primary")("disabled", !ctx_r1.categoryName.trim() || ctx_r1.isCreating);
+    i0.ɵɵproperty("disabled", !ctx_r1.categoryName.trim() || ctx_r1.isCreating);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isCreating ? 25 : 26);
+    i0.ɵɵconditional(ctx_r1.isCreating ? 24 : 25);
 } }
 export class QueryCategoryDialogComponent {
     constructor() {
@@ -220,15 +194,15 @@ export class QueryCategoryDialogComponent {
         return parent ? `${parent.fullPath} / ${name}` : name;
     }
     static { this.ɵfac = function QueryCategoryDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryCategoryDialogComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCategoryDialogComponent, selectors: [["mj-query-category-dialog"]], inputs: { isVisible: "isVisible" }, outputs: { isVisibleChange: "isVisibleChange", onCategoryCreated: "onCategoryCreated" }, standalone: false, decls: 1, vars: 1, consts: [[3, "width", "height"], [3, "close", "width", "height"], [2, "display", "flex", "align-items", "center", "gap", "8px"], [1, "fa-solid", "fa-folder-plus", 2, "color", "#28a745"], [2, "padding", "20px"], [1, "form-group", 2, "margin-bottom", "20px"], ["for", "categoryName", 2, "display", "block", "margin-bottom", "8px", "font-weight", "600", "color", "var(--mj-text-secondary)"], [1, "fa-solid", "fa-tag"], [2, "color", "#dc3545"], ["name", "categoryName", "placeholder", "Enter category name...", 2, "width", "100%", 3, "ngModelChange", "ngModel"], [1, "form-group"], ["for", "parentCategory", 2, "display", "block", "margin-bottom", "8px", "font-weight", "600", "color", "var(--mj-text-secondary)"], [1, "fa-solid", "fa-folder-tree"], ["name", "parentCategory", 2, "width", "100%", 3, "ngModelChange", "ngModel", "data", "textField", "valueField", "valuePrimitive", "defaultItem"], ["kendoDropDownListItemTemplate", ""], [2, "margin-top", "8px", "padding", "8px", "background", "var(--mj-bg-surface-sunken)", "border-radius", "4px", "font-size", "0.85em", "color", "var(--mj-text-muted)"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-times"], ["kendoButton", "", 3, "click", "themeColor", "disabled"], [1, "fa-solid", "fa-folder", 2, "color", "#ffc107", "font-size", "0.9em"], [1, "fa-solid", "fa-folder-open", 2, "color", "var(--mj-text-muted)", "font-size", "0.9em"], [1, "fa-solid", "fa-info-circle"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-check"]], template: function QueryCategoryDialogComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, QueryCategoryDialogComponent_Conditional_0_Template, 27, 14, "kendo-dialog", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCategoryDialogComponent, selectors: [["mj-query-category-dialog"]], inputs: { isVisible: "isVisible" }, outputs: { isVisibleChange: "isVisibleChange", onCategoryCreated: "onCategoryCreated" }, standalone: false, decls: 1, vars: 1, consts: [[3, "Visible", "Width"], [3, "Close", "Visible", "Width"], [2, "display", "flex", "align-items", "center", "gap", "8px"], [1, "fa-solid", "fa-folder-plus", 2, "color", "#28a745"], [2, "padding", "20px"], [1, "form-group", 2, "margin-bottom", "20px"], ["for", "categoryName", 2, "display", "block", "margin-bottom", "8px", "font-weight", "600", "color", "var(--mj-text-secondary)"], [1, "fa-solid", "fa-tag"], [2, "color", "#dc3545"], ["name", "categoryName", "placeholder", "Enter category name...", 1, "mj-input", 2, "width", "100%", 3, "ngModelChange", "ngModel"], [1, "form-group"], ["for", "parentCategory", 2, "display", "block", "margin-bottom", "8px", "font-weight", "600", "color", "var(--mj-text-secondary)"], [1, "fa-solid", "fa-folder-tree"], ["name", "parentCategory", "TextField", "name", "ValueField", "id", "Placeholder", "-- No Parent (Top Level) --", 2, "width", "100%", 3, "ngModelChange", "ngModel", "Data", "ValuePrimitive"], [2, "margin-top", "8px", "padding", "8px", "background", "var(--mj-bg-surface-sunken)", "border-radius", "4px", "font-size", "0.85em", "color", "var(--mj-text-muted)"], ["mjButton", "", 3, "click"], [1, "fa-solid", "fa-times"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-info-circle"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-check"]], template: function QueryCategoryDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, QueryCategoryDialogComponent_Conditional_0_Template, 26, 9, "mj-dialog", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isVisible ? 0 : -1);
-        } }, dependencies: [i1.NgControlStatus, i1.NgModel, i2.DialogComponent, i2.DialogTitleBarComponent, i2.DialogActionsComponent, i3.TextBoxComponent, i4.ItemTemplateDirective, i4.DropDownListComponent, i5.ButtonComponent], styles: ["\n\n.form-group[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.form-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n  .k-dialog {\n    border-radius: var(--mj-radius-md);\n    box-shadow: var(--mj-shadow-lg);\n}\n\n  .k-dialog-titlebar {\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-strong);\n    padding: 16px 20px;\n}\n\n  .k-dialog-content {\n    padding: 0;\n}"] }); }
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJButtonDirective, i2.MJDropdownComponent, i2.MJDialogComponent, i2.MJDialogTitlebarComponent, i2.MJDialogActionsComponent], styles: ["\n\n.form-group[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.form-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n  .k-dialog {\n    border-radius: var(--mj-radius-md);\n    box-shadow: var(--mj-shadow-lg);\n}\n\n  .k-dialog-titlebar {\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-strong);\n    padding: 16px 20px;\n}\n\n  .k-dialog-content {\n    padding: 0;\n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryCategoryDialogComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-query-category-dialog', template: "@if (isVisible) {\n  <kendo-dialog\n    [width]=\"500\"\n    [height]=\"400\"\n    (close)=\"close()\">\n    <kendo-dialog-titlebar>\n      <div style=\"display: flex; align-items: center; gap: 8px;\">\n        <i class=\"fa-solid fa-folder-plus\" style=\"color: #28a745;\"></i>\n        Create New Query Category\n      </div>\n    </kendo-dialog-titlebar>\n    <div style=\"padding: 20px;\">\n      <div class=\"form-group\" style=\"margin-bottom: 20px;\">\n        <label for=\"categoryName\" style=\"display: block; margin-bottom: 8px; font-weight: 600; color: var(--mj-text-secondary);\">\n          <i class=\"fa-solid fa-tag\"></i> Category Name <span style=\"color: #dc3545;\">*</span>\n        </label>\n        <kendo-textbox\n          [(ngModel)]=\"categoryName\"\n          name=\"categoryName\"\n          placeholder=\"Enter category name...\"\n          style=\"width: 100%;\">\n        </kendo-textbox>\n      </div>\n      <div class=\"form-group\">\n        <label for=\"parentCategory\" style=\"display: block; margin-bottom: 8px; font-weight: 600; color: var(--mj-text-secondary);\">\n          <i class=\"fa-solid fa-folder-tree\"></i> Parent Category (Optional)\n        </label>\n        <kendo-dropdownlist\n          [(ngModel)]=\"selectedParentId\"\n          name=\"parentCategory\"\n          [data]=\"flattenedCategories\"\n          [textField]=\"'name'\"\n          [valueField]=\"'id'\"\n          [valuePrimitive]=\"true\"\n          [defaultItem]=\"{id: null, name: '-- No Parent (Top Level) --'}\"\n          style=\"width: 100%;\">\n          <ng-template kendoDropDownListItemTemplate let-dataItem>\n            <div style=\"padding-left: {{getCategoryIndent(dataItem)}}; display: flex; align-items: center; gap: 6px;\">\n              @if (dataItem.children && dataItem.children.length > 0) {\n                <i class=\"fa-solid fa-folder\" style=\"color: #ffc107; font-size: 0.9em;\"></i>\n              } @else {\n                <i class=\"fa-solid fa-folder-open\" style=\"color: var(--mj-text-muted); font-size: 0.9em;\"></i>\n              }\n              <span>{{ dataItem.name }}</span>\n            </div>\n          </ng-template>\n        </kendo-dropdownlist>\n        @if (selectedParentId) {\n          <div style=\"margin-top: 8px; padding: 8px; background: var(--mj-bg-surface-sunken); border-radius: 4px; font-size: 0.85em; color: var(--mj-text-muted);\">\n            <i class=\"fa-solid fa-info-circle\"></i>\n            Full path: {{ getFullPath() }}\n          </div>\n        }\n      </div>\n    </div>\n    <kendo-dialog-actions>\n      <button kendoButton (click)=\"close()\">\n        <i class=\"fa-solid fa-times\"></i> Cancel\n      </button>\n      <button kendoButton\n        [themeColor]=\"'primary'\"\n        [disabled]=\"!categoryName.trim() || isCreating\"\n        (click)=\"createCategory()\">\n        @if (isCreating) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i> Creating...\n        } @else {\n          <i class=\"fa-solid fa-check\"></i> Create Category\n        }\n      </button>\n    </kendo-dialog-actions>\n  </kendo-dialog>\n}", styles: ["/* Category Dialog Styles */\n.form-group {\n    margin-bottom: 20px;\n}\n\n.form-group label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n::ng-deep .k-dialog {\n    border-radius: var(--mj-radius-md);\n    box-shadow: var(--mj-shadow-lg);\n}\n\n::ng-deep .k-dialog-titlebar {\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-strong);\n    padding: 16px 20px;\n}\n\n::ng-deep .k-dialog-content {\n    padding: 0;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-query-category-dialog', template: "@if (isVisible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Width]=\"500\"\n    (Close)=\"close()\">\n    <mj-dialog-titlebar>\n      <div style=\"display: flex; align-items: center; gap: 8px;\">\n        <i class=\"fa-solid fa-folder-plus\" style=\"color: #28a745;\"></i>\n        Create New Query Category\n      </div>\n    </mj-dialog-titlebar>\n    <div style=\"padding: 20px;\">\n      <div class=\"form-group\" style=\"margin-bottom: 20px;\">\n        <label for=\"categoryName\" style=\"display: block; margin-bottom: 8px; font-weight: 600; color: var(--mj-text-secondary);\">\n          <i class=\"fa-solid fa-tag\"></i> Category Name <span style=\"color: #dc3545;\">*</span>\n        </label>\n        <input class=\"mj-input\"\n          [(ngModel)]=\"categoryName\"\n          name=\"categoryName\"\n          placeholder=\"Enter category name...\"\n          style=\"width: 100%;\" />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"parentCategory\" style=\"display: block; margin-bottom: 8px; font-weight: 600; color: var(--mj-text-secondary);\">\n          <i class=\"fa-solid fa-folder-tree\"></i> Parent Category (Optional)\n        </label>\n        <mj-dropdown\n          [(ngModel)]=\"selectedParentId\"\n          name=\"parentCategory\"\n          [Data]=\"flattenedCategories\"\n          TextField=\"name\"\n          ValueField=\"id\"\n          [ValuePrimitive]=\"true\"\n          Placeholder=\"-- No Parent (Top Level) --\"\n          style=\"width: 100%;\">\n        </mj-dropdown>\n        @if (selectedParentId) {\n          <div style=\"margin-top: 8px; padding: 8px; background: var(--mj-bg-surface-sunken); border-radius: 4px; font-size: 0.85em; color: var(--mj-text-muted);\">\n            <i class=\"fa-solid fa-info-circle\"></i>\n            Full path: {{ getFullPath() }}\n          </div>\n        }\n      </div>\n    </div>\n    <mj-dialog-actions>\n      <button mjButton (click)=\"close()\">\n        <i class=\"fa-solid fa-times\"></i> Cancel\n      </button>\n      <button mjButton\n        variant=\"primary\"\n        [disabled]=\"!categoryName.trim() || isCreating\"\n        (click)=\"createCategory()\">\n        @if (isCreating) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i> Creating...\n        } @else {\n          <i class=\"fa-solid fa-check\"></i> Create Category\n        }\n      </button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n", styles: ["/* Category Dialog Styles */\n.form-group {\n    margin-bottom: 20px;\n}\n\n.form-group label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n::ng-deep .k-dialog {\n    border-radius: var(--mj-radius-md);\n    box-shadow: var(--mj-shadow-lg);\n}\n\n::ng-deep .k-dialog-titlebar {\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-strong);\n    padding: 16px 20px;\n}\n\n::ng-deep .k-dialog-content {\n    padding: 0;\n}\n"] }]
     }], null, { isVisible: [{
             type: Input
         }], isVisibleChange: [{

package/dist/lib/custom/Queries/query-category-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"query-category-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/Queries/query-category-dialog.component.ts","../../../../src/lib/custom/Queries/query-category-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';\nimport { MJQueryCategoryEntity } from '@memberjunction/core-entities';\nimport { Metadata, RunView } from '@memberjunction/core';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\n\ninterface CategoryNode {\n    id: string;\n    name: string;\n    fullPath: string;\n    children: CategoryNode[];\n    level: number;\n}\n\n@Component({\n  standalone: false,\n    selector: 'mj-query-category-dialog',\n    templateUrl: './query-category-dialog.component.html',\n    styleUrls: ['./query-category-dialog.component.css']\n})\nexport class QueryCategoryDialogComponent implements OnInit {\n    @Input() isVisible = false;\n    @Output() isVisibleChange = new EventEmitter<boolean>();\n    @Output() onCategoryCreated = new EventEmitter<MJQueryCategoryEntity>();\n    \n    public categoryName = '';\n    public selectedParentId: string | null = null;\n    public categories: MJQueryCategoryEntity[] = [];\n    public categoryTree: CategoryNode[] = [];\n    public flattenedCategories: CategoryNode[] = [];\n    public isCreating = false;\n    \n    async ngOnInit() {\n        await this.loadCategories();\n    }\n    \n    async loadCategories() {\n        try {\n            const rv = new RunView();\n            const result = await rv.RunView<MJQueryCategoryEntity>({\n                EntityName: 'MJ: Query Categories',\n                OrderBy: 'Name',\n                ResultType: 'entity_object'\n            });\n            \n            if (result.Success && result.Results) {\n                this.categories = result.Results;\n                this.categoryTree = this.buildCategoryTree(this.categories);\n                this.flattenedCategories = this.flattenCategories(this.categoryTree, 0);\n            }\n        } catch (error) {\n            console.error('Error loading categories:', error);\n        }\n    }\n    \n    private buildCategoryTree(categories: MJQueryCategoryEntity[]): CategoryNode[] {\n        const categoryMap = new Map<string, CategoryNode>();\n        const rootCategories: CategoryNode[] = [];\n        \n        // Create nodes for all categories\n        categories.forEach(cat => {\n            categoryMap.set(cat.ID, {\n                id: cat.ID,\n                name: cat.Name,\n                fullPath: cat.Name,\n                children: [],\n                level: 0\n            });\n        });\n        \n        // Build the tree structure\n        categories.forEach(cat => {\n            const node = categoryMap.get(cat.ID)!;\n            if (cat.ParentID && categoryMap.has(cat.ParentID)) {\n                const parent = categoryMap.get(cat.ParentID)!;\n                parent.children.push(node);\n                node.fullPath = `${parent.fullPath} / ${node.name}`;\n            } else {\n                rootCategories.push(node);\n            }\n        });\n        \n        // Sort children alphabetically\n        const sortNodes = (nodes: CategoryNode[]) => {\n            nodes.sort((a, b) => a.name.localeCompare(b.name));\n            nodes.forEach(node => sortNodes(node.children));\n        };\n        sortNodes(rootCategories);\n        \n        return rootCategories;\n    }\n    \n    private flattenCategories(nodes: CategoryNode[], level: number): CategoryNode[] {\n        const result: CategoryNode[] = [];\n        nodes.forEach(node => {\n            node.level = level;\n            result.push(node);\n            if (node.children.length > 0) {\n                result.push(...this.flattenCategories(node.children, level + 1));\n            }\n        });\n        return result;\n    }\n    \n    async createCategory() {\n        if (!this.categoryName.trim()) {\n            MJNotificationService.Instance.CreateSimpleNotification(\n                'Please enter a category name',\n                'warning'\n            );\n            return;\n        }\n        \n        this.isCreating = true;\n        \n        try {\n            const md = new Metadata();\n            const newCategory = await md.GetEntityObject<MJQueryCategoryEntity>('MJ: Query Categories');\n            newCategory.Name = this.categoryName.trim();\n            newCategory.ParentID = this.selectedParentId;\n            newCategory.UserID = md.CurrentUser.ID;\n            \n            const saved = await newCategory.Save();\n            \n            if (saved) {\n                MJNotificationService.Instance.CreateSimpleNotification(\n                    'Category created successfully',\n                    'success'\n                );\n                this.onCategoryCreated.emit(newCategory);\n                this.close();\n            } else {\n                MJNotificationService.Instance.CreateSimpleNotification(\n                    `Failed to create category: ${newCategory.LatestResult?.Message || 'Unknown error'}`,\n                    'error'\n                );\n            }\n        } catch (error) {\n            console.error('Error creating category:', error);\n            MJNotificationService.Instance.CreateSimpleNotification(\n                'Error creating category',\n                'error'\n            );\n        } finally {\n            this.isCreating = false;\n        }\n    }\n    \n    close() {\n        this.categoryName = '';\n        this.selectedParentId = null;\n        this.isVisible = false;\n        this.isVisibleChange.emit(false);\n    }\n    \n    getCategoryIndent(category: CategoryNode): string {\n        return `${category.level * 20}px`;\n    }\n    \n    getFullPath(): string {\n        const parent = this.flattenedCategories.find(c => c.id === this.selectedParentId);\n        const name = this.categoryName || 'New Category';\n        return parent ? `${parent.fullPath} / ${name}` : name;\n    }\n}","@if (isVisible) {\n  <kendo-dialog\n    [width]=\"500\"\n    [height]=\"400\"\n    (close)=\"close()\">\n    <kendo-dialog-titlebar>\n      <div style=\"display: flex; align-items: center; gap: 8px;\">\n        <i class=\"fa-solid fa-folder-plus\" style=\"color: #28a745;\"></i>\n        Create New Query Category\n      </div>\n    </kendo-dialog-titlebar>\n    <div style=\"padding: 20px;\">\n      <div class=\"form-group\" style=\"margin-bottom: 20px;\">\n        <label for=\"categoryName\" style=\"display: block; margin-bottom: 8px; font-weight: 600; color: var(--mj-text-secondary);\">\n          <i class=\"fa-solid fa-tag\"></i> Category Name <span style=\"color: #dc3545;\">*</span>\n        </label>\n        <kendo-textbox\n          [(ngModel)]=\"categoryName\"\n          name=\"categoryName\"\n          placeholder=\"Enter category name...\"\n          style=\"width: 100%;\">\n        </kendo-textbox>\n      </div>\n      <div class=\"form-group\">\n        <label for=\"parentCategory\" style=\"display: block; margin-bottom: 8px; font-weight: 600; color: var(--mj-text-secondary);\">\n          <i class=\"fa-solid fa-folder-tree\"></i> Parent Category (Optional)\n        </label>\n        <kendo-dropdownlist\n          [(ngModel)]=\"selectedParentId\"\n          name=\"parentCategory\"\n          [data]=\"flattenedCategories\"\n          [textField]=\"'name'\"\n          [valueField]=\"'id'\"\n          [valuePrimitive]=\"true\"\n          [defaultItem]=\"{id: null, name: '-- No Parent (Top Level) --'}\"\n          style=\"width: 100%;\">\n          <ng-template kendoDropDownListItemTemplate let-dataItem>\n            <div style=\"padding-left: {{getCategoryIndent(dataItem)}}; display: flex; align-items: center; gap: 6px;\">\n              @if (dataItem.children && dataItem.children.length > 0) {\n                <i class=\"fa-solid fa-folder\" style=\"color: #ffc107; font-size: 0.9em;\"></i>\n              } @else {\n                <i class=\"fa-solid fa-folder-open\" style=\"color: var(--mj-text-muted); font-size: 0.9em;\"></i>\n              }\n              <span>{{ dataItem.name }}</span>\n            </div>\n          </ng-template>\n        </kendo-dropdownlist>\n        @if (selectedParentId) {\n          <div style=\"margin-top: 8px; padding: 8px; background: var(--mj-bg-surface-sunken); border-radius: 4px; font-size: 0.85em; color: var(--mj-text-muted);\">\n            <i class=\"fa-solid fa-info-circle\"></i>\n            Full path: {{ getFullPath() }}\n          </div>\n        }\n      </div>\n    </div>\n    <kendo-dialog-actions>\n      <button kendoButton (click)=\"close()\">\n        <i class=\"fa-solid fa-times\"></i> Cancel\n      </button>\n      <button kendoButton\n        [themeColor]=\"'primary'\"\n        [disabled]=\"!categoryName.trim() || isCreating\"\n        (click)=\"createCategory()\">\n        @if (isCreating) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i> Creating...\n        } @else {\n          <i class=\"fa-solid fa-check\"></i> Create Category\n        }\n      </button>\n    </kendo-dialog-actions>\n  </kendo-dialog>\n}"]}
+{"version":3,"file":"query-category-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/Queries/query-category-dialog.component.ts","../../../../src/lib/custom/Queries/query-category-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';\nimport { MJQueryCategoryEntity } from '@memberjunction/core-entities';\nimport { Metadata, RunView } from '@memberjunction/core';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\n\ninterface CategoryNode {\n    id: string;\n    name: string;\n    fullPath: string;\n    children: CategoryNode[];\n    level: number;\n}\n\n@Component({\n  standalone: false,\n    selector: 'mj-query-category-dialog',\n    templateUrl: './query-category-dialog.component.html',\n    styleUrls: ['./query-category-dialog.component.css']\n})\nexport class QueryCategoryDialogComponent implements OnInit {\n    @Input() isVisible = false;\n    @Output() isVisibleChange = new EventEmitter<boolean>();\n    @Output() onCategoryCreated = new EventEmitter<MJQueryCategoryEntity>();\n    \n    public categoryName = '';\n    public selectedParentId: string | null = null;\n    public categories: MJQueryCategoryEntity[] = [];\n    public categoryTree: CategoryNode[] = [];\n    public flattenedCategories: CategoryNode[] = [];\n    public isCreating = false;\n    \n    async ngOnInit() {\n        await this.loadCategories();\n    }\n    \n    async loadCategories() {\n        try {\n            const rv = new RunView();\n            const result = await rv.RunView<MJQueryCategoryEntity>({\n                EntityName: 'MJ: Query Categories',\n                OrderBy: 'Name',\n                ResultType: 'entity_object'\n            });\n            \n            if (result.Success && result.Results) {\n                this.categories = result.Results;\n                this.categoryTree = this.buildCategoryTree(this.categories);\n                this.flattenedCategories = this.flattenCategories(this.categoryTree, 0);\n            }\n        } catch (error) {\n            console.error('Error loading categories:', error);\n        }\n    }\n    \n    private buildCategoryTree(categories: MJQueryCategoryEntity[]): CategoryNode[] {\n        const categoryMap = new Map<string, CategoryNode>();\n        const rootCategories: CategoryNode[] = [];\n        \n        // Create nodes for all categories\n        categories.forEach(cat => {\n            categoryMap.set(cat.ID, {\n                id: cat.ID,\n                name: cat.Name,\n                fullPath: cat.Name,\n                children: [],\n                level: 0\n            });\n        });\n        \n        // Build the tree structure\n        categories.forEach(cat => {\n            const node = categoryMap.get(cat.ID)!;\n            if (cat.ParentID && categoryMap.has(cat.ParentID)) {\n                const parent = categoryMap.get(cat.ParentID)!;\n                parent.children.push(node);\n                node.fullPath = `${parent.fullPath} / ${node.name}`;\n            } else {\n                rootCategories.push(node);\n            }\n        });\n        \n        // Sort children alphabetically\n        const sortNodes = (nodes: CategoryNode[]) => {\n            nodes.sort((a, b) => a.name.localeCompare(b.name));\n            nodes.forEach(node => sortNodes(node.children));\n        };\n        sortNodes(rootCategories);\n        \n        return rootCategories;\n    }\n    \n    private flattenCategories(nodes: CategoryNode[], level: number): CategoryNode[] {\n        const result: CategoryNode[] = [];\n        nodes.forEach(node => {\n            node.level = level;\n            result.push(node);\n            if (node.children.length > 0) {\n                result.push(...this.flattenCategories(node.children, level + 1));\n            }\n        });\n        return result;\n    }\n    \n    async createCategory() {\n        if (!this.categoryName.trim()) {\n            MJNotificationService.Instance.CreateSimpleNotification(\n                'Please enter a category name',\n                'warning'\n            );\n            return;\n        }\n        \n        this.isCreating = true;\n        \n        try {\n            const md = new Metadata();\n            const newCategory = await md.GetEntityObject<MJQueryCategoryEntity>('MJ: Query Categories');\n            newCategory.Name = this.categoryName.trim();\n            newCategory.ParentID = this.selectedParentId;\n            newCategory.UserID = md.CurrentUser.ID;\n            \n            const saved = await newCategory.Save();\n            \n            if (saved) {\n                MJNotificationService.Instance.CreateSimpleNotification(\n                    'Category created successfully',\n                    'success'\n                );\n                this.onCategoryCreated.emit(newCategory);\n                this.close();\n            } else {\n                MJNotificationService.Instance.CreateSimpleNotification(\n                    `Failed to create category: ${newCategory.LatestResult?.Message || 'Unknown error'}`,\n                    'error'\n                );\n            }\n        } catch (error) {\n            console.error('Error creating category:', error);\n            MJNotificationService.Instance.CreateSimpleNotification(\n                'Error creating category',\n                'error'\n            );\n        } finally {\n            this.isCreating = false;\n        }\n    }\n    \n    close() {\n        this.categoryName = '';\n        this.selectedParentId = null;\n        this.isVisible = false;\n        this.isVisibleChange.emit(false);\n    }\n    \n    getCategoryIndent(category: CategoryNode): string {\n        return `${category.level * 20}px`;\n    }\n    \n    getFullPath(): string {\n        const parent = this.flattenedCategories.find(c => c.id === this.selectedParentId);\n        const name = this.categoryName || 'New Category';\n        return parent ? `${parent.fullPath} / ${name}` : name;\n    }\n}","@if (isVisible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Width]=\"500\"\n    (Close)=\"close()\">\n    <mj-dialog-titlebar>\n      <div style=\"display: flex; align-items: center; gap: 8px;\">\n        <i class=\"fa-solid fa-folder-plus\" style=\"color: #28a745;\"></i>\n        Create New Query Category\n      </div>\n    </mj-dialog-titlebar>\n    <div style=\"padding: 20px;\">\n      <div class=\"form-group\" style=\"margin-bottom: 20px;\">\n        <label for=\"categoryName\" style=\"display: block; margin-bottom: 8px; font-weight: 600; color: var(--mj-text-secondary);\">\n          <i class=\"fa-solid fa-tag\"></i> Category Name <span style=\"color: #dc3545;\">*</span>\n        </label>\n        <input class=\"mj-input\"\n          [(ngModel)]=\"categoryName\"\n          name=\"categoryName\"\n          placeholder=\"Enter category name...\"\n          style=\"width: 100%;\" />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"parentCategory\" style=\"display: block; margin-bottom: 8px; font-weight: 600; color: var(--mj-text-secondary);\">\n          <i class=\"fa-solid fa-folder-tree\"></i> Parent Category (Optional)\n        </label>\n        <mj-dropdown\n          [(ngModel)]=\"selectedParentId\"\n          name=\"parentCategory\"\n          [Data]=\"flattenedCategories\"\n          TextField=\"name\"\n          ValueField=\"id\"\n          [ValuePrimitive]=\"true\"\n          Placeholder=\"-- No Parent (Top Level) --\"\n          style=\"width: 100%;\">\n        </mj-dropdown>\n        @if (selectedParentId) {\n          <div style=\"margin-top: 8px; padding: 8px; background: var(--mj-bg-surface-sunken); border-radius: 4px; font-size: 0.85em; color: var(--mj-text-muted);\">\n            <i class=\"fa-solid fa-info-circle\"></i>\n            Full path: {{ getFullPath() }}\n          </div>\n        }\n      </div>\n    </div>\n    <mj-dialog-actions>\n      <button mjButton (click)=\"close()\">\n        <i class=\"fa-solid fa-times\"></i> Cancel\n      </button>\n      <button mjButton\n        variant=\"primary\"\n        [disabled]=\"!categoryName.trim() || isCreating\"\n        (click)=\"createCategory()\">\n        @if (isCreating) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i> Creating...\n        } @else {\n          <i class=\"fa-solid fa-check\"></i> Create Category\n        }\n      </button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n"]}