@masterteam/client-components 0.0.91 → 0.0.92

package/fesm2022/masterteam-client-components-client-list.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, signal, computed, input, output, Component, viewChild, effect, untracked, ChangeDetectionStrategy } from '@angular/core';
+import { inject, Injectable, signal, computed, untracked, input, output, Component, viewChild, effect, ChangeDetectionStrategy } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i4 from '@jsverse/transloco';
@@ -1055,27 +1055,24 @@ class ClientListToolbarService {
      * clearing it from the table menu would never stick.
      */
     forList(key, defaults) {
-        let bucket = this.buckets.get(key);
-        if (!bucket) {
-            bucket = {
-                filters: signal({}),
-                filterTerm: signal(''),
-                groupBy: signal(null),
-                sortField: signal(null),
-                sortDirection: signal(null),
-                activeTab: signal(null),
-            };
-            this.buckets.set(key, bucket);
-        }
+        const bucket = this.buckets.get(key) ?? this.createBucket(key);
         if (defaults && !this.seeded.has(key)) {
-            this.seeded.add(key);
             const groupBy = defaults.groupBy || null;
             if (groupBy) {
-                bucket.groupBy.set(groupBy);
-                // A seeded group has to bring its own sort — see the field's note.
-                bucket.sortField.set(groupBy);
-                bucket.sortDirection.set('asc');
+                // Every real call site resolves its bucket inside a `computed`, and a
+                // signal write there is NG0600. Seeding is one-time set-up of state
+                // that computation never reads back, so untracking it is both safe and
+                // necessary: the throw used to land *after* the key was marked seeded,
+                // so the list lost its grouping for the rest of the session and only
+                // the console showed it.
+                untracked(() => {
+                    bucket.groupBy.set(groupBy);
+                    // A seeded group has to bring its own sort — see the field's note.
+                    bucket.sortField.set(groupBy);
+                    bucket.sortDirection.set('asc');
+                });
             }
+            this.seeded.add(key);
         }
         return bucket;
     }
@@ -1083,6 +1080,18 @@ class ClientListToolbarService {
         this.buckets.delete(key);
         this.seeded.delete(key);
     }
+    createBucket(key) {
+        const bucket = {
+            filters: signal({}),
+            filterTerm: signal(''),
+            groupBy: signal(null),
+            sortField: signal(null),
+            sortDirection: signal(null),
+            activeTab: signal(null),
+        };
+        this.buckets.set(key, bucket);
+        return bucket;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ClientListToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ClientListToolbarService, providedIn: 'root' });
 }
@@ -1153,11 +1162,11 @@ class ClientListTableView {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ClientListTableView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ClientListTableView, isStandalone: true, selector: "mt-client-list-table-view", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: true, transformFunction: null }, rowActions: { classPropertyName: "rowActions", publicName: "rowActions", isSignal: true, isRequired: false, transformFunction: null }, actionShape: { classPropertyName: "actionShape", publicName: "actionShape", isSignal: true, isRequired: false, transformFunction: null }, rowActionsLoadingFn: { classPropertyName: "rowActionsLoadingFn", publicName: "rowActionsLoadingFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { lazyLoad: "lazyLoad", rowClick: "rowClick", rowActionsRequested: "rowActionsRequested" }, ngImport: i0, template: "<div class=\"grid gap-4\" [style.gridTemplateColumns]=\"gridTemplateColumns\">\n  @if (table().config.contentStart) {\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.startSpan)\">\n      <ng-container\n        [ngTemplateOutlet]=\"table().config.contentStart\"\n        [ngTemplateOutletContext]=\"templateContext(table())\"\n      />\n    </div>\n  }\n\n  <div [style.gridColumn]=\"slotGridSpan(table().config.layout.tableSpan)\">\n    @if (table().loading && table().rows.length === 0) {\n      <div class=\"flex flex-col gap-3 py-3\">\n        <p-skeleton height=\"3rem\" />\n        <p-skeleton height=\"3rem\" />\n        <p-skeleton height=\"3rem\" />\n      </div>\n    } @else if (table().error) {\n      <div\n        class=\"rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\n      >\n        {{ table().error }}\n      </div>\n    } @else {\n      <mt-table\n        [noCard]=\"true\"\n        [data]=\"table().rows\"\n        [columns]=\"table().columns\"\n        dataKey=\"Id\"\n        [storageKey]=\"tableStorageKey()\"\n        [persistStateExclude]=\"table().config.table.persistStateExclude\"\n        [captionStartTemplate]=\"table().config.toolbarStart ?? null\"\n        [captionEndTemplate]=\"table().config.toolbarEnd ?? null\"\n        [rowActions]=\"rowActions()\"\n        [actionShape]=\"actionShape()\"\n        [rowActionsLoadingFn]=\"rowActionsLoadingFn()\"\n        (rowActionsRequested)=\"rowActionsRequested.emit($event)\"\n        [generalSearch]=\"table().config.table.searchable\"\n        [showFilters]=\"true\"\n        filterMode=\"column\"\n        [printable]=\"true\"\n        [groupable]=\"true\"\n        [cellClickFilter]=\"true\"\n        [freezeActions]=\"true\"\n        [exportable]=\"table().config.table.exportable\"\n        [loading]=\"table().loading\"\n        [clickableRows]=\"true\"\n        [lazy]=\"table().config.isPaginated\"\n        [lazyTotalRecords]=\"table().totalCount\"\n        [virtualScroll]=\"!table().config.isPaginated\"\n        [virtualScrollItemSize]=\"56\"\n        scrollHeight=\"520px\"\n        [pageSize]=\"pageSize()\"\n        [filters]=\"bucket().filters()\"\n        (filtersChange)=\"bucket().filters.set($event)\"\n        [filterTerm]=\"bucket().filterTerm()\"\n        (filterTermChange)=\"bucket().filterTerm.set($event)\"\n        [groupBy]=\"bucket().groupBy()\"\n        (groupByChange)=\"bucket().groupBy.set($event)\"\n        [sortField]=\"bucket().sortField()\"\n        (sortFieldChange)=\"bucket().sortField.set($event)\"\n        [sortDirection]=\"bucket().sortDirection()\"\n        (sortDirectionChange)=\"bucket().sortDirection.set($event)\"\n        [activeTab]=\"bucket().activeTab()\"\n        (activeTabChange)=\"bucket().activeTab.set($event)\"\n        (lazyLoad)=\"lazyLoad.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n      />\n    }\n  </div>\n\n  @if (table().config.contentEnd) {\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.endSpan)\">\n      <ng-container\n        [ngTemplateOutlet]=\"table().config.contentEnd\"\n        [ngTemplateOutletContext]=\"templateContext(table())\"\n      />\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "persistStateExclude", "exportable", "printable", "groupable", "groupCountMap", "cellClickFilter", "freezeActions", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "captionStartTemplate", "captionEndTemplate", "emptyTitle", "emptyDescription", "emptyActionLabel", "emptyActionIcon", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy", "sortField", "sortDirection"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "emptyAction", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange", "sortFieldChange", "sortDirectionChange"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ClientListTableView, isStandalone: true, selector: "mt-client-list-table-view", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: true, transformFunction: null }, rowActions: { classPropertyName: "rowActions", publicName: "rowActions", isSignal: true, isRequired: false, transformFunction: null }, actionShape: { classPropertyName: "actionShape", publicName: "actionShape", isSignal: true, isRequired: false, transformFunction: null }, rowActionsLoadingFn: { classPropertyName: "rowActionsLoadingFn", publicName: "rowActionsLoadingFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { lazyLoad: "lazyLoad", rowClick: "rowClick", rowActionsRequested: "rowActionsRequested" }, ngImport: i0, template: "<div class=\"grid gap-4\" [style.gridTemplateColumns]=\"gridTemplateColumns\">\r\n  @if (table().config.contentStart) {\r\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.startSpan)\">\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"table().config.contentStart\"\r\n        [ngTemplateOutletContext]=\"templateContext(table())\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  <div [style.gridColumn]=\"slotGridSpan(table().config.layout.tableSpan)\">\r\n    @if (table().loading && table().rows.length === 0) {\r\n      <div class=\"flex flex-col gap-3 py-3\">\r\n        <p-skeleton height=\"3rem\" />\r\n        <p-skeleton height=\"3rem\" />\r\n        <p-skeleton height=\"3rem\" />\r\n      </div>\r\n    } @else if (table().error) {\r\n      <div\r\n        class=\"rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\r\n      >\r\n        {{ table().error }}\r\n      </div>\r\n    } @else {\r\n      <mt-table\r\n        [noCard]=\"true\"\r\n        [data]=\"table().rows\"\r\n        [columns]=\"table().columns\"\r\n        dataKey=\"Id\"\r\n        [storageKey]=\"tableStorageKey()\"\r\n        [persistStateExclude]=\"table().config.table.persistStateExclude\"\r\n        [captionStartTemplate]=\"table().config.toolbarStart ?? null\"\r\n        [captionEndTemplate]=\"table().config.toolbarEnd ?? null\"\r\n        [rowActions]=\"rowActions()\"\r\n        [actionShape]=\"actionShape()\"\r\n        [rowActionsLoadingFn]=\"rowActionsLoadingFn()\"\r\n        (rowActionsRequested)=\"rowActionsRequested.emit($event)\"\r\n        [generalSearch]=\"table().config.table.searchable\"\r\n        [showFilters]=\"true\"\r\n        filterMode=\"column\"\r\n        [printable]=\"true\"\r\n        [groupable]=\"true\"\r\n        [cellClickFilter]=\"true\"\r\n        [freezeActions]=\"true\"\r\n        [exportable]=\"table().config.table.exportable\"\r\n        [loading]=\"table().loading\"\r\n        [clickableRows]=\"true\"\r\n        [lazy]=\"table().config.isPaginated\"\r\n        [lazyTotalRecords]=\"table().totalCount\"\r\n        [virtualScroll]=\"!table().config.isPaginated\"\r\n        [virtualScrollItemSize]=\"56\"\r\n        scrollHeight=\"520px\"\r\n        [pageSize]=\"pageSize()\"\r\n        [filters]=\"bucket().filters()\"\r\n        (filtersChange)=\"bucket().filters.set($event)\"\r\n        [filterTerm]=\"bucket().filterTerm()\"\r\n        (filterTermChange)=\"bucket().filterTerm.set($event)\"\r\n        [groupBy]=\"bucket().groupBy()\"\r\n        (groupByChange)=\"bucket().groupBy.set($event)\"\r\n        [sortField]=\"bucket().sortField()\"\r\n        (sortFieldChange)=\"bucket().sortField.set($event)\"\r\n        [sortDirection]=\"bucket().sortDirection()\"\r\n        (sortDirectionChange)=\"bucket().sortDirection.set($event)\"\r\n        [activeTab]=\"bucket().activeTab()\"\r\n        (activeTabChange)=\"bucket().activeTab.set($event)\"\r\n        (lazyLoad)=\"lazyLoad.emit($event)\"\r\n        (rowClick)=\"rowClick.emit($event)\"\r\n      />\r\n    }\r\n  </div>\r\n\r\n  @if (table().config.contentEnd) {\r\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.endSpan)\">\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"table().config.contentEnd\"\r\n        [ngTemplateOutletContext]=\"templateContext(table())\"\r\n      />\r\n    </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "persistStateExclude", "exportable", "printable", "groupable", "groupCountMap", "cellClickFilter", "freezeActions", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "captionStartTemplate", "captionEndTemplate", "emptyTitle", "emptyDescription", "emptyActionLabel", "emptyActionIcon", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy", "sortField", "sortDirection"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "emptyAction", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange", "sortFieldChange", "sortDirectionChange"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ClientListTableView, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-client-list-table-view', standalone: true, imports: [CommonModule, Table, SkeletonModule], template: "<div class=\"grid gap-4\" [style.gridTemplateColumns]=\"gridTemplateColumns\">\n  @if (table().config.contentStart) {\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.startSpan)\">\n      <ng-container\n        [ngTemplateOutlet]=\"table().config.contentStart\"\n        [ngTemplateOutletContext]=\"templateContext(table())\"\n      />\n    </div>\n  }\n\n  <div [style.gridColumn]=\"slotGridSpan(table().config.layout.tableSpan)\">\n    @if (table().loading && table().rows.length === 0) {\n      <div class=\"flex flex-col gap-3 py-3\">\n        <p-skeleton height=\"3rem\" />\n        <p-skeleton height=\"3rem\" />\n        <p-skeleton height=\"3rem\" />\n      </div>\n    } @else if (table().error) {\n      <div\n        class=\"rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\n      >\n        {{ table().error }}\n      </div>\n    } @else {\n      <mt-table\n        [noCard]=\"true\"\n        [data]=\"table().rows\"\n        [columns]=\"table().columns\"\n        dataKey=\"Id\"\n        [storageKey]=\"tableStorageKey()\"\n        [persistStateExclude]=\"table().config.table.persistStateExclude\"\n        [captionStartTemplate]=\"table().config.toolbarStart ?? null\"\n        [captionEndTemplate]=\"table().config.toolbarEnd ?? null\"\n        [rowActions]=\"rowActions()\"\n        [actionShape]=\"actionShape()\"\n        [rowActionsLoadingFn]=\"rowActionsLoadingFn()\"\n        (rowActionsRequested)=\"rowActionsRequested.emit($event)\"\n        [generalSearch]=\"table().config.table.searchable\"\n        [showFilters]=\"true\"\n        filterMode=\"column\"\n        [printable]=\"true\"\n        [groupable]=\"true\"\n        [cellClickFilter]=\"true\"\n        [freezeActions]=\"true\"\n        [exportable]=\"table().config.table.exportable\"\n        [loading]=\"table().loading\"\n        [clickableRows]=\"true\"\n        [lazy]=\"table().config.isPaginated\"\n        [lazyTotalRecords]=\"table().totalCount\"\n        [virtualScroll]=\"!table().config.isPaginated\"\n        [virtualScrollItemSize]=\"56\"\n        scrollHeight=\"520px\"\n        [pageSize]=\"pageSize()\"\n        [filters]=\"bucket().filters()\"\n        (filtersChange)=\"bucket().filters.set($event)\"\n        [filterTerm]=\"bucket().filterTerm()\"\n        (filterTermChange)=\"bucket().filterTerm.set($event)\"\n        [groupBy]=\"bucket().groupBy()\"\n        (groupByChange)=\"bucket().groupBy.set($event)\"\n        [sortField]=\"bucket().sortField()\"\n        (sortFieldChange)=\"bucket().sortField.set($event)\"\n        [sortDirection]=\"bucket().sortDirection()\"\n        (sortDirectionChange)=\"bucket().sortDirection.set($event)\"\n        [activeTab]=\"bucket().activeTab()\"\n        (activeTabChange)=\"bucket().activeTab.set($event)\"\n        (lazyLoad)=\"lazyLoad.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n      />\n    }\n  </div>\n\n  @if (table().config.contentEnd) {\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.endSpan)\">\n      <ng-container\n        [ngTemplateOutlet]=\"table().config.contentEnd\"\n        [ngTemplateOutletContext]=\"templateContext(table())\"\n      />\n    </div>\n  }\n</div>\n" }]
+            args: [{ selector: 'mt-client-list-table-view', standalone: true, imports: [CommonModule, Table, SkeletonModule], template: "<div class=\"grid gap-4\" [style.gridTemplateColumns]=\"gridTemplateColumns\">\r\n  @if (table().config.contentStart) {\r\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.startSpan)\">\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"table().config.contentStart\"\r\n        [ngTemplateOutletContext]=\"templateContext(table())\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  <div [style.gridColumn]=\"slotGridSpan(table().config.layout.tableSpan)\">\r\n    @if (table().loading && table().rows.length === 0) {\r\n      <div class=\"flex flex-col gap-3 py-3\">\r\n        <p-skeleton height=\"3rem\" />\r\n        <p-skeleton height=\"3rem\" />\r\n        <p-skeleton height=\"3rem\" />\r\n      </div>\r\n    } @else if (table().error) {\r\n      <div\r\n        class=\"rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\r\n      >\r\n        {{ table().error }}\r\n      </div>\r\n    } @else {\r\n      <mt-table\r\n        [noCard]=\"true\"\r\n        [data]=\"table().rows\"\r\n        [columns]=\"table().columns\"\r\n        dataKey=\"Id\"\r\n        [storageKey]=\"tableStorageKey()\"\r\n        [persistStateExclude]=\"table().config.table.persistStateExclude\"\r\n        [captionStartTemplate]=\"table().config.toolbarStart ?? null\"\r\n        [captionEndTemplate]=\"table().config.toolbarEnd ?? null\"\r\n        [rowActions]=\"rowActions()\"\r\n        [actionShape]=\"actionShape()\"\r\n        [rowActionsLoadingFn]=\"rowActionsLoadingFn()\"\r\n        (rowActionsRequested)=\"rowActionsRequested.emit($event)\"\r\n        [generalSearch]=\"table().config.table.searchable\"\r\n        [showFilters]=\"true\"\r\n        filterMode=\"column\"\r\n        [printable]=\"true\"\r\n        [groupable]=\"true\"\r\n        [cellClickFilter]=\"true\"\r\n        [freezeActions]=\"true\"\r\n        [exportable]=\"table().config.table.exportable\"\r\n        [loading]=\"table().loading\"\r\n        [clickableRows]=\"true\"\r\n        [lazy]=\"table().config.isPaginated\"\r\n        [lazyTotalRecords]=\"table().totalCount\"\r\n        [virtualScroll]=\"!table().config.isPaginated\"\r\n        [virtualScrollItemSize]=\"56\"\r\n        scrollHeight=\"520px\"\r\n        [pageSize]=\"pageSize()\"\r\n        [filters]=\"bucket().filters()\"\r\n        (filtersChange)=\"bucket().filters.set($event)\"\r\n        [filterTerm]=\"bucket().filterTerm()\"\r\n        (filterTermChange)=\"bucket().filterTerm.set($event)\"\r\n        [groupBy]=\"bucket().groupBy()\"\r\n        (groupByChange)=\"bucket().groupBy.set($event)\"\r\n        [sortField]=\"bucket().sortField()\"\r\n        (sortFieldChange)=\"bucket().sortField.set($event)\"\r\n        [sortDirection]=\"bucket().sortDirection()\"\r\n        (sortDirectionChange)=\"bucket().sortDirection.set($event)\"\r\n        [activeTab]=\"bucket().activeTab()\"\r\n        (activeTabChange)=\"bucket().activeTab.set($event)\"\r\n        (lazyLoad)=\"lazyLoad.emit($event)\"\r\n        (rowClick)=\"rowClick.emit($event)\"\r\n      />\r\n    }\r\n  </div>\r\n\r\n  @if (table().config.contentEnd) {\r\n    <div [style.gridColumn]=\"slotGridSpan(table().config.layout.endSpan)\">\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"table().config.contentEnd\"\r\n        [ngTemplateOutletContext]=\"templateContext(table())\"\r\n      />\r\n    </div>\r\n  }\r\n</div>\r\n" }]
         }], propDecorators: { state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: true }] }], rowActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowActions", required: false }] }], actionShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionShape", required: false }] }], rowActionsLoadingFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowActionsLoadingFn", required: false }] }], lazyLoad: [{ type: i0.Output, args: ["lazyLoad"] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], rowActionsRequested: [{ type: i0.Output, args: ["rowActionsRequested"] }] } });
 
 const EMPTY_KEY_SET = new Set();