@memberjunction/ng-dashboards 5.30.1 → 5.32.0

package/dist/DatabaseDesigner/components/shared/database-preview-pane.component.js

@@ -0,0 +1,378 @@
+/**
+ * @module database-preview-pane.component
+ * @description Live preview of the current wizard `TableDefinition`.
+ *
+ * Two tabs:
+ *   - **Diagram** — renders an `mj-erd-diagram` with the in-progress entity
+ *     as the focus node and any FK-referenced entities as satellite nodes.
+ *   - **SQL** — renders the CREATE TABLE / ALTER TABLE DDL in a read-only
+ *     `mj-code-editor` with SQL syntax highlighting.
+ *
+ * The component is a pure function of `TableDefinition`: set the input, the
+ * preview re-renders.  No side effects, no service subscriptions — the wizard
+ * host owns the subscription to `EntityWizardStateService.tableDefinition$`
+ * and pushes values down.
+ */
+import { Component, Input, ChangeDetectionStrategy, ChangeDetectorRef, inject, } from '@angular/core';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-code-editor";
+import * as i2 from "@memberjunction/ng-entity-relationship-diagram";
+function DatabasePreviewPaneComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-erd-diagram", 8);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("nodes", ctx_r0.ErdNodes)("focusNodeId", ctx_r0.FocusNodeId)("focusDepth", 1)("readOnly", true)("showHeader", false)("config", ctx_r0.ErdConfig);
+} }
+function DatabasePreviewPaneComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-code-editor", 9);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("value", ctx_r0.SqlText)("readonly", true)("lineWrapping", false);
+} }
+export class DatabasePreviewPaneComponent {
+    cdr = inject(ChangeDetectorRef);
+    // ─── Inputs ────────────────────────────────────────────────────────────
+    /**
+     * Current wizard draft.  Accepts a partial spec so the preview can
+     * render meaningfully even on Step 1 (name only).
+     */
+    set TableDefinition(value) {
+        this._tableDefinition = value ?? {};
+        this.recompute();
+    }
+    get TableDefinition() { return this._tableDefinition; }
+    _tableDefinition = {};
+    /**
+     * True when this preview is showing an edit of an existing entity
+     * (modify flow).  Switches the SQL header to `ALTER` wording and draws
+     * a "current vs proposed" indicator in the diagram.
+     *
+     * Defaults to false (create flow).
+     */
+    set IsAlter(value) {
+        this._isAlter = value;
+        this.recompute();
+    }
+    get IsAlter() { return this._isAlter; }
+    _isAlter = false;
+    // ─── View state ────────────────────────────────────────────────────────
+    ActiveTab = 'diagram';
+    ErdNodes = [];
+    SqlText = '';
+    /** Focus node ID — lets `mj-erd-diagram` highlight the in-progress entity. */
+    FocusNodeId = null;
+    /**
+     * Stable config reference — bound to `mj-erd-diagram` via `[config]`.
+     * Must be a class property, not an inline object literal in the template,
+     * or every CD cycle produces a new reference and the ERD re-runs its
+     * layout / fit-to-view on every tick.
+     */
+    ErdConfig = { showAllFields: true, maxNodeHeight: 520 };
+    // ─── Tab handler ───────────────────────────────────────────────────────
+    SelectTab(tab) {
+        this.ActiveTab = tab;
+        this.cdr.markForCheck();
+    }
+    // ─── Derivation ────────────────────────────────────────────────────────
+    recompute() {
+        const enrichments = this.resolveSatelliteFields(this._tableDefinition.ForeignKeys ?? []);
+        this.ErdNodes = DatabasePreviewPaneComponent.BuildErdNodes(this._tableDefinition, enrichments);
+        this.SqlText = DatabasePreviewPaneComponent.BuildSqlText(this._tableDefinition, this._isAlter);
+        this.FocusNodeId = DatabasePreviewPaneComponent.BuildFocusId(this._tableDefinition);
+        this.cdr.markForCheck();
+    }
+    /**
+     * Look up each FK target in MJ metadata and return PK + name-field rows per
+     * satellite node.  Falls back to a minimal single-column stub when the
+     * referenced table isn't a known MJ entity.
+     */
+    resolveSatelliteFields(foreignKeys) {
+        const md = new Metadata(); // global-provider-ok: client-side Angular component, single provider
+        const result = new Map();
+        const seen = new Set();
+        for (const fk of foreignKeys) {
+            const satId = DatabasePreviewPaneComponent.MakeSatelliteId(fk);
+            if (seen.has(satId))
+                continue;
+            seen.add(satId);
+            const entity = md.Entities.find(e => e.SchemaName === fk.ReferencedSchema && e.BaseTable === fk.ReferencedTable);
+            if (!entity)
+                continue;
+            const fields = [];
+            const refField = entity.Fields.find(f => f.Name === fk.ReferencedColumn);
+            if (refField) {
+                fields.push({
+                    id: `${satId}:${refField.Name}`,
+                    name: refField.Name,
+                    type: refField.SQLFullType,
+                    isPrimaryKey: refField.IsPrimaryKey,
+                });
+            }
+            const nameField = entity.Fields.find(f => f.IsNameField && f.Name !== fk.ReferencedColumn);
+            if (nameField) {
+                fields.push({
+                    id: `${satId}:${nameField.Name}`,
+                    name: nameField.Name,
+                    type: nameField.SQLFullType,
+                    isPrimaryKey: false,
+                });
+            }
+            if (fields.length > 0)
+                result.set(satId, fields);
+        }
+        return result;
+    }
+    // ─── Pure builders (exposed for unit testing) ──────────────────────────
+    /** DOM id for the focus node, used by `mj-erd-diagram` to highlight. */
+    static BuildFocusId(spec) {
+        const name = spec.TableName || spec.EntityName;
+        return name ? `focus:${name}` : null;
+    }
+    /**
+     * ERD node list: one focus node + one satellite per distinct FK target.
+     * `satelliteEnrichments` — optional PK + name-field rows per satellite,
+     * keyed by `MakeSatelliteId(fk)`.  When absent, satellites render a
+     * minimal single-column stub.
+     */
+    static BuildErdNodes(spec, satelliteEnrichments) {
+        const tableName = spec.TableName || spec.EntityName || 'NewEntity';
+        const schemaName = spec.SchemaName || '__mj_UDT';
+        const focusId = `focus:${tableName}`;
+        const focusFields = this.BuildFocusFields(focusId, spec);
+        this.AnnotateFkLinks(focusFields, spec.ForeignKeys ?? []);
+        const focusNode = {
+            id: focusId,
+            name: spec.EntityName || tableName,
+            schemaName,
+            baseTable: tableName,
+            description: spec.Description,
+            fields: focusFields,
+        };
+        return [focusNode, ...this.BuildSatelliteNodes(spec.ForeignKeys ?? [], satelliteEnrichments)];
+    }
+    /**
+     * Field list for the focus node: PK + user columns + synthetic FK columns + system audit.
+     * Pure — no link annotation.  `AnnotateFkLinks` runs after to mark FK sources.
+     */
+    static BuildFocusFields(focusId, spec) {
+        const columns = spec.Columns ?? [];
+        const foreignKeys = spec.ForeignKeys ?? [];
+        const columnNames = new Set(columns.map(c => c.Name));
+        const fields = [];
+        fields.push({
+            id: `${focusId}:ID`,
+            name: 'ID',
+            type: 'uniqueidentifier',
+            isPrimaryKey: true,
+            description: 'Primary key — always present',
+        });
+        for (const col of columns) {
+            fields.push({
+                id: `${focusId}:${col.Name}`,
+                name: col.Name,
+                type: this.FormatFieldType(col),
+                isPrimaryKey: false,
+                allowsNull: col.IsNullable,
+                length: col.MaxLength,
+                precision: col.Precision,
+                scale: col.Scale,
+                defaultValue: col.DefaultValue,
+                description: col.Description,
+            });
+        }
+        // Synthetic field for any FK whose source column isn't declared in Columns yet.
+        for (const fk of foreignKeys) {
+            if (!fk.ColumnName || columnNames.has(fk.ColumnName))
+                continue;
+            fields.push({
+                id: `${focusId}:${fk.ColumnName}`,
+                name: fk.ColumnName,
+                type: 'uniqueidentifier',
+                isPrimaryKey: false,
+                allowsNull: true,
+                relatedNodeId: this.MakeSatelliteId(fk),
+                relatedNodeName: fk.ReferencedTable,
+                relatedFieldName: fk.ReferencedColumn,
+            });
+        }
+        fields.push({
+            id: `${focusId}:__mj_CreatedAt`,
+            name: '__mj_CreatedAt',
+            type: 'datetimeoffset',
+            isPrimaryKey: false,
+            defaultValue: 'GETUTCDATE()',
+            description: 'Record creation timestamp',
+        }, {
+            id: `${focusId}:__mj_UpdatedAt`,
+            name: '__mj_UpdatedAt',
+            type: 'datetimeoffset',
+            isPrimaryKey: false,
+            defaultValue: 'GETUTCDATE()',
+            description: 'Last update timestamp',
+        });
+        return fields;
+    }
+    /** Stamp FK metadata onto any existing fields that match an FK source column. */
+    static AnnotateFkLinks(fields, foreignKeys) {
+        for (const fk of foreignKeys) {
+            if (!fk.ColumnName)
+                continue;
+            const fld = fields.find(f => f.name === fk.ColumnName);
+            if (fld && !fld.relatedNodeId) {
+                fld.relatedNodeId = this.MakeSatelliteId(fk);
+                fld.relatedNodeName = fk.ReferencedTable;
+                fld.relatedFieldName = fk.ReferencedColumn;
+            }
+        }
+    }
+    /**
+     * One satellite node per distinct FK target (dedupes on schema+table).
+     * When `enrichments` provides rows for a satellite id, those rows (PK +
+     * name field, resolved from MJ metadata) are used instead of the minimal
+     * single-column stub.
+     */
+    static BuildSatelliteNodes(foreignKeys, enrichments) {
+        const seen = new Set();
+        const satelliteNodes = [];
+        for (const fk of foreignKeys) {
+            // Skip in-progress rows where the target hasn't been picked yet.
+            if (!fk.ReferencedSchema || !fk.ReferencedTable)
+                continue;
+            const satId = this.MakeSatelliteId(fk);
+            if (seen.has(satId))
+                continue;
+            seen.add(satId);
+            const enriched = enrichments?.get(satId);
+            const fields = enriched && enriched.length > 0 ? enriched : [
+                {
+                    id: `${satId}:${fk.ReferencedColumn}`,
+                    name: fk.ReferencedColumn,
+                    type: 'uniqueidentifier',
+                    isPrimaryKey: true,
+                },
+            ];
+            satelliteNodes.push({
+                id: satId,
+                name: fk.ReferencedTable,
+                schemaName: fk.ReferencedSchema,
+                baseTable: fk.ReferencedTable,
+                fields,
+            });
+        }
+        return satelliteNodes;
+    }
+    static MakeSatelliteId(fk) {
+        return `ref:${fk.ReferencedSchema}.${fk.ReferencedTable}`;
+    }
+    /** Preview DDL for the given TableDefinition.  `isAlter` only affects the lead comment. */
+    static BuildSqlText(spec, isAlter = false) {
+        const table = spec.TableName || spec.EntityName || 'NewEntity';
+        const schema = spec.SchemaName || '__mj_UDT';
+        const qualified = `[${schema}].[${table}]`;
+        const leadComment = isAlter
+            ? `-- Generated by Database Designer · preview (ALTER)`
+            : `-- Generated by Database Designer · preview`;
+        // Column lines, padded for alignment
+        const colLines = [];
+        colLines.push(`  [ID]              UNIQUEIDENTIFIER  NOT NULL DEFAULT NEWSEQUENTIALID(),`);
+        for (const col of spec.Columns ?? []) {
+            if (!col.Name)
+                continue;
+            colLines.push(`  ${this.FormatColumnLine(col)},`);
+        }
+        // FK columns that aren't already in Columns
+        for (const fk of spec.ForeignKeys ?? []) {
+            const inColumns = (spec.Columns ?? []).some(c => c.Name === fk.ColumnName);
+            if (inColumns)
+                continue;
+            const name = `[${fk.ColumnName}]`.padEnd(18);
+            colLines.push(`  ${name} UNIQUEIDENTIFIER  NULL, -- auto-generated FK`);
+        }
+        colLines.push(`  [__mj_CreatedAt]  DATETIMEOFFSET    NOT NULL DEFAULT GETUTCDATE(),`);
+        colLines.push(`  [__mj_UpdatedAt]  DATETIMEOFFSET    NOT NULL DEFAULT GETUTCDATE(),`);
+        colLines.push(`  CONSTRAINT [PK_${table}] PRIMARY KEY ([ID])`);
+        const lines = [
+            leadComment,
+            `CREATE TABLE ${qualified} (`,
+            ...colLines,
+            `);`,
+        ];
+        // FK constraints
+        for (const fk of spec.ForeignKeys ?? []) {
+            lines.push('');
+            lines.push(`ALTER TABLE ${qualified}`);
+            lines.push(`  ADD CONSTRAINT [FK_${table}_${fk.ColumnName}]`);
+            lines.push(`  FOREIGN KEY ([${fk.ColumnName}]) REFERENCES [${fk.ReferencedSchema}].[${fk.ReferencedTable}]([${fk.ReferencedColumn}]);`);
+        }
+        return lines.join('\n');
+    }
+    static FormatColumnLine(col) {
+        const name = `[${col.Name}]`.padEnd(18);
+        const type = col.RawSqlType || this.FormatFieldType(col);
+        const nullability = col.IsNullable ? 'NULL' : 'NOT NULL';
+        const dflt = col.DefaultValue ? ` DEFAULT ${col.DefaultValue}` : '';
+        return `${name} ${type.padEnd(16)} ${nullability}${dflt}`;
+    }
+    static FormatFieldType(col) {
+        if (col.RawSqlType)
+            return col.RawSqlType;
+        switch (col.Type) {
+            case 'string': return `NVARCHAR(${col.MaxLength ?? 200})`;
+            case 'text': return 'NVARCHAR(MAX)';
+            case 'integer': return 'INT';
+            case 'bigint': return 'BIGINT';
+            case 'float': return 'FLOAT';
+            case 'decimal': return `DECIMAL(${col.Precision ?? 18},${col.Scale ?? 2})`;
+            case 'boolean': return 'BIT';
+            case 'date': return 'DATE';
+            case 'datetime': return 'DATETIMEOFFSET';
+            case 'time': return 'TIME';
+            case 'uuid': return 'UNIQUEIDENTIFIER';
+            case 'json': return 'NVARCHAR(MAX)';
+            default: return 'NVARCHAR(200)';
+        }
+    }
+    static ɵfac = function DatabasePreviewPaneComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DatabasePreviewPaneComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DatabasePreviewPaneComponent, selectors: [["mj-database-preview-pane"]], inputs: { TableDefinition: "TableDefinition", IsAlter: "IsAlter" }, standalone: false, decls: 14, vars: 8, consts: [[1, "preview-pane"], ["role", "tablist", 1, "preview-tabs"], ["type", "button", "role", "tab", 1, "preview-tab", 3, "click"], [1, "fa-solid", "fa-diagram-project"], [1, "fa-solid", "fa-code"], [1, "preview-tabs-spacer"], [1, "preview-tabs-hint"], [1, "preview-body"], [1, "preview-erd", 3, "nodes", "focusNodeId", "focusDepth", "readOnly", "showHeader", "config"], ["language", "sql", "setup", "minimal", 1, "preview-sql", 3, "value", "readonly", "lineWrapping"]], template: function DatabasePreviewPaneComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
+            i0.ɵɵlistener("click", function DatabasePreviewPaneComponent_Template_button_click_2_listener() { return ctx.SelectTab("diagram"); });
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵtext(4, " Diagram ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "button", 2);
+            i0.ɵɵlistener("click", function DatabasePreviewPaneComponent_Template_button_click_5_listener() { return ctx.SelectTab("sql"); });
+            i0.ɵɵelement(6, "i", 4);
+            i0.ɵɵtext(7, " SQL ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(8, "div", 5);
+            i0.ɵɵelementStart(9, "span", 6);
+            i0.ɵɵtext(10, "Updates as you edit");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "div", 7);
+            i0.ɵɵconditionalCreate(12, DatabasePreviewPaneComponent_Conditional_12_Template, 1, 6, "mj-erd-diagram", 8);
+            i0.ɵɵconditionalCreate(13, DatabasePreviewPaneComponent_Conditional_13_Template, 1, 3, "mj-code-editor", 9);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("active", ctx.ActiveTab === "diagram");
+            i0.ɵɵattribute("aria-selected", ctx.ActiveTab === "diagram");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.ActiveTab === "sql");
+            i0.ɵɵattribute("aria-selected", ctx.ActiveTab === "sql");
+            i0.ɵɵadvance(7);
+            i0.ɵɵconditional(ctx.ActiveTab === "diagram" ? 12 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ActiveTab === "sql" ? 13 : -1);
+        } }, dependencies: [i1.CodeEditorComponent, i2.ERDDiagramComponent], styles: [".preview-pane[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    background: var(--mj-bg-surface-card);\n    border-left: 1px solid var(--mj-border-default);\n}\n\n\n\n\n.preview-tabs[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n\n.preview-tab[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background-color 120ms, color 120ms, border-color 120ms;\n}\n\n.preview-tab[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.preview-tab.active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n}\n\n.preview-tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n.preview-tabs-spacer[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.preview-tabs-hint[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    letter-spacing: 0.02em;\n}\n\n\n\n\n.preview-body[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.preview-erd[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    min-width: 0;\n}\n\n.preview-sql[_ngcontent-%COMP%] {\n    display: block;\n    flex: 1;\n    min-height: 0;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatabasePreviewPaneComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-database-preview-pane', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"preview-pane\">\n\n  <!-- \u2500\u2500 Tab switcher \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"preview-tabs\" role=\"tablist\">\n    <button\n      type=\"button\"\n      role=\"tab\"\n      class=\"preview-tab\"\n      [class.active]=\"ActiveTab === 'diagram'\"\n      [attr.aria-selected]=\"ActiveTab === 'diagram'\"\n      (click)=\"SelectTab('diagram')\">\n      <i class=\"fa-solid fa-diagram-project\"></i>\n      Diagram\n    </button>\n    <button\n      type=\"button\"\n      role=\"tab\"\n      class=\"preview-tab\"\n      [class.active]=\"ActiveTab === 'sql'\"\n      [attr.aria-selected]=\"ActiveTab === 'sql'\"\n      (click)=\"SelectTab('sql')\">\n      <i class=\"fa-solid fa-code\"></i>\n      SQL\n    </button>\n    <div class=\"preview-tabs-spacer\"></div>\n    <span class=\"preview-tabs-hint\">Updates as you edit</span>\n  </div>\n\n  <!-- \u2500\u2500 Tab body \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"preview-body\">\n\n    @if (ActiveTab === 'diagram') {\n      <mj-erd-diagram\n        class=\"preview-erd\"\n        [nodes]=\"ErdNodes\"\n        [focusNodeId]=\"FocusNodeId\"\n        [focusDepth]=\"1\"\n        [readOnly]=\"true\"\n        [showHeader]=\"false\"\n        [config]=\"ErdConfig\">\n      </mj-erd-diagram>\n    }\n\n    @if (ActiveTab === 'sql') {\n      <mj-code-editor\n        class=\"preview-sql\"\n        [value]=\"SqlText\"\n        language=\"sql\"\n        [readonly]=\"true\"\n        [lineWrapping]=\"false\"\n        setup=\"minimal\">\n      </mj-code-editor>\n    }\n\n  </div>\n\n</div>\n", styles: [".preview-pane {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    background: var(--mj-bg-surface-card);\n    border-left: 1px solid var(--mj-border-default);\n}\n\n/* \u2500\u2500 Tab switcher \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.preview-tabs {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n\n.preview-tab {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background-color 120ms, color 120ms, border-color 120ms;\n}\n\n.preview-tab:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.preview-tab.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n}\n\n.preview-tab i {\n    font-size: 12px;\n}\n\n.preview-tabs-spacer {\n    flex: 1;\n}\n\n.preview-tabs-hint {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    letter-spacing: 0.02em;\n}\n\n/* \u2500\u2500 Body (ERD / SQL) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.preview-body {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.preview-erd {\n    flex: 1;\n    min-height: 0;\n    min-width: 0;\n}\n\n.preview-sql {\n    display: block;\n    flex: 1;\n    min-height: 0;\n}\n"] }]
+    }], null, { TableDefinition: [{
+            type: Input
+        }], IsAlter: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DatabasePreviewPaneComponent, { className: "DatabasePreviewPaneComponent", filePath: "src/DatabaseDesigner/components/shared/database-preview-pane.component.ts", lineNumber: 34 }); })();
+//# sourceMappingURL=database-preview-pane.component.js.map

package/dist/DatabaseDesigner/components/shared/database-preview-pane.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"database-preview-pane.component.js","sourceRoot":"","sources":["../../../../src/DatabaseDesigner/components/shared/database-preview-pane.component.ts","../../../../src/DatabaseDesigner/components/shared/database-preview-pane.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @module database-preview-pane.component\n * @description Live preview of the current wizard `TableDefinition`.\n *\n * Two tabs:\n *   - **Diagram** — renders an `mj-erd-diagram` with the in-progress entity\n *     as the focus node and any FK-referenced entities as satellite nodes.\n *   - **SQL** — renders the CREATE TABLE / ALTER TABLE DDL in a read-only\n *     `mj-code-editor` with SQL syntax highlighting.\n *\n * The component is a pure function of `TableDefinition`: set the input, the\n * preview re-renders.  No side effects, no service subscriptions — the wizard\n * host owns the subscription to `EntityWizardStateService.tableDefinition$`\n * and pushes values down.\n */\n\nimport {\n    Component, Input, ChangeDetectionStrategy, ChangeDetectorRef, inject,\n} from '@angular/core';\nimport { Metadata } from '@memberjunction/core';\nimport type { ERDNode, ERDField } from '@memberjunction/ng-entity-relationship-diagram';\nimport type { ColumnSpec, EntityTableSpec, ForeignKeySpec } from '../../database-designer.types.js';\n\n/** Which tab is currently active. */\nexport type PreviewTab = 'diagram' | 'sql';\n\n@Component({\n    standalone: false,\n    selector: 'mj-database-preview-pane',\n    templateUrl: './database-preview-pane.component.html',\n    styleUrls: ['./database-preview-pane.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DatabasePreviewPaneComponent {\n\n    private readonly cdr = inject(ChangeDetectorRef);\n\n    // ─── Inputs ────────────────────────────────────────────────────────────\n\n    /**\n     * Current wizard draft.  Accepts a partial spec so the preview can\n     * render meaningfully even on Step 1 (name only).\n     */\n    @Input()\n    public set TableDefinition(value: Partial<EntityTableSpec> | null | undefined) {\n        this._tableDefinition = value ?? {};\n        this.recompute();\n    }\n    public get TableDefinition(): Partial<EntityTableSpec> { return this._tableDefinition; }\n    private _tableDefinition: Partial<EntityTableSpec> = {};\n\n    /**\n     * True when this preview is showing an edit of an existing entity\n     * (modify flow).  Switches the SQL header to `ALTER` wording and draws\n     * a \"current vs proposed\" indicator in the diagram.\n     *\n     * Defaults to false (create flow).\n     */\n    @Input()\n    public set IsAlter(value: boolean) {\n        this._isAlter = value;\n        this.recompute();\n    }\n    public get IsAlter(): boolean { return this._isAlter; }\n    private _isAlter = false;\n\n    // ─── View state ────────────────────────────────────────────────────────\n\n    public ActiveTab: PreviewTab = 'diagram';\n\n    public ErdNodes: ERDNode[] = [];\n\n    public SqlText = '';\n\n    /** Focus node ID — lets `mj-erd-diagram` highlight the in-progress entity. */\n    public FocusNodeId: string | null = null;\n\n    /**\n     * Stable config reference — bound to `mj-erd-diagram` via `[config]`.\n     * Must be a class property, not an inline object literal in the template,\n     * or every CD cycle produces a new reference and the ERD re-runs its\n     * layout / fit-to-view on every tick.\n     */\n    public readonly ErdConfig = { showAllFields: true, maxNodeHeight: 520 } as const;\n\n    // ─── Tab handler ───────────────────────────────────────────────────────\n\n    public SelectTab(tab: PreviewTab): void {\n        this.ActiveTab = tab;\n        this.cdr.markForCheck();\n    }\n\n    // ─── Derivation ────────────────────────────────────────────────────────\n\n    private recompute(): void {\n        const enrichments = this.resolveSatelliteFields(this._tableDefinition.ForeignKeys ?? []);\n        this.ErdNodes = DatabasePreviewPaneComponent.BuildErdNodes(this._tableDefinition, enrichments);\n        this.SqlText = DatabasePreviewPaneComponent.BuildSqlText(this._tableDefinition, this._isAlter);\n        this.FocusNodeId = DatabasePreviewPaneComponent.BuildFocusId(this._tableDefinition);\n        this.cdr.markForCheck();\n    }\n\n    /**\n     * Look up each FK target in MJ metadata and return PK + name-field rows per\n     * satellite node.  Falls back to a minimal single-column stub when the\n     * referenced table isn't a known MJ entity.\n     */\n    private resolveSatelliteFields(foreignKeys: ForeignKeySpec[]): Map<string, ERDField[]> {\n        const md = new Metadata(); // global-provider-ok: client-side Angular component, single provider\n        const result = new Map<string, ERDField[]>();\n        const seen = new Set<string>();\n\n        for (const fk of foreignKeys) {\n            const satId = DatabasePreviewPaneComponent.MakeSatelliteId(fk);\n            if (seen.has(satId)) continue;\n            seen.add(satId);\n\n            const entity = md.Entities.find(e =>\n                e.SchemaName === fk.ReferencedSchema && e.BaseTable === fk.ReferencedTable);\n            if (!entity) continue;\n\n            const fields: ERDField[] = [];\n            const refField = entity.Fields.find(f => f.Name === fk.ReferencedColumn);\n            if (refField) {\n                fields.push({\n                    id: `${satId}:${refField.Name}`,\n                    name: refField.Name,\n                    type: refField.SQLFullType,\n                    isPrimaryKey: refField.IsPrimaryKey,\n                });\n            }\n\n            const nameField = entity.Fields.find(f => f.IsNameField && f.Name !== fk.ReferencedColumn);\n            if (nameField) {\n                fields.push({\n                    id: `${satId}:${nameField.Name}`,\n                    name: nameField.Name,\n                    type: nameField.SQLFullType,\n                    isPrimaryKey: false,\n                });\n            }\n\n            if (fields.length > 0) result.set(satId, fields);\n        }\n\n        return result;\n    }\n\n    // ─── Pure builders (exposed for unit testing) ──────────────────────────\n\n    /** DOM id for the focus node, used by `mj-erd-diagram` to highlight. */\n    public static BuildFocusId(spec: Partial<EntityTableSpec>): string | null {\n        const name = spec.TableName || spec.EntityName;\n        return name ? `focus:${name}` : null;\n    }\n\n    /**\n     * ERD node list: one focus node + one satellite per distinct FK target.\n     * `satelliteEnrichments` — optional PK + name-field rows per satellite,\n     * keyed by `MakeSatelliteId(fk)`.  When absent, satellites render a\n     * minimal single-column stub.\n     */\n    public static BuildErdNodes(\n        spec: Partial<EntityTableSpec>,\n        satelliteEnrichments?: Map<string, ERDField[]>,\n    ): ERDNode[] {\n        const tableName = spec.TableName || spec.EntityName || 'NewEntity';\n        const schemaName = spec.SchemaName || '__mj_UDT';\n        const focusId = `focus:${tableName}`;\n\n        const focusFields = this.BuildFocusFields(focusId, spec);\n        this.AnnotateFkLinks(focusFields, spec.ForeignKeys ?? []);\n\n        const focusNode: ERDNode = {\n            id: focusId,\n            name: spec.EntityName || tableName,\n            schemaName,\n            baseTable: tableName,\n            description: spec.Description,\n            fields: focusFields,\n        };\n\n        return [focusNode, ...this.BuildSatelliteNodes(spec.ForeignKeys ?? [], satelliteEnrichments)];\n    }\n\n    /**\n     * Field list for the focus node: PK + user columns + synthetic FK columns + system audit.\n     * Pure — no link annotation.  `AnnotateFkLinks` runs after to mark FK sources.\n     */\n    public static BuildFocusFields(focusId: string, spec: Partial<EntityTableSpec>): ERDField[] {\n        const columns = spec.Columns ?? [];\n        const foreignKeys = spec.ForeignKeys ?? [];\n        const columnNames = new Set(columns.map(c => c.Name));\n\n        const fields: ERDField[] = [];\n\n        fields.push({\n            id: `${focusId}:ID`,\n            name: 'ID',\n            type: 'uniqueidentifier',\n            isPrimaryKey: true,\n            description: 'Primary key — always present',\n        });\n\n        for (const col of columns) {\n            fields.push({\n                id: `${focusId}:${col.Name}`,\n                name: col.Name,\n                type: this.FormatFieldType(col),\n                isPrimaryKey: false,\n                allowsNull: col.IsNullable,\n                length: col.MaxLength,\n                precision: col.Precision,\n                scale: col.Scale,\n                defaultValue: col.DefaultValue,\n                description: col.Description,\n            });\n        }\n\n        // Synthetic field for any FK whose source column isn't declared in Columns yet.\n        for (const fk of foreignKeys) {\n            if (!fk.ColumnName || columnNames.has(fk.ColumnName)) continue;\n            fields.push({\n                id: `${focusId}:${fk.ColumnName}`,\n                name: fk.ColumnName,\n                type: 'uniqueidentifier',\n                isPrimaryKey: false,\n                allowsNull: true,\n                relatedNodeId: this.MakeSatelliteId(fk),\n                relatedNodeName: fk.ReferencedTable,\n                relatedFieldName: fk.ReferencedColumn,\n            });\n        }\n\n        fields.push(\n            {\n                id: `${focusId}:__mj_CreatedAt`,\n                name: '__mj_CreatedAt',\n                type: 'datetimeoffset',\n                isPrimaryKey: false,\n                defaultValue: 'GETUTCDATE()',\n                description: 'Record creation timestamp',\n            },\n            {\n                id: `${focusId}:__mj_UpdatedAt`,\n                name: '__mj_UpdatedAt',\n                type: 'datetimeoffset',\n                isPrimaryKey: false,\n                defaultValue: 'GETUTCDATE()',\n                description: 'Last update timestamp',\n            },\n        );\n\n        return fields;\n    }\n\n    /** Stamp FK metadata onto any existing fields that match an FK source column. */\n    public static AnnotateFkLinks(fields: ERDField[], foreignKeys: ForeignKeySpec[]): void {\n        for (const fk of foreignKeys) {\n            if (!fk.ColumnName) continue;\n            const fld = fields.find(f => f.name === fk.ColumnName);\n            if (fld && !fld.relatedNodeId) {\n                fld.relatedNodeId = this.MakeSatelliteId(fk);\n                fld.relatedNodeName = fk.ReferencedTable;\n                fld.relatedFieldName = fk.ReferencedColumn;\n            }\n        }\n    }\n\n    /**\n     * One satellite node per distinct FK target (dedupes on schema+table).\n     * When `enrichments` provides rows for a satellite id, those rows (PK +\n     * name field, resolved from MJ metadata) are used instead of the minimal\n     * single-column stub.\n     */\n    public static BuildSatelliteNodes(\n        foreignKeys: ForeignKeySpec[],\n        enrichments?: Map<string, ERDField[]>,\n    ): ERDNode[] {\n        const seen = new Set<string>();\n        const satelliteNodes: ERDNode[] = [];\n        for (const fk of foreignKeys) {\n            // Skip in-progress rows where the target hasn't been picked yet.\n            if (!fk.ReferencedSchema || !fk.ReferencedTable) continue;\n            const satId = this.MakeSatelliteId(fk);\n            if (seen.has(satId)) continue;\n            seen.add(satId);\n\n            const enriched = enrichments?.get(satId);\n            const fields: ERDField[] = enriched && enriched.length > 0 ? enriched : [\n                {\n                    id: `${satId}:${fk.ReferencedColumn}`,\n                    name: fk.ReferencedColumn,\n                    type: 'uniqueidentifier',\n                    isPrimaryKey: true,\n                },\n            ];\n\n            satelliteNodes.push({\n                id: satId,\n                name: fk.ReferencedTable,\n                schemaName: fk.ReferencedSchema,\n                baseTable: fk.ReferencedTable,\n                fields,\n            });\n        }\n        return satelliteNodes;\n    }\n\n    public static MakeSatelliteId(fk: ForeignKeySpec): string {\n        return `ref:${fk.ReferencedSchema}.${fk.ReferencedTable}`;\n    }\n\n    /** Preview DDL for the given TableDefinition.  `isAlter` only affects the lead comment. */\n    public static BuildSqlText(spec: Partial<EntityTableSpec>, isAlter = false): string {\n        const table = spec.TableName || spec.EntityName || 'NewEntity';\n        const schema = spec.SchemaName || '__mj_UDT';\n        const qualified = `[${schema}].[${table}]`;\n        const leadComment = isAlter\n            ? `-- Generated by Database Designer · preview (ALTER)`\n            : `-- Generated by Database Designer · preview`;\n\n        // Column lines, padded for alignment\n        const colLines: string[] = [];\n        colLines.push(`  [ID]              UNIQUEIDENTIFIER  NOT NULL DEFAULT NEWSEQUENTIALID(),`);\n\n        for (const col of spec.Columns ?? []) {\n            if (!col.Name) continue;\n            colLines.push(`  ${this.FormatColumnLine(col)},`);\n        }\n\n        // FK columns that aren't already in Columns\n        for (const fk of spec.ForeignKeys ?? []) {\n            const inColumns = (spec.Columns ?? []).some(c => c.Name === fk.ColumnName);\n            if (inColumns) continue;\n            const name = `[${fk.ColumnName}]`.padEnd(18);\n            colLines.push(`  ${name} UNIQUEIDENTIFIER  NULL, -- auto-generated FK`);\n        }\n\n        colLines.push(`  [__mj_CreatedAt]  DATETIMEOFFSET    NOT NULL DEFAULT GETUTCDATE(),`);\n        colLines.push(`  [__mj_UpdatedAt]  DATETIMEOFFSET    NOT NULL DEFAULT GETUTCDATE(),`);\n        colLines.push(`  CONSTRAINT [PK_${table}] PRIMARY KEY ([ID])`);\n\n        const lines: string[] = [\n            leadComment,\n            `CREATE TABLE ${qualified} (`,\n            ...colLines,\n            `);`,\n        ];\n\n        // FK constraints\n        for (const fk of spec.ForeignKeys ?? []) {\n            lines.push('');\n            lines.push(`ALTER TABLE ${qualified}`);\n            lines.push(`  ADD CONSTRAINT [FK_${table}_${fk.ColumnName}]`);\n            lines.push(`  FOREIGN KEY ([${fk.ColumnName}]) REFERENCES [${fk.ReferencedSchema}].[${fk.ReferencedTable}]([${fk.ReferencedColumn}]);`);\n        }\n\n        return lines.join('\\n');\n    }\n\n    public static FormatColumnLine(col: ColumnSpec): string {\n        const name = `[${col.Name}]`.padEnd(18);\n        const type = col.RawSqlType || this.FormatFieldType(col);\n        const nullability = col.IsNullable ? 'NULL' : 'NOT NULL';\n        const dflt = col.DefaultValue ? ` DEFAULT ${col.DefaultValue}` : '';\n        return `${name} ${type.padEnd(16)} ${nullability}${dflt}`;\n    }\n\n    public static FormatFieldType(col: ColumnSpec): string {\n        if (col.RawSqlType) return col.RawSqlType;\n        switch (col.Type) {\n            case 'string':   return `NVARCHAR(${col.MaxLength ?? 200})`;\n            case 'text':     return 'NVARCHAR(MAX)';\n            case 'integer':  return 'INT';\n            case 'bigint':   return 'BIGINT';\n            case 'float':    return 'FLOAT';\n            case 'decimal':  return `DECIMAL(${col.Precision ?? 18},${col.Scale ?? 2})`;\n            case 'boolean':  return 'BIT';\n            case 'date':     return 'DATE';\n            case 'datetime': return 'DATETIMEOFFSET';\n            case 'time':     return 'TIME';\n            case 'uuid':     return 'UNIQUEIDENTIFIER';\n            case 'json':     return 'NVARCHAR(MAX)';\n            default:         return 'NVARCHAR(200)';\n        }\n    }\n}\n","<div class=\"preview-pane\">\n\n  <!-- ── Tab switcher ──────────────────────────────────────────────────── -->\n  <div class=\"preview-tabs\" role=\"tablist\">\n    <button\n      type=\"button\"\n      role=\"tab\"\n      class=\"preview-tab\"\n      [class.active]=\"ActiveTab === 'diagram'\"\n      [attr.aria-selected]=\"ActiveTab === 'diagram'\"\n      (click)=\"SelectTab('diagram')\">\n      <i class=\"fa-solid fa-diagram-project\"></i>\n      Diagram\n    </button>\n    <button\n      type=\"button\"\n      role=\"tab\"\n      class=\"preview-tab\"\n      [class.active]=\"ActiveTab === 'sql'\"\n      [attr.aria-selected]=\"ActiveTab === 'sql'\"\n      (click)=\"SelectTab('sql')\">\n      <i class=\"fa-solid fa-code\"></i>\n      SQL\n    </button>\n    <div class=\"preview-tabs-spacer\"></div>\n    <span class=\"preview-tabs-hint\">Updates as you edit</span>\n  </div>\n\n  <!-- ── Tab body ──────────────────────────────────────────────────────── -->\n  <div class=\"preview-body\">\n\n    @if (ActiveTab === 'diagram') {\n      <mj-erd-diagram\n        class=\"preview-erd\"\n        [nodes]=\"ErdNodes\"\n        [focusNodeId]=\"FocusNodeId\"\n        [focusDepth]=\"1\"\n        [readOnly]=\"true\"\n        [showHeader]=\"false\"\n        [config]=\"ErdConfig\">\n      </mj-erd-diagram>\n    }\n\n    @if (ActiveTab === 'sql') {\n      <mj-code-editor\n        class=\"preview-sql\"\n        [value]=\"SqlText\"\n        language=\"sql\"\n        [readonly]=\"true\"\n        [lineWrapping]=\"false\"\n        setup=\"minimal\">\n      </mj-code-editor>\n    }\n\n  </div>\n\n</div>\n"]}

package/dist/DatabaseDesigner/components/shared/entity-fields-grid.component.d.ts

@@ -0,0 +1,85 @@
+/**
+ * @module entity-fields-grid.component
+ * @description Inline field editor for the Database Designer wizard (Step 2) and
+ * the Modify view (Fields tab).
+ *
+ * Each row represents one column definition.  Cells are directly editable —
+ * click any cell to edit it in-place.  No separate dialog needed.
+ *
+ * ### Modes
+ *  - `create`: all rows are new columns being defined. Any row can be deleted.
+ *  - `modify`: rows loaded from an existing entity. Existing rows can be hidden
+ *    from new records (soft-removal preserving data) but not deleted. New rows
+ *    added by the user can be deleted outright.
+ *
+ * ### Validation
+ * Reserved column names (`ID`, `__mj_CreatedAt`, `__mj_UpdatedAt`) are detected
+ * and shown with an inline error badge. The parent step component reads
+ * `HasErrors` to gate the "Next" button.
+ */
+import { EventEmitter } from '@angular/core';
+import type { ColumnSpec, FieldTypeOption } from '../../database-designer.types.js';
+import * as i0 from "@angular/core";
+/** Extends ColumnSpec with grid-specific display state. */
+interface FieldRow extends ColumnSpec {
+    /** True when the column already exists in the DB (modify mode). */
+    isExisting: boolean;
+    /** True when the user has soft-toggled this existing column to hidden. */
+    isHidden: boolean;
+    /** 0-based index for stable tracking. */
+    rowIndex: number;
+}
+export declare class EntityFieldsGridComponent {
+    private readonly cdr;
+    set Columns(v: ColumnSpec[]);
+    Mode: 'create' | 'modify';
+    /** Emitted on every change so the parent/state service can stay in sync. */
+    readonly ColumnsChanged: EventEmitter<ColumnSpec[]>;
+    rows: FieldRow[];
+    /** Index of the row currently being actively edited (-1 = none). */
+    ActiveRowIndex: number;
+    /** Available type options — drives the dropdown. */
+    readonly FieldTypeOptions: readonly FieldTypeOption[];
+    /** True when any row has a reserved-name validation error. */
+    get HasErrors(): boolean;
+    /** True when any row has an error (exposed for parent template). */
+    get HasReservedNameError(): boolean;
+    TrackByIndex(_: number, row: FieldRow): number;
+    IsReservedName(name: string): boolean;
+    TypeLabel(type: ColumnSpec['Type']): string;
+    /** True when the selected type supports a Max Length field. */
+    ShowMaxLength(type: ColumnSpec['Type']): boolean;
+    /** True when the selected type supports precision/scale fields. */
+    ShowPrecisionScale(type: ColumnSpec['Type']): boolean;
+    /** Append an empty row and make it active for editing. */
+    AddField(): void;
+    /** Remove a new (non-existing) row outright. */
+    DeleteRow(index: number): void;
+    /**
+     * Toggle the "hidden" state of an existing row in modify mode.
+     * Hidden = soft-remove: `IncludeInAPI` will be set to false server-side;
+     * data in the column is preserved.
+     */
+    ToggleHide(index: number): void;
+    /** Update a field's Name. */
+    OnNameChange(index: number, value: string): void;
+    /** Update a field's Type. */
+    OnTypeChange(index: number, value: ColumnSpec['Type']): void;
+    /** Toggle the "Required" (not-nullable) flag. */
+    OnRequiredToggle(index: number): void;
+    /** Update MaxLength for string columns. */
+    OnMaxLengthChange(index: number, value: string): void;
+    /** Update the Default Value string. */
+    OnDefaultValueChange(index: number, value: string): void;
+    /** Update the Description string. */
+    OnDescriptionChange(index: number, value: string): void;
+    private isReservedName;
+    /** Called directly from the template for precision/scale inline updates. */
+    updateRow(index: number, patch: Partial<FieldRow>): void;
+    /** Emit the current non-hidden rows as `ColumnSpec[]` to the parent. */
+    private emit;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityFieldsGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityFieldsGridComponent, "mj-database-fields-grid", never, { "Columns": { "alias": "Columns"; "required": false; }; "Mode": { "alias": "Mode"; "required": false; }; }, { "ColumnsChanged": "ColumnsChanged"; }, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=entity-fields-grid.component.d.ts.map

package/dist/DatabaseDesigner/components/shared/entity-fields-grid.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-fields-grid.component.d.ts","sourceRoot":"","sources":["../../../../src/DatabaseDesigner/components/shared/entity-fields-grid.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EACuB,YAAY,EAEzC,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;;AAMpF,2DAA2D;AAC3D,UAAU,QAAS,SAAQ,UAAU;IACjC,mEAAmE;IACnE,UAAU,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,QAAQ,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,qBAOa,yBAAyB;IAIlC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAIjD,IAAoB,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,EAQ1C;IAEe,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAY;IAIrD,4EAA4E;IAC5E,SAA0B,cAAc,6BAAoC;IAIrE,IAAI,EAAE,QAAQ,EAAE,CAAM;IAE7B,oEAAoE;IAC7D,cAAc,SAAM;IAE3B,oDAAoD;IACpD,SAAgB,gBAAgB,EAAE,SAAS,eAAe,EAAE,CAAsB;IAIlF,8DAA8D;IAC9D,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,oEAAoE;IACpE,IAAW,oBAAoB,IAAI,OAAO,CAEzC;IAEM,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,GAAG,MAAM;IAM9C,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIrC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,MAAM;IAIlD,+DAA+D;IACxD,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,OAAO;IAIvD,mEAAmE;IAC5D,kBAAkB,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,OAAO;IAM5D,0DAA0D;IACnD,QAAQ,IAAI,IAAI;IAcvB,gDAAgD;IACzC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQrC;;;;OAIG;IACI,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAOtC,6BAA6B;IACtB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIvD,6BAA6B;IACtB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI;IAQnE,iDAAiD;IAC1C,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK5C,2CAA2C;IACpC,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAK5D,uCAAuC;IAChC,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAI/D,qCAAqC;IAC9B,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAM9D,OAAO,CAAC,cAAc;IAItB,4EAA4E;IACrE,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI;IAO/D,wEAAwE;IACxE,OAAO,CAAC,IAAI;yCAhKH,yBAAyB;2CAAzB,yBAAyB;CAuKrC"}