@memberjunction/ng-dashboards 5.30.0 → 5.31.0

package/dist/DatabaseDesigner/components/create-wizard/steps/step-review.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-review.component.js","sourceRoot":"","sources":["../../../../../src/DatabaseDesigner/components/create-wizard/steps/step-review.component.ts","../../../../../src/DatabaseDesigner/components/create-wizard/steps/step-review.component.html"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;;;;;ICLzE,8BAAgD;IAC9C,uBAA2C;IAC3C,yCACF;IAAA,iBAAM;;;IAEN,8BAA6C;IAC3C,uBAAwC;IACxC,iFAA2D;IAAA,8BAAQ;IAAA,6BAAa;IAAA,iBAAS;IAAC,8BAC5F;IAAA,iBAAM;;;IAMF,8BAA6B;IAC3B,wBAAgD;IAChD,YACF;IAAA,iBAAM;;;IADJ,eACF;IADE,uCACF;;;IALJ,8BAA2C;IACzC,mHAKC;IACH,iBAAM;;;IANJ,cAKC;IALD,sCAKC;;;IAKH,4BAA8B;IAAA,YAAiC;IAAA,iBAAI;;;IAArC,cAAiC;IAAjC,wDAAiC;;;IAS/D,8BAA2B;IACzB,kCAAoD;IACtD,iBAAM;;;IADS,cAAwB;IAAxB,6CAAwB;;ADe3C,MAAM,OAAO,mBAAmB;IACZ,eAAe,GAA6B,EAAE,CAAC;IAC/C,gBAAgB,GAAa,EAAE,CAAC;IAChC,YAAY,GAAG,KAAK,CAAC;IAErC,IAAW,iBAAiB;QACxB,MAAM,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC;QAChC,IAAI,CAAC,EAAE,CAAC,UAAU,IAAI,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,EAAE,CAAC,UAAU;YAAE,OAAO,IAAI,CAAC;QACnE,OAAO,EAAqB,CAAC;IACjC,CAAC;IAED,IAAW,eAAe;QACtB,MAAM,IAAI,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACpC,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QACvB,MAAM,GAAG,GAAG,wBAAwB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7C,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC;QACtB,OAAO,kBAAkB,GAAG,UAAU,CAAC;IAC3C,CAAC;6GAjBQ,mBAAmB;6DAAnB,mBAAmB;YCnDhC,8BAAyB;YAOrB,AALF,qFAAoB,+DAK6C;YAOjE,qFAAmC;YAWnC,mFAAmC;YAInC,8CAG2B;YAE3B,qFAAuB;YAMzB,iBAAM;;YAtCJ,cAUC;YAVD,4GAUC;YAED,eASC;YATD,0DASC;YAED,cAEC;YAFD,0DAEC;YAGC,cAAqC;YAArC,uDAAqC;YAIvC,cAIC;YAJD,8CAIC;;;iFDaU,mBAAmB;cAzC/B,SAAS;6BACM,KAAK,YACP,uBAAuB,mBAqChB,uBAAuB,CAAC,MAAM;;kBAG9C,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kFAHG,mBAAmB","sourcesContent":["/**\n * @module step-review.component\n * @description Step 4 wrapper — hosts EntityReviewPanelComponent.\n * Also renders server-side validation errors returned from ValidateSchema().\n */\n\nimport { Component, Input, ChangeDetectionStrategy } from '@angular/core';\nimport type { EntityTableSpec } from '../../../database-designer.types.js';\nimport { generateERDFromTableSpec } from '../../../database-designer-erd.js';\n\n@Component({\n    standalone: false,\n    selector: 'mj-entity-step-review',\n    templateUrl: './step-review.component.html',\n    styles: [`\n        .step-banner {\n            display: flex; flex-direction: column; gap: 6px;\n            padding: 12px 16px;\n            font-size: 0.875rem;\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n        .step-banner-validating {\n            flex-direction: row; align-items: center; gap: 10px;\n            color: var(--mj-text-secondary);\n        }\n        .step-banner-success {\n            flex-direction: row; align-items: center; gap: 10px;\n            color: var(--mj-status-success-text);\n            background: var(--mj-status-success-bg);\n            border-color: var(--mj-status-success-border);\n        }\n        .step-banner-error {\n            background: var(--mj-status-error-bg);\n            border-color: var(--mj-status-error-border);\n        }\n        .banner-err-item {\n            display: flex; align-items: flex-start; gap: 8px;\n            color: var(--mj-status-error-text);\n        }\n        .entity-description {\n            margin: 12px 16px 0;\n            font-size: 0.875rem;\n            color: var(--mj-text-secondary);\n            line-height: 1.5;\n        }\n        .erd-container {\n            padding: 0 16px 12px;\n        }\n    `],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StepReviewComponent {\n    @Input() public TableDefinition: Partial<EntityTableSpec> = {};\n    @Input() public ValidationErrors: string[] = [];\n    @Input() public IsValidating = false;\n\n    public get AsEntityTableSpec(): EntityTableSpec | null {\n        const td = this.TableDefinition;\n        if (!td.EntityName || !td.TableName || !td.SchemaName) return null;\n        return td as EntityTableSpec;\n    }\n\n    public get ERDMermaidBlock(): string | null {\n        const spec = this.AsEntityTableSpec;\n        if (!spec) return null;\n        const erd = generateERDFromTableSpec([spec]);\n        if (!erd) return null;\n        return `\\`\\`\\`mermaid\\n${erd}\\n\\`\\`\\``;\n    }\n}\n","<div class=\"step-review\">\n\n  @if (IsValidating) {\n    <div class=\"step-banner step-banner-validating\">\n      <i class=\"fa-solid fa-spinner fa-spin\"></i>\n      Validating schema…\n    </div>\n  } @else if (ValidationErrors.length === 0 && AsEntityTableSpec) {\n    <div class=\"step-banner step-banner-success\">\n      <i class=\"fa-solid fa-circle-check\"></i>\n      Schema validated — review the definition below, then click <strong>Create Entity</strong> to build it.\n    </div>\n  }\n\n  @if (ValidationErrors.length > 0) {\n    <div class=\"step-banner step-banner-error\">\n      @for (err of ValidationErrors; track $index) {\n        <div class=\"banner-err-item\">\n          <i class=\"fa-solid fa-triangle-exclamation\"></i>\n          {{ err }}\n        </div>\n      }\n    </div>\n  }\n\n  @if (TableDefinition.Description) {\n    <p class=\"entity-description\">{{ TableDefinition.Description }}</p>\n  }\n\n  <mj-database-review-panel\n    [TableDefinition]=\"AsEntityTableSpec\"\n    ModificationType=\"create\">\n  </mj-database-review-panel>\n\n  @if (ERDMermaidBlock) {\n    <div class=\"erd-container\">\n      <mj-markdown [data]=\"ERDMermaidBlock\"></mj-markdown>\n    </div>\n  }\n\n</div>\n"]}

package/dist/DatabaseDesigner/components/database-designer-dashboard.component.d.ts

@@ -0,0 +1,55 @@
+import { BaseDashboard } from '@memberjunction/ng-shared';
+import { ResourceData } from '@memberjunction/core-entities';
+import { DatabaseDesignerService } from '../services/database-designer.service.js';
+import type { AccessibleEntity } from '../database-designer.types.js';
+import * as i0 from "@angular/core";
+export declare class DatabaseDesignerDashboardComponent extends BaseDashboard {
+    /** Angular DI: write operations (create, modify, validate). */
+    protected readonly designerService: DatabaseDesignerService;
+    /** Change detection ref for OnPush updates. */
+    private readonly cdr;
+    /** Reference to the active modify component — used for close-guard state. */
+    private modifyRef?;
+    /**
+     * Passed as `[CanClose]` to the modify slide panel.
+     * Prevents the panel from closing while a pipeline is running and prompts the user
+     * for confirmation.  Defined as an arrow function so `this` is captured correctly
+     * when called by `MjSlidePanelComponent` (no angular binding issues).
+     */
+    readonly ModifyPanelCanClose: () => boolean;
+    /** Entities displayed in EntityListComponent — set by loadData(). */
+    Entities: AccessibleEntity[];
+    IsLoadingEntities: boolean;
+    LoadError: string | null;
+    /** Whether the Create Wizard drawer is open. */
+    ShowCreateWizard: boolean;
+    /** ID of the entity currently being modified; null if panel is closed. */
+    ModifyEntityId: string | null;
+    /** ID to deep-link into on first load (from ?entity= query param). */
+    private _deepLinkEntityId;
+    GetResourceDisplayName(_data: ResourceData): Promise<string>;
+    /** Sync ?entity=<id> URL param; set initial slide-panel state. */
+    protected initDashboard(): void;
+    /** Load accessible entities from the engine's cached store. */
+    protected loadData(): Promise<void>;
+    /** Opens the Create Wizard drawer. */
+    OnNewEntity(): void;
+    /** Opens the Modify panel for an existing entity. */
+    OnEditEntity(entity: AccessibleEntity): void;
+    /** Opens the Modify panel (read-only view) for an existing entity. */
+    OnViewEntity(entity: AccessibleEntity): void;
+    /** Called when the Create Wizard drawer closes (cancel or success). */
+    OnWizardClosed(): void;
+    /** Called when the wizard successfully creates an entity. */
+    OnEntityCreated(): void;
+    /** Called when the Modify panel drawer closes. */
+    OnModifyPanelClosed(): void;
+    /** Called when the modify wizard successfully alters an entity. */
+    OnEntityModified(): void;
+    private openModifyPanel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatabaseDesignerDashboardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatabaseDesignerDashboardComponent, "mj-database-designer-dashboard", never, {}, {}, never, never, false, never>;
+}
+/** Tree-shaking prevention — called from module's public-api.ts. */
+export declare function LoadDatabaseDesignerDashboard(): void;
+//# sourceMappingURL=database-designer-dashboard.component.d.ts.map

package/dist/DatabaseDesigner/components/database-designer-dashboard.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"database-designer-dashboard.component.d.ts","sourceRoot":"","sources":["../../../src/DatabaseDesigner/components/database-designer-dashboard.component.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAE,aAAa,EAAyB,MAAM,2BAA2B,CAAC;AAEjF,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAG7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAEnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;AAEtE,qBAQa,kCAAmC,SAAQ,aAAa;IAIjE,+DAA+D;IAC/D,SAAS,CAAC,QAAQ,CAAC,eAAe,0BAAmC;IAErE,+CAA+C;IAC/C,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAIjD,6EAA6E;IACzC,OAAO,CAAC,SAAS,CAAC,CAA0B;IAIhF;;;;;OAKG;IACH,SAAgB,mBAAmB,QAAO,OAAO,CAM/C;IAIF,qEAAqE;IAC9D,QAAQ,EAAE,gBAAgB,EAAE,CAAM;IAElC,iBAAiB,UAAS;IAC1B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAIvC,gDAAgD;IACzC,gBAAgB,UAAS;IAEhC,0EAA0E;IACnE,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE5C,sEAAsE;IACtE,OAAO,CAAC,iBAAiB,CAAuB;IAI1C,sBAAsB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAIlE,kEAAkE;IAClE,SAAS,CAAC,aAAa,IAAI,IAAI;IAO/B,+DAA+D;cAC/C,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IA0BzC,sCAAsC;IAC/B,WAAW,IAAI,IAAI;IAK1B,qDAAqD;IAC9C,YAAY,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI;IAInD,sEAAsE;IAC/D,YAAY,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI;IAMnD,uEAAuE;IAChE,cAAc,IAAI,IAAI;IAK7B,6DAA6D;IACtD,eAAe,IAAI,IAAI;IAM9B,kDAAkD;IAC3C,mBAAmB,IAAI,IAAI;IAMlC,mEAAmE;IAC5D,gBAAgB,IAAI,IAAI;IAQ/B,OAAO,CAAC,eAAe;yCA1Id,kCAAkC;2CAAlC,kCAAkC;CA+I9C;AAED,oEAAoE;AACpE,wBAAgB,6BAA6B,IAAI,IAAI,CAA+B"}

package/dist/DatabaseDesigner/components/database-designer-dashboard.component.js

@@ -0,0 +1,204 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @module database-designer-dashboard.component
+ * @description Root dashboard for the Database Designer feature area.
+ *
+ * Registered as 'DatabaseDesignerDashboard' via `@RegisterClass(BaseDashboard, ...)`.
+ * Registered as a navigation item via metadata (metadata/applications/).
+ *
+ * Lifecycle:
+ *  - `initDashboard()` — sync ?entity= URL param (deep-link support), initialize slide-panel state
+ *  - `loadData()` — delegate to DatabaseDesignerEngine singleton; pass result to EntityListComponent
+ *
+ * The wizard and modify panels open as MjSlidePanel drawers so the entity
+ * list remains visible behind them.  The dashboard orchestrates all state
+ * transitions; child components communicate only via @Output events.
+ */
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, inject, ViewChild, } from '@angular/core';
+import { BaseDashboard, BaseResourceComponent } from '@memberjunction/ng-shared';
+import { RegisterClass } from '@memberjunction/global';
+import { DatabaseDesignerEngine } from '../services/database-designer.engine.js';
+import { DatabaseDesignerService } from '../services/database-designer.service.js';
+import { DatabaseModifyComponent } from './modify/database-modify.component.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-versions";
+import * as i2 from "./entity-list.component";
+import * as i3 from "./create-wizard/database-create-wizard.component";
+import * as i4 from "./modify/database-modify.component";
+function DatabaseDesignerDashboardComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-slide-panel", 5);
+    i0.ɵɵlistener("Closed", function DatabaseDesignerDashboardComponent_Conditional_3_Template_mj_slide_panel_Closed_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnWizardClosed()); });
+    i0.ɵɵelementStart(1, "mj-database-create-wizard", 6);
+    i0.ɵɵlistener("EntityCreated", function DatabaseDesignerDashboardComponent_Conditional_3_Template_mj_database_create_wizard_EntityCreated_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnEntityCreated()); })("Cancelled", function DatabaseDesignerDashboardComponent_Conditional_3_Template_mj_database_create_wizard_Cancelled_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnWizardClosed()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", ctx_r1.ShowCreateWizard)("Resizable", true)("WidthPx", 9999)("MaxWidthRatio", 1)("MinWidthPx", 960);
+} }
+function DatabaseDesignerDashboardComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-slide-panel", 7);
+    i0.ɵɵlistener("Closed", function DatabaseDesignerDashboardComponent_Conditional_4_Template_mj_slide_panel_Closed_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnModifyPanelClosed()); });
+    i0.ɵɵelementStart(1, "mj-database-modify", 8);
+    i0.ɵɵlistener("EntityModified", function DatabaseDesignerDashboardComponent_Conditional_4_Template_mj_database_modify_EntityModified_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnEntityModified()); })("Cancelled", function DatabaseDesignerDashboardComponent_Conditional_4_Template_mj_database_modify_Cancelled_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnModifyPanelClosed()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", !!ctx_r1.ModifyEntityId)("Resizable", true)("WidthPx", 9999)("MaxWidthRatio", 1)("MinWidthPx", 960)("CanClose", ctx_r1.ModifyPanelCanClose);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("EntityId", ctx_r1.ModifyEntityId);
+} }
+let DatabaseDesignerDashboardComponent = class DatabaseDesignerDashboardComponent extends BaseDashboard {
+    // ─── Injected services ─────────────────────────────────────────────────
+    /** Angular DI: write operations (create, modify, validate). */
+    designerService = inject(DatabaseDesignerService);
+    /** Change detection ref for OnPush updates. */
+    cdr = inject(ChangeDetectorRef);
+    // ─── ViewChild ─────────────────────────────────────────────────────────
+    /** Reference to the active modify component — used for close-guard state. */
+    modifyRef;
+    // ─── Slide-panel close guard ───────────────────────────────────────────
+    /**
+     * Passed as `[CanClose]` to the modify slide panel.
+     * Prevents the panel from closing while a pipeline is running and prompts the user
+     * for confirmation.  Defined as an arrow function so `this` is captured correctly
+     * when called by `MjSlidePanelComponent` (no angular binding issues).
+     */
+    ModifyPanelCanClose = () => {
+        if (!this.modifyRef?.IsPipelineRunning)
+            return true;
+        return window.confirm('A pipeline operation is in progress. Closing will hide the progress panel ' +
+            'but the operation will continue running on the server.\n\nAre you sure?');
+    };
+    // ─── Entity list ───────────────────────────────────────────────────────
+    /** Entities displayed in EntityListComponent — set by loadData(). */
+    Entities = [];
+    IsLoadingEntities = false;
+    LoadError = null;
+    // ─── Slide panel state ─────────────────────────────────────────────────
+    /** Whether the Create Wizard drawer is open. */
+    ShowCreateWizard = false;
+    /** ID of the entity currently being modified; null if panel is closed. */
+    ModifyEntityId = null;
+    /** ID to deep-link into on first load (from ?entity= query param). */
+    _deepLinkEntityId = null;
+    // ─── BaseDashboard implementation ──────────────────────────────────────
+    async GetResourceDisplayName(_data) {
+        return 'Database Designer';
+    }
+    /** Sync ?entity=<id> URL param; set initial slide-panel state. */
+    initDashboard() {
+        const params = this.GetQueryParams();
+        if (params['entity']) {
+            this._deepLinkEntityId = params['entity'];
+        }
+    }
+    /** Load accessible entities from the engine's cached store. */
+    async loadData() {
+        this.IsLoadingEntities = true;
+        this.LoadError = null;
+        this.cdr.markForCheck();
+        try {
+            this.Entities = await DatabaseDesignerEngine.Instance.loadAccessibleEntities();
+            // Honor deep-link: open modify panel if the entity exists in the list.
+            if (this._deepLinkEntityId) {
+                const target = this.Entities.find(e => e.entityId === this._deepLinkEntityId);
+                if (target) {
+                    this.openModifyPanel(target);
+                }
+                this._deepLinkEntityId = null;
+            }
+        }
+        catch (err) {
+            this.LoadError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.IsLoadingEntities = false;
+            this.cdr.markForCheck();
+        }
+    }
+    // ─── Entity list event handlers ────────────────────────────────────────
+    /** Opens the Create Wizard drawer. */
+    OnNewEntity() {
+        this.ShowCreateWizard = true;
+        this.cdr.markForCheck();
+    }
+    /** Opens the Modify panel for an existing entity. */
+    OnEditEntity(entity) {
+        this.openModifyPanel(entity);
+    }
+    /** Opens the Modify panel (read-only view) for an existing entity. */
+    OnViewEntity(entity) {
+        this.openModifyPanel(entity);
+    }
+    // ─── Slide-panel event handlers ────────────────────────────────────────
+    /** Called when the Create Wizard drawer closes (cancel or success). */
+    OnWizardClosed() {
+        this.ShowCreateWizard = false;
+        this.cdr.markForCheck();
+    }
+    /** Called when the wizard successfully creates an entity. */
+    OnEntityCreated() {
+        this.ShowCreateWizard = false;
+        DatabaseDesignerEngine.Instance.invalidateCache();
+        this.loadData();
+    }
+    /** Called when the Modify panel drawer closes. */
+    OnModifyPanelClosed() {
+        this.ModifyEntityId = null;
+        this.UpdateQueryParams({ entity: null });
+        this.cdr.markForCheck();
+    }
+    /** Called when the modify wizard successfully alters an entity. */
+    OnEntityModified() {
+        this.ModifyEntityId = null;
+        DatabaseDesignerEngine.Instance.invalidateCache();
+        this.loadData();
+    }
+    // ─── Helpers ───────────────────────────────────────────────────────────
+    openModifyPanel(entity) {
+        this.ModifyEntityId = entity.entityId;
+        this.UpdateQueryParams({ entity: entity.entityId });
+        this.cdr.markForCheck();
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵDatabaseDesignerDashboardComponent_BaseFactory; return function DatabaseDesignerDashboardComponent_Factory(__ngFactoryType__) { return (ɵDatabaseDesignerDashboardComponent_BaseFactory || (ɵDatabaseDesignerDashboardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DatabaseDesignerDashboardComponent)))(__ngFactoryType__ || DatabaseDesignerDashboardComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DatabaseDesignerDashboardComponent, selectors: [["mj-database-designer-dashboard"]], viewQuery: function DatabaseDesignerDashboardComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(DatabaseModifyComponent, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modifyRef = _t.first);
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 2, consts: [[1, "database-designer-dashboard"], [1, "database-designer-content"], [3, "NewEntity", "EditEntity", "ViewEntity"], ["Mode", "slide", "Title", "New Entity", 3, "Visible", "Resizable", "WidthPx", "MaxWidthRatio", "MinWidthPx"], ["Mode", "slide", "Title", "Edit Entity", 3, "Visible", "Resizable", "WidthPx", "MaxWidthRatio", "MinWidthPx", "CanClose"], ["Mode", "slide", "Title", "New Entity", 3, "Closed", "Visible", "Resizable", "WidthPx", "MaxWidthRatio", "MinWidthPx"], [3, "EntityCreated", "Cancelled"], ["Mode", "slide", "Title", "Edit Entity", 3, "Closed", "Visible", "Resizable", "WidthPx", "MaxWidthRatio", "MinWidthPx", "CanClose"], [3, "EntityModified", "Cancelled", "EntityId"]], template: function DatabaseDesignerDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "mj-database-entity-list", 2);
+            i0.ɵɵlistener("NewEntity", function DatabaseDesignerDashboardComponent_Template_mj_database_entity_list_NewEntity_2_listener() { return ctx.OnNewEntity(); })("EditEntity", function DatabaseDesignerDashboardComponent_Template_mj_database_entity_list_EditEntity_2_listener($event) { return ctx.OnEditEntity($event); })("ViewEntity", function DatabaseDesignerDashboardComponent_Template_mj_database_entity_list_ViewEntity_2_listener($event) { return ctx.OnViewEntity($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(3, DatabaseDesignerDashboardComponent_Conditional_3_Template, 2, 5, "mj-slide-panel", 3);
+            i0.ɵɵconditionalCreate(4, DatabaseDesignerDashboardComponent_Conditional_4_Template, 2, 7, "mj-slide-panel", 4);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.ShowCreateWizard ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ModifyEntityId ? 4 : -1);
+        } }, dependencies: [i1.MjSlidePanelComponent, i2.EntityListComponent, i3.DatabaseCreateWizardComponent, i4.DatabaseModifyComponent], styles: ["\n\n\n.database-designer-dashboard[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--mj-bg-page);\n  overflow: hidden;\n  position: relative;\n}\n\n\n\n\n.database-designer-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  margin: 16px;\n  box-shadow: 0 1px 4px color-mix(in srgb, var(--mj-border-strong) 20%, transparent);\n}\n\n\n\n\n.panel-placeholder[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  padding: 60px 32px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.panel-placeholder[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 2rem;\n}\n\n.panel-placeholder[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 0.95rem;\n}"], changeDetection: 0 });
+};
+DatabaseDesignerDashboardComponent = __decorate([
+    RegisterClass(BaseResourceComponent, 'DatabaseDesignerDashboard')
+], DatabaseDesignerDashboardComponent);
+export { DatabaseDesignerDashboardComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatabaseDesignerDashboardComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-database-designer-dashboard', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"database-designer-dashboard\">\n\n  <!-- \u2500\u2500 Main entity list \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=\"database-designer-content\">\n    <mj-database-entity-list\n      (NewEntity)=\"OnNewEntity()\"\n      (EditEntity)=\"OnEditEntity($event)\"\n      (ViewEntity)=\"OnViewEntity($event)\">\n    </mj-database-entity-list>\n  </div>\n\n  <!-- \u2500\u2500 Create Wizard slide-over panel \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  @if (ShowCreateWizard) {\n    <mj-slide-panel\n      Mode=\"slide\"\n      Title=\"New Entity\"\n      [Visible]=\"ShowCreateWizard\"\n      [Resizable]=\"true\"\n      [WidthPx]=\"9999\"\n      [MaxWidthRatio]=\"1\"\n      [MinWidthPx]=\"960\"\n      (Closed)=\"OnWizardClosed()\">\n      <mj-database-create-wizard\n        (EntityCreated)=\"OnEntityCreated()\"\n        (Cancelled)=\"OnWizardClosed()\">\n      </mj-database-create-wizard>\n    </mj-slide-panel>\n  }\n\n  <!-- \u2500\u2500 Modify slide-over panel \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  @if (ModifyEntityId) {\n    <mj-slide-panel\n      Mode=\"slide\"\n      Title=\"Edit Entity\"\n      [Visible]=\"!!ModifyEntityId\"\n      [Resizable]=\"true\"\n      [WidthPx]=\"9999\"\n      [MaxWidthRatio]=\"1\"\n      [MinWidthPx]=\"960\"\n      [CanClose]=\"ModifyPanelCanClose\"\n      (Closed)=\"OnModifyPanelClosed()\">\n      <mj-database-modify\n        [EntityId]=\"ModifyEntityId!\"\n        (EntityModified)=\"OnEntityModified()\"\n        (Cancelled)=\"OnModifyPanelClosed()\">\n      </mj-database-modify>\n    </mj-slide-panel>\n  }\n\n</div>\n", styles: ["/* \u2500\u2500 Dashboard root \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\u2500 */\n\n.database-designer-dashboard {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--mj-bg-page);\n  overflow: hidden;\n  position: relative;\n}\n\n/* \u2500\u2500 Content area \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\u2500\u2500\u2500 */\n\n.database-designer-content {\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  margin: 16px;\n  box-shadow: 0 1px 4px color-mix(in srgb, var(--mj-border-strong) 20%, transparent);\n}\n\n/* \u2500\u2500 Placeholder (pre-Phase 5d/5e wiring) \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.panel-placeholder {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  padding: 60px 32px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.panel-placeholder i {\n  font-size: 2rem;\n}\n\n.panel-placeholder p {\n  margin: 0;\n  font-size: 0.95rem;\n}\n"] }]
+    }], null, { modifyRef: [{
+            type: ViewChild,
+            args: [DatabaseModifyComponent]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DatabaseDesignerDashboardComponent, { className: "DatabaseDesignerDashboardComponent", filePath: "src/DatabaseDesigner/components/database-designer-dashboard.component.ts", lineNumber: 38 }); })();
+/** Tree-shaking prevention — called from module's public-api.ts. */
+export function LoadDatabaseDesignerDashboard() { }
+//# sourceMappingURL=database-designer-dashboard.component.js.map

package/dist/DatabaseDesigner/components/database-designer-dashboard.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"database-designer-dashboard.component.js","sourceRoot":"","sources":["../../../src/DatabaseDesigner/components/database-designer-dashboard.component.ts","../../../src/DatabaseDesigner/components/database-designer-dashboard.component.html"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACH,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EACrD,MAAM,EAAE,SAAS,GACpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;;;;;;;;ICb5E,yCAQ8B;IAA5B,gNAAU,uBAAgB,KAAC;IAC3B,oDAEiC;IAA/B,AADA,yOAAiB,wBAAiB,KAAC,oNACtB,uBAAgB,KAAC;IAElC,AADE,iBAA4B,EACb;;;IANf,AADA,AADA,AADA,AADA,iDAA4B,mBACV,iBACF,oBACG,mBACD;;;;IAWpB,yCASmC;IAAjC,gNAAU,4BAAqB,KAAC;IAChC,6CAGsC;IAApC,AADA,oOAAkB,yBAAkB,KAAC,6MACxB,4BAAqB,KAAC;IAEvC,AADE,iBAAqB,EACN;;;IAPf,AADA,AADA,AADA,AADA,AADA,iDAA4B,mBACV,iBACF,oBACG,mBACD,wCACc;IAG9B,cAA4B;IAA5B,gDAA4B;;ADL7B,IAAM,kCAAkC,GAAxC,MAAM,kCAAmC,SAAQ,aAAa;IAEjE,0EAA0E;IAE1E,+DAA+D;IAC5C,eAAe,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;IAErE,+CAA+C;IAC9B,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAEjD,0EAA0E;IAE1E,6EAA6E;IACjC,SAAS,CAA2B;IAEhF,0EAA0E;IAE1E;;;;;OAKG;IACa,mBAAmB,GAAG,GAAY,EAAE;QAChD,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,iBAAiB;YAAE,OAAO,IAAI,CAAC;QACpD,OAAO,MAAM,CAAC,OAAO,CACjB,4EAA4E;YAC5E,yEAAyE,CAC5E,CAAC;IACN,CAAC,CAAC;IAEF,0EAA0E;IAE1E,qEAAqE;IAC9D,QAAQ,GAAuB,EAAE,CAAC;IAElC,iBAAiB,GAAG,KAAK,CAAC;IAC1B,SAAS,GAAkB,IAAI,CAAC;IAEvC,0EAA0E;IAE1E,gDAAgD;IACzC,gBAAgB,GAAG,KAAK,CAAC;IAEhC,0EAA0E;IACnE,cAAc,GAAkB,IAAI,CAAC;IAE5C,sEAAsE;IAC9D,iBAAiB,GAAkB,IAAI,CAAC;IAEhD,0EAA0E;IAE1E,KAAK,CAAC,sBAAsB,CAAC,KAAmB;QAC5C,OAAO,mBAAmB,CAAC;IAC/B,CAAC;IAED,kEAAkE;IACxD,aAAa;QACnB,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACrC,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnB,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC9C,CAAC;IACL,CAAC;IAED,+DAA+D;IACrD,KAAK,CAAC,QAAQ;QACpB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAExB,IAAI,CAAC;YACD,IAAI,CAAC,QAAQ,GAAG,MAAM,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,EAAE,CAAC;YAE/E,uEAAuE;YACvE,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACzB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBAC9E,IAAI,MAAM,EAAE,CAAC;oBACT,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBACjC,CAAC;gBACD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAClC,CAAC;QACL,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,IAAI,CAAC,SAAS,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACtE,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;YAC/B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC5B,CAAC;IACL,CAAC;IAED,0EAA0E;IAE1E,sCAAsC;IAC/B,WAAW;QACd,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC5B,CAAC;IAED,qDAAqD;IAC9C,YAAY,CAAC,MAAwB;QACxC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC;IAED,sEAAsE;IAC/D,YAAY,CAAC,MAAwB;QACxC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC;IAED,0EAA0E;IAE1E,uEAAuE;IAChE,cAAc;QACjB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC5B,CAAC;IAED,6DAA6D;IACtD,eAAe;QAClB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,sBAAsB,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;QAClD,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,kDAAkD;IAC3C,mBAAmB;QACtB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACzC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC5B,CAAC;IAED,mEAAmE;IAC5D,gBAAgB;QACnB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,sBAAsB,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;QAClD,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,0EAA0E;IAElE,eAAe,CAAC,MAAwB;QAC5C,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC;QACtC,IAAI,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;QACpD,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC5B,CAAC;qTA9IQ,kCAAkC,yBAAlC,kCAAkC;6DAAlC,kCAAkC;2BAahC,uBAAuB;;;;;YC9ClC,AADF,AAHF,8BAAyC,aAGA,iCAIC;YAApC,AADA,AADA,wIAAa,iBAAa,IAAC,mIACb,wBAAoB,IAAC,mIACrB,wBAAoB,IAAC;YAEvC,AADE,iBAA0B,EACtB;YAGN,+GAAwB;YAkBxB,+GAAsB;YAmBxB,iBAAM;;YArCJ,eAeC;YAfD,+CAeC;YAGD,cAiBC;YAjBD,6CAiBC;;;ADVU,kCAAkC;IAD9C,aAAa,CAAC,qBAAqB,EAAE,2BAA2B,CAAC;GACrD,kCAAkC,CA+I9C;;iFA/IY,kCAAkC;cAR9C,SAAS;6BACM,KAAK,YACP,gCAAgC,mBAGzB,uBAAuB,CAAC,MAAM;;kBAgB9C,SAAS;mBAAC,uBAAuB;;kFAbzB,kCAAkC;AAiJ/C,oEAAoE;AACpE,MAAM,UAAU,6BAA6B,KAAsC,CAAC","sourcesContent":["/**\n * @module database-designer-dashboard.component\n * @description Root dashboard for the Database Designer feature area.\n *\n * Registered as 'DatabaseDesignerDashboard' via `@RegisterClass(BaseDashboard, ...)`.\n * Registered as a navigation item via metadata (metadata/applications/).\n *\n * Lifecycle:\n *  - `initDashboard()` — sync ?entity= URL param (deep-link support), initialize slide-panel state\n *  - `loadData()` — delegate to DatabaseDesignerEngine singleton; pass result to EntityListComponent\n *\n * The wizard and modify panels open as MjSlidePanel drawers so the entity\n * list remains visible behind them.  The dashboard orchestrates all state\n * transitions; child components communicate only via @Output events.\n */\n\nimport {\n    Component, ChangeDetectionStrategy, ChangeDetectorRef,\n    inject, ViewChild,\n} from '@angular/core';\nimport { BaseDashboard, BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { ResourceData } from '@memberjunction/core-entities';\n\nimport { DatabaseDesignerEngine } from '../services/database-designer.engine.js';\nimport { DatabaseDesignerService } from '../services/database-designer.service.js';\nimport { DatabaseModifyComponent } from './modify/database-modify.component.js';\nimport type { AccessibleEntity } from '../database-designer.types.js';\n\n@Component({\n    standalone: false,\n    selector: 'mj-database-designer-dashboard',\n    templateUrl: './database-designer-dashboard.component.html',\n    styleUrls: ['./database-designer-dashboard.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\n@RegisterClass(BaseResourceComponent, 'DatabaseDesignerDashboard')\nexport class DatabaseDesignerDashboardComponent extends BaseDashboard {\n\n    // ─── Injected services ─────────────────────────────────────────────────\n\n    /** Angular DI: write operations (create, modify, validate). */\n    protected readonly designerService = inject(DatabaseDesignerService);\n\n    /** Change detection ref for OnPush updates. */\n    private readonly cdr = inject(ChangeDetectorRef);\n\n    // ─── ViewChild ─────────────────────────────────────────────────────────\n\n    /** Reference to the active modify component — used for close-guard state. */\n    @ViewChild(DatabaseModifyComponent) private modifyRef?: DatabaseModifyComponent;\n\n    // ─── Slide-panel close guard ───────────────────────────────────────────\n\n    /**\n     * Passed as `[CanClose]` to the modify slide panel.\n     * Prevents the panel from closing while a pipeline is running and prompts the user\n     * for confirmation.  Defined as an arrow function so `this` is captured correctly\n     * when called by `MjSlidePanelComponent` (no angular binding issues).\n     */\n    public readonly ModifyPanelCanClose = (): boolean => {\n        if (!this.modifyRef?.IsPipelineRunning) return true;\n        return window.confirm(\n            'A pipeline operation is in progress. Closing will hide the progress panel ' +\n            'but the operation will continue running on the server.\\n\\nAre you sure?'\n        );\n    };\n\n    // ─── Entity list ───────────────────────────────────────────────────────\n\n    /** Entities displayed in EntityListComponent — set by loadData(). */\n    public Entities: AccessibleEntity[] = [];\n\n    public IsLoadingEntities = false;\n    public LoadError: string | null = null;\n\n    // ─── Slide panel state ─────────────────────────────────────────────────\n\n    /** Whether the Create Wizard drawer is open. */\n    public ShowCreateWizard = false;\n\n    /** ID of the entity currently being modified; null if panel is closed. */\n    public ModifyEntityId: string | null = null;\n\n    /** ID to deep-link into on first load (from ?entity= query param). */\n    private _deepLinkEntityId: string | null = null;\n\n    // ─── BaseDashboard implementation ──────────────────────────────────────\n\n    async GetResourceDisplayName(_data: ResourceData): Promise<string> {\n        return 'Database Designer';\n    }\n\n    /** Sync ?entity=<id> URL param; set initial slide-panel state. */\n    protected initDashboard(): void {\n        const params = this.GetQueryParams();\n        if (params['entity']) {\n            this._deepLinkEntityId = params['entity'];\n        }\n    }\n\n    /** Load accessible entities from the engine's cached store. */\n    protected async loadData(): Promise<void> {\n        this.IsLoadingEntities = true;\n        this.LoadError = null;\n        this.cdr.markForCheck();\n\n        try {\n            this.Entities = await DatabaseDesignerEngine.Instance.loadAccessibleEntities();\n\n            // Honor deep-link: open modify panel if the entity exists in the list.\n            if (this._deepLinkEntityId) {\n                const target = this.Entities.find(e => e.entityId === this._deepLinkEntityId);\n                if (target) {\n                    this.openModifyPanel(target);\n                }\n                this._deepLinkEntityId = null;\n            }\n        } catch (err) {\n            this.LoadError = err instanceof Error ? err.message : String(err);\n        } finally {\n            this.IsLoadingEntities = false;\n            this.cdr.markForCheck();\n        }\n    }\n\n    // ─── Entity list event handlers ────────────────────────────────────────\n\n    /** Opens the Create Wizard drawer. */\n    public OnNewEntity(): void {\n        this.ShowCreateWizard = true;\n        this.cdr.markForCheck();\n    }\n\n    /** Opens the Modify panel for an existing entity. */\n    public OnEditEntity(entity: AccessibleEntity): void {\n        this.openModifyPanel(entity);\n    }\n\n    /** Opens the Modify panel (read-only view) for an existing entity. */\n    public OnViewEntity(entity: AccessibleEntity): void {\n        this.openModifyPanel(entity);\n    }\n\n    // ─── Slide-panel event handlers ────────────────────────────────────────\n\n    /** Called when the Create Wizard drawer closes (cancel or success). */\n    public OnWizardClosed(): void {\n        this.ShowCreateWizard = false;\n        this.cdr.markForCheck();\n    }\n\n    /** Called when the wizard successfully creates an entity. */\n    public OnEntityCreated(): void {\n        this.ShowCreateWizard = false;\n        DatabaseDesignerEngine.Instance.invalidateCache();\n        this.loadData();\n    }\n\n    /** Called when the Modify panel drawer closes. */\n    public OnModifyPanelClosed(): void {\n        this.ModifyEntityId = null;\n        this.UpdateQueryParams({ entity: null });\n        this.cdr.markForCheck();\n    }\n\n    /** Called when the modify wizard successfully alters an entity. */\n    public OnEntityModified(): void {\n        this.ModifyEntityId = null;\n        DatabaseDesignerEngine.Instance.invalidateCache();\n        this.loadData();\n    }\n\n    // ─── Helpers ───────────────────────────────────────────────────────────\n\n    private openModifyPanel(entity: AccessibleEntity): void {\n        this.ModifyEntityId = entity.entityId;\n        this.UpdateQueryParams({ entity: entity.entityId });\n        this.cdr.markForCheck();\n    }\n}\n\n/** Tree-shaking prevention — called from module's public-api.ts. */\nexport function LoadDatabaseDesignerDashboard(): void { /* noop — forces import */ }\n","<div class=\"database-designer-dashboard\">\n\n  <!-- ── Main entity list ───────────────────────────────────────────────── -->\n  <div class=\"database-designer-content\">\n    <mj-database-entity-list\n      (NewEntity)=\"OnNewEntity()\"\n      (EditEntity)=\"OnEditEntity($event)\"\n      (ViewEntity)=\"OnViewEntity($event)\">\n    </mj-database-entity-list>\n  </div>\n\n  <!-- ── Create Wizard slide-over panel ────────────────────────────────── -->\n  @if (ShowCreateWizard) {\n    <mj-slide-panel\n      Mode=\"slide\"\n      Title=\"New Entity\"\n      [Visible]=\"ShowCreateWizard\"\n      [Resizable]=\"true\"\n      [WidthPx]=\"9999\"\n      [MaxWidthRatio]=\"1\"\n      [MinWidthPx]=\"960\"\n      (Closed)=\"OnWizardClosed()\">\n      <mj-database-create-wizard\n        (EntityCreated)=\"OnEntityCreated()\"\n        (Cancelled)=\"OnWizardClosed()\">\n      </mj-database-create-wizard>\n    </mj-slide-panel>\n  }\n\n  <!-- ── Modify slide-over panel ───────────────────────────────────────── -->\n  @if (ModifyEntityId) {\n    <mj-slide-panel\n      Mode=\"slide\"\n      Title=\"Edit Entity\"\n      [Visible]=\"!!ModifyEntityId\"\n      [Resizable]=\"true\"\n      [WidthPx]=\"9999\"\n      [MaxWidthRatio]=\"1\"\n      [MinWidthPx]=\"960\"\n      [CanClose]=\"ModifyPanelCanClose\"\n      (Closed)=\"OnModifyPanelClosed()\">\n      <mj-database-modify\n        [EntityId]=\"ModifyEntityId!\"\n        (EntityModified)=\"OnEntityModified()\"\n        (Cancelled)=\"OnModifyPanelClosed()\">\n      </mj-database-modify>\n    </mj-slide-panel>\n  }\n\n</div>\n"]}

package/dist/DatabaseDesigner/components/entity-list.component.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @module entity-list.component
+ * @description Displays the list of entities accessible to the current user.
+ *
+ * Loaded from `DatabaseDesignerEngine.Instance.loadAccessibleEntities()` —
+ * data access goes through the engine singleton, not this component directly,
+ * so the cache is shared across wizard openings.
+ */
+import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
+import type { AccessibleEntity } from '../database-designer.types.js';
+import * as i0 from "@angular/core";
+type SortField = 'entityName' | 'tableName' | 'schemaName' | 'createdAt' | 'owner';
+type SortDirection = 'asc' | 'desc';
+export declare class EntityListComponent implements OnInit, OnDestroy {
+    /** Emitted when the user clicks "Edit" on an entity row. */
+    readonly EditEntity: EventEmitter<AccessibleEntity>;
+    /** Emitted when the user clicks "View Details" on an entity row. */
+    readonly ViewEntity: EventEmitter<AccessibleEntity>;
+    /** Emitted when the user clicks "New Entity". */
+    readonly NewEntity: EventEmitter<void>;
+    IsLoading: boolean;
+    ErrorMessage: string | null;
+    /** Full unfiltered list from the engine. */
+    private _allEntities;
+    /** Cached sorted unique schema names — recomputed only when _allEntities changes. */
+    private _availableFilterSchemas;
+    /** Currently displayed (filtered + sorted) rows. */
+    FilteredEntities: AccessibleEntity[];
+    private readonly _search$;
+    private readonly _schema$;
+    private readonly _sortField$;
+    private readonly _sortDir$;
+    private readonly _destroy$;
+    private readonly cdr;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get SearchTerm(): string;
+    set SearchTerm(v: string);
+    get SelectedSchema(): string;
+    set SelectedSchema(v: string);
+    /** Unique schema names present in the loaded entity list, sorted alphabetically. */
+    get AvailableFilterSchemas(): string[];
+    get SortField(): SortField;
+    get SortDirection(): SortDirection;
+    /** Toggle sort: same field flips direction; new field defaults to asc. */
+    OnSortChange(field: SortField): void;
+    OnEditEntity(entity: AccessibleEntity): void;
+    OnViewEntity(entity: AccessibleEntity): void;
+    OnNewEntity(): void;
+    OnRefresh(): void;
+    TrackByEntityId(_: number, entity: AccessibleEntity): string;
+    FormatDate(date: Date): string;
+    private setupFilter;
+    private loadEntities;
+    private applyFilterAndSort;
+    private sortValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityListComponent, "mj-database-entity-list", never, {}, { "EditEntity": "EditEntity"; "ViewEntity": "ViewEntity"; "NewEntity": "NewEntity"; }, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=entity-list.component.d.ts.map

package/dist/DatabaseDesigner/components/entity-list.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-list.component.d.ts","sourceRoot":"","sources":["../../../src/DatabaseDesigner/components/entity-list.component.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACQ,MAAM,EAAE,SAAS,EAAU,YAAY,EAErD,MAAM,eAAe,CAAC;AAKvB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;AAItE,KAAK,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CAAC;AACnF,KAAK,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAEpC,qBAOa,mBAAoB,YAAW,MAAM,EAAE,SAAS;IAEzD,4DAA4D;IAC5D,SAA0B,UAAU,iCAAwC;IAC5E,oEAAoE;IACpE,SAA0B,UAAU,iCAAwC;IAC5E,iDAAiD;IACjD,SAA0B,SAAS,qBAA4B;IAExD,SAAS,UAAS;IAClB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE1C,4CAA4C;IAC5C,OAAO,CAAC,YAAY,CAA0B;IAE9C,qFAAqF;IACrF,OAAO,CAAC,uBAAuB,CAAgB;IAE/C,oDAAoD;IAC7C,gBAAgB,EAAE,gBAAgB,EAAE,CAAM;IAEjD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAmC;IAC5D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAmC;IAC5D,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAgD;IAC5E,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA6C;IACvE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAuB;IAEjD,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAIjD,QAAQ,IAAI,IAAI;IAKhB,WAAW,IAAI,IAAI;IAOnB,IAAI,UAAU,IAAI,MAAM,CAAgC;IACxD,IAAI,UAAU,CAAC,CAAC,EAAE,MAAM,EAA4B;IAEpD,IAAI,cAAc,IAAI,MAAM,CAAgC;IAC5D,IAAI,cAAc,CAAC,CAAC,EAAE,MAAM,EAA4B;IAExD,oFAAoF;IACpF,IAAI,sBAAsB,IAAI,MAAM,EAAE,CAAyC;IAE/E,IAAI,SAAS,IAAI,SAAS,CAAmC;IAC7D,IAAI,aAAa,IAAI,aAAa,CAAiC;IAEnE,0EAA0E;IACnE,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IASpC,YAAY,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI;IAI5C,YAAY,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI;IAI5C,WAAW,IAAI,IAAI;IAInB,SAAS,IAAI,IAAI;IAKjB,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,GAAG,MAAM;IAI5D,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAMrC,OAAO,CAAC,WAAW;YAaL,YAAY;IAwB1B,OAAO,CAAC,kBAAkB;IA0B1B,OAAO,CAAC,SAAS;yCA3JR,mBAAmB;2CAAnB,mBAAmB;CAqK/B"}