@memberjunction/ng-explorer-core 6.2.0-edge.0 → 6.2.0-edge.2

package/dist/lib/resource-wrappers/view-resource.component.js

@@ -8,8 +8,10 @@ import { Component, ViewChild } from '@angular/core';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { ViewInfo } from '@memberjunction/core-entities';
 import { RegisterClass, MJGlobal, MJEventType, UUIDsEqual } from '@memberjunction/global';
-import { CompositeKey } from '@memberjunction/core';
+import { CompositeKey, BaseEntity } from '@memberjunction/core';
+import { ExportColumnTypeForSQLType } from '@memberjunction/ng-entity-viewer';
 import { GraphQLListsClient } from '@memberjunction/graphql-dataprovider';
+import { debounceTime, filter, takeUntil } from 'rxjs/operators';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-export-service";
 import * as i2 from "@memberjunction/ng-shared-generic";
@@ -140,23 +142,103 @@ function UserViewResource_Conditional_4_Template(rf, ctx) { if (rf & 1) {
 let UserViewResource = class UserViewResource extends BaseResourceComponent {
     cdr;
     exportService;
-    containerElement;
-    entityViewerRef;
+    ContainerElement;
+    /** @deprecated Use {@link ContainerElement}. */
+    get containerElement() {
+        return this.ContainerElement;
+    }
+    /** @deprecated Use {@link ContainerElement}. */
+    set containerElement(value) {
+        this.ContainerElement = value;
+    }
+    EntityViewerRef;
+    /** @deprecated Use {@link EntityViewerRef}. */
+    get entityViewerRef() {
+        return this.EntityViewerRef;
+    }
+    /** @deprecated Use {@link EntityViewerRef}. */
+    set entityViewerRef(value) {
+        this.EntityViewerRef = value;
+    }
     isLoading = false;
     errorMessage = null;
-    entityInfo = null;
-    viewEntity = null;
-    gridState = null;
+    EntityInfo = null;
+    /** @deprecated Use {@link EntityInfo}. */
+    get entityInfo() {
+        return this.EntityInfo;
+    }
+    /** @deprecated Use {@link EntityInfo}. */
+    set entityInfo(value) {
+        this.EntityInfo = value;
+    }
+    ViewEntity = null;
+    /** @deprecated Use {@link ViewEntity}. */
+    get viewEntity() {
+        return this.ViewEntity;
+    }
+    /** @deprecated Use {@link ViewEntity}. */
+    set viewEntity(value) {
+        this.ViewEntity = value;
+    }
+    GridState = null;
+    /** @deprecated Use {@link GridState}. */
+    get gridState() {
+        return this.GridState;
+    }
+    /** @deprecated Use {@link GridState}. */
+    set gridState(value) {
+        this.GridState = value;
+    }
     // Export state. The header Export button is a FALLBACK shown only for view types that don't
     // provide their own export UI (Cards / Map / Timeline). The Grid renderer has its own in-toolbar
     // Export (full result set + format/sampling dialog), so we suppress this one there to avoid a
     // duplicate/confusing second button — while keeping export available for every other view type.
-    isExporting = false;
-    showFallbackExportButton = false;
+    IsExporting = false;
+    /** @deprecated Use {@link IsExporting}. */
+    get isExporting() {
+        return this.IsExporting;
+    }
+    /** @deprecated Use {@link IsExporting}. */
+    set isExporting(value) {
+        this.IsExporting = value;
+    }
+    ShowFallbackExportButton = false;
+    /** @deprecated Use {@link ShowFallbackExportButton}. */
+    get showFallbackExportButton() {
+        return this.ShowFallbackExportButton;
+    }
+    /** @deprecated Use {@link ShowFallbackExportButton}. */
+    set showFallbackExportButton(value) {
+        this.ShowFallbackExportButton = value;
+    }
     // Save-as-list dialog state
-    saveAsListDialogVisible = false;
-    saveAsListRecordCount = null;
-    isSavingAsList = false;
+    SaveAsListDialogVisible = false;
+    /** @deprecated Use {@link SaveAsListDialogVisible}. */
+    get saveAsListDialogVisible() {
+        return this.SaveAsListDialogVisible;
+    }
+    /** @deprecated Use {@link SaveAsListDialogVisible}. */
+    set saveAsListDialogVisible(value) {
+        this.SaveAsListDialogVisible = value;
+    }
+    SaveAsListRecordCount = null;
+    /** @deprecated Use {@link SaveAsListRecordCount}. */
+    get saveAsListRecordCount() {
+        return this.SaveAsListRecordCount;
+    }
+    /** @deprecated Use {@link SaveAsListRecordCount}. */
+    set saveAsListRecordCount(value) {
+        this.SaveAsListRecordCount = value;
+    }
+    IsSavingAsList = false;
+    /** @deprecated Use {@link IsSavingAsList}. */
+    get isSavingAsList() {
+        return this.IsSavingAsList;
+    }
+    /** @deprecated Use {@link IsSavingAsList}. */
+    set isSavingAsList(value) {
+        this.IsSavingAsList = value;
+    }
     dataLoaded = false;
     get metadata() { return this.ProviderToUse; }
     constructor(cdr, exportService) {
@@ -164,6 +246,25 @@ let UserViewResource = class UserViewResource extends BaseResourceComponent {
         this.cdr = cdr;
         this.exportService = exportService;
     }
+    ngOnInit() {
+        super.ngOnInit();
+        // Refresh when rows of this view's entity change: a local save/delete, or a server-side
+        // write announced as remote-invalidate (a clone, or another server). Debounced, so a burst
+        // of writes (a clone creating many rows) reloads the view once.
+        MJGlobal.Instance.GetEventListener()
+            .pipe(filter((event) => {
+            if (event.event !== MJEventType.ComponentEvent || event.eventCode !== BaseEntity.BaseEventCode)
+                return false;
+            const entityEvent = event.args;
+            const type = entityEvent?.type;
+            if (type !== 'save' && type !== 'delete' && type !== 'remote-invalidate')
+                return false;
+            const affectedName = (entityEvent.baseEntity?.EntityInfo?.Name ?? entityEvent.entityName)?.trim().toLowerCase();
+            return !!affectedName && affectedName === this.entityInfo?.Name?.trim().toLowerCase();
+        }), debounceTime(300), takeUntil(this.destroy$))
+            // In place: a change made elsewhere shouldn't move the user off their page or sort.
+            .subscribe(() => this.entityViewerRef?.RefreshInPlace());
+    }
     set Data(value) {
         const previousRecordId = super.Data?.ResourceRecordID;
         const previousEntity = super.Data?.Configuration?.Entity;
@@ -176,9 +277,9 @@ let UserViewResource = class UserViewResource extends BaseResourceComponent {
         if (!this.dataLoaded || newRecordId !== previousRecordId || newEntity !== previousEntity) {
             this.dataLoaded = true;
             // Reset state before loading new view
-            this.entityInfo = null;
-            this.viewEntity = null;
-            this.gridState = null;
+            this.EntityInfo = null;
+            this.ViewEntity = null;
+            this.GridState = null;
             this.errorMessage = null;
             this.loadView();
         }
@@ -239,25 +340,25 @@ let UserViewResource = class UserViewResource extends BaseResourceComponent {
         if (!view) {
             throw new Error(`View with ID ${viewId} not found`);
         }
-        this.viewEntity = view;
+        this.ViewEntity = view;
         // Check permissions
-        if (!this.viewEntity.UserCanView) {
+        if (!this.ViewEntity.UserCanView) {
             throw new Error('You do not have permission to view this view');
         }
         // Load the entity info
-        const entity = this.metadata.Entities.find(e => UUIDsEqual(e.ID, this.viewEntity.EntityID));
+        const entity = this.metadata.Entities.find(e => UUIDsEqual(e.ID, this.ViewEntity.EntityID));
         if (!entity) {
             throw new Error(`Entity for view not found`);
         }
-        this.entityInfo = entity;
+        this.EntityInfo = entity;
         // Parse grid state if available
-        if (this.viewEntity.GridState) {
+        if (this.ViewEntity.GridState) {
             try {
-                this.gridState = JSON.parse(this.viewEntity.GridState);
+                this.GridState = JSON.parse(this.ViewEntity.GridState);
             }
             catch (e) {
                 console.warn('Failed to parse GridState:', e);
-                this.gridState = null;
+                this.GridState = null;
             }
         }
         // View-type + per-view-type config persistence is fully owned by mj-entity-viewer
@@ -272,25 +373,29 @@ let UserViewResource = class UserViewResource extends BaseResourceComponent {
         if (!entity) {
             throw new Error(`Entity '${entityName}' not found`);
         }
-        this.entityInfo = entity;
-        this.viewEntity = null;
-        this.gridState = null;
+        this.EntityInfo = entity;
+        this.ViewEntity = null;
+        this.GridState = null;
         // For dynamic views, we could create a synthetic viewEntity with just the WhereClause
         // but for now, we'll rely on the entity-viewer's default behavior
     }
     /**
      * Handle record opened event - open in new tab
      */
-    onRecordOpened(event) {
+    OnRecordOpened(event) {
         if (event && event.entity && event.compositeKey) {
             this.navigationService.OpenEntityRecord(event.entity.Name, event.compositeKey);
         }
     }
+    /** @deprecated Use {@link OnRecordOpened}. */
+    onRecordOpened(event) {
+        return this.OnRecordOpened(event);
+    }
     /**
      * Handle a related-record navigation requested from within a view-type renderer
      * (e.g. a foreign-key cell) - open the target record in a new tab.
      */
-    onOpenRelatedRecord(nav) {
+    OnOpenRelatedRecord(nav) {
         if (nav?.entityName && nav.recordKey != null) {
             // The related entity is arbitrary, so its key column can have any name — resolve the key
             // against its metadata rather than hardcoding `ID` via FromID.
@@ -298,17 +403,29 @@ let UserViewResource = class UserViewResource extends BaseResourceComponent {
             this.navigationService.OpenEntityRecord(nav.entityName, CompositeKey.FromURLSegment(entityInfo, String(nav.recordKey)));
         }
     }
+    /** @deprecated Use {@link OnOpenRelatedRecord}. */
+    onOpenRelatedRecord(nav) {
+        return this.OnOpenRelatedRecord(nav);
+    }
     /**
      * Handle data loaded event from entity-viewer
      */
-    onDataLoaded() {
+    OnDataLoaded() {
         this.NotifyLoadComplete();
         this.refreshFallbackExportVisibility();
     }
+    /** @deprecated Use {@link OnDataLoaded}. */
+    onDataLoaded() {
+        return this.OnDataLoaded();
+    }
     /** The active view type changed — recompute whether the fallback Export button is needed. */
-    onViewTypeChanged() {
+    OnViewTypeChanged() {
         this.refreshFallbackExportVisibility();
     }
+    /** @deprecated Use {@link OnViewTypeChanged}. */
+    onViewTypeChanged() {
+        return this.OnViewTypeChanged();
+    }
     /**
      * Show the wrapper's Export button only for view types that don't ship their own export UI. The
      * entity-viewer reports this via {@link EntityViewerComponent.ActiveViewTypeHasOwnExport} (true for
@@ -316,9 +433,9 @@ let UserViewResource = class UserViewResource extends BaseResourceComponent {
      * detection to avoid an ExpressionChanged error from reading child state during a CD pass.
      */
     refreshFallbackExportVisibility() {
-        const next = !!this.entityViewerRef && !this.entityViewerRef.ActiveViewTypeHasOwnExport;
-        if (next !== this.showFallbackExportButton) {
-            this.showFallbackExportButton = next;
+        const next = !!this.EntityViewerRef && !this.EntityViewerRef.ActiveViewTypeHasOwnExport;
+        if (next !== this.ShowFallbackExportButton) {
+            this.ShowFallbackExportButton = next;
             this.cdr.detectChanges();
         }
     }
@@ -327,21 +444,21 @@ let UserViewResource = class UserViewResource extends BaseResourceComponent {
      * FULL result set via the entity-viewer's capped, filter/sort-aware fetch (same path the grid uses,
      * so it's bounded and warns past the cap) and writes an Excel file.
      */
-    async onExport() {
+    async OnExport() {
         // Never fail silently — a "nothing happens" click is impossible to diagnose. Surface the
         // reason both in the UI and the console.
-        if (!this.entityInfo || !this.entityViewerRef) {
+        if (!this.EntityInfo || !this.EntityViewerRef) {
             console.error('[ViewResource] Export: viewer not ready', {
-                hasEntity: !!this.entityInfo, hasViewer: !!this.entityViewerRef
+                hasEntity: !!this.EntityInfo, hasViewer: !!this.EntityViewerRef
             });
             this.showNotification('Export is not ready yet — try again in a moment.', 'error', 5000);
             return;
         }
-        this.isExporting = true;
+        this.IsExporting = true;
         this.cdr.detectChanges();
         this.showNotification('Preparing your Excel export…', 'info', 2000);
         try {
-            const rows = await this.entityViewerRef.FetchAllRowsForExport();
+            const rows = await this.EntityViewerRef.FetchAllRowsForExport();
             if (!rows || rows.length === 0) {
                 this.showNotification('Nothing to export — the view returned no records.', 'warning', 5000);
                 return;
@@ -365,31 +482,44 @@ let UserViewResource = class UserViewResource extends BaseResourceComponent {
             console.error('[ViewResource] Export error:', e);
         }
         finally {
-            this.isExporting = false;
+            this.IsExporting = false;
             this.cdr.detectChanges();
         }
     }
-    /** Columns to export — from grid state, else the view's columns, else the entity's real fields. */
+    /** @deprecated Use {@link OnExport}. */
+    async onExport() {
+        return this.OnExport();
+    }
+    /**
+     * Columns to export — from grid state, else the view's columns, else the entity's real fields. Each
+     * column carries its field's export type, as the grid's export does, so a date-only field writes
+     * a date cell on its stored day rather than a timestamp.
+     */
     buildExportColumns() {
-        if (!this.entityInfo)
+        if (!this.EntityInfo)
             return [];
-        if (this.gridState?.columnSettings && this.gridState.columnSettings.length > 0) {
-            return this.gridState.columnSettings
+        const entity = this.EntityInfo;
+        const typed = (name, displayName) => {
+            const field = entity.Fields.find(f => f.Name.toLowerCase() === name.toLowerCase());
+            return { name, displayName, dataType: ExportColumnTypeForSQLType(field?.Type) };
+        };
+        if (this.GridState?.columnSettings && this.GridState.columnSettings.length > 0) {
+            return this.GridState.columnSettings
                 .filter(col => col.hidden !== true)
-                .map(col => ({ name: col.Name, displayName: col.DisplayName || col.Name }));
+                .map(col => typed(col.Name, col.DisplayName || col.Name));
         }
-        if (this.viewEntity?.Columns) {
-            return this.viewEntity.Columns
+        if (this.ViewEntity?.Columns) {
+            return this.ViewEntity.Columns
                 .filter(col => !col.hidden)
-                .map(col => ({ name: col.Name, displayName: col.DisplayName || col.Name }));
+                .map(col => typed(col.Name, col.DisplayName || col.Name));
         }
-        return this.entityInfo.Fields
+        return entity.Fields
             .filter(f => !f.IsVirtual)
-            .map(f => ({ name: f.Name, displayName: f.DisplayNameOrName }));
+            .map(f => typed(f.Name, f.DisplayNameOrName));
     }
     buildExportFileName() {
-        const viewName = this.viewEntity?.Name || 'Data';
-        return `${this.entityInfo.Name}_${viewName}_${new Date().toISOString().split('T')[0]}`;
+        const viewName = this.ViewEntity?.Name || 'Data';
+        return `${this.EntityInfo.Name}_${viewName}_${new Date().toISOString().split('T')[0]}`;
     }
     /**
      * Get display name for the resource tab
@@ -416,38 +546,50 @@ let UserViewResource = class UserViewResource extends BaseResourceComponent {
     /**
      * Handle creating a new record for the current entity
      */
-    onCreateNewRecord() {
-        if (!this.entityInfo)
+    OnCreateNewRecord() {
+        if (!this.EntityInfo)
             return;
         // Use NavigationService to open a new record form
-        this.navigationService.OpenNewEntityRecord(this.entityInfo.Name);
+        this.navigationService.OpenNewEntityRecord(this.EntityInfo.Name);
+    }
+    /** @deprecated Use {@link OnCreateNewRecord}. */
+    onCreateNewRecord() {
+        return this.OnCreateNewRecord();
     }
     /**
      * Open the Save-as-List dialog. Only meaningful for saved views (a
      * ViewID is required to materialize). Dynamic views fall back to a
      * user-visible notification rather than silently doing nothing.
      */
-    onSaveAsList() {
-        if (!this.viewEntity?.ID) {
+    OnSaveAsList() {
+        if (!this.ViewEntity?.ID) {
             this.showNotification('Save as List requires a saved View. Save this view first.', 'info', 4000);
             return;
         }
         // Best-effort record-count hint — the entity-viewer exposes the
         // grid's row count on its gridState; we surface it so the dialog's
         // confirm button can say "Save List (476 records)".
-        this.saveAsListRecordCount = this.entityViewerRef?.TotalRecordCount ?? null;
-        this.saveAsListDialogVisible = true;
+        this.SaveAsListRecordCount = this.EntityViewerRef?.TotalRecordCount ?? null;
+        this.SaveAsListDialogVisible = true;
         this.cdr.detectChanges();
     }
-    onSaveAsListCancelled() {
-        this.saveAsListDialogVisible = false;
+    /** @deprecated Use {@link OnSaveAsList}. */
+    onSaveAsList() {
+        return this.OnSaveAsList();
+    }
+    OnSaveAsListCancelled() {
+        this.SaveAsListDialogVisible = false;
         this.cdr.detectChanges();
     }
-    async onSaveAsListSubmit(payload) {
-        const viewId = this.viewEntity?.ID;
+    /** @deprecated Use {@link OnSaveAsListCancelled}. */
+    onSaveAsListCancelled() {
+        return this.OnSaveAsListCancelled();
+    }
+    async OnSaveAsListSubmit(payload) {
+        const viewId = this.ViewEntity?.ID;
         if (!viewId)
             return;
-        this.isSavingAsList = true;
+        this.IsSavingAsList = true;
         this.cdr.detectChanges();
         try {
             const provider = this.ProviderToUse;
@@ -461,7 +603,7 @@ let UserViewResource = class UserViewResource extends BaseResourceComponent {
                 RefreshMode: payload.RefreshMode,
             });
             if (result.Success && result.CreatedListId) {
-                this.saveAsListDialogVisible = false;
+                this.SaveAsListDialogVisible = false;
                 this.showNotification(`List created with ${result.Counts?.Added ?? 0} record(s).`, 'success', 3000);
                 this.navigationService.OpenEntityRecord('MJ: Lists', CompositeKey.FromID(result.CreatedListId));
             }
@@ -474,10 +616,14 @@ let UserViewResource = class UserViewResource extends BaseResourceComponent {
             this.showNotification(`Save failed: ${message}`, 'error', 5000);
         }
         finally {
-            this.isSavingAsList = false;
+            this.IsSavingAsList = false;
             this.cdr.detectChanges();
         }
     }
+    /** @deprecated Use {@link OnSaveAsListSubmit}. */
+    async onSaveAsListSubmit(payload) {
+        return this.OnSaveAsListSubmit(payload);
+    }
     /**
      * Show a notification to the user
      */
@@ -498,8 +644,8 @@ let UserViewResource = class UserViewResource extends BaseResourceComponent {
             i0.ɵɵviewQuery(_c0, 7)(_c1, 5);
         } if (rf & 2) {
             let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerElement = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityViewerRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ContainerElement = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.EntityViewerRef = _t.first);
         } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 1, consts: [["container", ""], ["entityViewer", ""], [1, "view-resource-container"], [1, "view-loading-state"], [1, "view-error-state"], ["text", "Loading view...", "size", "large"], [1, "fas", "fa-exclamation-triangle"], [1, "view-header"], [1, "header-left"], [1, "view-title"], [1, "view-description"], [1, "header-right"], [1, "action-button", "create-button", 3, "click", "title"], [1, "fa-solid", "fa-plus"], ["title", "Materialize these results as a static List", 1, "action-button", "save-as-list-button", 3, "disabled"], ["title", "Export", 1, "action-button", "export-button", 3, "disabled"], [3, "RecordOpened", "OpenRelatedRecordRequested", "AfterViewTypeChange", "DataLoaded", "Entity", "Provider", "ViewEntity", "GridState", "AutoSaveView"], [3, "Save", "Cancel", "Provider", "Visible", "ViewId", "ViewName", "RecordCount"], ["title", "Materialize these results as a static List", 1, "action-button", "save-as-list-button", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-floppy-disk"], ["title", "Export", 1, "action-button", "export-button", 3, "click", "disabled"], [1, "fa-solid", "fa-file-excel"]], template: function UserViewResource_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2, 0);
             i0.ɵɵconditionalCreate(2, UserViewResource_Conditional_2_Template, 2, 0, "div", 3)(3, UserViewResource_Conditional_3_Template, 4, 1, "div", 4)(4, UserViewResource_Conditional_4_Template, 15, 16);
@@ -516,12 +662,12 @@ export { UserViewResource };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewResource, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-userview-resource', template: "<div #container class=\"view-resource-container\">\n    @if (isLoading) {\n        <div class=\"view-loading-state\">\n            <mj-loading text=\"Loading view...\" size=\"large\"></mj-loading>\n        </div>\n    } @else if (errorMessage) {\n        <div class=\"view-error-state\">\n            <i class=\"fas fa-exclamation-triangle\"></i>\n            <p>{{ errorMessage }}</p>\n        </div>\n    } @else if (entityInfo) {\n        <!-- Header with title and action buttons -->\n        <div class=\"view-header\">\n            <div class=\"header-left\">\n                <h2 class=\"view-title\">{{ viewEntity?.Name || entityInfo.Name }}</h2>\n                @if (viewEntity?.Description) {\n                    <p class=\"view-description\">{{ viewEntity!.Description }}</p>\n                }\n            </div>\n            <div class=\"header-right\">\n                <!-- Create New Record Button -->\n                <button\n                    class=\"action-button create-button\"\n                    (click)=\"onCreateNewRecord()\"\n                    title=\"Create new {{ entityInfo.Name }} record\">\n                    <i class=\"fa-solid fa-plus\"></i>\n                    <span>New Record</span>\n                </button>\n\n                <!-- Save as List Button \u2014 only meaningful for saved (non-dynamic) views. -->\n                @if (viewEntity?.ID) {\n                    <button\n                        class=\"action-button save-as-list-button\"\n                        (click)=\"onSaveAsList()\"\n                        [disabled]=\"isSavingAsList\"\n                        title=\"Materialize these results as a static List\">\n                        @if (isSavingAsList) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        } @else {\n                            <i class=\"fa-solid fa-floppy-disk\"></i>\n                        }\n                        <span>{{ isSavingAsList ? 'Saving...' : 'Save as List' }}</span>\n                    </button>\n                }\n                <!-- Fallback Export button. Shown ONLY for view types that lack their own export UI\n                     (Cards / Map / Timeline). The Grid renderer has its own in-toolbar Export (full\n                     result set + format/sampling dialog), so this is suppressed there to avoid a\n                     duplicate/confusing second button. -->\n                @if (showFallbackExportButton) {\n                    <button\n                        class=\"action-button export-button\"\n                        (click)=\"onExport()\"\n                        [disabled]=\"isExporting\"\n                        title=\"Export\">\n                        @if (isExporting) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        } @else {\n                            <i class=\"fa-solid fa-file-excel\"></i>\n                        }\n                        <span>{{ isExporting ? 'Exporting...' : 'Export' }}</span>\n                    </button>\n                }\n            </div>\n        </div>\n\n        <!-- Entity Viewer -->\n        <mj-entity-viewer\n            #entityViewer\n            [Entity]=\"entityInfo\"\n            [Provider]=\"Provider\"\n            [ViewEntity]=\"viewEntity\"\n            [GridState]=\"gridState\"\n            [AutoSaveView]=\"true\"\n            (RecordOpened)=\"onRecordOpened($any($event))\"\n            (OpenRelatedRecordRequested)=\"onOpenRelatedRecord($event)\"\n            (AfterViewTypeChange)=\"onViewTypeChanged()\"\n            (DataLoaded)=\"onDataLoaded()\">\n        </mj-entity-viewer>\n\n        <!-- Save-as-List dialog -->\n        <mj-save-view-as-list-dialog\n            [Provider]=\"ProviderToUse\"\n            [Visible]=\"saveAsListDialogVisible\"\n            [ViewId]=\"viewEntity?.ID ?? null\"\n            [ViewName]=\"viewEntity?.Name ?? null\"\n            [RecordCount]=\"saveAsListRecordCount\"\n            (Save)=\"onSaveAsListSubmit($event)\"\n            (Cancel)=\"onSaveAsListCancelled()\">\n        </mj-save-view-as-list-dialog>\n    }\n</div>\n", styles: ["\n        :host {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n        .view-resource-container {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n        }\n        .view-header {\n            padding: 16px 20px 8px 20px;\n            flex-shrink: 0;\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            gap: 16px;\n        }\n        .header-left {\n            flex: 1;\n            min-width: 0;\n        }\n        .header-right {\n            display: flex;\n            gap: 8px;\n            flex-shrink: 0;\n        }\n        .view-title {\n            margin: 0 0 4px 0;\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: var(--text-primary, #1a1a1a);\n        }\n        .view-description {\n            margin: 0;\n            font-size: 0.875rem;\n            color: var(--text-secondary, #666);\n        }\n        .action-button {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            padding: 8px 16px;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 6px;\n            background: var(--mj-bg-surface-card);\n            color: var(--mj-text-primary);\n            font-size: 0.875rem;\n            font-weight: 500;\n            cursor: pointer;\n            transition: all 0.15s ease;\n            white-space: nowrap;\n        }\n        .action-button:hover:not(:disabled) {\n            background: var(--mj-bg-surface-sunken);\n            border-color: var(--mj-border-default);\n        }\n        .action-button:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n        .action-button i {\n            font-size: 0.875rem;\n        }\n        .create-button {\n            background: var(--mj-brand-primary);\n            color: white;\n            border-color: var(--mj-brand-primary);\n        }\n        .create-button:hover:not(:disabled) {\n            background: var(--mj-brand-primary-hover);\n            border-color: var(--mj-brand-primary-hover);\n        }\n        .export-button:hover:not(:disabled) {\n            color: var(--mj-brand-primary);\n            border-color: var(--mj-brand-primary);\n        }\n        .view-loading-state,\n        .view-error-state {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 100%;\n            gap: 16px;\n        }\n        .view-error-state {\n            color: var(--danger-color, #dc3545);\n        }\n        .view-error-state i {\n            font-size: 2rem;\n        }\n        .view-error-state p {\n            margin: 0;\n            font-size: 1rem;\n        }\n        mj-entity-viewer {\n            flex: 1;\n            min-height: 0;\n        }\n    "] }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.ExportService }], { containerElement: [{
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.ExportService }], { ContainerElement: [{
             type: ViewChild,
             args: ['container', { static: true }]
-        }], entityViewerRef: [{
+        }], EntityViewerRef: [{
             type: ViewChild,
             args: ['entityViewer']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserViewResource, { className: "UserViewResource", filePath: "src/lib/resource-wrappers/view-resource.component.ts", lineNumber: 138 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserViewResource, { className: "UserViewResource", filePath: "src/lib/resource-wrappers/view-resource.component.ts", lineNumber: 139 }); })();
 //# sourceMappingURL=view-resource.component.js.map