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

package/dist/lib/pill/pill.component.d.ts

@@ -17,6 +17,8 @@ export declare class PillColorUtil {
      * @param value The value to analyze
      * @returns The semantic color type
      */
+    static GetColorType(value: string | null | undefined): PillColorType;
+    /** @deprecated Use {@link GetColorType}. */
     static getColorType(value: string | null | undefined): PillColorType;
     private static matchesAnyPattern;
 }
@@ -39,11 +41,19 @@ export declare class PillComponent {
     /**
      * The value to display in the pill
      */
-    value: string | null | undefined;
+    Value: string | null | undefined;
+    /** @deprecated Use {@link Value}. */
+    set value(value: string | null | undefined);
+    /** @deprecated Use {@link Value}. */
+    get value(): string | null | undefined;
     /**
      * Optional: Force a specific color instead of auto-detecting
      */
-    color: PillColorType | null;
+    Color: PillColorType | null;
+    /** @deprecated Use {@link Color}. */
+    set color(value: PillColorType | null);
+    /** @deprecated Use {@link Color}. */
+    get color(): PillColorType | null;
     /**
      * Get the display value
      */
@@ -53,6 +63,6 @@ export declare class PillComponent {
      */
     get effectiveColorType(): PillColorType;
     static ɵfac: i0.ɵɵFactoryDeclaration<PillComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PillComponent, "mj-pill", never, { "value": { "alias": "value"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PillComponent, "mj-pill", never, { "Value": { "alias": "Value"; "required": false; }; "value": { "alias": "value"; "required": false; }; "Color": { "alias": "Color"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=pill.component.d.ts.map

package/dist/lib/pill/pill.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pill.component.d.ts","sourceRoot":"","sources":["../../../src/lib/pill/pill.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;;AAEzC;;GAEG;AACH,qBAAa,aAAa;IACxB,sCAAsC;IACtC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAKrC;IAEF,8CAA8C;IAC9C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAIrC;IAEF,mCAAmC;IACnC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAMpC;IAEF,kCAAkC;IAClC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAGlC;IAEF;;;;OAIG;IACH,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa;IAqBpE,OAAO,CAAC,MAAM,CAAC,iBAAiB;CAOjC;AAED;;;;;;;;;;;;;;GAcG;AACH,qBA8Ca,aAAa;IACxB;;OAEG;IACM,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAM;IAE/C;;OAEG;IACM,KAAK,EAAE,aAAa,GAAG,IAAI,CAAQ;IAE5C;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED;;OAEG;IACH,IAAI,kBAAkB,IAAI,aAAa,CAKtC;yCA1BU,aAAa;2CAAb,aAAa;CA2BzB"}
+{"version":3,"file":"pill.component.d.ts","sourceRoot":"","sources":["../../../src/lib/pill/pill.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;;AAEzC;;GAEG;AACH,qBAAa,aAAa;IACxB,sCAAsC;IACtC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAKrC;IAEF,8CAA8C;IAC9C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAIrC;IAEF,mCAAmC;IACnC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAMpC;IAEF,kCAAkC;IAClC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAGlC;IAEF;;;;OAIG;IACH,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa;IAqBpE,4CAA4C;IAC5C,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa;IAIpE,OAAO,CAAC,MAAM,CAAC,iBAAiB;CAOjC;AAED;;;;;;;;;;;;;;GAcG;AACH,qBA8Ca,aAAa;IACxB;;OAEG;IACM,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAM;IAE/C,qCAAqC;IACrC,IAAa,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAElD;IACD,qCAAqC;IACrC,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAErC;IAED;;OAEG;IACM,KAAK,EAAE,aAAa,GAAG,IAAI,CAAQ;IAE5C,qCAAqC;IACrC,IAAa,KAAK,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,EAE7C;IACD,qCAAqC;IACrC,IAAI,KAAK,IAAI,aAAa,GAAG,IAAI,CAEhC;IAED;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED;;OAEG;IACH,IAAI,kBAAkB,IAAI,aAAa,CAKtC;yCA5CU,aAAa;2CAAb,aAAa;CA6CzB"}

package/dist/lib/pill/pill.component.js

@@ -35,7 +35,7 @@ export class PillColorUtil {
      * @param value The value to analyze
      * @returns The semantic color type
      */
-    static getColorType(value) {
+    static GetColorType(value) {
         if (!value)
             return 'neutral';
         const normalizedValue = value.toLowerCase().trim();
@@ -53,6 +53,10 @@ export class PillColorUtil {
         }
         return 'neutral';
     }
+    /** @deprecated Use {@link GetColorType}. */
+    static getColorType(value) {
+        return this.GetColorType(value);
+    }
     static matchesAnyPattern(value, patterns) {
         return patterns.some(pattern => value === pattern ||
             value.includes(pattern) ||
@@ -78,28 +82,44 @@ export class PillComponent {
     /**
      * The value to display in the pill
      */
-    value = '';
+    Value = '';
+    /** @deprecated Use {@link Value}. */
+    set value(value) {
+        this.Value = value;
+    }
+    /** @deprecated Use {@link Value}. */
+    get value() {
+        return this.Value;
+    }
     /**
      * Optional: Force a specific color instead of auto-detecting
      */
-    color = null;
+    Color = null;
+    /** @deprecated Use {@link Color}. */
+    set color(value) {
+        this.Color = value;
+    }
+    /** @deprecated Use {@link Color}. */
+    get color() {
+        return this.Color;
+    }
     /**
      * Get the display value
      */
     get displayValue() {
-        return this.value || '';
+        return this.Value || '';
     }
     /**
      * Get the effective color type (forced or auto-detected)
      */
     get effectiveColorType() {
-        if (this.color) {
-            return this.color;
+        if (this.Color) {
+            return this.Color;
         }
-        return PillColorUtil.getColorType(this.value);
+        return PillColorUtil.getColorType(this.Value);
     }
     static ɵfac = function PillComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PillComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PillComponent, selectors: [["mj-pill"]], inputs: { value: "value", color: "color" }, standalone: false, decls: 2, vars: 3, consts: [[1, "pill"]], template: function PillComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PillComponent, selectors: [["mj-pill"]], inputs: { Value: "Value", value: "value", Color: "Color", color: "color" }, standalone: false, decls: 2, vars: 3, consts: [[1, "pill"]], template: function PillComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "span", 0);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
@@ -116,10 +136,14 @@ export class PillComponent {
       {{ displayValue }}
     </span>
   `, styles: ["\n    .pill {\n      display: inline-flex;\n      align-items: center;\n      padding: 3px 10px;\n      border-radius: 12px;\n      font-size: 12px;\n      font-weight: 500;\n      white-space: nowrap;\n      text-transform: capitalize;\n    }\n\n    .pill-success {\n      background-color: var(--mj-status-success-bg);\n      color: var(--mj-status-success);\n    }\n\n    .pill-warning {\n      background-color: var(--mj-status-warning-bg);\n      color: var(--mj-status-warning);\n    }\n\n    .pill-danger {\n      background-color: var(--mj-status-error-bg);\n      color: var(--mj-status-error);\n    }\n\n    .pill-info {\n      background-color: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .pill-neutral {\n      background-color: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-secondary);\n    }\n  "] }]
-    }], null, { value: [{
+    }], null, { Value: [{
+            type: Input
+        }], value: [{
+            type: Input
+        }], Color: [{
             type: Input
         }], color: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PillComponent, { className: "PillComponent", filePath: "src/lib/pill/pill.component.ts", lineNumber: 134 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PillComponent, { className: "PillComponent", filePath: "src/lib/pill/pill.component.ts", lineNumber: 139 }); })();
 //# sourceMappingURL=pill.component.js.map

package/dist/lib/pill/pill.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"pill.component.js","sourceRoot":"","sources":["../../../src/lib/pill/pill.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input } from '@angular/core';\nimport { PillColorType } from '../types';\n\n/**\n * Utility class to determine pill colors based on value semantics\n */\nexport class PillColorUtil {\n  /** Positive/success values - green */\n  private static readonly successPatterns = [\n    'active', 'approved', 'complete', 'completed', 'success', 'successful',\n    'enabled', 'yes', 'true', 'verified', 'confirmed', 'published',\n    'accepted', 'valid', 'available', 'open', 'live', 'running', 'healthy',\n    'done', 'resolved', 'paid', 'shipped', 'delivered'\n  ];\n\n  /** Warning/attention values - yellow/amber */\n  private static readonly warningPatterns = [\n    'pending', 'waiting', 'review', 'in review', 'in progress', 'processing',\n    'draft', 'scheduled', 'queued', 'on hold', 'paused', 'partial',\n    'incomplete', 'warning', 'attention', 'moderate', 'medium'\n  ];\n\n  /** Negative/danger values - red */\n  private static readonly dangerPatterns = [\n    'failed', 'failure', 'error', 'rejected', 'declined', 'denied',\n    'expired', 'inactive', 'disabled', 'no', 'false', 'invalid',\n    'cancelled', 'canceled', 'closed', 'blocked', 'suspended',\n    'deleted', 'removed', 'terminated', 'critical', 'high', 'urgent',\n    'overdue', 'unpaid', 'refunded', 'returned'\n  ];\n\n  /** Informational values - blue */\n  private static readonly infoPatterns = [\n    'new', 'info', 'information', 'note', 'update', 'updated',\n    'created', 'modified', 'changed', 'low', 'minor'\n  ];\n\n  /**\n   * Determine the appropriate color type for a given value\n   * @param value The value to analyze\n   * @returns The semantic color type\n   */\n  static getColorType(value: string | null | undefined): PillColorType {\n    if (!value) return 'neutral';\n\n    const normalizedValue = value.toLowerCase().trim();\n\n    if (this.matchesAnyPattern(normalizedValue, this.successPatterns)) {\n      return 'success';\n    }\n    if (this.matchesAnyPattern(normalizedValue, this.dangerPatterns)) {\n      return 'danger';\n    }\n    if (this.matchesAnyPattern(normalizedValue, this.warningPatterns)) {\n      return 'warning';\n    }\n    if (this.matchesAnyPattern(normalizedValue, this.infoPatterns)) {\n      return 'info';\n    }\n\n    return 'neutral';\n  }\n\n  private static matchesAnyPattern(value: string, patterns: string[]): boolean {\n    return patterns.some(pattern =>\n      value === pattern ||\n      value.includes(pattern) ||\n      value.replace(/[_-]/g, ' ').includes(pattern)\n    );\n  }\n}\n\n/**\n * PillComponent - displays categorical values as colored pills\n *\n * Automatically determines color based on semantic meaning of the value.\n * Works for status, type, category, priority, or any enum-like field.\n *\n * @example\n * ```html\n * <!-- Auto-color based on value semantics -->\n * <mj-pill [value]=\"record.Status\"></mj-pill>\n *\n * <!-- Force a specific color -->\n * <mj-pill [value]=\"record.Type\" color=\"info\"></mj-pill>\n * ```\n */\n@Component({\n  standalone: false,\n  selector: 'mj-pill',\n  template: `\n    <span class=\"pill\" [class]=\"'pill-' + effectiveColorType\">\n      {{ displayValue }}\n    </span>\n  `,\n  styles: [`\n    .pill {\n      display: inline-flex;\n      align-items: center;\n      padding: 3px 10px;\n      border-radius: 12px;\n      font-size: 12px;\n      font-weight: 500;\n      white-space: nowrap;\n      text-transform: capitalize;\n    }\n\n    .pill-success {\n      background-color: var(--mj-status-success-bg);\n      color: var(--mj-status-success);\n    }\n\n    .pill-warning {\n      background-color: var(--mj-status-warning-bg);\n      color: var(--mj-status-warning);\n    }\n\n    .pill-danger {\n      background-color: var(--mj-status-error-bg);\n      color: var(--mj-status-error);\n    }\n\n    .pill-info {\n      background-color: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .pill-neutral {\n      background-color: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-secondary);\n    }\n  `]\n})\nexport class PillComponent {\n  /**\n   * The value to display in the pill\n   */\n  @Input() value: string | null | undefined = '';\n\n  /**\n   * Optional: Force a specific color instead of auto-detecting\n   */\n  @Input() color: PillColorType | null = null;\n\n  /**\n   * Get the display value\n   */\n  get displayValue(): string {\n    return this.value || '';\n  }\n\n  /**\n   * Get the effective color type (forced or auto-detected)\n   */\n  get effectiveColorType(): PillColorType {\n    if (this.color) {\n      return this.color;\n    }\n    return PillColorUtil.getColorType(this.value);\n  }\n}\n"]}
+{"version":3,"file":"pill.component.js","sourceRoot":"","sources":["../../../src/lib/pill/pill.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input } from '@angular/core';\nimport { PillColorType } from '../types';\n\n/**\n * Utility class to determine pill colors based on value semantics\n */\nexport class PillColorUtil {\n  /** Positive/success values - green */\n  private static readonly successPatterns = [\n    'active', 'approved', 'complete', 'completed', 'success', 'successful',\n    'enabled', 'yes', 'true', 'verified', 'confirmed', 'published',\n    'accepted', 'valid', 'available', 'open', 'live', 'running', 'healthy',\n    'done', 'resolved', 'paid', 'shipped', 'delivered'\n  ];\n\n  /** Warning/attention values - yellow/amber */\n  private static readonly warningPatterns = [\n    'pending', 'waiting', 'review', 'in review', 'in progress', 'processing',\n    'draft', 'scheduled', 'queued', 'on hold', 'paused', 'partial',\n    'incomplete', 'warning', 'attention', 'moderate', 'medium'\n  ];\n\n  /** Negative/danger values - red */\n  private static readonly dangerPatterns = [\n    'failed', 'failure', 'error', 'rejected', 'declined', 'denied',\n    'expired', 'inactive', 'disabled', 'no', 'false', 'invalid',\n    'cancelled', 'canceled', 'closed', 'blocked', 'suspended',\n    'deleted', 'removed', 'terminated', 'critical', 'high', 'urgent',\n    'overdue', 'unpaid', 'refunded', 'returned'\n  ];\n\n  /** Informational values - blue */\n  private static readonly infoPatterns = [\n    'new', 'info', 'information', 'note', 'update', 'updated',\n    'created', 'modified', 'changed', 'low', 'minor'\n  ];\n\n  /**\n   * Determine the appropriate color type for a given value\n   * @param value The value to analyze\n   * @returns The semantic color type\n   */\n  static GetColorType(value: string | null | undefined): PillColorType {\n    if (!value) return 'neutral';\n\n    const normalizedValue = value.toLowerCase().trim();\n\n    if (this.matchesAnyPattern(normalizedValue, this.successPatterns)) {\n      return 'success';\n    }\n    if (this.matchesAnyPattern(normalizedValue, this.dangerPatterns)) {\n      return 'danger';\n    }\n    if (this.matchesAnyPattern(normalizedValue, this.warningPatterns)) {\n      return 'warning';\n    }\n    if (this.matchesAnyPattern(normalizedValue, this.infoPatterns)) {\n      return 'info';\n    }\n\n    return 'neutral';\n  }\n\n  /** @deprecated Use {@link GetColorType}. */\n  static getColorType(value: string | null | undefined): PillColorType {\n    return this.GetColorType(value);\n  }\n\n  private static matchesAnyPattern(value: string, patterns: string[]): boolean {\n    return patterns.some(pattern =>\n      value === pattern ||\n      value.includes(pattern) ||\n      value.replace(/[_-]/g, ' ').includes(pattern)\n    );\n  }\n}\n\n/**\n * PillComponent - displays categorical values as colored pills\n *\n * Automatically determines color based on semantic meaning of the value.\n * Works for status, type, category, priority, or any enum-like field.\n *\n * @example\n * ```html\n * <!-- Auto-color based on value semantics -->\n * <mj-pill [value]=\"record.Status\"></mj-pill>\n *\n * <!-- Force a specific color -->\n * <mj-pill [value]=\"record.Type\" color=\"info\"></mj-pill>\n * ```\n */\n@Component({\n  standalone: false,\n  selector: 'mj-pill',\n  template: `\n    <span class=\"pill\" [class]=\"'pill-' + effectiveColorType\">\n      {{ displayValue }}\n    </span>\n  `,\n  styles: [`\n    .pill {\n      display: inline-flex;\n      align-items: center;\n      padding: 3px 10px;\n      border-radius: 12px;\n      font-size: 12px;\n      font-weight: 500;\n      white-space: nowrap;\n      text-transform: capitalize;\n    }\n\n    .pill-success {\n      background-color: var(--mj-status-success-bg);\n      color: var(--mj-status-success);\n    }\n\n    .pill-warning {\n      background-color: var(--mj-status-warning-bg);\n      color: var(--mj-status-warning);\n    }\n\n    .pill-danger {\n      background-color: var(--mj-status-error-bg);\n      color: var(--mj-status-error);\n    }\n\n    .pill-info {\n      background-color: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .pill-neutral {\n      background-color: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-secondary);\n    }\n  `]\n})\nexport class PillComponent {\n  /**\n   * The value to display in the pill\n   */\n  @Input() Value: string | null | undefined = '';\n\n  /** @deprecated Use {@link Value}. */\n  @Input() set value(value: string | null | undefined) {\n    this.Value = value;\n  }\n  /** @deprecated Use {@link Value}. */\n  get value(): string | null | undefined {\n    return this.Value;\n  }\n\n  /**\n   * Optional: Force a specific color instead of auto-detecting\n   */\n  @Input() Color: PillColorType | null = null;\n\n  /** @deprecated Use {@link Color}. */\n  @Input() set color(value: PillColorType | null) {\n    this.Color = value;\n  }\n  /** @deprecated Use {@link Color}. */\n  get color(): PillColorType | null {\n    return this.Color;\n  }\n\n  /**\n   * Get the display value\n   */\n  get displayValue(): string {  // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply\n    return this.Value || '';\n  }\n\n  /**\n   * Get the effective color type (forced or auto-detected)\n   */\n  get effectiveColorType(): PillColorType {  // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply\n    if (this.Color) {\n      return this.Color;\n    }\n    return PillColorUtil.getColorType(this.Value);\n  }\n}\n"]}

package/dist/lib/quick-save-dialog/quick-save-dialog.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, OnChanges, AfterViewInit, SimpleChanges, ChangeDetectorRef } from '@angular/core';
 import { MJUserViewEntityExtended } from '@memberjunction/core-entities';
 import { ViewConfigSummary, QuickSaveEvent, QuickSaveAdvancedEvent } from '../types';
 import * as i0 from "@angular/core";
@@ -27,7 +27,7 @@ import * as i0 from "@angular/core";
  * </mj-quick-save-dialog>
  * ```
  */
-export declare class QuickSaveDialogComponent implements OnChanges {
+export declare class QuickSaveDialogComponent implements OnChanges, AfterViewInit {
     private cdr;
     /**
      * Whether the dialog is open
@@ -53,6 +53,13 @@ export declare class QuickSaveDialogComponent implements OnChanges {
      * Whether to default to Save As New mode (no longer used for toggle, kept for API compat)
      */
     DefaultSaveAsNew: boolean;
+    /**
+     * 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: string;
     /**
      * Emitted when the user saves
      */
@@ -66,16 +73,35 @@ export declare class QuickSaveDialogComponent implements OnChanges {
      * Carries the partially-filled form data so the config panel can continue the flow.
      */
     OpenAdvanced: EventEmitter<QuickSaveAdvancedEvent>;
+    /** The name input, focused and selected whenever the dialog opens. */
+    private nameInput?;
     Name: string;
     Description: string;
     IsShared: boolean;
     NameTouched: boolean;
+    /**
+     * 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.
+     */
+    private focusPending;
+    private viewReady;
     constructor(cdr: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
     /**
      * Initialize form from view entity or defaults
      */
     private initializeForm;
+    /**
+     * 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.
+     */
+    private focusNameField;
     /**
      * Handle save button click
      * @param saveAsNew - true to create a new view, false to update existing
@@ -90,6 +116,6 @@ export declare class QuickSaveDialogComponent implements OnChanges {
      */
     OnOpenAdvanced(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<QuickSaveDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QuickSaveDialogComponent, "mj-quick-save-dialog", never, { "IsOpen": { "alias": "IsOpen"; "required": false; }; "ViewEntity": { "alias": "ViewEntity"; "required": false; }; "EntityName": { "alias": "EntityName"; "required": false; }; "Summary": { "alias": "Summary"; "required": false; }; "IsSaving": { "alias": "IsSaving"; "required": false; }; "DefaultSaveAsNew": { "alias": "DefaultSaveAsNew"; "required": false; }; }, { "Save": "Save"; "Close": "Close"; "OpenAdvanced": "OpenAdvanced"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QuickSaveDialogComponent, "mj-quick-save-dialog", never, { "IsOpen": { "alias": "IsOpen"; "required": false; }; "ViewEntity": { "alias": "ViewEntity"; "required": false; }; "EntityName": { "alias": "EntityName"; "required": false; }; "Summary": { "alias": "Summary"; "required": false; }; "IsSaving": { "alias": "IsSaving"; "required": false; }; "DefaultSaveAsNew": { "alias": "DefaultSaveAsNew"; "required": false; }; "SuggestedName": { "alias": "SuggestedName"; "required": false; }; }, { "Save": "Save"; "Close": "Close"; "OpenAdvanced": "OpenAdvanced"; }, never, never, false, never>;
 }
 //# sourceMappingURL=quick-save-dialog.component.d.ts.map

package/dist/lib/quick-save-dialog/quick-save-dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quick-save-dialog.component.d.ts","sourceRoot":"","sources":["../../../src/lib/quick-save-dialog/quick-save-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACpH,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;;AAErF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAMa,wBAAyB,YAAW,SAAS;IAqD5C,OAAO,CAAC,GAAG;IApDvB;;OAEG;IACM,MAAM,EAAE,OAAO,CAAS;IAEjC;;OAEG;IACM,UAAU,EAAE,wBAAwB,GAAG,IAAI,CAAQ;IAE5D;;OAEG;IACM,UAAU,EAAE,MAAM,CAAM;IAEjC;;OAEG;IACM,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAElD;;OAEG;IACM,QAAQ,EAAE,OAAO,CAAS;IAEnC;;OAEG;IACM,gBAAgB,EAAE,OAAO,CAAS;IAE3C;;OAEG;IACO,IAAI,+BAAsC;IAEpD;;OAEG;IACO,KAAK,qBAA4B;IAE3C;;;OAGG;IACO,YAAY,uCAA8C;IAG7D,IAAI,EAAE,MAAM,CAAM;IAClB,WAAW,EAAE,MAAM,CAAM;IACzB,QAAQ,EAAE,OAAO,CAAS;IAC1B,WAAW,EAAE,OAAO,CAAS;gBAEhB,GAAG,EAAE,iBAAiB;IAE1C,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMzC;;OAEG;IACH,OAAO,CAAC,cAAc;IActB;;;OAGG;IACH,MAAM,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAWhC;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;OAEG;IACH,cAAc,IAAI,IAAI;yCAvGX,wBAAwB;2CAAxB,wBAAwB;CA8GpC"}
+{"version":3,"file":"quick-save-dialog.component.d.ts","sourceRoot":"","sources":["../../../src/lib/quick-save-dialog/quick-save-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAyB,MAAM,eAAe,CAAC;AAC1J,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;;AAErF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAMa,wBAAyB,YAAW,SAAS,EAAE,aAAa;IAwE3D,OAAO,CAAC,GAAG;IAvEvB;;OAEG;IACM,MAAM,EAAE,OAAO,CAAS;IAEjC;;OAEG;IACM,UAAU,EAAE,wBAAwB,GAAG,IAAI,CAAQ;IAE5D;;OAEG;IACM,UAAU,EAAE,MAAM,CAAM;IAEjC;;OAEG;IACM,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAElD;;OAEG;IACM,QAAQ,EAAE,OAAO,CAAS;IAEnC;;OAEG;IACM,gBAAgB,EAAE,OAAO,CAAS;IAE3C;;;;;OAKG;IACM,aAAa,EAAE,MAAM,CAAM;IAEpC;;OAEG;IACO,IAAI,+BAAsC;IAEpD;;OAEG;IACO,KAAK,qBAA4B;IAE3C;;;OAGG;IACO,YAAY,uCAA8C;IAEpE,sEAAsE;IAC9C,OAAO,CAAC,SAAS,CAAC,CAA+B;IAGlE,IAAI,EAAE,MAAM,CAAM;IAClB,WAAW,EAAE,MAAM,CAAM;IACzB,QAAQ,EAAE,OAAO,CAAS;IAC1B,WAAW,EAAE,OAAO,CAAS;IAEpC;;;;OAIG;IACH,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,SAAS,CAAkB;gBAEf,GAAG,EAAE,iBAAiB;IAE1C,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAWzC,eAAe,IAAI,IAAI;IAQvB;;OAEG;IACH,OAAO,CAAC,cAAc;IActB;;;;;;;OAOG;IACH,OAAO,CAAC,cAAc;IAWtB;;;OAGG;IACH,MAAM,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAWhC;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;OAEG;IACH,cAAc,IAAI,IAAI;yCA1JX,wBAAwB;2CAAxB,wBAAwB;CAiKpC"}