@bcgov/nr-ngx-component-lib 0.0.42 → 0.0.44

package/fesm2022/bcgov-nr-ngx-component-lib.mjs

@@ -1300,21 +1300,6 @@ class ObservableAborter {
 }
 
 class RowListBase extends NrclBase {
-    constructor() {
-        super(...arguments);
-        this.pageStateService = inject(PageStateService);
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.isLoadingChange = new EventEmitter();
-        this._isLoading = false;
-        this._rows = [];
-        this._totalRowCount = 0;
-        this._pageConfig = {
-            pageSize: 0,
-            pageNumber: 1,
-            sortActive: '',
-            sortDirection: 'asc'
-        };
-    }
     get isLoading() { return this._isLoading; }
     set isLoading(v) {
         if (v == this._isLoading)
@@ -1329,10 +1314,25 @@ class RowListBase extends NrclBase {
     get sortActive() { return this._pageConfig.sortActive; }
     get sortDirection() { return this._pageConfig.sortDirection; }
     get filter() {
-        return this._filter || {};
+        return this._filter;
     }
-    ngAfterViewInit() {
+    constructor() {
+        super();
+        this.pageStateService = inject(PageStateService);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.isLoadingChange = new EventEmitter();
+        this._isLoading = false;
+        this._rows = [];
+        this._totalRowCount = 0;
+        this._pageConfig = {
+            pageSize: 0,
+            pageNumber: 1,
+            sortActive: '',
+            sortDirection: 'asc'
+        };
         this.loadPageState();
+    }
+    ngAfterViewInit() {
         this.refreshRowList();
     }
     refreshRowList() {
@@ -1418,12 +1418,12 @@ class RowListBase extends NrclBase {
             totalItems: this._totalRowCount
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowListBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowListBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RowListBase, outputs: { isLoadingChange: "isLoadingChange" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowListBase, decorators: [{
             type: Directive
-        }], propDecorators: { isLoadingChange: [{
+        }], ctorParameters: () => [], propDecorators: { isLoadingChange: [{
                 type: Output
             }] } });
 
@@ -1688,6 +1688,9 @@ class ListAttachmentsComponent extends RowListBase {
             throw Error('no provider for ListAttachmentsComponent.rowListProvider.onDeleteClick.');
         return this.rowListProvider.deleteItem(item);
     }
+    savePageState() {
+        // state not saved
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListAttachmentsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ListAttachmentsComponent, selector: "nrcl-list-attachments", inputs: { rowListProvider: "rowListProvider", canDelete: "canDelete", canDownload: "canDownload", noRowsMessage: "noRowsMessage" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<nrcl-device-view>\n    <ng-template desktop-view>\n        @if ( rows?.length > 0 ) {\n            <nrcl-row-list-desktop [showRowHover]=\"false\">\n                <mat-table\n                    [dataSource]=\"rows | paginate: paginateState( 'desktop-attachments' )\"\n                    matSort\n                    [matSortActive]=\"sortActive\"\n                    [matSortDirection]=\"sortDirection\"\n                    (matSortChange)=\"onSortChange( $event )\"\n                >\n                    <ng-container matColumnDef=\"attachmentTypeCode\">\n                        <mat-header-cell *matHeaderCellDef mat-sort-header>Attachment Type</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentTypeDescription }}</nrcl-cell-content>\n                        </mat-cell>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"fileName\">\n                        <mat-header-cell *matHeaderCellDef mat-sort-header>File Name</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            {{ item.fileName }}\n                        </mat-cell>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"sourceObjectNameCode\">\n                        <mat-header-cell *matHeaderCellDef mat-sort-header>File Type</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            {{ item.fileExtension }}\n                        </mat-cell>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedBy\">\n                        <mat-header-cell *matHeaderCellDef mat-sort-header>Uploaded By</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            {{ item.uploadedBy }}\n                        </mat-cell>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedTimestamp\">\n                        <mat-header-cell *matHeaderCellDef mat-sort-header>Uploaded Date</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            {{ item.uploadedTimestamp }}\n                        </mat-cell>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"description\">\n                        <mat-header-cell *matHeaderCellDef mat-sort-header>Description</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            {{ item.attachmentDescription }}\n                        </mat-cell>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"download\">\n                        <mat-header-cell *matHeaderCellDef>Down&shy;load</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            <nrcl-button compact\n                                icon=\"download\"\n                                (click)=\"onDownloadClick( item )\"                        \n                            ></nrcl-button>\n                        </mat-cell>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"delete\">\n                        <mat-header-cell *matHeaderCellDef>Delete</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            <nrcl-button compact\n                                icon=\"delete\"\n                                (click)=\"onDeleteClick( item )\"\n                            ></nrcl-button>\n                        </mat-cell>\n                    </ng-container>\n\n                    <mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></mat-header-row>\n                    <mat-row *matRowDef=\"let item; columns: columns;\"></mat-row>\n                </mat-table>\n            </nrcl-row-list-desktop>\n            \n            <nrcl-gap/>\n        }\n\n        <nrcl-row-list-pagination\n            paginationId=\"desktop-attachments\"\n            [pageSize]=\"pageSize\"\n            [pageNumber]=\"pageNumber\"\n            [rowCount]=\"totalRowCount\"\n            (pageNumberChange)=\"onPageNumberChange( $event )\"\n            (pageSizeChange)=\"onPageSizeChange( $event )\"\n            [noRowsMessage]=\"noRowsMessage\"\n        ></nrcl-row-list-pagination>\n    </ng-template>\n\n    <ng-template mobile-view>\n        <nrcl-gap/>\n\n        @if ( rows?.length > 0 ) {\n            <nrcl-row-list-sorting\n                [sortColumn]=\"sortActive\"\n                [sortColumnOptions]=\"sortColumns\"\n                [sortDirection]=\"sortDirection\"\n                (sortChange)=\"onSortChange($event)\">\n            </nrcl-row-list-sorting>\n\n            <nrcl-gap/>\n\n            <nrcl-row-list-mobile>\n                @for ( item of rows | paginate: paginateState( 'mobile-attachments' ); track item.attachmentId ) {\n                    <mat-card>\n                        <mat-card-content>\n                            <section full-width>\n                                <mat-label>File name</mat-label>\n                                <div class=\"value\">{{ item.fileName }}</div>\n                            </section>\n\n                            <section>\n                                <mat-label>Attachment Type</mat-label>\n                                <div class=\"value\">{{ item.attachmentTypeDescription }}</div>\n                            </section>\n\n                            <section>\n                                <mat-label>File Type</mat-label>\n                                <div class=\"value\">{{ item.fileExtension }}</div>\n                            </section>\n\n                            <section>\n                                <mat-label>Uploaded By</mat-label>\n                                <div class=\"value\">{{ item.uploadedBy }}</div>\n                            </section>                                            \n\n                            <section>\n                                <mat-label>Uploaded Date</mat-label>\n                                <div class=\"value\">{{ item.uploadedTimestamp }}</div>\n                            </section>                                            \n\n                            <section full-width>\n                                <mat-label>Description</mat-label>\n                                <div class=\"value\">{{ item.attachmentDescription }}</div>\n                            </section>                                            \n                        </mat-card-content>\n\n                        <mat-card-footer>\n                            @if ( canDownload ) {\n                                <nrcl-button compact\n                                    label=\"Download\"\n                                    icon=\"download\"\n                                    (click)=\"onDownloadClick( item )\"                        \n                                ></nrcl-button>\n                            }\n\n                            @if ( canDelete ) {\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            }\n                        </mat-card-footer>                    \n                    </mat-card>\n                }\n            </nrcl-row-list-mobile>\n\n            <nrcl-gap/>\n        }\n\n        <nrcl-row-list-pagination\n            paginationId=\"mobile-attachments\"\n            [pageSize]=\"pageSize\"\n            [pageNumber]=\"pageNumber\"\n            [rowCount]=\"totalRowCount\"\n            (pageNumberChange)=\"onPageNumberChange( $event )\"\n            (pageSizeChange)=\"onPageSizeChange( $event )\"\n            [noRowsMessage]=\"noRowsMessage\"\n        ></nrcl-row-list-pagination>\n    </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-attachmentTypeCode{flex-basis:150px;flex-grow:1;flex-shrink:0}:host .mat-mdc-table .mat-column-fileName{flex-basis:200px;flex-grow:2;flex-shrink:0;word-break:break-word}:host .mat-mdc-table .mat-column-sourceObjectNameCode{flex-basis:60px;flex-grow:0;flex-shrink:0}:host .mat-mdc-table .mat-column-uploadedBy{flex-basis:150px;flex-grow:0;flex-shrink:0}:host .mat-mdc-table .mat-column-uploadedTimestamp{flex-basis:150px;flex-grow:1;flex-shrink:0}:host .mat-mdc-table .mat-column-description{flex-basis:200px;flex-grow:3;flex-shrink:0;word-break:break-word}:host .mat-mdc-table .mat-column-download{flex-basis:90px;flex-grow:0;flex-shrink:0;justify-content:center}:host .mat-mdc-table .mat-column-delete{flex-basis:60px;flex-grow:0;flex-shrink:0;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1$7.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$7.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i1$7.MatCardFooter, selector: "mat-card-footer" }, { kind: "directive", type: i1$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "small", "primary", "secondary", "tertiary", "disabled", "anchor"], outputs: ["click"] }, { kind: "component", type: CellContentComponent, selector: "nrcl-cell-content", inputs: ["tooltip", "content"] }, { kind: "component", type: GapComponent, selector: "nrcl-gap", inputs: ["horizontal", "vertical", "divider"] }, { kind: "component", type: RowListDesktopComponent, selector: "nrcl-row-list-desktop", inputs: ["showRowHover"] }, { kind: "component", type: RowListMobileComponent, selector: "nrcl-row-list-mobile" }, { kind: "component", type: RowListPaginationComponent, selector: "nrcl-row-list-pagination", inputs: ["paginationId", "pageSizeOptions", "pageSize", "pageNumber", "rowCount", "showPageSize", "noRowsMessage"], outputs: ["pageSizeChange", "pageNumberChange"] }, { kind: "component", type: RowListSortingComponent, selector: "nrcl-row-list-sorting", inputs: ["sortColumn", "sortColumnOptions", "sortDirection"], outputs: ["sortChange"] }, { kind: "directive", type: DesktopViewDirective, selector: "[desktop-view]" }, { kind: "directive", type: MobileViewDirective, selector: "[mobile-view]" }, { kind: "component", type: DeviceViewComponent, selector: "nrcl-device-view" }, { kind: "pipe", type: i1$6.PaginatePipe, name: "paginate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -1747,6 +1750,9 @@ class ListEventHistoryComponent extends RowListBase {
             }
         };
     }
+    savePageState() {
+        // state not saved
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListEventHistoryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ListEventHistoryComponent, selector: "nrcl-list-event-history", inputs: { rowListProvider: "rowListProvider", canDelete: "canDelete", showPagination: "showPagination", isSupplier: "isSupplier", noRowsMessage: "noRowsMessage" }, usesInheritance: true, ngImport: i0, template: "<nrcl-device-view>\n    <ng-template desktop-view>\n        @if ( rows?.length > 0 ) {\n            <nrcl-row-list-desktop [showRowHover]=\"false\">\n                <mat-table\n                    [dataSource]=\"rows | paginate: paginateState( 'desktop-event-history' )\"\n                    matSort\n                    [matSortActive]=\"sortActive\"\n                    [matSortDirection]=\"sortDirection\"\n                    (matSortChange)=\"onSortChange( $event )\">\n                >\n                    <ng-container matColumnDef=\"dateTime\">\n                        <mat-header-cell *matHeaderCellDef mat-sort-header>Date and Time</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.eventTimestamp }}</nrcl-cell-content>\n                        </mat-cell>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"changedBy\">\n                        <mat-header-cell *matHeaderCellDef mat-sort-header>User ID</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.createdByUserId }}</nrcl-cell-content>\n                        </mat-cell>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"type\">\n                        <mat-header-cell *matHeaderCellDef mat-sort-header>Type</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.eventHistoryTypeDescription }}</nrcl-cell-content>\n                        </mat-cell>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"section\">\n                        <mat-header-cell *matHeaderCellDef mat-sort-header>Section</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.sourceObjectNameDescription }}</nrcl-cell-content>\n                        </mat-cell>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"comment\">\n                        <mat-header-cell *matHeaderCellDef>Comment</mat-header-cell>\n                        <mat-cell *matCellDef=\"let item\">\n                            {{ item.comment }}\n                        </mat-cell>\n                    </ng-container>\n\n                    <mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></mat-header-row>\n                    <mat-row *matRowDef=\"let item; columns: columns;\"></mat-row>\n                </mat-table>\n            </nrcl-row-list-desktop>\n\n            <nrcl-gap/>\n        }\n\n        <nrcl-row-list-pagination\n            paginationId=\"desktop-event-history\"\n            [pageSize]=\"pageSize\"\n            [pageNumber]=\"pageNumber\"\n            [rowCount]=\"totalRowCount\"\n            (pageNumberChange)=\"onPageNumberChange( $event )\"\n            (pageSizeChange)=\"onPageSizeChange( $event )\"\n            [noRowsMessage]=\"noRowsMessage\"\n        ></nrcl-row-list-pagination>\n    </ng-template>\n\n    <ng-template mobile-view>\n        @if ( rows?.length > 0 ) {\n            <nrcl-gap/>\n\n            <nrcl-row-list-sorting\n                [sortColumn]=\"sortActive\"\n                [sortColumnOptions]=\"sortColumns\"\n                [sortDirection]=\"sortDirection\"\n                (sortChange)=\"onSortChange($event)\">\n            </nrcl-row-list-sorting>\n\n            <nrcl-gap/>\n\n            <nrcl-row-list-mobile>\n                @for ( item of rows | paginate: paginateState( 'mobile-event-history' ); track item.eventHistoryGuid ) {\n                    <mat-card>\n                        <mat-card-title>\n                            <section title>\n                                <h2>{{ item.eventTimestamp }}</h2>\n                            </section>\n                        </mat-card-title>\n\n                        <mat-card-content>\n                            <section>\n                                <mat-label>User ID</mat-label>\n                                <div class=\"value\">{{ item.createdByUserId }}</div>\n                            </section>\n\n                            <section>\n                                <mat-label>Type</mat-label>\n                                <div class=\"value\">{{ item.eventHistoryTypeDescription }}</div>\n                            </section>\n\n                            <section full-width>\n                                <mat-label>Section</mat-label>\n                                <div class=\"value\">{{ item.sourceObjectNameDescription }}</div>\n                            </section>\n\n                            <section full-width>\n                                <mat-label>Comment</mat-label>\n                                <div class=\"value\">{{ item.comment }}</div>\n                            </section>\n                        </mat-card-content>\n                    </mat-card>\n                }\n            </nrcl-row-list-mobile>\n\n            <nrcl-gap/>\n        }\n\n        <nrcl-row-list-pagination\n            paginationId=\"mobile-event-history\"\n            [pageSize]=\"pageSize\"\n            [pageNumber]=\"pageNumber\"\n            [rowCount]=\"totalRowCount\"\n            (pageNumberChange)=\"onPageNumberChange( $event )\"\n            (pageSizeChange)=\"onPageSizeChange( $event )\"\n            [noRowsMessage]=\"noRowsMessage\"\n        ></nrcl-row-list-pagination>\n    </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-dateTime{flex-basis:150px;flex-grow:0;flex-shrink:0}:host .mat-mdc-table .mat-column-changedBy{flex-basis:120px;flex-grow:0;flex-shrink:0}:host .mat-mdc-table .mat-column-type{flex-basis:80px;flex-grow:0;flex-shrink:0}:host .mat-mdc-table .mat-column-section{flex-basis:230px;flex-grow:0;flex-shrink:0}:host .mat-mdc-table .mat-column-comment{flex-basis:400px;flex-grow:1;flex-shrink:0}\n"], dependencies: [{ kind: "component", type: i1$7.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$7.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i1$7.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i1$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: CellContentComponent, selector: "nrcl-cell-content", inputs: ["tooltip", "content"] }, { kind: "component", type: GapComponent, selector: "nrcl-gap", inputs: ["horizontal", "vertical", "divider"] }, { kind: "component", type: RowListDesktopComponent, selector: "nrcl-row-list-desktop", inputs: ["showRowHover"] }, { kind: "component", type: RowListMobileComponent, selector: "nrcl-row-list-mobile" }, { kind: "component", type: RowListPaginationComponent, selector: "nrcl-row-list-pagination", inputs: ["paginationId", "pageSizeOptions", "pageSize", "pageNumber", "rowCount", "showPageSize", "noRowsMessage"], outputs: ["pageSizeChange", "pageNumberChange"] }, { kind: "component", type: RowListSortingComponent, selector: "nrcl-row-list-sorting", inputs: ["sortColumn", "sortColumnOptions", "sortDirection"], outputs: ["sortChange"] }, { kind: "directive", type: DesktopViewDirective, selector: "[desktop-view]" }, { kind: "directive", type: MobileViewDirective, selector: "[mobile-view]" }, { kind: "component", type: DeviceViewComponent, selector: "nrcl-device-view" }, { kind: "pipe", type: i1$6.PaginatePipe, name: "paginate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -1854,6 +1860,9 @@ class ListSelectComponent extends RowListBase {
             return false;
         return this.filterProvider(option);
     }
+    savePageState() {
+        // state not saved
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ListSelectComponent, selector: "nrcl-list-select", inputs: { options: "options", value: "value", descriptionLabel: "descriptionLabel", single: ["single", "single", booleanAttribute], noRowsMessage: "noRowsMessage", displayColumnsProvider: "displayColumnsProvider", filterProvider: "filterProvider" }, outputs: { valueChange: "valueChange", filterClear: "filterClear" }, queries: [{ propertyName: "columnDefs", predicate: MatColumnDef }], viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if ( !single ) {\n    <div class=\"summary\">\n        <h3>{{ value?.length || '0' }} Selected</h3>\n    </div>\n}\n\n<nrcl-filters-panel (clearFilters)=\"onClearFilters()\">\n    <nrcl-filter-search\n        [(value)]=\"searchText\"\n        (valueChange)=\"onSearchTextChange( $event )\">\n    </nrcl-filter-search>\n\n    <ng-content select=\"[filter]\"></ng-content>\n</nrcl-filters-panel>\n\n<nrcl-row-list-desktop [class.empty]=\"rows?.length == 0\">\n    <mat-table [dataSource]=\"rows\" >\n        <ng-container matColumnDef=\"description\">\n            <mat-header-cell *matHeaderCellDef>{{ descriptionLabel }}</mat-header-cell>\n            <mat-cell *matCellDef=\"let item\">\n                <nrcl-cell-content>{{ item.description }}</nrcl-cell-content>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"addRemove\">\n            <mat-header-cell *matHeaderCellDef>Add Remove</mat-header-cell>\n            <mat-cell *matCellDef=\"let item\">\n                <nrcl-indicator-select [selected]=\"isSelected( item )\"></nrcl-indicator-select>\n            </mat-cell>\n        </ng-container>\n\n        <ng-content></ng-content>\n\n        <mat-header-row *matHeaderRowDef=\"displayColumns; sticky: true\"></mat-header-row>\n\n        <mat-row\n            *matRowDef=\"let item; columns: displayColumns\"\n            [class.selected]=\"isSelected( item )\"\n            (click)=\"onRowClick( item )\"\n            (keypress)=\"onRowClick( item )\"\n        ></mat-row>\n    </mat-table>\n</nrcl-row-list-desktop>\n\n@if ( totalRowCount == 0 ) {\n    <nrcl-row-list-pagination\n        paginationId=\"list-select\"\n        [pageSize]=\"pageSize\"\n        [pageNumber]=\"pageNumber\"\n        [rowCount]=\"totalRowCount\"\n        (pageNumberChange)=\"onPageNumberChange( $event )\"\n        (pageSizeChange)=\"onPageSizeChange( $event )\"\n        [noRowsMessage]=\"noRowsMessage\"\n    ></nrcl-row-list-pagination>\n}\n", styles: [":host{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size)}:host .summary{display:flex;justify-content:flex-end}:host .summary h3{font-size:var(--nrcl-font-size-h3);font-weight:400;padding:0;margin:0;padding-bottom:var(--nrcl-gutter-space)}:host .nrcl-row-list-desktop.empty{display:none}:host .nrcl-row-list-desktop .mat-mdc-table .mat-column-description{flex-grow:1}:host .nrcl-row-list-desktop .mat-mdc-table .mat-column-addRemove{flex-basis:70px;flex-grow:0;flex-shrink:0;display:flex;justify-content:center;text-align:center}\n"], dependencies: [{ kind: "component", type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: CellContentComponent, selector: "nrcl-cell-content", inputs: ["tooltip", "content"] }, { kind: "component", type: FilterSearchComponent, selector: "nrcl-filter-search", inputs: ["label", "placeholder", "hint", "value", "wide"], outputs: ["valueChange"] }, { kind: "component", type: FiltersPanelComponent, selector: "nrcl-filters-panel", inputs: ["showClear", "showFilters", "hasAdvancedFilters", "showAdvancedFilters"], outputs: ["clearFilters", "showFiltersChange", "showAdvancedFiltersChange"] }, { kind: "component", type: RowListDesktopComponent, selector: "nrcl-row-list-desktop", inputs: ["showRowHover"] }, { kind: "component", type: RowListPaginationComponent, selector: "nrcl-row-list-pagination", inputs: ["paginationId", "pageSizeOptions", "pageSize", "pageNumber", "rowCount", "showPageSize", "noRowsMessage"], outputs: ["pageSizeChange", "pageNumberChange"] }, { kind: "component", type: IndicatorSelectComponent, selector: "nrcl-indicator-select", inputs: ["selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }