@memberjunction/ng-entity-viewer 6.2.0-edge.0 → 6.2.0-edge.1

package/dist/lib/quick-save-dialog/quick-save-dialog.component.js

@@ -1,147 +1,148 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
+const _c0 = ["nameInput"];
 function QuickSaveDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 26);
-    i0.ɵɵlistener("click", function QuickSaveDialogComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnClose()); });
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵlistener("click", function QuickSaveDialogComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnClose()); });
     i0.ɵɵelementEnd();
 } }
 function QuickSaveDialogComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.EntityName);
+    i0.ɵɵtextInterpolate(ctx_r2.EntityName);
 } }
-function QuickSaveDialogComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 12);
+function QuickSaveDialogComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 13);
     i0.ɵɵtext(1, "Name is required");
     i0.ɵɵelementEnd();
 } }
-function QuickSaveDialogComponent_Conditional_29_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵelement(1, "i", 33);
+function QuickSaveDialogComponent_Conditional_30_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵelement(1, "i", 34);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r1.Summary.SortCount, " sort level", ctx_r1.Summary.SortCount !== 1 ? "s" : "");
+    i0.ɵɵtextInterpolate2("", ctx_r2.Summary.SortCount, " sort level", ctx_r2.Summary.SortCount !== 1 ? "s" : "");
 } }
-function QuickSaveDialogComponent_Conditional_29_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵelement(1, "i", 34);
+function QuickSaveDialogComponent_Conditional_30_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵelement(1, "i", 35);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("Smart filter: \"", ctx_r1.Summary.SmartFilterPrompt, "\"");
+    i0.ɵɵtextInterpolate1("Smart filter: \"", ctx_r2.Summary.SmartFilterPrompt, "\"");
 } }
-function QuickSaveDialogComponent_Conditional_29_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵelement(1, "i", 35);
+function QuickSaveDialogComponent_Conditional_30_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵelement(1, "i", 36);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r1.Summary.FilterCount, " filter", ctx_r1.Summary.FilterCount !== 1 ? "s" : "");
+    i0.ɵɵtextInterpolate2("", ctx_r2.Summary.FilterCount, " filter", ctx_r2.Summary.FilterCount !== 1 ? "s" : "");
 } }
-function QuickSaveDialogComponent_Conditional_29_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵelement(1, "i", 36);
+function QuickSaveDialogComponent_Conditional_30_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵelement(1, "i", 37);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r1.Summary.AggregateCount, " aggregate", ctx_r1.Summary.AggregateCount !== 1 ? "s" : "");
+    i0.ɵɵtextInterpolate2("", ctx_r2.Summary.AggregateCount, " aggregate", ctx_r2.Summary.AggregateCount !== 1 ? "s" : "");
 } }
-function QuickSaveDialogComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19)(1, "div", 27);
-    i0.ɵɵelement(2, "i", 28);
+function QuickSaveDialogComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20)(1, "div", 28);
+    i0.ɵɵelement(2, "i", 29);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "View includes:");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 29)(6, "div", 30);
-    i0.ɵɵelement(7, "i", 31);
+    i0.ɵɵelementStart(5, "div", 30)(6, "div", 31);
+    i0.ɵɵelement(7, "i", 32);
     i0.ɵɵelementStart(8, "span");
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(10, QuickSaveDialogComponent_Conditional_29_Conditional_10_Template, 4, 2, "div", 30);
-    i0.ɵɵconditionalCreate(11, QuickSaveDialogComponent_Conditional_29_Conditional_11_Template, 4, 1, "div", 32);
-    i0.ɵɵconditionalCreate(12, QuickSaveDialogComponent_Conditional_29_Conditional_12_Template, 4, 2, "div", 30);
-    i0.ɵɵconditionalCreate(13, QuickSaveDialogComponent_Conditional_29_Conditional_13_Template, 4, 2, "div", 30);
+    i0.ɵɵconditionalCreate(10, QuickSaveDialogComponent_Conditional_30_Conditional_10_Template, 4, 2, "div", 31);
+    i0.ɵɵconditionalCreate(11, QuickSaveDialogComponent_Conditional_30_Conditional_11_Template, 4, 1, "div", 33);
+    i0.ɵɵconditionalCreate(12, QuickSaveDialogComponent_Conditional_30_Conditional_12_Template, 4, 2, "div", 31);
+    i0.ɵɵconditionalCreate(13, QuickSaveDialogComponent_Conditional_30_Conditional_13_Template, 4, 2, "div", 31);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(9);
-    i0.ɵɵtextInterpolate2("", ctx_r1.Summary.ColumnCount, " column", ctx_r1.Summary.ColumnCount !== 1 ? "s" : "");
+    i0.ɵɵtextInterpolate2("", ctx_r2.Summary.ColumnCount, " column", ctx_r2.Summary.ColumnCount !== 1 ? "s" : "");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Summary.SortCount > 0 ? 10 : -1);
+    i0.ɵɵconditional(ctx_r2.Summary.SortCount > 0 ? 10 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Summary.SmartFilterActive ? 11 : -1);
+    i0.ɵɵconditional(ctx_r2.Summary.SmartFilterActive ? 11 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Summary.FilterCount > 0 ? 12 : -1);
+    i0.ɵɵconditional(ctx_r2.Summary.FilterCount > 0 ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Summary.AggregateCount > 0 ? 13 : -1);
+    i0.ɵɵconditional(ctx_r2.Summary.AggregateCount > 0 ? 13 : -1);
 } }
-function QuickSaveDialogComponent_Conditional_36_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 38);
-} }
-function QuickSaveDialogComponent_Conditional_36_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function QuickSaveDialogComponent_Conditional_37_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 39);
 } }
-function QuickSaveDialogComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 37);
-    i0.ɵɵlistener("click", function QuickSaveDialogComponent_Conditional_36_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSave(false)); });
-    i0.ɵɵconditionalCreate(1, QuickSaveDialogComponent_Conditional_36_Conditional_1_Template, 1, 0, "i", 38)(2, QuickSaveDialogComponent_Conditional_36_Conditional_2_Template, 1, 0, "i", 39);
+function QuickSaveDialogComponent_Conditional_37_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 40);
+} }
+function QuickSaveDialogComponent_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 38);
+    i0.ɵɵlistener("click", function QuickSaveDialogComponent_Conditional_37_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSave(false)); });
+    i0.ɵɵconditionalCreate(1, QuickSaveDialogComponent_Conditional_37_Conditional_1_Template, 1, 0, "i", 39)(2, QuickSaveDialogComponent_Conditional_37_Conditional_2_Template, 1, 0, "i", 40);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 40);
-    i0.ɵɵlistener("click", function QuickSaveDialogComponent_Conditional_36_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSave(true)); });
-    i0.ɵɵelement(5, "i", 41);
+    i0.ɵɵelementStart(4, "button", 41);
+    i0.ɵɵlistener("click", function QuickSaveDialogComponent_Conditional_37_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSave(true)); });
+    i0.ɵɵelement(5, "i", 42);
     i0.ɵɵtext(6, " Save As New ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("disabled", !ctx_r1.Name.trim() || ctx_r1.IsSaving);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", !ctx_r2.Name.trim() || ctx_r2.IsSaving);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsSaving ? 1 : 2);
+    i0.ɵɵconditional(ctx_r2.IsSaving ? 1 : 2);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.IsSaving ? "Saving..." : "Update", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.IsSaving ? "Saving..." : "Update", " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", !ctx_r1.Name.trim() || ctx_r1.IsSaving);
+    i0.ɵɵproperty("disabled", !ctx_r2.Name.trim() || ctx_r2.IsSaving);
 } }
-function QuickSaveDialogComponent_Conditional_37_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 38);
+function QuickSaveDialogComponent_Conditional_38_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 39);
 } }
-function QuickSaveDialogComponent_Conditional_37_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 41);
+function QuickSaveDialogComponent_Conditional_38_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 42);
 } }
-function QuickSaveDialogComponent_Conditional_37_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 37);
-    i0.ɵɵlistener("click", function QuickSaveDialogComponent_Conditional_37_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSave(true)); });
-    i0.ɵɵconditionalCreate(1, QuickSaveDialogComponent_Conditional_37_Conditional_1_Template, 1, 0, "i", 38)(2, QuickSaveDialogComponent_Conditional_37_Conditional_2_Template, 1, 0, "i", 41);
+function QuickSaveDialogComponent_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 38);
+    i0.ɵɵlistener("click", function QuickSaveDialogComponent_Conditional_38_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSave(true)); });
+    i0.ɵɵconditionalCreate(1, QuickSaveDialogComponent_Conditional_38_Conditional_1_Template, 1, 0, "i", 39)(2, QuickSaveDialogComponent_Conditional_38_Conditional_2_Template, 1, 0, "i", 42);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("disabled", !ctx_r1.Name.trim() || ctx_r1.IsSaving);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", !ctx_r2.Name.trim() || ctx_r2.IsSaving);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsSaving ? 1 : 2);
+    i0.ɵɵconditional(ctx_r2.IsSaving ? 1 : 2);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.IsSaving ? "Saving..." : "Create View", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.IsSaving ? "Saving..." : "Create View", " ");
 } }
 /**
  * QuickSaveDialogComponent - Focused modal for saving views quickly
@@ -194,6 +195,13 @@ export class QuickSaveDialogComponent {
      * Whether to default to Save As New mode (no longer used for toggle, kept for API compat)
      */
     DefaultSaveAsNew = false;
+    /**
+     * Name to pre-fill when creating a NEW view, so the user can accept it with a single click.
+     * The field is focused and its text selected on open, so typing replaces it outright.
+     *
+     * Ignored when {@link ViewEntity} is set — an existing view's own name always wins.
+     */
+    SuggestedName = '';
     /**
      * Emitted when the user saves
      */
@@ -207,17 +215,39 @@ export class QuickSaveDialogComponent {
      * Carries the partially-filled form data so the config panel can continue the flow.
      */
     OpenAdvanced = new EventEmitter();
+    /** The name input, focused and selected whenever the dialog opens. */
+    nameInput;
     // Form state
     Name = '';
     Description = '';
     IsShared = false;
     NameTouched = false;
+    /**
+     * True when the dialog opened before the view existed, so the focus has to wait for
+     * `ngAfterViewInit`. The panel is always in the DOM (only `[class.open]` toggles), so after
+     * the first render the ViewChild is resolved and opening can focus synchronously.
+     */
+    focusPending = false;
+    viewReady = false;
     constructor(cdr) {
         this.cdr = cdr;
     }
     ngOnChanges(changes) {
         if (changes['IsOpen'] && this.IsOpen) {
             this.initializeForm();
+            if (this.viewReady) {
+                this.focusNameField();
+            }
+            else {
+                this.focusPending = true;
+            }
+        }
+    }
+    ngAfterViewInit() {
+        this.viewReady = true;
+        if (this.focusPending) {
+            this.focusPending = false;
+            this.focusNameField();
         }
     }
     /**
@@ -231,12 +261,30 @@ export class QuickSaveDialogComponent {
             this.IsShared = this.ViewEntity.IsShared;
         }
         else {
-            this.Name = '';
+            this.Name = this.SuggestedName || '';
             this.Description = '';
             this.IsShared = false;
         }
         this.cdr.detectChanges();
     }
+    /**
+     * Put the cursor in the name field with its text selected: one click accepts a suggested
+     * name, one keystroke replaces it.
+     *
+     * Deferred by a microtask because `ngModel` writes the seeded value to the element on one of
+     * its own — selecting first would select an empty field and leave the caret at the end once
+     * the value landed.
+     */
+    focusNameField() {
+        queueMicrotask(() => {
+            const input = this.nameInput?.nativeElement;
+            if (!input || !this.IsOpen) {
+                return;
+            }
+            input.focus();
+            input.select();
+        });
+    }
     /**
      * Handle save button click
      * @param saveAsNew - true to create a new view, false to update existing
@@ -268,57 +316,63 @@ export class QuickSaveDialogComponent {
         });
     }
     static ɵfac = function QuickSaveDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QuickSaveDialogComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QuickSaveDialogComponent, selectors: [["mj-quick-save-dialog"]], inputs: { IsOpen: "IsOpen", ViewEntity: "ViewEntity", EntityName: "EntityName", Summary: "Summary", IsSaving: "IsSaving", DefaultSaveAsNew: "DefaultSaveAsNew" }, outputs: { Save: "Save", Close: "Close", OpenAdvanced: "OpenAdvanced" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 40, vars: 12, consts: [[1, "dialog-backdrop"], [1, "dialog-panel"], [1, "dialog-header"], [1, "header-title"], [1, "fa-solid", "fa-bookmark"], [1, "entity-badge"], ["title", "Close", "aria-label", "Close dialog", 1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "dialog-content"], [1, "form-group"], ["for", "quickSaveName"], ["id", "quickSaveName", "type", "text", "placeholder", "e.g., Active West Coast Contacts", 1, "form-input", 3, "ngModelChange", "blur", "keydown.enter", "ngModel"], [1, "validation-error"], ["for", "quickSaveDescription"], [1, "optional"], ["id", "quickSaveDescription", "placeholder", "What does this view show?", "rows", "2", 1, "form-input", "form-textarea", 3, "ngModelChange", "ngModel"], [1, "checkbox-label"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "checkbox-text"], [1, "summary-section"], [1, "advanced-link", 3, "click"], [1, "fa-solid", "fa-sliders"], [1, "dialog-footer"], [1, "footer-actions"], [1, "btn", "btn-primary", 3, "disabled"], [1, "btn", "btn-cancel", 3, "click"], [1, "dialog-backdrop", 3, "click"], [1, "summary-header"], [1, "fa-solid", "fa-list-check"], [1, "summary-items"], [1, "summary-item"], [1, "fa-solid", "fa-columns"], [1, "summary-item", "smart-filter"], [1, "fa-solid", "fa-arrow-up-wide-short"], [1, "fa-solid", "fa-wand-magic-sparkles"], [1, "fa-solid", "fa-filter"], [1, "fa-solid", "fa-chart-simple"], [1, "btn", "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-save"], [1, "btn", "btn-secondary", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"]], template: function QuickSaveDialogComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, QuickSaveDialogComponent_Conditional_0_Template, 1, 0, "div", 0);
-            i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3);
-            i0.ɵɵelement(4, "i", 4);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QuickSaveDialogComponent, selectors: [["mj-quick-save-dialog"]], viewQuery: function QuickSaveDialogComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.nameInput = _t.first);
+        } }, inputs: { IsOpen: "IsOpen", ViewEntity: "ViewEntity", EntityName: "EntityName", Summary: "Summary", IsSaving: "IsSaving", DefaultSaveAsNew: "DefaultSaveAsNew", SuggestedName: "SuggestedName" }, outputs: { Save: "Save", Close: "Close", OpenAdvanced: "OpenAdvanced" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 41, vars: 12, consts: [["nameInput", ""], [1, "dialog-backdrop"], [1, "dialog-panel"], [1, "dialog-header"], [1, "header-title"], [1, "fa-solid", "fa-bookmark"], [1, "entity-badge"], ["title", "Close", "aria-label", "Close dialog", 1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "dialog-content"], [1, "form-group"], ["for", "quickSaveName"], ["id", "quickSaveName", "type", "text", "placeholder", "e.g., Active West Coast Contacts", 1, "form-input", 3, "ngModelChange", "blur", "keydown.enter", "ngModel"], [1, "validation-error"], ["for", "quickSaveDescription"], [1, "optional"], ["id", "quickSaveDescription", "placeholder", "What does this view show?", "rows", "2", 1, "form-input", "form-textarea", 3, "ngModelChange", "ngModel"], [1, "checkbox-label"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "checkbox-text"], [1, "summary-section"], [1, "advanced-link", 3, "click"], [1, "fa-solid", "fa-sliders"], [1, "dialog-footer"], [1, "footer-actions"], [1, "btn", "btn-primary", 3, "disabled"], [1, "btn", "btn-cancel", 3, "click"], [1, "dialog-backdrop", 3, "click"], [1, "summary-header"], [1, "fa-solid", "fa-list-check"], [1, "summary-items"], [1, "summary-item"], [1, "fa-solid", "fa-columns"], [1, "summary-item", "smart-filter"], [1, "fa-solid", "fa-arrow-up-wide-short"], [1, "fa-solid", "fa-wand-magic-sparkles"], [1, "fa-solid", "fa-filter"], [1, "fa-solid", "fa-chart-simple"], [1, "btn", "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-save"], [1, "btn", "btn-secondary", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"]], template: function QuickSaveDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵconditionalCreate(0, QuickSaveDialogComponent_Conditional_0_Template, 1, 0, "div", 1);
+            i0.ɵɵelementStart(1, "div", 2)(2, "div", 3)(3, "div", 4);
+            i0.ɵɵelement(4, "i", 5);
             i0.ɵɵelementStart(5, "span");
             i0.ɵɵtext(6, "Save View");
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(7, QuickSaveDialogComponent_Conditional_7_Template, 2, 1, "span", 5);
-            i0.ɵɵelementStart(8, "button", 6);
+            i0.ɵɵconditionalCreate(7, QuickSaveDialogComponent_Conditional_7_Template, 2, 1, "span", 6);
+            i0.ɵɵelementStart(8, "button", 7);
             i0.ɵɵlistener("click", function QuickSaveDialogComponent_Template_button_click_8_listener() { return ctx.OnClose(); });
-            i0.ɵɵelement(9, "i", 7);
+            i0.ɵɵelement(9, "i", 8);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(10, "div", 8)(11, "div", 9)(12, "label", 10);
+            i0.ɵɵelementStart(10, "div", 9)(11, "div", 10)(12, "label", 11);
             i0.ɵɵtext(13, "View Name");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(14, "input", 11);
-            i0.ɵɵtwoWayListener("ngModelChange", function QuickSaveDialogComponent_Template_input_ngModelChange_14_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Name, $event) || (ctx.Name = $event); return $event; });
+            i0.ɵɵelementStart(14, "input", 12, 0);
+            i0.ɵɵtwoWayListener("ngModelChange", function QuickSaveDialogComponent_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.Name, $event) || (ctx.Name = $event); return i0.ɵɵresetView($event); });
             i0.ɵɵlistener("blur", function QuickSaveDialogComponent_Template_input_blur_14_listener() { return ctx.NameTouched = true; })("keydown.enter", function QuickSaveDialogComponent_Template_input_keydown_enter_14_listener() { return ctx.OnSave(false); });
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(15, QuickSaveDialogComponent_Conditional_15_Template, 2, 0, "span", 12);
+            i0.ɵɵconditionalCreate(16, QuickSaveDialogComponent_Conditional_16_Template, 2, 0, "span", 13);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "div", 9)(17, "label", 13);
-            i0.ɵɵtext(18, "Description ");
-            i0.ɵɵelementStart(19, "span", 14);
-            i0.ɵɵtext(20, "(optional)");
+            i0.ɵɵelementStart(17, "div", 10)(18, "label", 14);
+            i0.ɵɵtext(19, "Description ");
+            i0.ɵɵelementStart(20, "span", 15);
+            i0.ɵɵtext(21, "(optional)");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(21, "textarea", 15);
-            i0.ɵɵtwoWayListener("ngModelChange", function QuickSaveDialogComponent_Template_textarea_ngModelChange_21_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Description, $event) || (ctx.Description = $event); return $event; });
+            i0.ɵɵelementStart(22, "textarea", 16);
+            i0.ɵɵtwoWayListener("ngModelChange", function QuickSaveDialogComponent_Template_textarea_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.Description, $event) || (ctx.Description = $event); return i0.ɵɵresetView($event); });
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(22, "label", 16)(23, "input", 17);
-            i0.ɵɵtwoWayListener("ngModelChange", function QuickSaveDialogComponent_Template_input_ngModelChange_23_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.IsShared, $event) || (ctx.IsShared = $event); return $event; });
+            i0.ɵɵelementStart(23, "label", 17)(24, "input", 18);
+            i0.ɵɵtwoWayListener("ngModelChange", function QuickSaveDialogComponent_Template_input_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.IsShared, $event) || (ctx.IsShared = $event); return i0.ɵɵresetView($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(24, "span", 18)(25, "strong");
-            i0.ɵɵtext(26, "Share with others");
+            i0.ɵɵelementStart(25, "span", 19)(26, "strong");
+            i0.ɵɵtext(27, "Share with others");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(27, "small");
-            i0.ɵɵtext(28, "Allow other users to use this view");
+            i0.ɵɵelementStart(28, "small");
+            i0.ɵɵtext(29, "Allow other users to use this view");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(29, QuickSaveDialogComponent_Conditional_29_Template, 14, 6, "div", 19);
-            i0.ɵɵelementStart(30, "button", 20);
-            i0.ɵɵlistener("click", function QuickSaveDialogComponent_Template_button_click_30_listener() { return ctx.OnOpenAdvanced(); });
-            i0.ɵɵelement(31, "i", 21);
-            i0.ɵɵelementStart(32, "span");
-            i0.ɵɵtext(33, "Customize columns, filters & sorting...");
+            i0.ɵɵconditionalCreate(30, QuickSaveDialogComponent_Conditional_30_Template, 14, 6, "div", 20);
+            i0.ɵɵelementStart(31, "button", 21);
+            i0.ɵɵlistener("click", function QuickSaveDialogComponent_Template_button_click_31_listener() { return ctx.OnOpenAdvanced(); });
+            i0.ɵɵelement(32, "i", 22);
+            i0.ɵɵelementStart(33, "span");
+            i0.ɵɵtext(34, "Customize columns, filters & sorting...");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(34, "div", 22)(35, "div", 23);
-            i0.ɵɵconditionalCreate(36, QuickSaveDialogComponent_Conditional_36_Template, 7, 4)(37, QuickSaveDialogComponent_Conditional_37_Template, 4, 3, "button", 24);
+            i0.ɵɵelementStart(35, "div", 23)(36, "div", 24);
+            i0.ɵɵconditionalCreate(37, QuickSaveDialogComponent_Conditional_37_Template, 7, 4)(38, QuickSaveDialogComponent_Conditional_38_Template, 4, 3, "button", 25);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(38, "button", 25);
-            i0.ɵɵlistener("click", function QuickSaveDialogComponent_Template_button_click_38_listener() { return ctx.OnClose(); });
-            i0.ɵɵtext(39, " Cancel ");
+            i0.ɵɵelementStart(39, "button", 26);
+            i0.ɵɵlistener("click", function QuickSaveDialogComponent_Template_button_click_39_listener() { return ctx.OnClose(); });
+            i0.ɵɵtext(40, " Cancel ");
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.IsOpen ? 0 : -1);
@@ -329,21 +383,21 @@ export class QuickSaveDialogComponent {
             i0.ɵɵadvance(7);
             i0.ɵɵclassProp("invalid", ctx.NameTouched && !ctx.Name.trim());
             i0.ɵɵtwoWayProperty("ngModel", ctx.Name);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.NameTouched && !ctx.Name.trim() ? 15 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.NameTouched && !ctx.Name.trim() ? 16 : -1);
             i0.ɵɵadvance(6);
             i0.ɵɵtwoWayProperty("ngModel", ctx.Description);
             i0.ɵɵadvance(2);
             i0.ɵɵtwoWayProperty("ngModel", ctx.IsShared);
             i0.ɵɵadvance(6);
-            i0.ɵɵconditional(ctx.Summary ? 29 : -1);
+            i0.ɵɵconditional(ctx.Summary ? 30 : -1);
             i0.ɵɵadvance(7);
-            i0.ɵɵconditional(ctx.ViewEntity ? 36 : 37);
+            i0.ɵɵconditional(ctx.ViewEntity ? 37 : 38);
         } }, dependencies: [i1.DefaultValueAccessor, i1.CheckboxControlValueAccessor, i1.NgControlStatus, i1.NgModel], styles: ["\n.dialog-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.4);\n  z-index: 2000;\n  animation: _ngcontent-%COMP%_fadeIn 0.2s ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n\n.dialog-panel[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.95);\n  width: 480px;\n  max-width: calc(100vw - 40px);\n  max-height: calc(100vh - 60px);\n  background: var(--mj-bg-surface);\n  border-radius: 16px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n  z-index: 2001;\n  display: flex;\n  flex-direction: column;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.dialog-panel.open[_ngcontent-%COMP%] {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n\n.dialog-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 24px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  border-radius: 16px 16px 0 0;\n}\n\n.header-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 17px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.header-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 18px;\n}\n\n.close-btn[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 8px;\n  cursor: pointer;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-primary);\n}\n\n\n.entity-badge[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface-sunken);\n  padding: 3px 10px;\n  border-radius: 12px;\n  margin-left: auto;\n  margin-right: 8px;\n}\n\n\n.dialog-content[_ngcontent-%COMP%] {\n  padding: 20px 24px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n\n.form-group[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.form-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.form-group[_ngcontent-%COMP%]   .optional[_ngcontent-%COMP%] {\n  font-weight: 400;\n  color: var(--mj-text-disabled);\n}\n\n.form-input[_ngcontent-%COMP%] {\n  padding: 9px 12px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 8px;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n  transition: border-color 0.15s ease;\n}\n\n.form-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-input.invalid[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-error);\n}\n\n.form-textarea[_ngcontent-%COMP%] {\n  resize: vertical;\n  font-family: inherit;\n  min-height: 50px;\n}\n\n.validation-error[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-status-error);\n}\n\n\n.checkbox-label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.checkbox-label[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n  margin-top: 3px;\n  flex-shrink: 0;\n}\n\n.checkbox-text[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.checkbox-text[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.checkbox-text[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n}\n\n\n.summary-section[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  padding: 14px;\n}\n\n.summary-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  margin-bottom: 10px;\n}\n\n.summary-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.summary-items[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.summary-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.summary-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  width: 16px;\n  text-align: center;\n  font-size: 12px;\n}\n\n.summary-item.smart-filter[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.summary-item.smart-filter[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n.advanced-link[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0;\n  border: none;\n  background: none;\n  color: var(--mj-brand-primary);\n  font-size: 13px;\n  cursor: pointer;\n  transition: color 0.15s ease;\n}\n\n.advanced-link[_ngcontent-%COMP%]:hover {\n  color: var(--mj-color-info-600);\n  text-decoration: underline;\n}\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 24px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  border-radius: 0 0 16px 16px;\n}\n\n.footer-actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n\n.btn[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 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: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-color-info-600);\n}\n\n.btn-primary[_ngcontent-%COMP%]:disabled {\n  background: color-mix(in srgb, var(--mj-brand-primary) 50%, var(--mj-bg-surface));\n  cursor: not-allowed;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  border: 1px solid var(--mj-border-strong);\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-bg-surface-card);\n  border-color: var(--mj-text-disabled);\n}\n\n.btn-secondary[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.btn-cancel[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-primary);\n}\n\n.btn-cancel[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-active);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QuickSaveDialogComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-quick-save-dialog', template: "<!-- Dialog Backdrop -->\n@if (IsOpen) {\n  <div class=\"dialog-backdrop\" (click)=\"OnClose()\"></div>\n}\n\n<!-- Dialog Panel -->\n<div class=\"dialog-panel\" [class.open]=\"IsOpen\">\n  <!-- Header -->\n  <div class=\"dialog-header\">\n    <div class=\"header-title\">\n      <i class=\"fa-solid fa-bookmark\"></i>\n      <span>Save View</span>\n    </div>\n    @if (EntityName) {\n      <span class=\"entity-badge\">{{ EntityName }}</span>\n    }\n    <button class=\"close-btn\" (click)=\"OnClose()\" title=\"Close\" aria-label=\"Close dialog\">\n      <i class=\"fa-solid fa-times\"></i>\n    </button>\n  </div>\n\n  <!-- Content -->\n  <div class=\"dialog-content\">\n    <!-- Name Field -->\n    <div class=\"form-group\">\n      <label for=\"quickSaveName\">View Name</label>\n      <input\n        id=\"quickSaveName\"\n        type=\"text\"\n        class=\"form-input\"\n        [class.invalid]=\"NameTouched && !Name.trim()\"\n        placeholder=\"e.g., Active West Coast Contacts\"\n        [(ngModel)]=\"Name\"\n        (blur)=\"NameTouched = true\"\n        (keydown.enter)=\"OnSave(false)\"\n      />\n      @if (NameTouched && !Name.trim()) {\n        <span class=\"validation-error\">Name is required</span>\n      }\n    </div>\n\n    <!-- Description Field -->\n    <div class=\"form-group\">\n      <label for=\"quickSaveDescription\">Description <span class=\"optional\">(optional)</span></label>\n      <textarea\n        id=\"quickSaveDescription\"\n        class=\"form-input form-textarea\"\n        placeholder=\"What does this view show?\"\n        [(ngModel)]=\"Description\"\n        rows=\"2\"\n      ></textarea>\n    </div>\n\n    <!-- Share Toggle -->\n    <label class=\"checkbox-label\">\n      <input type=\"checkbox\" [(ngModel)]=\"IsShared\" />\n      <span class=\"checkbox-text\">\n        <strong>Share with others</strong>\n        <small>Allow other users to use this view</small>\n      </span>\n    </label>\n\n    <!-- View Summary Preview -->\n    @if (Summary) {\n      <div class=\"summary-section\">\n        <div class=\"summary-header\">\n          <i class=\"fa-solid fa-list-check\"></i>\n          <span>View includes:</span>\n        </div>\n        <div class=\"summary-items\">\n          <div class=\"summary-item\">\n            <i class=\"fa-solid fa-columns\"></i>\n            <span>{{ Summary.ColumnCount }} column{{ Summary.ColumnCount !== 1 ? 's' : '' }}</span>\n          </div>\n          @if (Summary.SortCount > 0) {\n            <div class=\"summary-item\">\n              <i class=\"fa-solid fa-arrow-up-wide-short\"></i>\n              <span>{{ Summary.SortCount }} sort level{{ Summary.SortCount !== 1 ? 's' : '' }}</span>\n            </div>\n          }\n          @if (Summary.SmartFilterActive) {\n            <div class=\"summary-item smart-filter\">\n              <i class=\"fa-solid fa-wand-magic-sparkles\"></i>\n              <span>Smart filter: \"{{ Summary.SmartFilterPrompt }}\"</span>\n            </div>\n          }\n          @if (Summary.FilterCount > 0) {\n            <div class=\"summary-item\">\n              <i class=\"fa-solid fa-filter\"></i>\n              <span>{{ Summary.FilterCount }} filter{{ Summary.FilterCount !== 1 ? 's' : '' }}</span>\n            </div>\n          }\n          @if (Summary.AggregateCount > 0) {\n            <div class=\"summary-item\">\n              <i class=\"fa-solid fa-chart-simple\"></i>\n              <span>{{ Summary.AggregateCount }} aggregate{{ Summary.AggregateCount !== 1 ? 's' : '' }}</span>\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- Advanced Link -->\n    <button class=\"advanced-link\" (click)=\"OnOpenAdvanced()\">\n      <i class=\"fa-solid fa-sliders\"></i>\n      <span>Customize columns, filters & sorting...</span>\n    </button>\n  </div>\n\n  <!-- Footer -->\n  <div class=\"dialog-footer\">\n    <div class=\"footer-actions\">\n      @if (ViewEntity) {\n        <!-- Existing view: Update + Save As New -->\n        <button\n          class=\"btn btn-primary\"\n          (click)=\"OnSave(false)\"\n          [disabled]=\"!Name.trim() || IsSaving\">\n          @if (IsSaving) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          } @else {\n            <i class=\"fa-solid fa-save\"></i>\n          }\n          {{ IsSaving ? 'Saving...' : 'Update' }}\n        </button>\n        <button\n          class=\"btn btn-secondary\"\n          (click)=\"OnSave(true)\"\n          [disabled]=\"!Name.trim() || IsSaving\">\n          <i class=\"fa-solid fa-plus\"></i>\n          Save As New\n        </button>\n      } @else {\n        <!-- New view: Create -->\n        <button\n          class=\"btn btn-primary\"\n          (click)=\"OnSave(true)\"\n          [disabled]=\"!Name.trim() || IsSaving\">\n          @if (IsSaving) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          } @else {\n            <i class=\"fa-solid fa-plus\"></i>\n          }\n          {{ IsSaving ? 'Saving...' : 'Create View' }}\n        </button>\n      }\n    </div>\n    <button class=\"btn btn-cancel\" (click)=\"OnClose()\">\n      Cancel\n    </button>\n  </div>\n</div>\n", styles: ["/* Dialog Backdrop */\n.dialog-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 2000;\n  animation: fadeIn 0.2s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n/* Dialog Panel */\n.dialog-panel {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.95);\n  width: 480px;\n  max-width: calc(100vw - 40px);\n  max-height: calc(100vh - 60px);\n  background: var(--mj-bg-surface);\n  border-radius: 16px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n  z-index: 2001;\n  display: flex;\n  flex-direction: column;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.dialog-panel.open {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n/* Dialog Header */\n.dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 24px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  border-radius: 16px 16px 0 0;\n}\n\n.header-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 17px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.header-title i {\n  color: var(--mj-brand-primary);\n  font-size: 18px;\n}\n\n.close-btn {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 8px;\n  cursor: pointer;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.close-btn:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-primary);\n}\n\n/* Entity Badge */\n.entity-badge {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface-sunken);\n  padding: 3px 10px;\n  border-radius: 12px;\n  margin-left: auto;\n  margin-right: 8px;\n}\n\n/* Dialog Content */\n.dialog-content {\n  padding: 20px 24px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n/* Form Groups */\n.form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.form-group label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.form-group .optional {\n  font-weight: 400;\n  color: var(--mj-text-disabled);\n}\n\n.form-input {\n  padding: 9px 12px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 8px;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n  transition: border-color 0.15s ease;\n}\n\n.form-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-input.invalid {\n  border-color: var(--mj-status-error);\n}\n\n.form-textarea {\n  resize: vertical;\n  font-family: inherit;\n  min-height: 50px;\n}\n\n.validation-error {\n  font-size: 12px;\n  color: var(--mj-status-error);\n}\n\n/* Checkbox */\n.checkbox-label {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.checkbox-label input[type=\"checkbox\"] {\n  margin-top: 3px;\n  flex-shrink: 0;\n}\n\n.checkbox-text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.checkbox-text strong {\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.checkbox-text small {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n}\n\n/* Summary Section */\n.summary-section {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  padding: 14px;\n}\n\n.summary-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  margin-bottom: 10px;\n}\n\n.summary-header i {\n  color: var(--mj-brand-primary);\n}\n\n.summary-items {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.summary-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.summary-item i {\n  color: var(--mj-text-muted);\n  width: 16px;\n  text-align: center;\n  font-size: 12px;\n}\n\n.summary-item.smart-filter {\n  color: var(--mj-brand-primary);\n}\n\n.summary-item.smart-filter i {\n  color: var(--mj-brand-primary);\n}\n\n/* Advanced Link */\n.advanced-link {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0;\n  border: none;\n  background: none;\n  color: var(--mj-brand-primary);\n  font-size: 13px;\n  cursor: pointer;\n  transition: color 0.15s ease;\n}\n\n.advanced-link:hover {\n  color: var(--mj-color-info-600);\n  text-decoration: underline;\n}\n\n/* Dialog Footer */\n.dialog-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 24px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  border-radius: 0 0 16px 16px;\n}\n\n.footer-actions {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n/* Buttons */\n.btn {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 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: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.btn-primary:hover:not(:disabled) {\n  background: var(--mj-color-info-600);\n}\n\n.btn-primary:disabled {\n  background: color-mix(in srgb, var(--mj-brand-primary) 50%, var(--mj-bg-surface));\n  cursor: not-allowed;\n}\n\n.btn-secondary {\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  border: 1px solid var(--mj-border-strong);\n}\n\n.btn-secondary:hover:not(:disabled) {\n  background: var(--mj-bg-surface-card);\n  border-color: var(--mj-text-disabled);\n}\n\n.btn-secondary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.btn-cancel {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-primary);\n}\n\n.btn-cancel:hover {\n  background: var(--mj-bg-surface-active);\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-quick-save-dialog', template: "<!-- Dialog Backdrop -->\n@if (IsOpen) {\n  <div class=\"dialog-backdrop\" (click)=\"OnClose()\"></div>\n}\n\n<!-- Dialog Panel -->\n<div class=\"dialog-panel\" [class.open]=\"IsOpen\">\n  <!-- Header -->\n  <div class=\"dialog-header\">\n    <div class=\"header-title\">\n      <i class=\"fa-solid fa-bookmark\"></i>\n      <span>Save View</span>\n    </div>\n    @if (EntityName) {\n      <span class=\"entity-badge\">{{ EntityName }}</span>\n    }\n    <button class=\"close-btn\" (click)=\"OnClose()\" title=\"Close\" aria-label=\"Close dialog\">\n      <i class=\"fa-solid fa-times\"></i>\n    </button>\n  </div>\n\n  <!-- Content -->\n  <div class=\"dialog-content\">\n    <!-- Name Field -->\n    <div class=\"form-group\">\n      <label for=\"quickSaveName\">View Name</label>\n      <input\n        #nameInput\n        id=\"quickSaveName\"\n        type=\"text\"\n        class=\"form-input\"\n        [class.invalid]=\"NameTouched && !Name.trim()\"\n        placeholder=\"e.g., Active West Coast Contacts\"\n        [(ngModel)]=\"Name\"\n        (blur)=\"NameTouched = true\"\n        (keydown.enter)=\"OnSave(false)\"\n      />\n      @if (NameTouched && !Name.trim()) {\n        <span class=\"validation-error\">Name is required</span>\n      }\n    </div>\n\n    <!-- Description Field -->\n    <div class=\"form-group\">\n      <label for=\"quickSaveDescription\">Description <span class=\"optional\">(optional)</span></label>\n      <textarea\n        id=\"quickSaveDescription\"\n        class=\"form-input form-textarea\"\n        placeholder=\"What does this view show?\"\n        [(ngModel)]=\"Description\"\n        rows=\"2\"\n      ></textarea>\n    </div>\n\n    <!-- Share Toggle -->\n    <label class=\"checkbox-label\">\n      <input type=\"checkbox\" [(ngModel)]=\"IsShared\" />\n      <span class=\"checkbox-text\">\n        <strong>Share with others</strong>\n        <small>Allow other users to use this view</small>\n      </span>\n    </label>\n\n    <!-- View Summary Preview -->\n    @if (Summary) {\n      <div class=\"summary-section\">\n        <div class=\"summary-header\">\n          <i class=\"fa-solid fa-list-check\"></i>\n          <span>View includes:</span>\n        </div>\n        <div class=\"summary-items\">\n          <div class=\"summary-item\">\n            <i class=\"fa-solid fa-columns\"></i>\n            <span>{{ Summary.ColumnCount }} column{{ Summary.ColumnCount !== 1 ? 's' : '' }}</span>\n          </div>\n          @if (Summary.SortCount > 0) {\n            <div class=\"summary-item\">\n              <i class=\"fa-solid fa-arrow-up-wide-short\"></i>\n              <span>{{ Summary.SortCount }} sort level{{ Summary.SortCount !== 1 ? 's' : '' }}</span>\n            </div>\n          }\n          @if (Summary.SmartFilterActive) {\n            <div class=\"summary-item smart-filter\">\n              <i class=\"fa-solid fa-wand-magic-sparkles\"></i>\n              <span>Smart filter: \"{{ Summary.SmartFilterPrompt }}\"</span>\n            </div>\n          }\n          @if (Summary.FilterCount > 0) {\n            <div class=\"summary-item\">\n              <i class=\"fa-solid fa-filter\"></i>\n              <span>{{ Summary.FilterCount }} filter{{ Summary.FilterCount !== 1 ? 's' : '' }}</span>\n            </div>\n          }\n          @if (Summary.AggregateCount > 0) {\n            <div class=\"summary-item\">\n              <i class=\"fa-solid fa-chart-simple\"></i>\n              <span>{{ Summary.AggregateCount }} aggregate{{ Summary.AggregateCount !== 1 ? 's' : '' }}</span>\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- Advanced Link -->\n    <button class=\"advanced-link\" (click)=\"OnOpenAdvanced()\">\n      <i class=\"fa-solid fa-sliders\"></i>\n      <span>Customize columns, filters & sorting...</span>\n    </button>\n  </div>\n\n  <!-- Footer -->\n  <div class=\"dialog-footer\">\n    <div class=\"footer-actions\">\n      @if (ViewEntity) {\n        <!-- Existing view: Update + Save As New -->\n        <button\n          class=\"btn btn-primary\"\n          (click)=\"OnSave(false)\"\n          [disabled]=\"!Name.trim() || IsSaving\">\n          @if (IsSaving) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          } @else {\n            <i class=\"fa-solid fa-save\"></i>\n          }\n          {{ IsSaving ? 'Saving...' : 'Update' }}\n        </button>\n        <button\n          class=\"btn btn-secondary\"\n          (click)=\"OnSave(true)\"\n          [disabled]=\"!Name.trim() || IsSaving\">\n          <i class=\"fa-solid fa-plus\"></i>\n          Save As New\n        </button>\n      } @else {\n        <!-- New view: Create -->\n        <button\n          class=\"btn btn-primary\"\n          (click)=\"OnSave(true)\"\n          [disabled]=\"!Name.trim() || IsSaving\">\n          @if (IsSaving) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          } @else {\n            <i class=\"fa-solid fa-plus\"></i>\n          }\n          {{ IsSaving ? 'Saving...' : 'Create View' }}\n        </button>\n      }\n    </div>\n    <button class=\"btn btn-cancel\" (click)=\"OnClose()\">\n      Cancel\n    </button>\n  </div>\n</div>\n", styles: ["/* Dialog Backdrop */\n.dialog-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 2000;\n  animation: fadeIn 0.2s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n/* Dialog Panel */\n.dialog-panel {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.95);\n  width: 480px;\n  max-width: calc(100vw - 40px);\n  max-height: calc(100vh - 60px);\n  background: var(--mj-bg-surface);\n  border-radius: 16px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n  z-index: 2001;\n  display: flex;\n  flex-direction: column;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.dialog-panel.open {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n/* Dialog Header */\n.dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 24px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  border-radius: 16px 16px 0 0;\n}\n\n.header-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 17px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.header-title i {\n  color: var(--mj-brand-primary);\n  font-size: 18px;\n}\n\n.close-btn {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 8px;\n  cursor: pointer;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.close-btn:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-primary);\n}\n\n/* Entity Badge */\n.entity-badge {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface-sunken);\n  padding: 3px 10px;\n  border-radius: 12px;\n  margin-left: auto;\n  margin-right: 8px;\n}\n\n/* Dialog Content */\n.dialog-content {\n  padding: 20px 24px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n/* Form Groups */\n.form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.form-group label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.form-group .optional {\n  font-weight: 400;\n  color: var(--mj-text-disabled);\n}\n\n.form-input {\n  padding: 9px 12px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 8px;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n  transition: border-color 0.15s ease;\n}\n\n.form-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-input.invalid {\n  border-color: var(--mj-status-error);\n}\n\n.form-textarea {\n  resize: vertical;\n  font-family: inherit;\n  min-height: 50px;\n}\n\n.validation-error {\n  font-size: 12px;\n  color: var(--mj-status-error);\n}\n\n/* Checkbox */\n.checkbox-label {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.checkbox-label input[type=\"checkbox\"] {\n  margin-top: 3px;\n  flex-shrink: 0;\n}\n\n.checkbox-text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.checkbox-text strong {\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.checkbox-text small {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n}\n\n/* Summary Section */\n.summary-section {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  padding: 14px;\n}\n\n.summary-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  margin-bottom: 10px;\n}\n\n.summary-header i {\n  color: var(--mj-brand-primary);\n}\n\n.summary-items {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.summary-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.summary-item i {\n  color: var(--mj-text-muted);\n  width: 16px;\n  text-align: center;\n  font-size: 12px;\n}\n\n.summary-item.smart-filter {\n  color: var(--mj-brand-primary);\n}\n\n.summary-item.smart-filter i {\n  color: var(--mj-brand-primary);\n}\n\n/* Advanced Link */\n.advanced-link {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0;\n  border: none;\n  background: none;\n  color: var(--mj-brand-primary);\n  font-size: 13px;\n  cursor: pointer;\n  transition: color 0.15s ease;\n}\n\n.advanced-link:hover {\n  color: var(--mj-color-info-600);\n  text-decoration: underline;\n}\n\n/* Dialog Footer */\n.dialog-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 24px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  border-radius: 0 0 16px 16px;\n}\n\n.footer-actions {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n/* Buttons */\n.btn {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 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: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.btn-primary:hover:not(:disabled) {\n  background: var(--mj-color-info-600);\n}\n\n.btn-primary:disabled {\n  background: color-mix(in srgb, var(--mj-brand-primary) 50%, var(--mj-bg-surface));\n  cursor: not-allowed;\n}\n\n.btn-secondary {\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  border: 1px solid var(--mj-border-strong);\n}\n\n.btn-secondary:hover:not(:disabled) {\n  background: var(--mj-bg-surface-card);\n  border-color: var(--mj-text-disabled);\n}\n\n.btn-secondary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.btn-cancel {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-primary);\n}\n\n.btn-cancel:hover {\n  background: var(--mj-bg-surface-active);\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], { IsOpen: [{
             type: Input
         }], ViewEntity: [{
@@ -356,12 +410,17 @@ export class QuickSaveDialogComponent {
             type: Input
         }], DefaultSaveAsNew: [{
             type: Input
+        }], SuggestedName: [{
+            type: Input
         }], Save: [{
             type: Output
         }], Close: [{
             type: Output
         }], OpenAdvanced: [{
             type: Output
+        }], nameInput: [{
+            type: ViewChild,
+            args: ['nameInput']
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QuickSaveDialogComponent, { className: "QuickSaveDialogComponent", filePath: "src/lib/quick-save-dialog/quick-save-dialog.component.ts", lineNumber: 36 }); })();
 //# sourceMappingURL=quick-save-dialog.component.js.map