@memberjunction/ng-entity-viewer 5.39.0 → 5.40.0

package/dist/lib/view-types/renderers/grid-view-renderer.component.js

@@ -0,0 +1,558 @@
+import { Component, Input, Output, EventEmitter, ViewEncapsulation, ViewChild, ChangeDetectorRef, inject } from '@angular/core';
+import { LogError } from '@memberjunction/core';
+import { UUIDsEqual } from '@memberjunction/global';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { buildPkString, buildCompositeKey } from '../../utils/record.util';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-list-management";
+import * as i2 from "../../entity-data-grid/entity-data-grid.component";
+import * as i3 from "../../confirm-dialog/confirm-dialog.component";
+const _c0 = ["grid"];
+const _c1 = () => ({});
+function GridViewRendererComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-list-management-dialog", 4);
+    i0.ɵɵlistener("complete", function GridViewRendererComponent_Conditional_2_Template_mj_list_management_dialog_complete_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onListManagementComplete($event)); })("cancel", function GridViewRendererComponent_Conditional_2_Template_mj_list_management_dialog_cancel_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onListManagementCancel()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Provider", ctx_r2.Provider)("visible", ctx_r2.showListManagementDialog)("config", ctx_r2.listManagementConfig);
+} }
+/**
+ * GridViewRendererComponent
+ * -------------------------
+ * The Grid **view type** renderer — a fully self-contained {@link IViewRenderer} adapter that hosts
+ * the existing {@link EntityDataGridComponent} (`<mj-entity-data-grid>`) inside the entity-viewer's
+ * pluggable view-type system. It is the dynamic-mounted plug-in that the `GridViewType` descriptor
+ * points at.
+ *
+ * **Architectural intent — the container knows nothing about grids, and grid *features* never bubble
+ * up.** The host (entity-viewer) binds only the generic {@link IViewRenderer} surface: the core
+ * inputs (`entity` / `provider` / `records` / `selectedRecordId` / `filterText` / `config`), the
+ * generic data-context inputs (`totalRecordCount` / `page` / `pageSize` / `isLoading`), and a small
+ * set of generic outputs. There is **no opaque `hostAction` channel** — everything a grid does is
+ * resolved through one of these three categories:
+ *
+ *   1. **Self-contained (owned end-to-end — never bubbles up):**
+ *      - **Export** → owned entirely by `<mj-entity-data-grid>` itself (its `onExportClick` opens its
+ *        OWN export dialog with format/sampling via `ExportService`). This wrapper does NOT host an
+ *        export dialog — doing so produced two stacked dialogs.
+ *      - **Add to List** → hosts `<mj-list-management-dialog>` ({@link ListManagementModule}). On
+ *        `(AddToListRequested)` the wrapper builds a {@link ListManagementDialogConfig} from the
+ *        entity + selected records and opens the dialog.
+ *      - **Delete** → hosts the Generic `<mj-ev-confirm-dialog>` (from {@link EntityViewerModule}).
+ *        On `(DeleteButtonClick)` the wrapper confirms, deletes via the MJ entity layer, then
+ *        re-requests data so the host reloads the current page.
+ *      - **Refresh** → on `(RefreshButtonClick)` the wrapper re-emits {@link dataRequest} so the host
+ *        reloads. No feature event leaves the wrapper.
+ *      - **Selection** → kept INTERNAL; it only drives the wrapper's own add-to-list. Never bubbles.
+ *
+ *   2. **Navigation (the ONLY legitimate upward signals — routing lives in the outer app):**
+ *      - Row double-click → {@link recordOpened}.
+ *      - Foreign-key cell click `(ForeignKeyClick)` → {@link openRelatedRecordRequested}.
+ *      - New button `(NewButtonClick)` → {@link createRecordRequested}.
+ *
+ *   3. **Container ↔ plug-in generic coordination (NOT outer-app signals):**
+ *      - Sort `(AfterSort)` → {@link dataRequest} (`sort`) + persisted into `config.gridState` via
+ *        {@link configChanged}.
+ *      - Pager `(PageChange)` → {@link dataRequest} (`page` / `pageSize`).
+ *      - Generic grid-state `(GridStateChanged)` → merged into `config.gridState` + {@link configChanged}.
+ *
+ * **Seeding the grid from `config` with defaults:** absent config fields fall back to sensible
+ * defaults so a brand-new view (`config === {}`) renders a fully-functional grid — toolbar on,
+ * checkbox selection, add-to-list on, pager on. The grid never loads its own data
+ * (`[AllowLoad]="false"`) — the host owns the fetch.
+ *
+ * This is an NgModule-declared (`standalone: false`) component, declared in `EntityViewerModule`.
+ * It renders `<mj-entity-data-grid>` + the Generic `<mj-list-management-dialog>` / `<mj-ev-confirm-dialog>`
+ * straight from the module's compilation scope (the module imports `ListManagementModule` and declares
+ * the grid + confirm dialog; the grid component brings its own export dialog) — so there's
+ * no `imports` array and, crucially, no self-import of `EntityViewerModule`: the module loads the
+ * view-type descriptors, which reference these wrappers, so a wrapper importing the module back would
+ * form a runtime import cycle (NG0919).
+ *
+ * Inputs use the camelCase names mandated by the {@link IViewRenderer} contract (the host binds them
+ * by those exact names via `setInput`), rather than MJ's usual PascalCase for public members —
+ * mirroring the Cards and Cluster renderers.
+ */
+export class GridViewRendererComponent extends BaseAngularComponent {
+    /** Change detection ref used to flush dialog visibility toggles driven by grid events. */
+    cdr = inject(ChangeDetectorRef);
+    // ---- IViewRenderer core inputs (camelCase per the host contract) ----
+    /** The entity whose records are being rendered. Used to build default params + resolve selection. */
+    entity = null;
+    /** The records to render (already loaded / filtered / paged by the host). Fed into `[Data]`. */
+    records = [];
+    /** Primary-key string of the currently selected record, if any. */
+    selectedRecordId = null;
+    /** Active filter text — passed through for the grid's cell highlighting. */
+    filterText = null;
+    /** Opaque per-view configuration. Seeds the grid bindings; mutated + re-emitted on grid changes. */
+    config = {};
+    // ---- IViewRenderer generic data-context inputs ----
+    /** Total record count across all pages, for the grid's pager. Fed into `[TotalRowCount]`. */
+    totalRecordCount;
+    /** One-based current page the host is showing. Fed into `[PagerPageNumber]` (already 1-based). */
+    page;
+    /** Page size the host is using — fallback when `config.pageSize` is absent. */
+    pageSize;
+    /** Whether the host is currently (re)loading the record set. Accepted per contract; unused here. */
+    isLoading;
+    // ---- IViewRenderer outputs (generic + navigation channels only) ----
+    /** Emitted when a row is single-clicked — payload is the raw record object (host builds the key). */
+    recordSelected = new EventEmitter();
+    /** Emitted when a row is double-clicked — payload is the raw record object (host builds the key). */
+    recordOpened = new EventEmitter();
+    /** Emitted when this renderer mutates its opaque {@link config} (sort / grid-state persistence). */
+    configChanged = new EventEmitter();
+    /** Generic data-access channel: ask the host to re-load with different sort / page. */
+    dataRequest = new EventEmitter();
+    /**
+     * NAVIGATION: open a related record on a (possibly different) entity from a foreign-key cell click.
+     * Routing lives in the outer app, so this is one of the few signals that legitimately bubbles up.
+     */
+    openRelatedRecordRequested = new EventEmitter();
+    /** NAVIGATION: create a new record of the current entity (grid "New" button). Bubbles up for routing. */
+    createRecordRequested = new EventEmitter();
+    /**
+     * Reference to the hosted grid. Currently only retained for parity / future selection resolution;
+     * selection is mapped from the {@link records} input rather than read from the grid, per contract.
+     */
+    grid;
+    // ================================================================
+    // Self-contained dialog state (never surfaced to the host)
+    // ================================================================
+    // NOTE: Export has no state here — mj-entity-data-grid owns its export dialog.
+    /** Whether the add-to-list dialog is visible. Toggled internally by {@link onAddToListRequested}. */
+    showListManagementDialog = false;
+    /** Config fed into `<mj-list-management-dialog>`. Built from the entity + selected records. */
+    listManagementConfig = null;
+    /** Whether the delete-confirmation dialog is visible. Toggled internally by {@link onDeleteButtonClick}. */
+    showDeleteConfirm = false;
+    /** Records staged for deletion while the confirm dialog is open. */
+    pendingDeleteRecords = [];
+    /** Dynamic message for the delete-confirmation dialog (reflects the staged record count). */
+    deleteConfirmMessage = 'Are you sure you want to delete the selected records?';
+    // ================================================================
+    // Effective binding accessors — seed grid inputs from config + defaults
+    // ================================================================
+    /** Effective toolbar visibility — defaults to `true` when not set in config. */
+    get effectiveShowToolbar() {
+        return this.config.showToolbar ?? true;
+    }
+    /** Effective selection mode — defaults to `'checkbox'` when not set in config. */
+    get effectiveSelectionMode() {
+        return this.config.selectionMode ?? 'checkbox';
+    }
+    /** Effective add-to-list button visibility — defaults to `true` when not set in config. */
+    get effectiveShowAddToListButton() {
+        return this.config.showAddToListButton ?? true;
+    }
+    /** Effective pager visibility — defaults to `true` when not set in config. */
+    get effectiveShowPager() {
+        return this.config.showPager ?? true;
+    }
+    /** Effective page size — config wins, else the generic `pageSize` input, else the grid's own default. */
+    get effectivePageSize() {
+        return this.config.pageSize ?? this.pageSize ?? 100;
+    }
+    /**
+     * Effective RunViewParams for the grid. Uses `config.params` when supplied; otherwise builds a
+     * minimal dynamic-view params object from {@link entity}. Returns `null` when no entity is known
+     * yet (the grid renders empty until the host provides one).
+     */
+    get effectiveParams() {
+        if (this.config.params) {
+            return this.config.params;
+        }
+        if (this.entity) {
+            return { EntityName: this.entity.Name };
+        }
+        return null;
+    }
+    // ================================================================
+    // Navigation + generic coordination output mapping
+    // ================================================================
+    /**
+     * Row single-click → {@link recordSelected}. Extracts the raw record (`event.row`) so the host
+     * builds the composite key itself, matching the other renderers.
+     */
+    onAfterRowClick(event) {
+        if (event.row) {
+            this.recordSelected.emit(event.row);
+        }
+    }
+    /** Row double-click → {@link recordOpened} (NAVIGATION), emitting the raw record object. */
+    onAfterRowDoubleClick(event) {
+        if (event.row) {
+            this.recordOpened.emit(event.row);
+        }
+    }
+    /**
+     * Sort change → both generic coordination channels:
+     *  1. {@link dataRequest} with the generic `sort` shape so the host re-loads with a new OrderBy.
+     *  2. persists the sort into `config.gridState.sortSettings` and emits {@link configChanged} so
+     *     the grid's sort survives view reloads via the opaque config channel.
+     */
+    onAfterSort(event) {
+        const sort = (event.newSortState ?? []).map((s) => ({ field: s.field, direction: s.direction }));
+        this.dataRequest.emit({ sort });
+        const gridState = { ...(this.config.gridState ?? {}) };
+        gridState.sortSettings = (event.newSortState ?? []).map((s) => ({ field: s.field, dir: s.direction }));
+        this.config = { ...this.config, gridState };
+        this.configChanged.emit(this.config);
+    }
+    /**
+     * Generic grid-state change (column resize / reorder / visibility) → merge the grid's updated
+     * {@link ViewGridState} into the opaque config and emit {@link configChanged}; the host persists
+     * the blob verbatim. No `dataRequest` here — column changes don't alter the loaded record set.
+     */
+    onGridStateChanged(event) {
+        this.config = { ...this.config, gridState: event.gridState };
+        this.configChanged.emit(this.config);
+    }
+    /**
+     * Selection change → kept INTERNAL. The grid drives its own add-to-list from the selection, so the
+     * wrapper has no need to surface it. We intentionally do not bubble selection anywhere.
+     */
+    onSelectionChange(_selectedKeys) {
+        // No-op: selection is internal to the grid + this wrapper's add-to-list. It never bubbles up.
+    }
+    /**
+     * Foreign-key link click → {@link openRelatedRecordRequested} (NAVIGATION). Maps the grid's
+     * {@link ForeignKeyClickEvent} (which carries the related entity + the FK value) onto the generic
+     * {@link ViewRelatedRecordNavigation} the container forwards to the outer app for routing. The
+     * related entity name is taken from the event when present, else resolved from the metadata by ID.
+     */
+    onForeignKeyClick(event) {
+        const entityName = event.relatedEntityName ?? this.resolveEntityNameById(event.relatedEntityId);
+        if (!entityName) {
+            return;
+        }
+        this.openRelatedRecordRequested.emit({ entityName, recordKey: event.recordId });
+    }
+    /** New button → {@link createRecordRequested} (NAVIGATION) — opening the create form is routing. */
+    onNewButtonClick() {
+        this.createRecordRequested.emit();
+    }
+    /**
+     * Pager navigation → generic {@link dataRequest}. Maps the grid's {@link PageChangeEvent}
+     * (`PageNumber` is already 1-based, `PageSize`) onto the generic `{ page, pageSize }` shape the
+     * host honors against its own RunView.
+     */
+    onPageChange(event) {
+        this.dataRequest.emit({ page: event.PageNumber, pageSize: event.PageSize });
+    }
+    // ================================================================
+    // Self-contained: Refresh
+    // ================================================================
+    /**
+     * Refresh button → re-emit {@link dataRequest} so the host reloads the current page. This is
+     * generic container ↔ plug-in coordination (a data-access request), NOT a feature event surfaced
+     * to the outer app.
+     */
+    onRefreshButtonClick() {
+        this.dataRequest.emit(this.currentPageDataRequest());
+    }
+    // ================================================================
+    // Export: handled entirely by mj-entity-data-grid (its onExportClick opens its own export dialog
+    // via ExportService). This wrapper intentionally does NOT host an export dialog — doing so produced
+    // two stacked dialogs. Nothing to do here.
+    // ================================================================
+    // ================================================================
+    // Self-contained: Add to List (hosts <mj-list-management-dialog>)
+    // ================================================================
+    /**
+     * Add-to-list button → build a {@link ListManagementDialogConfig} from the entity + the records the
+     * grid supplied, then open the Generic list-management dialog. The dialog persists membership
+     * changes itself — nothing bubbles up. Mirrors the config construction the legacy host did in
+     * `data-explorer-dashboard`'s `onAddToListRequested()`.
+     */
+    onAddToListRequested(event) {
+        const entity = event.entityInfo ?? this.entity;
+        if (!entity || !event.records || event.records.length === 0) {
+            return;
+        }
+        const recordDisplayNames = event.records.map((record) => this.getRecordDisplayName(record, entity));
+        const recordIds = this.buildRawRecordIds(event.records, entity);
+        if (recordIds.length === 0) {
+            return;
+        }
+        const recordCount = event.records.length;
+        const dialogTitle = recordCount === 1 ? `Manage Lists for "${recordDisplayNames[0]}"` : `Add ${recordCount} Records to List`;
+        this.listManagementConfig = {
+            mode: 'manage',
+            entityId: entity.ID,
+            entityName: entity.Name,
+            recordIds,
+            recordDisplayNames,
+            allowCreate: true,
+            allowRemove: recordCount === 1,
+            showMembership: recordCount === 1,
+            dialogTitle,
+        };
+        this.showListManagementDialog = true;
+        this.cdr.detectChanges();
+    }
+    /** List-management dialog completed (membership changes applied) → tear down state. */
+    onListManagementComplete(_result) {
+        this.showListManagementDialog = false;
+        this.listManagementConfig = null;
+        this.cdr.detectChanges();
+    }
+    /** List-management dialog cancelled → tear down state. */
+    onListManagementCancel() {
+        this.showListManagementDialog = false;
+        this.listManagementConfig = null;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Resolve a human-friendly display name for a record using the entity's NameField, falling back to
+     * the composite-key string. Mirrors the legacy host's display-name resolution.
+     */
+    getRecordDisplayName(record, entity) {
+        if (entity.NameField) {
+            const nameValue = record[entity.NameField.Name];
+            if (nameValue != null) {
+                return String(nameValue);
+            }
+        }
+        return buildPkString(record, entity) || 'Unknown';
+    }
+    /**
+     * Build the list of RAW primary-key values (not concatenated composite-key strings) used by list
+     * membership matching. Mirrors the legacy host, which deliberately extracts the first PK field's
+     * raw value so it matches how List Details store records.
+     */
+    buildRawRecordIds(records, entity) {
+        const pkFieldName = entity.PrimaryKeys[0]?.Name;
+        if (!pkFieldName) {
+            return [];
+        }
+        return records
+            .map((record) => {
+            const value = record[pkFieldName];
+            return value == null ? '' : String(value);
+        })
+            .filter((id) => id !== '');
+    }
+    // ================================================================
+    // Self-contained: Delete (hosts <mj-ev-confirm-dialog> + MJ entity layer)
+    // ================================================================
+    /**
+     * Delete button → stage the records and open the Generic confirm dialog. The actual delete happens
+     * in {@link onDeleteConfirmed} after the user confirms — nothing bubbles up.
+     */
+    onDeleteButtonClick(records) {
+        if (!records || records.length === 0) {
+            return;
+        }
+        this.pendingDeleteRecords = records;
+        const count = records.length;
+        this.deleteConfirmMessage = count === 1 ? 'Are you sure you want to delete this record?' : `Are you sure you want to delete these ${count} records?`;
+        this.showDeleteConfirm = true;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Delete confirmed → delete each staged record through the MJ entity layer
+     * (`ProviderToUse.GetEntityObject(name, compositeKey, user)` → `Delete`), checking the boolean
+     * result and surfacing failures via {@link LogError}. After deletion, re-request the current page
+     * so the host reloads. Self-contained — no feature event leaves the wrapper.
+     */
+    async onDeleteConfirmed() {
+        this.showDeleteConfirm = false;
+        const entity = this.entity;
+        const records = this.pendingDeleteRecords;
+        this.pendingDeleteRecords = [];
+        if (!entity || records.length === 0) {
+            return;
+        }
+        let anyDeleted = false;
+        const provider = this.ProviderToUse;
+        const user = provider.CurrentUser;
+        for (const record of records) {
+            const key = buildCompositeKey(record, entity);
+            try {
+                // The (name, key, user) overload instantiates AND loads in one call (throws if it can't load).
+                const obj = await provider.GetEntityObject(entity.Name, key, user);
+                const deleted = await obj.Delete();
+                if (deleted) {
+                    anyDeleted = true;
+                }
+                else {
+                    LogError(`Delete failed: ${obj.LatestResult?.CompleteMessage ?? 'unknown error'}`);
+                }
+            }
+            catch (err) {
+                LogError(`Delete failed for ${entity.Name} (${key.ToString()}): ${err instanceof Error ? err.message : String(err)}`);
+            }
+        }
+        if (anyDeleted) {
+            // Re-request the current page so the host reloads the (now smaller) record set.
+            this.dataRequest.emit(this.currentPageDataRequest());
+        }
+        this.cdr.detectChanges();
+    }
+    /** Delete cancelled → discard the staged records and close the confirm dialog. */
+    onDeleteCancelled() {
+        this.showDeleteConfirm = false;
+        this.pendingDeleteRecords = [];
+        this.cdr.detectChanges();
+    }
+    // ================================================================
+    // Helpers
+    // ================================================================
+    /** Build a {@link ViewDataRequest} that re-requests the host's current page/pageSize, if known. */
+    currentPageDataRequest() {
+        const req = {};
+        if (this.page != null) {
+            req.page = this.page;
+        }
+        const ps = this.config.pageSize ?? this.pageSize;
+        if (ps != null) {
+            req.pageSize = ps;
+        }
+        return req;
+    }
+    /**
+     * Resolve an entity's name from its ID via the active provider's metadata. Used when a foreign-key
+     * click event omits the related entity name and only carries its ID.
+     */
+    resolveEntityNameById(entityId) {
+        if (!entityId) {
+            return null;
+        }
+        const match = this.ProviderToUse.Entities.find((e) => UUIDsEqual(e.ID, entityId));
+        return match ? match.Name : null;
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵGridViewRendererComponent_BaseFactory; return function GridViewRendererComponent_Factory(__ngFactoryType__) { return (ɵGridViewRendererComponent_BaseFactory || (ɵGridViewRendererComponent_BaseFactory = i0.ɵɵgetInheritedFactory(GridViewRendererComponent)))(__ngFactoryType__ || GridViewRendererComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GridViewRendererComponent, selectors: [["mj-grid-view-renderer"]], viewQuery: function GridViewRendererComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.grid = _t.first);
+        } }, inputs: { entity: "entity", records: "records", selectedRecordId: "selectedRecordId", filterText: "filterText", config: "config", totalRecordCount: "totalRecordCount", page: "page", pageSize: "pageSize", isLoading: "isLoading" }, outputs: { recordSelected: "recordSelected", recordOpened: "recordOpened", configChanged: "configChanged", dataRequest: "dataRequest", openRelatedRecordRequested: "openRelatedRecordRequested", createRecordRequested: "createRecordRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 19, consts: [["grid", ""], [3, "AfterRowClick", "AfterRowDoubleClick", "AfterSort", "GridStateChanged", "SelectionChange", "NewButtonClick", "RefreshButtonClick", "DeleteButtonClick", "AddToListRequested", "ForeignKeyClick", "PageChange", "Provider", "Data", "Params", "FilterText", "GridState", "Height", "AllowLoad", "ShowToolbar", "ToolbarConfig", "SelectionMode", "ShowAddToListButton", "ShowPager", "PageSize", "TotalRowCount", "PagerPageNumber"], [3, "Provider", "visible", "config"], ["Title", "Delete Records", "DetailMessage", "This action cannot be undone.", "ConfirmText", "Delete", "ConfirmStyle", "danger", "Icon", "fa-solid fa-trash", 3, "Confirmed", "Cancelled", "IsOpen", "Message"], [3, "complete", "cancel", "Provider", "visible", "config"]], template: function GridViewRendererComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "mj-entity-data-grid", 1, 0);
+            i0.ɵɵlistener("AfterRowClick", function GridViewRendererComponent_Template_mj_entity_data_grid_AfterRowClick_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAfterRowClick($event)); })("AfterRowDoubleClick", function GridViewRendererComponent_Template_mj_entity_data_grid_AfterRowDoubleClick_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAfterRowDoubleClick($event)); })("AfterSort", function GridViewRendererComponent_Template_mj_entity_data_grid_AfterSort_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAfterSort($event)); })("GridStateChanged", function GridViewRendererComponent_Template_mj_entity_data_grid_GridStateChanged_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onGridStateChanged($event)); })("SelectionChange", function GridViewRendererComponent_Template_mj_entity_data_grid_SelectionChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSelectionChange($event)); })("NewButtonClick", function GridViewRendererComponent_Template_mj_entity_data_grid_NewButtonClick_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onNewButtonClick()); })("RefreshButtonClick", function GridViewRendererComponent_Template_mj_entity_data_grid_RefreshButtonClick_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onRefreshButtonClick()); })("DeleteButtonClick", function GridViewRendererComponent_Template_mj_entity_data_grid_DeleteButtonClick_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDeleteButtonClick($event)); })("AddToListRequested", function GridViewRendererComponent_Template_mj_entity_data_grid_AddToListRequested_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAddToListRequested($event)); })("ForeignKeyClick", function GridViewRendererComponent_Template_mj_entity_data_grid_ForeignKeyClick_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onForeignKeyClick($event)); })("PageChange", function GridViewRendererComponent_Template_mj_entity_data_grid_PageChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onPageChange($event)); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(2, GridViewRendererComponent_Conditional_2_Template, 1, 3, "mj-list-management-dialog", 2);
+            i0.ɵɵelementStart(3, "mj-ev-confirm-dialog", 3);
+            i0.ɵɵlistener("Confirmed", function GridViewRendererComponent_Template_mj_ev_confirm_dialog_Confirmed_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDeleteConfirmed()); })("Cancelled", function GridViewRendererComponent_Template_mj_ev_confirm_dialog_Cancelled_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDeleteCancelled()); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Provider", ctx.Provider)("Data", ctx.records)("Params", ctx.effectiveParams)("FilterText", ctx.filterText ?? "")("GridState", ctx.config.gridState ?? null)("Height", "auto")("AllowLoad", false)("ShowToolbar", ctx.effectiveShowToolbar)("ToolbarConfig", ctx.config.toolbarConfig ?? i0.ɵɵpureFunction0(18, _c1))("SelectionMode", ctx.effectiveSelectionMode)("ShowAddToListButton", ctx.effectiveShowAddToListButton)("ShowPager", ctx.effectiveShowPager)("PageSize", ctx.effectivePageSize)("TotalRowCount", ctx.totalRecordCount ?? 0)("PagerPageNumber", ctx.page ?? 1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.listManagementConfig ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("IsOpen", ctx.showDeleteConfirm)("Message", ctx.deleteConfirmMessage);
+        } }, dependencies: [i1.ListManagementDialogComponent, i2.EntityDataGridComponent, i3.ConfirmDialogComponent], styles: ["\n      :host {\n        display: block;\n        height: 100%;\n      }\n    "], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridViewRendererComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-grid-view-renderer', encapsulation: ViewEncapsulation.None, template: `
+    <mj-entity-data-grid
+      #grid
+      [Provider]="Provider"
+      [Data]="records"
+      [Params]="effectiveParams"
+      [FilterText]="filterText ?? ''"
+      [GridState]="config.gridState ?? null"
+      [Height]="'auto'"
+      [AllowLoad]="false"
+      [ShowToolbar]="effectiveShowToolbar"
+      [ToolbarConfig]="config.toolbarConfig ?? {}"
+      [SelectionMode]="effectiveSelectionMode"
+      [ShowAddToListButton]="effectiveShowAddToListButton"
+      [ShowPager]="effectiveShowPager"
+      [PageSize]="effectivePageSize"
+      [TotalRowCount]="totalRecordCount ?? 0"
+      [PagerPageNumber]="page ?? 1"
+      (AfterRowClick)="onAfterRowClick($event)"
+      (AfterRowDoubleClick)="onAfterRowDoubleClick($event)"
+      (AfterSort)="onAfterSort($event)"
+      (GridStateChanged)="onGridStateChanged($event)"
+      (SelectionChange)="onSelectionChange($event)"
+      (NewButtonClick)="onNewButtonClick()"
+      (RefreshButtonClick)="onRefreshButtonClick()"
+      (DeleteButtonClick)="onDeleteButtonClick($event)"
+      (AddToListRequested)="onAddToListRequested($event)"
+      (ForeignKeyClick)="onForeignKeyClick($event)"
+      (PageChange)="onPageChange($event)"
+    >
+    </mj-entity-data-grid>
+
+    <!-- NOTE: Export is NOT handled here — mj-entity-data-grid hosts its OWN export dialog
+         (its onExportClick opens it with formats/sampling via ExportService). Adding a second
+         dialog here produced two stacked export dialogs. The grid owns export self-contained. -->
+
+    <!-- Self-contained Add-to-List dialog (Generic) — owned by this wrapper, never bubbles up. -->
+    @if (listManagementConfig) {
+      <mj-list-management-dialog
+        [Provider]="Provider"
+        [visible]="showListManagementDialog"
+        [config]="listManagementConfig"
+        (complete)="onListManagementComplete($event)"
+        (cancel)="onListManagementCancel()"
+      >
+      </mj-list-management-dialog>
+    }
+
+    <!-- Self-contained Delete confirmation (Generic) — owned by this wrapper, never bubbles up. -->
+    <mj-ev-confirm-dialog
+      [IsOpen]="showDeleteConfirm"
+      Title="Delete Records"
+      [Message]="deleteConfirmMessage"
+      DetailMessage="This action cannot be undone."
+      ConfirmText="Delete"
+      ConfirmStyle="danger"
+      Icon="fa-solid fa-trash"
+      (Confirmed)="onDeleteConfirmed()"
+      (Cancelled)="onDeleteCancelled()"
+    >
+    </mj-ev-confirm-dialog>
+  `, styles: ["\n      :host {\n        display: block;\n        height: 100%;\n      }\n    "] }]
+    }], null, { entity: [{
+            type: Input
+        }], records: [{
+            type: Input
+        }], selectedRecordId: [{
+            type: Input
+        }], filterText: [{
+            type: Input
+        }], config: [{
+            type: Input
+        }], totalRecordCount: [{
+            type: Input
+        }], page: [{
+            type: Input
+        }], pageSize: [{
+            type: Input
+        }], isLoading: [{
+            type: Input
+        }], recordSelected: [{
+            type: Output
+        }], recordOpened: [{
+            type: Output
+        }], configChanged: [{
+            type: Output
+        }], dataRequest: [{
+            type: Output
+        }], openRelatedRecordRequested: [{
+            type: Output
+        }], createRecordRequested: [{
+            type: Output
+        }], grid: [{
+            type: ViewChild,
+            args: ['grid']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GridViewRendererComponent, { className: "GridViewRendererComponent", filePath: "src/lib/view-types/renderers/grid-view-renderer.component.ts", lineNumber: 182 }); })();
+/**
+ * Tree-shaking guard. Force-references this renderer so bundlers (ESBuild/Vite) don't drop the
+ * component in builds that only mount it dynamically via the ClassFactory/descriptor. Mirrors the
+ * Cards/Cluster renderers' load guards; the parent wires this into a barrel/module load path.
+ */
+export function LoadGridViewRenderer() {
+    // no-op; presence prevents tree-shaking of this component
+}
+//# sourceMappingURL=grid-view-renderer.component.js.map