@bcgov/nr-ngx-component-lib 0.0.10 → 0.0.11

package/esm2022/components/list-attachments/list-attachments.component.mjs

@@ -66,11 +66,11 @@ export class ListAttachmentsComponent extends RowListBase {
         return this.rowListProvider.deleteItem(item);
     }
     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" }, usesInheritance: true, ngImport: i0, template: "<nrcl-device-view>\n    <ng-template desktop-view>\n        <nrcl-row-list-desktop>\n            @if ( rows?.length > 0 ) {\n                <table mat-table\n                    [dataSource]=\"rows | paginate: { \n                        id: 'desktop-attachments', \n                        itemsPerPage: showPagination ? pageSize : totalRowCount, \n                        currentPage: showPagination ? pageNumber : 1, \n                        totalItems: totalRowCount \n                    }\"\n                >\n                    <ng-container matColumnDef=\"attachmentTypeCode\">\n                        <th mat-header-cell *matHeaderCellDef>Attachment Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentTypeDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"fileName\">\n                        <th mat-header-cell *matHeaderCellDef>File Name</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileName }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"sourceObjectNameCode\">\n                        <th mat-header-cell *matHeaderCellDef>File Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileExtension }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedBy\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded By</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedBy }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedTimestamp\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded At</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedTimestamp }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"description\">\n                        <th mat-header-cell *matHeaderCellDef>Description</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"download\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Download\"\n                                    icon=\"download\"\n                                    (click)=\"onDownloadClick( item )\"                        \n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"delete\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n                    <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n\n                    <tr class=\"mat-row\" *matNoDataRow>\n                        <td class=\"mat-cell\" colspan=\"8\">No records to display.</td>\n                    </tr>                \n                </table>\n            }\n        </nrcl-row-list-desktop>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n\n    <ng-template mobile-view>\n        <nrcl-row-list-mobile>\n            @for ( item of rows | paginate: { \n                id: 'mobile-attachments', \n                itemsPerPage: showPagination ? pageSize : totalRowCount, \n                currentPage: showPagination ? pageNumber : 1, \n                totalItems: totalRowCount \n            }; track item.attachmentId ) {\n                <mat-card>\n                    <mat-card-title>\n                        <section title>\n                            <h2>{{ item.fileName }}</h2>\n                        </section>\n\n                        <section actions>\n                            <nrcl-button compact\n                                label=\"Download\"\n                                icon=\"download\"\n                                (click)=\"onDownloadClick( item )\"                        \n                            ></nrcl-button>\n\n                            @if ( canDelete ) {\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            }\n                        </section>\n                    </mat-card-title>\n\n                    <mat-card-content>\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 At</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                </mat-card>\n            }\n        </nrcl-row-list-mobile>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-attachmentTypeCode{min-width:100px}:host .mat-mdc-table .mat-column-orgUnit{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-fileName{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-sourceObjectNameCode{min-width:60px;max-width:60px}:host .mat-mdc-table .mat-column-uploadedBy{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-uploadedTimestamp{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-description{width:100%;min-width:200px;max-width:100px;white-space:normal}:host .mat-mdc-table .mat-column-download .button-container,:host .mat-mdc-table .mat-column-delete .button-container{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i3.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: i4.ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "primary", "outline", "disabled"], outputs: ["click"] }, { kind: "component", type: i5.CellContentComponent, selector: "nrcl-cell-content", inputs: ["tooltip", "content"] }, { kind: "component", type: i6.GapComponent, selector: "nrcl-gap", inputs: ["horizontal", "vertical"] }, { kind: "component", type: i7.RowListDesktopComponent, selector: "nrcl-row-list-desktop" }, { kind: "component", type: i8.RowListMobileComponent, selector: "nrcl-row-list-mobile" }, { kind: "component", type: i9.RowListPaginationComponent, selector: "nrcl-row-list-pagination", inputs: ["paginationId", "pageSizeOptions", "pageSize", "pageNumber", "rowCount", "showPageSize", "noRowsMessage"], outputs: ["pageSizeChange", "pageNumberChange"] }, { kind: "directive", type: i10.DesktopViewDirective, selector: "[desktop-view]" }, { kind: "directive", type: i10.MobileViewDirective, selector: "[mobile-view]" }, { kind: "component", type: i10.DeviceViewComponent, selector: "nrcl-device-view" }, { kind: "pipe", type: i11.PaginatePipe, name: "paginate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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" }, usesInheritance: true, ngImport: i0, template: "<nrcl-device-view>\n    <ng-template desktop-view>\n        <nrcl-row-list-desktop>\n            @if ( rows?.length > 0 ) {\n                <table mat-table\n                    [dataSource]=\"rows | paginate: { \n                        id: 'desktop-attachments', \n                        itemsPerPage: pageSize, \n                        currentPage: pageNumber, \n                        totalItems: totalRowCount \n                    }\"\n                >\n                    <ng-container matColumnDef=\"attachmentTypeCode\">\n                        <th mat-header-cell *matHeaderCellDef>Attachment Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentTypeDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"fileName\">\n                        <th mat-header-cell *matHeaderCellDef>File Name</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileName }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"sourceObjectNameCode\">\n                        <th mat-header-cell *matHeaderCellDef>File Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileExtension }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedBy\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded By</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedBy }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedTimestamp\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded At</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedTimestamp }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"description\">\n                        <th mat-header-cell *matHeaderCellDef>Description</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"download\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Download\"\n                                    icon=\"download\"\n                                    (click)=\"onDownloadClick( item )\"                        \n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"delete\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n                    <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n                </table>\n            }\n        </nrcl-row-list-desktop>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n\n    <ng-template mobile-view>\n        <nrcl-row-list-mobile>\n            @for ( item of rows | paginate: { \n                id: 'mobile-attachments', \n                itemsPerPage: pageSize, \n                currentPage: pageNumber, \n                totalItems: totalRowCount \n            }; track item.attachmentId ) {\n                <mat-card>\n                    <mat-card-title>\n                        <section title>\n                            <h2>{{ item.fileName }}</h2>\n                        </section>\n\n                        <section actions>\n                            <nrcl-button compact\n                                label=\"Download\"\n                                icon=\"download\"\n                                (click)=\"onDownloadClick( item )\"                        \n                            ></nrcl-button>\n\n                            @if ( canDelete ) {\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            }\n                        </section>\n                    </mat-card-title>\n\n                    <mat-card-content>\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 At</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                </mat-card>\n            }\n        </nrcl-row-list-mobile>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-attachmentTypeCode{min-width:100px}:host .mat-mdc-table .mat-column-orgUnit{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-fileName{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-sourceObjectNameCode{min-width:60px;max-width:60px}:host .mat-mdc-table .mat-column-uploadedBy{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-uploadedTimestamp{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-description{width:100%;min-width:200px;max-width:100px;white-space:normal}:host .mat-mdc-table .mat-column-download .button-container,:host .mat-mdc-table .mat-column-delete .button-container{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4.ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "primary", "outline", "disabled"], outputs: ["click"] }, { kind: "component", type: i5.CellContentComponent, selector: "nrcl-cell-content", inputs: ["tooltip", "content"] }, { kind: "component", type: i6.GapComponent, selector: "nrcl-gap", inputs: ["horizontal", "vertical"] }, { kind: "component", type: i7.RowListDesktopComponent, selector: "nrcl-row-list-desktop" }, { kind: "component", type: i8.RowListMobileComponent, selector: "nrcl-row-list-mobile" }, { kind: "component", type: i9.RowListPaginationComponent, selector: "nrcl-row-list-pagination", inputs: ["paginationId", "pageSizeOptions", "pageSize", "pageNumber", "rowCount", "showPageSize", "noRowsMessage"], outputs: ["pageSizeChange", "pageNumberChange"] }, { kind: "directive", type: i10.DesktopViewDirective, selector: "[desktop-view]" }, { kind: "directive", type: i10.MobileViewDirective, selector: "[mobile-view]" }, { kind: "component", type: i10.DeviceViewComponent, selector: "nrcl-device-view" }, { kind: "pipe", type: i11.PaginatePipe, name: "paginate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListAttachmentsComponent, decorators: [{
             type: Component,
-            args: [{ selector: "nrcl-list-attachments", changeDetection: ChangeDetectionStrategy.OnPush, template: "<nrcl-device-view>\n    <ng-template desktop-view>\n        <nrcl-row-list-desktop>\n            @if ( rows?.length > 0 ) {\n                <table mat-table\n                    [dataSource]=\"rows | paginate: { \n                        id: 'desktop-attachments', \n                        itemsPerPage: showPagination ? pageSize : totalRowCount, \n                        currentPage: showPagination ? pageNumber : 1, \n                        totalItems: totalRowCount \n                    }\"\n                >\n                    <ng-container matColumnDef=\"attachmentTypeCode\">\n                        <th mat-header-cell *matHeaderCellDef>Attachment Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentTypeDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"fileName\">\n                        <th mat-header-cell *matHeaderCellDef>File Name</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileName }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"sourceObjectNameCode\">\n                        <th mat-header-cell *matHeaderCellDef>File Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileExtension }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedBy\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded By</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedBy }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedTimestamp\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded At</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedTimestamp }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"description\">\n                        <th mat-header-cell *matHeaderCellDef>Description</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"download\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Download\"\n                                    icon=\"download\"\n                                    (click)=\"onDownloadClick( item )\"                        \n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"delete\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n                    <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n\n                    <tr class=\"mat-row\" *matNoDataRow>\n                        <td class=\"mat-cell\" colspan=\"8\">No records to display.</td>\n                    </tr>                \n                </table>\n            }\n        </nrcl-row-list-desktop>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n\n    <ng-template mobile-view>\n        <nrcl-row-list-mobile>\n            @for ( item of rows | paginate: { \n                id: 'mobile-attachments', \n                itemsPerPage: showPagination ? pageSize : totalRowCount, \n                currentPage: showPagination ? pageNumber : 1, \n                totalItems: totalRowCount \n            }; track item.attachmentId ) {\n                <mat-card>\n                    <mat-card-title>\n                        <section title>\n                            <h2>{{ item.fileName }}</h2>\n                        </section>\n\n                        <section actions>\n                            <nrcl-button compact\n                                label=\"Download\"\n                                icon=\"download\"\n                                (click)=\"onDownloadClick( item )\"                        \n                            ></nrcl-button>\n\n                            @if ( canDelete ) {\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            }\n                        </section>\n                    </mat-card-title>\n\n                    <mat-card-content>\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 At</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                </mat-card>\n            }\n        </nrcl-row-list-mobile>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-attachmentTypeCode{min-width:100px}:host .mat-mdc-table .mat-column-orgUnit{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-fileName{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-sourceObjectNameCode{min-width:60px;max-width:60px}:host .mat-mdc-table .mat-column-uploadedBy{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-uploadedTimestamp{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-description{width:100%;min-width:200px;max-width:100px;white-space:normal}:host .mat-mdc-table .mat-column-download .button-container,:host .mat-mdc-table .mat-column-delete .button-container{display:flex;justify-content:center;align-items:center}\n"] }]
+            args: [{ selector: "nrcl-list-attachments", changeDetection: ChangeDetectionStrategy.OnPush, template: "<nrcl-device-view>\n    <ng-template desktop-view>\n        <nrcl-row-list-desktop>\n            @if ( rows?.length > 0 ) {\n                <table mat-table\n                    [dataSource]=\"rows | paginate: { \n                        id: 'desktop-attachments', \n                        itemsPerPage: pageSize, \n                        currentPage: pageNumber, \n                        totalItems: totalRowCount \n                    }\"\n                >\n                    <ng-container matColumnDef=\"attachmentTypeCode\">\n                        <th mat-header-cell *matHeaderCellDef>Attachment Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentTypeDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"fileName\">\n                        <th mat-header-cell *matHeaderCellDef>File Name</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileName }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"sourceObjectNameCode\">\n                        <th mat-header-cell *matHeaderCellDef>File Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileExtension }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedBy\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded By</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedBy }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedTimestamp\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded At</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedTimestamp }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"description\">\n                        <th mat-header-cell *matHeaderCellDef>Description</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"download\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Download\"\n                                    icon=\"download\"\n                                    (click)=\"onDownloadClick( item )\"                        \n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"delete\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n                    <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n                </table>\n            }\n        </nrcl-row-list-desktop>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n\n    <ng-template mobile-view>\n        <nrcl-row-list-mobile>\n            @for ( item of rows | paginate: { \n                id: 'mobile-attachments', \n                itemsPerPage: pageSize, \n                currentPage: pageNumber, \n                totalItems: totalRowCount \n            }; track item.attachmentId ) {\n                <mat-card>\n                    <mat-card-title>\n                        <section title>\n                            <h2>{{ item.fileName }}</h2>\n                        </section>\n\n                        <section actions>\n                            <nrcl-button compact\n                                label=\"Download\"\n                                icon=\"download\"\n                                (click)=\"onDownloadClick( item )\"                        \n                            ></nrcl-button>\n\n                            @if ( canDelete ) {\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            }\n                        </section>\n                    </mat-card-title>\n\n                    <mat-card-content>\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 At</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                </mat-card>\n            }\n        </nrcl-row-list-mobile>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-attachmentTypeCode{min-width:100px}:host .mat-mdc-table .mat-column-orgUnit{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-fileName{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-sourceObjectNameCode{min-width:60px;max-width:60px}:host .mat-mdc-table .mat-column-uploadedBy{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-uploadedTimestamp{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-description{width:100%;min-width:200px;max-width:100px;white-space:normal}:host .mat-mdc-table .mat-column-download .button-container,:host .mat-mdc-table .mat-column-delete .button-container{display:flex;justify-content:center;align-items:center}\n"] }]
         }], propDecorators: { rowListProvider: [{
                 type: Input
             }], canDelete: [{
@@ -78,4 +78,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], canDownload: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1hdHRhY2htZW50cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uci1uZ3gtY29tcG9uZW50LWxpYi9zcmMvY29tcG9uZW50cy9saXN0LWF0dGFjaG1lbnRzL2xpc3QtYXR0YWNobWVudHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvbGlzdC1hdHRhY2htZW50cy9saXN0LWF0dGFjaG1lbnRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBcUIsV0FBVyxFQUFnQixNQUFNLGdDQUFnQyxDQUFDO0FBQzlGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7Ozs7Ozs7OztBQWtDckQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFdBQW1DO0lBTmpGOztRQVFhLGNBQVMsR0FBRyxJQUFJLENBQUE7UUFDaEIsZ0JBQVcsR0FBRyxJQUFJLENBQUE7UUFFM0IsaUJBQVksR0FBRyxZQUFZLENBQUE7UUFDM0IsWUFBTyxHQUFHLENBQUUsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLHNCQUFzQixFQUFFLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxhQUFhLENBQUUsQ0FBQTtLQXNEM0g7SUFwREcsaUJBQWlCO1FBQ2IsS0FBSyxDQUFDLGlCQUFpQixFQUFFLENBQUE7SUFDN0IsQ0FBQztJQUVELElBQUksZ0JBQWdCO1FBQ2hCLE9BQU87WUFDSCxNQUFNLEVBQUUsRUFBRTtZQUNWLFFBQVEsRUFBRSxDQUFDO1lBQ1gsVUFBVSxFQUFFLENBQUM7WUFDYixVQUFVLEVBQUUsSUFBSTtZQUNoQixhQUFhLEVBQUUsTUFBTTtTQUN4QixDQUFBO0lBQ0wsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFLLElBQUksQ0FBQyxXQUFXO1lBQ2pCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFFLFVBQVUsQ0FBRSxDQUFBO1FBRW5DLElBQUssSUFBSSxDQUFDLFNBQVM7WUFDZixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBRSxRQUFRLENBQUUsQ0FBQTtRQUVqQyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUE7SUFDM0IsQ0FBQztJQUVELGdCQUFnQjtRQUNaLElBQUssQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLGdCQUFnQjtZQUFHLE1BQU0sS0FBSyxDQUFFLGFBQWEsQ0FBRSxDQUFBO1FBRTNFLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQztZQUN6QyxVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsWUFBWSxFQUFFLElBQUksQ0FBQyxRQUFRO1lBQzNCLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtZQUMzQixhQUFhLEVBQUUsSUFBSSxDQUFDLGFBQWE7U0FDcEMsQ0FBQyxDQUFBO0lBQ04sQ0FBQztJQUVELGtCQUFrQixDQUFFLEdBQVE7UUFDeEIsSUFBSyxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsa0JBQWtCO1lBQUcsTUFBTSxLQUFLLENBQUUsYUFBYSxDQUFFLENBQUE7UUFFN0UsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDLGtCQUFrQixDQUFFLEdBQUcsQ0FBRSxDQUFBO0lBQ3pELENBQUM7SUFFRCxlQUFlLENBQUUsSUFBeUI7UUFDdEMsSUFBSyxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsWUFBWTtZQUFHLE1BQU0sS0FBSyxDQUFFLGFBQWEsQ0FBRSxDQUFBO1FBRXZFLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQyxZQUFZLENBQUUsSUFBSSxDQUFFLENBQUE7SUFDcEQsQ0FBQztJQUVELGFBQWEsQ0FBRSxJQUF5QjtRQUNwQyxJQUFLLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxVQUFVO1lBQUcsTUFBTSxLQUFLLENBQUUsYUFBYSxDQUFFLENBQUE7UUFFckUsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBRSxJQUFJLENBQUUsQ0FBQTtJQUNsRCxDQUFDOytHQTNEUSx3QkFBd0I7bUdBQXhCLHdCQUF3Qix3TENyQ3JDLHFpUUErS0E7OzRGRDFJYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0ksdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tIFwicnhqc1wiO1xuaW1wb3J0IHsgTG9hZFJvd0xpc3RSZXN1bHQsIFJvd0xpc3RCYXNlLCBSb3dMaXN0U3RhdGUgfSBmcm9tIFwiLi4vLi4vZGlyZWN0aXZlcy9yb3ctbGlzdC5iYXNlXCI7XG5pbXBvcnQgeyBEQVRFX0ZPUk1BVFMgfSBmcm9tIFwiLi4vLi4vdXRpbHMvZGF0ZS51dGlsXCI7XG5cbmV4cG9ydCB0eXBlIEF0dGFjaG1lbnRzVGFibGVSb3cgPSB7XG4gICAgYXR0YWNobWVudFR5cGVEZXNjcmlwdGlvbjogc3RyaW5nXG4gICAgZmlsZU5hbWU6IHN0cmluZ1xuICAgIGZpbGVFeHRlbnNpb246IHN0cmluZ1xuICAgIHVwbG9hZGVkQnk6IHN0cmluZ1xuICAgIHVwbG9hZGVkVGltZXN0YW1wOiBzdHJpbmdcbiAgICBhdHRhY2htZW50RGVzY3JpcHRpb246IHN0cmluZ1xuICAgIGF0dGFjaG1lbnRJZDogc3RyaW5nIFxuICAgIGZpbGVJZDogc3RyaW5nXG4gICAgc291cmNlT2JqZWN0VW5pcXVlSWQ6IHN0cmluZ1xufVxuXG5leHBvcnQgdHlwZSBGZXRjaEF0dGFjaG1lbnRzUGFyYW1ldGVycyA9IHsgXG4gICAgcGFnZU51bWJlcjogbnVtYmVyIFxuICAgIHBhZ2VSb3dDb3VudDogbnVtYmVyIFxuICAgIHNvcnRDb2x1bW46IHN0cmluZyBcbiAgICBzb3J0RGlyZWN0aW9uOiBzdHJpbmdcbn1cblxuZXhwb3J0IGludGVyZmFjZSBBdHRhY2htZW50Um93TGlzdFByb3ZpZGVyPFIsTD1hbnk+IHtcbiAgICBmZXRjaEF0dGFjaG1lbnRzKCB4OiBGZXRjaEF0dGFjaG1lbnRzUGFyYW1ldGVycyApOiBPYnNlcnZhYmxlPEw+ICAgIFxuICAgIGRpc3BsYXlSb3dMaXN0UGFnZSggcmVzOiBMICk6IExvYWRSb3dMaXN0UmVzdWx0PFI+XG4gICAgZG93bmxvYWRJdGVtKCBpdGVtOiBSIClcbiAgICBkZWxldGVJdGVtKCBpdGVtOiBSIClcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwibnJjbC1saXN0LWF0dGFjaG1lbnRzXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9saXN0LWF0dGFjaG1lbnRzLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmw6IFwiLi9saXN0LWF0dGFjaG1lbnRzLmNvbXBvbmVudC5zY3NzXCIsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTGlzdEF0dGFjaG1lbnRzQ29tcG9uZW50IGV4dGVuZHMgUm93TGlzdEJhc2U8e30sQXR0YWNobWVudHNUYWJsZVJvdz4ge1xuICAgIEBJbnB1dCgpIHJvd0xpc3RQcm92aWRlcjogQXR0YWNobWVudFJvd0xpc3RQcm92aWRlcjxBdHRhY2htZW50c1RhYmxlUm93PlxuICAgIEBJbnB1dCgpIGNhbkRlbGV0ZSA9IHRydWVcbiAgICBASW5wdXQoKSBjYW5Eb3dubG9hZCA9IHRydWVcblxuICAgIERBVEVfRk9STUFUUyA9IERBVEVfRk9STUFUU1xuICAgIGNvbHVtbnMgPSBbICdhdHRhY2htZW50VHlwZUNvZGUnLCAnZmlsZU5hbWUnLCAnc291cmNlT2JqZWN0TmFtZUNvZGUnLCAndXBsb2FkZWRCeScsICd1cGxvYWRlZFRpbWVzdGFtcCcsICdkZXNjcmlwdGlvbicgXVxuXG4gICAgaW5pdGlhbGl6ZVJvd0xpc3QoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLmluaXRpYWxpemVSb3dMaXN0KClcbiAgICB9XG5cbiAgICBnZXQgaW5pdGlhbFBhZ2VTdGF0ZSgpOiBSb3dMaXN0U3RhdGU8e30+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGZpbHRlcjoge30sXG4gICAgICAgICAgICBwYWdlU2l6ZTogNSxcbiAgICAgICAgICAgIHBhZ2VOdW1iZXI6IDEsXG4gICAgICAgICAgICBzb3J0QWN0aXZlOiBudWxsLFxuICAgICAgICAgICAgc29ydERpcmVjdGlvbjogJ2Rlc2MnLFxuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICBpZiAoIHRoaXMuY2FuRG93bmxvYWQgKVxuICAgICAgICAgICAgdGhpcy5jb2x1bW5zLnB1c2goICdkb3dubG9hZCcgKVxuXG4gICAgICAgIGlmICggdGhpcy5jYW5EZWxldGUgKVxuICAgICAgICAgICAgdGhpcy5jb2x1bW5zLnB1c2goICdkZWxldGUnIClcbiAgICAgICAgXG4gICAgICAgIHN1cGVyLm5nQWZ0ZXJWaWV3SW5pdCgpXG4gICAgfVxuXG4gICAgZmV0Y2hSb3dMaXN0UGFnZSgpOiBPYnNlcnZhYmxlPGFueT4ge1xuICAgICAgICBpZiAoICF0aGlzLnJvd0xpc3RQcm92aWRlcj8uZmV0Y2hBdHRhY2htZW50cyApIHRocm93IEVycm9yKCAnbm8gcHJvdmlkZXInIClcblxuICAgICAgICByZXR1cm4gdGhpcy5yb3dMaXN0UHJvdmlkZXIuZmV0Y2hBdHRhY2htZW50cyh7XG4gICAgICAgICAgICBwYWdlTnVtYmVyOiB0aGlzLnBhZ2VOdW1iZXIsXG4gICAgICAgICAgICBwYWdlUm93Q291bnQ6IHRoaXMucGFnZVNpemUsXG4gICAgICAgICAgICBzb3J0Q29sdW1uOiB0aGlzLnNvcnRBY3RpdmUsXG4gICAgICAgICAgICBzb3J0RGlyZWN0aW9uOiB0aGlzLnNvcnREaXJlY3Rpb24sXG4gICAgICAgIH0pXG4gICAgfVxuICAgIFxuICAgIGRpc3BsYXlSb3dMaXN0UGFnZSggcmVzOiBhbnkgKTogTG9hZFJvd0xpc3RSZXN1bHQ8QXR0YWNobWVudHNUYWJsZVJvdz4ge1xuICAgICAgICBpZiAoICF0aGlzLnJvd0xpc3RQcm92aWRlcj8uZGlzcGxheVJvd0xpc3RQYWdlICkgdGhyb3cgRXJyb3IoICdubyBwcm92aWRlcicgKVxuXG4gICAgICAgIHJldHVybiB0aGlzLnJvd0xpc3RQcm92aWRlci5kaXNwbGF5Um93TGlzdFBhZ2UoIHJlcyApXG4gICAgfVxuXG4gICAgb25Eb3dubG9hZENsaWNrKCBpdGVtOiBBdHRhY2htZW50c1RhYmxlUm93ICkge1xuICAgICAgICBpZiAoICF0aGlzLnJvd0xpc3RQcm92aWRlcj8uZG93bmxvYWRJdGVtICkgdGhyb3cgRXJyb3IoICdubyBwcm92aWRlcicgKVxuXG4gICAgICAgIHJldHVybiB0aGlzLnJvd0xpc3RQcm92aWRlci5kb3dubG9hZEl0ZW0oIGl0ZW0gKVxuICAgIH1cblxuICAgIG9uRGVsZXRlQ2xpY2soIGl0ZW06IEF0dGFjaG1lbnRzVGFibGVSb3cgKSB7XG4gICAgICAgIGlmICggIXRoaXMucm93TGlzdFByb3ZpZGVyPy5kZWxldGVJdGVtICkgdGhyb3cgRXJyb3IoICdubyBwcm92aWRlcicgKVxuICAgICAgICBcbiAgICAgICAgcmV0dXJuIHRoaXMucm93TGlzdFByb3ZpZGVyLmRlbGV0ZUl0ZW0oIGl0ZW0gKVxuICAgIH1cbn1cbiIsIjxucmNsLWRldmljZS12aWV3PlxuICAgIDxuZy10ZW1wbGF0ZSBkZXNrdG9wLXZpZXc+XG4gICAgICAgIDxucmNsLXJvdy1saXN0LWRlc2t0b3A+XG4gICAgICAgICAgICBAaWYgKCByb3dzPy5sZW5ndGggPiAwICkge1xuICAgICAgICAgICAgICAgIDx0YWJsZSBtYXQtdGFibGVcbiAgICAgICAgICAgICAgICAgICAgW2RhdGFTb3VyY2VdPVwicm93cyB8IHBhZ2luYXRlOiB7IFxuICAgICAgICAgICAgICAgICAgICAgICAgaWQ6ICdkZXNrdG9wLWF0dGFjaG1lbnRzJywgXG4gICAgICAgICAgICAgICAgICAgICAgICBpdGVtc1BlclBhZ2U6IHNob3dQYWdpbmF0aW9uID8gcGFnZVNpemUgOiB0b3RhbFJvd0NvdW50LCBcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnJlbnRQYWdlOiBzaG93UGFnaW5hdGlvbiA/IHBhZ2VOdW1iZXIgOiAxLCBcbiAgICAgICAgICAgICAgICAgICAgICAgIHRvdGFsSXRlbXM6IHRvdGFsUm93Q291bnQgXG4gICAgICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJhdHRhY2htZW50VHlwZUNvZGVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+QXR0YWNobWVudCBUeXBlPC90aD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBpdGVtXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5yY2wtY2VsbC1jb250ZW50IHRvb2x0aXA+e3sgaXRlbS5hdHRhY2htZW50VHlwZURlc2NyaXB0aW9uIH19PC9ucmNsLWNlbGwtY29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiZmlsZU5hbWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+RmlsZSBOYW1lPC90aD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBpdGVtXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5yY2wtY2VsbC1jb250ZW50IHRvb2x0aXA+e3sgaXRlbS5maWxlTmFtZSB9fTwvbnJjbC1jZWxsLWNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInNvdXJjZU9iamVjdE5hbWVDb2RlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPkZpbGUgVHlwZTwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgaXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxucmNsLWNlbGwtY29udGVudCB0b29sdGlwPnt7IGl0ZW0uZmlsZUV4dGVuc2lvbiB9fTwvbnJjbC1jZWxsLWNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInVwbG9hZGVkQnlcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+VXBsb2FkZWQgQnk8L3RoPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGl0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bnJjbC1jZWxsLWNvbnRlbnQgdG9vbHRpcD57eyBpdGVtLnVwbG9hZGVkQnkgfX08L25yY2wtY2VsbC1jb250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJ1cGxvYWRlZFRpbWVzdGFtcFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5VcGxvYWRlZCBBdDwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgaXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxucmNsLWNlbGwtY29udGVudCB0b29sdGlwPnt7IGl0ZW0udXBsb2FkZWRUaW1lc3RhbXAgfX08L25yY2wtY2VsbC1jb250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJkZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5EZXNjcmlwdGlvbjwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgaXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxucmNsLWNlbGwtY29udGVudCB0b29sdGlwPnt7IGl0ZW0uYXR0YWNobWVudERlc2NyaXB0aW9uIH19PC9ucmNsLWNlbGwtY29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiZG93bmxvYWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+PC90aD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBpdGVtXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5yY2wtYnV0dG9uIGNvbXBhY3RcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPVwiRG93bmxvYWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj1cImRvd25sb2FkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkRvd25sb2FkQ2xpY2soIGl0ZW0gKVwiICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L25yY2wtYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJkZWxldGVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+PC90aD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBpdGVtXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5yY2wtYnV0dG9uIGNvbXBhY3RcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPVwiRGVsZXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJkZWxldGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uRGVsZXRlQ2xpY2soIGl0ZW0gKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L25yY2wtYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICAgICAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJjb2x1bW5zOyBzdGlja3k6IHRydWVcIj48L3RyPlxuICAgICAgICAgICAgICAgICAgICA8dHIgbWF0LXJvdyAqbWF0Um93RGVmPVwibGV0IGl0ZW07IGNvbHVtbnM6IGNvbHVtbnM7XCI+PC90cj5cblxuICAgICAgICAgICAgICAgICAgICA8dHIgY2xhc3M9XCJtYXQtcm93XCIgKm1hdE5vRGF0YVJvdz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBjbGFzcz1cIm1hdC1jZWxsXCIgY29sc3Bhbj1cIjhcIj5ObyByZWNvcmRzIHRvIGRpc3BsYXkuPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgPC90cj4gICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgPC90YWJsZT5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9ucmNsLXJvdy1saXN0LWRlc2t0b3A+XG5cbiAgICAgICAgPG5yY2wtZ2FwIHZlcnRpY2FsLz5cblxuICAgICAgICA8bnJjbC1yb3ctbGlzdC1wYWdpbmF0aW9uXG4gICAgICAgICAgICBwYWdpbmF0aW9uSWQ9XCJkZXNrdG9wLWF0dGFjaG1lbnRzXCJcbiAgICAgICAgICAgIFtwYWdlU2l6ZV09XCJwYWdlU2l6ZVwiXG4gICAgICAgICAgICBbcGFnZU51bWJlcl09XCJwYWdlTnVtYmVyXCJcbiAgICAgICAgICAgIFtyb3dDb3VudF09XCJ0b3RhbFJvd0NvdW50XCJcbiAgICAgICAgICAgIChwYWdlTnVtYmVyQ2hhbmdlKT1cIm9uUGFnZU51bWJlckNoYW5nZSggJGV2ZW50IClcIlxuICAgICAgICAgICAgKHBhZ2VTaXplQ2hhbmdlKT1cIm9uUGFnZVNpemVDaGFuZ2UoICRldmVudCApXCJcbiAgICAgICAgPjwvbnJjbC1yb3ctbGlzdC1wYWdpbmF0aW9uPlxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8bmctdGVtcGxhdGUgbW9iaWxlLXZpZXc+XG4gICAgICAgIDxucmNsLXJvdy1saXN0LW1vYmlsZT5cbiAgICAgICAgICAgIEBmb3IgKCBpdGVtIG9mIHJvd3MgfCBwYWdpbmF0ZTogeyBcbiAgICAgICAgICAgICAgICBpZDogJ21vYmlsZS1hdHRhY2htZW50cycsIFxuICAgICAgICAgICAgICAgIGl0ZW1zUGVyUGFnZTogc2hvd1BhZ2luYXRpb24gPyBwYWdlU2l6ZSA6IHRvdGFsUm93Q291bnQsIFxuICAgICAgICAgICAgICAgIGN1cnJlbnRQYWdlOiBzaG93UGFnaW5hdGlvbiA/IHBhZ2VOdW1iZXIgOiAxLCBcbiAgICAgICAgICAgICAgICB0b3RhbEl0ZW1zOiB0b3RhbFJvd0NvdW50IFxuICAgICAgICAgICAgfTsgdHJhY2sgaXRlbS5hdHRhY2htZW50SWQgKSB7XG4gICAgICAgICAgICAgICAgPG1hdC1jYXJkPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWNhcmQtdGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c2VjdGlvbiB0aXRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDI+e3sgaXRlbS5maWxlTmFtZSB9fTwvaDI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3NlY3Rpb24+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzZWN0aW9uIGFjdGlvbnM+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5yY2wtYnV0dG9uIGNvbXBhY3RcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJEb3dubG9hZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJkb3dubG9hZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkRvd25sb2FkQ2xpY2soIGl0ZW0gKVwiICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvbnJjbC1idXR0b24+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKCBjYW5EZWxldGUgKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxucmNsLWJ1dHRvbiBjb21wYWN0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cIkRlbGV0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwiZGVsZXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkRlbGV0ZUNsaWNrKCBpdGVtIClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC9ucmNsLWJ1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3NlY3Rpb24+XG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LWNhcmQtdGl0bGU+XG5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1jYXJkLWNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c2VjdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPkF0dGFjaG1lbnQgVHlwZTwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZVwiPnt7IGl0ZW0uYXR0YWNobWVudFR5cGVEZXNjcmlwdGlvbiB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zZWN0aW9uPlxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8c2VjdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPkZpbGUgVHlwZTwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZVwiPnt7IGl0ZW0uZmlsZUV4dGVuc2lvbiB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zZWN0aW9uPlxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8c2VjdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPlVwbG9hZGVkIEJ5PC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlXCI+e3sgaXRlbS51cGxvYWRlZEJ5IH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3NlY3Rpb24+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcblxuICAgICAgICAgICAgICAgICAgICAgICAgPHNlY3Rpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD5VcGxvYWRlZCBBdDwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZVwiPnt7IGl0ZW0udXBsb2FkZWRUaW1lc3RhbXAgfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvc2VjdGlvbj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8c2VjdGlvbiBmdWxsLXdpZHRoPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtbGFiZWw+RGVzY3JpcHRpb248L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVcIj57eyBpdGVtLmF0dGFjaG1lbnREZXNjcmlwdGlvbiB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zZWN0aW9uPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LWNhcmQtY29udGVudD5cbiAgICAgICAgICAgICAgICA8L21hdC1jYXJkPlxuICAgICAgICAgICAgfVxuICAgICAgICA8L25yY2wtcm93LWxpc3QtbW9iaWxlPlxuXG4gICAgICAgIDxucmNsLWdhcCB2ZXJ0aWNhbC8+XG5cbiAgICAgICAgPG5yY2wtcm93LWxpc3QtcGFnaW5hdGlvblxuICAgICAgICAgICAgcGFnaW5hdGlvbklkPVwibW9iaWxlLWF0dGFjaG1lbnRzXCJcbiAgICAgICAgICAgIFtwYWdlU2l6ZV09XCJwYWdlU2l6ZVwiXG4gICAgICAgICAgICBbcGFnZU51bWJlcl09XCJwYWdlTnVtYmVyXCJcbiAgICAgICAgICAgIFtyb3dDb3VudF09XCJ0b3RhbFJvd0NvdW50XCJcbiAgICAgICAgICAgIChwYWdlTnVtYmVyQ2hhbmdlKT1cIm9uUGFnZU51bWJlckNoYW5nZSggJGV2ZW50IClcIlxuICAgICAgICAgICAgKHBhZ2VTaXplQ2hhbmdlKT1cIm9uUGFnZVNpemVDaGFuZ2UoICRldmVudCApXCJcbiAgICAgICAgPjwvbnJjbC1yb3ctbGlzdC1wYWdpbmF0aW9uPlxuICAgIDwvbmctdGVtcGxhdGU+XG48L25yY2wtZGV2aWNlLXZpZXc+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1hdHRhY2htZW50cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uci1uZ3gtY29tcG9uZW50LWxpYi9zcmMvY29tcG9uZW50cy9saXN0LWF0dGFjaG1lbnRzL2xpc3QtYXR0YWNobWVudHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvbGlzdC1hdHRhY2htZW50cy9saXN0LWF0dGFjaG1lbnRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBcUIsV0FBVyxFQUFnQixNQUFNLGdDQUFnQyxDQUFDO0FBQzlGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7Ozs7Ozs7OztBQWtDckQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFdBQW1DO0lBTmpGOztRQVFhLGNBQVMsR0FBRyxJQUFJLENBQUE7UUFDaEIsZ0JBQVcsR0FBRyxJQUFJLENBQUE7UUFFM0IsaUJBQVksR0FBRyxZQUFZLENBQUE7UUFDM0IsWUFBTyxHQUFHLENBQUUsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLHNCQUFzQixFQUFFLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxhQUFhLENBQUUsQ0FBQTtLQXNEM0g7SUFwREcsaUJBQWlCO1FBQ2IsS0FBSyxDQUFDLGlCQUFpQixFQUFFLENBQUE7SUFDN0IsQ0FBQztJQUVELElBQUksZ0JBQWdCO1FBQ2hCLE9BQU87WUFDSCxNQUFNLEVBQUUsRUFBRTtZQUNWLFFBQVEsRUFBRSxDQUFDO1lBQ1gsVUFBVSxFQUFFLENBQUM7WUFDYixVQUFVLEVBQUUsSUFBSTtZQUNoQixhQUFhLEVBQUUsTUFBTTtTQUN4QixDQUFBO0lBQ0wsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFLLElBQUksQ0FBQyxXQUFXO1lBQ2pCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFFLFVBQVUsQ0FBRSxDQUFBO1FBRW5DLElBQUssSUFBSSxDQUFDLFNBQVM7WUFDZixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBRSxRQUFRLENBQUUsQ0FBQTtRQUVqQyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUE7SUFDM0IsQ0FBQztJQUVELGdCQUFnQjtRQUNaLElBQUssQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLGdCQUFnQjtZQUFHLE1BQU0sS0FBSyxDQUFFLGFBQWEsQ0FBRSxDQUFBO1FBRTNFLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQztZQUN6QyxVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsWUFBWSxFQUFFLElBQUksQ0FBQyxRQUFRO1lBQzNCLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtZQUMzQixhQUFhLEVBQUUsSUFBSSxDQUFDLGFBQWE7U0FDcEMsQ0FBQyxDQUFBO0lBQ04sQ0FBQztJQUVELGtCQUFrQixDQUFFLEdBQVE7UUFDeEIsSUFBSyxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsa0JBQWtCO1lBQUcsTUFBTSxLQUFLLENBQUUsYUFBYSxDQUFFLENBQUE7UUFFN0UsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDLGtCQUFrQixDQUFFLEdBQUcsQ0FBRSxDQUFBO0lBQ3pELENBQUM7SUFFRCxlQUFlLENBQUUsSUFBeUI7UUFDdEMsSUFBSyxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsWUFBWTtZQUFHLE1BQU0sS0FBSyxDQUFFLGFBQWEsQ0FBRSxDQUFBO1FBRXZFLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQyxZQUFZLENBQUUsSUFBSSxDQUFFLENBQUE7SUFDcEQsQ0FBQztJQUVELGFBQWEsQ0FBRSxJQUF5QjtRQUNwQyxJQUFLLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxVQUFVO1lBQUcsTUFBTSxLQUFLLENBQUUsYUFBYSxDQUFFLENBQUE7UUFFckUsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBRSxJQUFJLENBQUUsQ0FBQTtJQUNsRCxDQUFDOytHQTNEUSx3QkFBd0I7bUdBQXhCLHdCQUF3Qix3TENyQ3JDLHd2UEEyS0E7OzRGRHRJYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0ksdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tIFwicnhqc1wiO1xuaW1wb3J0IHsgTG9hZFJvd0xpc3RSZXN1bHQsIFJvd0xpc3RCYXNlLCBSb3dMaXN0U3RhdGUgfSBmcm9tIFwiLi4vLi4vZGlyZWN0aXZlcy9yb3ctbGlzdC5iYXNlXCI7XG5pbXBvcnQgeyBEQVRFX0ZPUk1BVFMgfSBmcm9tIFwiLi4vLi4vdXRpbHMvZGF0ZS51dGlsXCI7XG5cbmV4cG9ydCB0eXBlIEF0dGFjaG1lbnRzVGFibGVSb3cgPSB7XG4gICAgYXR0YWNobWVudFR5cGVEZXNjcmlwdGlvbjogc3RyaW5nXG4gICAgZmlsZU5hbWU6IHN0cmluZ1xuICAgIGZpbGVFeHRlbnNpb246IHN0cmluZ1xuICAgIHVwbG9hZGVkQnk6IHN0cmluZ1xuICAgIHVwbG9hZGVkVGltZXN0YW1wOiBzdHJpbmdcbiAgICBhdHRhY2htZW50RGVzY3JpcHRpb246IHN0cmluZ1xuICAgIGF0dGFjaG1lbnRJZDogc3RyaW5nIFxuICAgIGZpbGVJZDogc3RyaW5nXG4gICAgc291cmNlT2JqZWN0VW5pcXVlSWQ6IHN0cmluZ1xufVxuXG5leHBvcnQgdHlwZSBGZXRjaEF0dGFjaG1lbnRzUGFyYW1ldGVycyA9IHsgXG4gICAgcGFnZU51bWJlcjogbnVtYmVyIFxuICAgIHBhZ2VSb3dDb3VudDogbnVtYmVyIFxuICAgIHNvcnRDb2x1bW46IHN0cmluZyBcbiAgICBzb3J0RGlyZWN0aW9uOiBzdHJpbmdcbn1cblxuZXhwb3J0IGludGVyZmFjZSBBdHRhY2htZW50Um93TGlzdFByb3ZpZGVyPFIsTD1hbnk+IHtcbiAgICBmZXRjaEF0dGFjaG1lbnRzKCB4OiBGZXRjaEF0dGFjaG1lbnRzUGFyYW1ldGVycyApOiBPYnNlcnZhYmxlPEw+ICAgIFxuICAgIGRpc3BsYXlSb3dMaXN0UGFnZSggcmVzOiBMICk6IExvYWRSb3dMaXN0UmVzdWx0PFI+XG4gICAgZG93bmxvYWRJdGVtKCBpdGVtOiBSIClcbiAgICBkZWxldGVJdGVtKCBpdGVtOiBSIClcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwibnJjbC1saXN0LWF0dGFjaG1lbnRzXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9saXN0LWF0dGFjaG1lbnRzLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmw6IFwiLi9saXN0LWF0dGFjaG1lbnRzLmNvbXBvbmVudC5zY3NzXCIsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTGlzdEF0dGFjaG1lbnRzQ29tcG9uZW50IGV4dGVuZHMgUm93TGlzdEJhc2U8e30sQXR0YWNobWVudHNUYWJsZVJvdz4ge1xuICAgIEBJbnB1dCgpIHJvd0xpc3RQcm92aWRlcjogQXR0YWNobWVudFJvd0xpc3RQcm92aWRlcjxBdHRhY2htZW50c1RhYmxlUm93PlxuICAgIEBJbnB1dCgpIGNhbkRlbGV0ZSA9IHRydWVcbiAgICBASW5wdXQoKSBjYW5Eb3dubG9hZCA9IHRydWVcblxuICAgIERBVEVfRk9STUFUUyA9IERBVEVfRk9STUFUU1xuICAgIGNvbHVtbnMgPSBbICdhdHRhY2htZW50VHlwZUNvZGUnLCAnZmlsZU5hbWUnLCAnc291cmNlT2JqZWN0TmFtZUNvZGUnLCAndXBsb2FkZWRCeScsICd1cGxvYWRlZFRpbWVzdGFtcCcsICdkZXNjcmlwdGlvbicgXVxuXG4gICAgaW5pdGlhbGl6ZVJvd0xpc3QoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLmluaXRpYWxpemVSb3dMaXN0KClcbiAgICB9XG5cbiAgICBnZXQgaW5pdGlhbFBhZ2VTdGF0ZSgpOiBSb3dMaXN0U3RhdGU8e30+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGZpbHRlcjoge30sXG4gICAgICAgICAgICBwYWdlU2l6ZTogNSxcbiAgICAgICAgICAgIHBhZ2VOdW1iZXI6IDEsXG4gICAgICAgICAgICBzb3J0QWN0aXZlOiBudWxsLFxuICAgICAgICAgICAgc29ydERpcmVjdGlvbjogJ2Rlc2MnLFxuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICBpZiAoIHRoaXMuY2FuRG93bmxvYWQgKVxuICAgICAgICAgICAgdGhpcy5jb2x1bW5zLnB1c2goICdkb3dubG9hZCcgKVxuXG4gICAgICAgIGlmICggdGhpcy5jYW5EZWxldGUgKVxuICAgICAgICAgICAgdGhpcy5jb2x1bW5zLnB1c2goICdkZWxldGUnIClcbiAgICAgICAgXG4gICAgICAgIHN1cGVyLm5nQWZ0ZXJWaWV3SW5pdCgpXG4gICAgfVxuXG4gICAgZmV0Y2hSb3dMaXN0UGFnZSgpOiBPYnNlcnZhYmxlPGFueT4ge1xuICAgICAgICBpZiAoICF0aGlzLnJvd0xpc3RQcm92aWRlcj8uZmV0Y2hBdHRhY2htZW50cyApIHRocm93IEVycm9yKCAnbm8gcHJvdmlkZXInIClcblxuICAgICAgICByZXR1cm4gdGhpcy5yb3dMaXN0UHJvdmlkZXIuZmV0Y2hBdHRhY2htZW50cyh7XG4gICAgICAgICAgICBwYWdlTnVtYmVyOiB0aGlzLnBhZ2VOdW1iZXIsXG4gICAgICAgICAgICBwYWdlUm93Q291bnQ6IHRoaXMucGFnZVNpemUsXG4gICAgICAgICAgICBzb3J0Q29sdW1uOiB0aGlzLnNvcnRBY3RpdmUsXG4gICAgICAgICAgICBzb3J0RGlyZWN0aW9uOiB0aGlzLnNvcnREaXJlY3Rpb24sXG4gICAgICAgIH0pXG4gICAgfVxuICAgIFxuICAgIGRpc3BsYXlSb3dMaXN0UGFnZSggcmVzOiBhbnkgKTogTG9hZFJvd0xpc3RSZXN1bHQ8QXR0YWNobWVudHNUYWJsZVJvdz4ge1xuICAgICAgICBpZiAoICF0aGlzLnJvd0xpc3RQcm92aWRlcj8uZGlzcGxheVJvd0xpc3RQYWdlICkgdGhyb3cgRXJyb3IoICdubyBwcm92aWRlcicgKVxuXG4gICAgICAgIHJldHVybiB0aGlzLnJvd0xpc3RQcm92aWRlci5kaXNwbGF5Um93TGlzdFBhZ2UoIHJlcyApXG4gICAgfVxuXG4gICAgb25Eb3dubG9hZENsaWNrKCBpdGVtOiBBdHRhY2htZW50c1RhYmxlUm93ICkge1xuICAgICAgICBpZiAoICF0aGlzLnJvd0xpc3RQcm92aWRlcj8uZG93bmxvYWRJdGVtICkgdGhyb3cgRXJyb3IoICdubyBwcm92aWRlcicgKVxuXG4gICAgICAgIHJldHVybiB0aGlzLnJvd0xpc3RQcm92aWRlci5kb3dubG9hZEl0ZW0oIGl0ZW0gKVxuICAgIH1cblxuICAgIG9uRGVsZXRlQ2xpY2soIGl0ZW06IEF0dGFjaG1lbnRzVGFibGVSb3cgKSB7XG4gICAgICAgIGlmICggIXRoaXMucm93TGlzdFByb3ZpZGVyPy5kZWxldGVJdGVtICkgdGhyb3cgRXJyb3IoICdubyBwcm92aWRlcicgKVxuICAgICAgICBcbiAgICAgICAgcmV0dXJuIHRoaXMucm93TGlzdFByb3ZpZGVyLmRlbGV0ZUl0ZW0oIGl0ZW0gKVxuICAgIH1cbn1cbiIsIjxucmNsLWRldmljZS12aWV3PlxuICAgIDxuZy10ZW1wbGF0ZSBkZXNrdG9wLXZpZXc+XG4gICAgICAgIDxucmNsLXJvdy1saXN0LWRlc2t0b3A+XG4gICAgICAgICAgICBAaWYgKCByb3dzPy5sZW5ndGggPiAwICkge1xuICAgICAgICAgICAgICAgIDx0YWJsZSBtYXQtdGFibGVcbiAgICAgICAgICAgICAgICAgICAgW2RhdGFTb3VyY2VdPVwicm93cyB8IHBhZ2luYXRlOiB7IFxuICAgICAgICAgICAgICAgICAgICAgICAgaWQ6ICdkZXNrdG9wLWF0dGFjaG1lbnRzJywgXG4gICAgICAgICAgICAgICAgICAgICAgICBpdGVtc1BlclBhZ2U6IHBhZ2VTaXplLCBcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnJlbnRQYWdlOiBwYWdlTnVtYmVyLCBcbiAgICAgICAgICAgICAgICAgICAgICAgIHRvdGFsSXRlbXM6IHRvdGFsUm93Q291bnQgXG4gICAgICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJhdHRhY2htZW50VHlwZUNvZGVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+QXR0YWNobWVudCBUeXBlPC90aD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBpdGVtXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5yY2wtY2VsbC1jb250ZW50IHRvb2x0aXA+e3sgaXRlbS5hdHRhY2htZW50VHlwZURlc2NyaXB0aW9uIH19PC9ucmNsLWNlbGwtY29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiZmlsZU5hbWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+RmlsZSBOYW1lPC90aD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBpdGVtXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5yY2wtY2VsbC1jb250ZW50IHRvb2x0aXA+e3sgaXRlbS5maWxlTmFtZSB9fTwvbnJjbC1jZWxsLWNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInNvdXJjZU9iamVjdE5hbWVDb2RlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPkZpbGUgVHlwZTwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgaXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxucmNsLWNlbGwtY29udGVudCB0b29sdGlwPnt7IGl0ZW0uZmlsZUV4dGVuc2lvbiB9fTwvbnJjbC1jZWxsLWNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInVwbG9hZGVkQnlcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+VXBsb2FkZWQgQnk8L3RoPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGl0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bnJjbC1jZWxsLWNvbnRlbnQgdG9vbHRpcD57eyBpdGVtLnVwbG9hZGVkQnkgfX08L25yY2wtY2VsbC1jb250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJ1cGxvYWRlZFRpbWVzdGFtcFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5VcGxvYWRlZCBBdDwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgaXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxucmNsLWNlbGwtY29udGVudCB0b29sdGlwPnt7IGl0ZW0udXBsb2FkZWRUaW1lc3RhbXAgfX08L25yY2wtY2VsbC1jb250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJkZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5EZXNjcmlwdGlvbjwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgaXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxucmNsLWNlbGwtY29udGVudCB0b29sdGlwPnt7IGl0ZW0uYXR0YWNobWVudERlc2NyaXB0aW9uIH19PC9ucmNsLWNlbGwtY29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiZG93bmxvYWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+PC90aD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBpdGVtXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5yY2wtYnV0dG9uIGNvbXBhY3RcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPVwiRG93bmxvYWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj1cImRvd25sb2FkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkRvd25sb2FkQ2xpY2soIGl0ZW0gKVwiICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L25yY2wtYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJkZWxldGVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+PC90aD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBpdGVtXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5yY2wtYnV0dG9uIGNvbXBhY3RcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPVwiRGVsZXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJkZWxldGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uRGVsZXRlQ2xpY2soIGl0ZW0gKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L25yY2wtYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICAgICAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJjb2x1bW5zOyBzdGlja3k6IHRydWVcIj48L3RyPlxuICAgICAgICAgICAgICAgICAgICA8dHIgbWF0LXJvdyAqbWF0Um93RGVmPVwibGV0IGl0ZW07IGNvbHVtbnM6IGNvbHVtbnM7XCI+PC90cj5cbiAgICAgICAgICAgICAgICA8L3RhYmxlPlxuICAgICAgICAgICAgfVxuICAgICAgICA8L25yY2wtcm93LWxpc3QtZGVza3RvcD5cblxuICAgICAgICA8bnJjbC1nYXAgdmVydGljYWwvPlxuXG4gICAgICAgIDxucmNsLXJvdy1saXN0LXBhZ2luYXRpb25cbiAgICAgICAgICAgIHBhZ2luYXRpb25JZD1cImRlc2t0b3AtYXR0YWNobWVudHNcIlxuICAgICAgICAgICAgW3BhZ2VTaXplXT1cInBhZ2VTaXplXCJcbiAgICAgICAgICAgIFtwYWdlTnVtYmVyXT1cInBhZ2VOdW1iZXJcIlxuICAgICAgICAgICAgW3Jvd0NvdW50XT1cInRvdGFsUm93Q291bnRcIlxuICAgICAgICAgICAgKHBhZ2VOdW1iZXJDaGFuZ2UpPVwib25QYWdlTnVtYmVyQ2hhbmdlKCAkZXZlbnQgKVwiXG4gICAgICAgICAgICAocGFnZVNpemVDaGFuZ2UpPVwib25QYWdlU2l6ZUNoYW5nZSggJGV2ZW50IClcIlxuICAgICAgICA+PC9ucmNsLXJvdy1saXN0LXBhZ2luYXRpb24+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy10ZW1wbGF0ZSBtb2JpbGUtdmlldz5cbiAgICAgICAgPG5yY2wtcm93LWxpc3QtbW9iaWxlPlxuICAgICAgICAgICAgQGZvciAoIGl0ZW0gb2Ygcm93cyB8IHBhZ2luYXRlOiB7IFxuICAgICAgICAgICAgICAgIGlkOiAnbW9iaWxlLWF0dGFjaG1lbnRzJywgXG4gICAgICAgICAgICAgICAgaXRlbXNQZXJQYWdlOiBwYWdlU2l6ZSwgXG4gICAgICAgICAgICAgICAgY3VycmVudFBhZ2U6IHBhZ2VOdW1iZXIsIFxuICAgICAgICAgICAgICAgIHRvdGFsSXRlbXM6IHRvdGFsUm93Q291bnQgXG4gICAgICAgICAgICB9OyB0cmFjayBpdGVtLmF0dGFjaG1lbnRJZCApIHtcbiAgICAgICAgICAgICAgICA8bWF0LWNhcmQ+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtY2FyZC10aXRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzZWN0aW9uIHRpdGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMj57eyBpdGVtLmZpbGVOYW1lIH19PC9oMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvc2VjdGlvbj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgPHNlY3Rpb24gYWN0aW9ucz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bnJjbC1idXR0b24gY29tcGFjdFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cIkRvd25sb2FkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj1cImRvd25sb2FkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uRG93bmxvYWRDbGljayggaXRlbSApXCIgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC9ucmNsLWJ1dHRvbj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoIGNhbkRlbGV0ZSApIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5yY2wtYnV0dG9uIGNvbXBhY3RcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPVwiRGVsZXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJkZWxldGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uRGVsZXRlQ2xpY2soIGl0ZW0gKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L25yY2wtYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvc2VjdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtY2FyZC10aXRsZT5cblxuICAgICAgICAgICAgICAgICAgICA8bWF0LWNhcmQtY29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzZWN0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtbGFiZWw+QXR0YWNobWVudCBUeXBlPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlXCI+e3sgaXRlbS5hdHRhY2htZW50VHlwZURlc2NyaXB0aW9uIH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3NlY3Rpb24+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzZWN0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtbGFiZWw+RmlsZSBUeXBlPC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlXCI+e3sgaXRlbS5maWxlRXh0ZW5zaW9uIH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3NlY3Rpb24+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzZWN0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtbGFiZWw+VXBsb2FkZWQgQnk8L21hdC1sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVcIj57eyBpdGVtLnVwbG9hZGVkQnkgfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvc2VjdGlvbj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8c2VjdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPlVwbG9hZGVkIEF0PC9tYXQtbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlXCI+e3sgaXRlbS51cGxvYWRlZFRpbWVzdGFtcCB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zZWN0aW9uPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzZWN0aW9uIGZ1bGwtd2lkdGg+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD5EZXNjcmlwdGlvbjwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZVwiPnt7IGl0ZW0uYXR0YWNobWVudERlc2NyaXB0aW9uIH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3NlY3Rpb24+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtY2FyZC1jb250ZW50PlxuICAgICAgICAgICAgICAgIDwvbWF0LWNhcmQ+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvbnJjbC1yb3ctbGlzdC1tb2JpbGU+XG5cbiAgICAgICAgPG5yY2wtZ2FwIHZlcnRpY2FsLz5cblxuICAgICAgICA8bnJjbC1yb3ctbGlzdC1wYWdpbmF0aW9uXG4gICAgICAgICAgICBwYWdpbmF0aW9uSWQ9XCJtb2JpbGUtYXR0YWNobWVudHNcIlxuICAgICAgICAgICAgW3BhZ2VTaXplXT1cInBhZ2VTaXplXCJcbiAgICAgICAgICAgIFtwYWdlTnVtYmVyXT1cInBhZ2VOdW1iZXJcIlxuICAgICAgICAgICAgW3Jvd0NvdW50XT1cInRvdGFsUm93Q291bnRcIlxuICAgICAgICAgICAgKHBhZ2VOdW1iZXJDaGFuZ2UpPVwib25QYWdlTnVtYmVyQ2hhbmdlKCAkZXZlbnQgKVwiXG4gICAgICAgICAgICAocGFnZVNpemVDaGFuZ2UpPVwib25QYWdlU2l6ZUNoYW5nZSggJGV2ZW50IClcIlxuICAgICAgICA+PC9ucmNsLXJvdy1saXN0LXBhZ2luYXRpb24+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvbnJjbC1kZXZpY2Utdmlldz5cbiJdfQ==

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

@@ -1453,11 +1453,11 @@ class ListAttachmentsComponent extends RowListBase {
         return this.rowListProvider.deleteItem(item);
     }
     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" }, usesInheritance: true, ngImport: i0, template: "<nrcl-device-view>\n    <ng-template desktop-view>\n        <nrcl-row-list-desktop>\n            @if ( rows?.length > 0 ) {\n                <table mat-table\n                    [dataSource]=\"rows | paginate: { \n                        id: 'desktop-attachments', \n                        itemsPerPage: showPagination ? pageSize : totalRowCount, \n                        currentPage: showPagination ? pageNumber : 1, \n                        totalItems: totalRowCount \n                    }\"\n                >\n                    <ng-container matColumnDef=\"attachmentTypeCode\">\n                        <th mat-header-cell *matHeaderCellDef>Attachment Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentTypeDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"fileName\">\n                        <th mat-header-cell *matHeaderCellDef>File Name</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileName }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"sourceObjectNameCode\">\n                        <th mat-header-cell *matHeaderCellDef>File Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileExtension }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedBy\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded By</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedBy }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedTimestamp\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded At</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedTimestamp }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"description\">\n                        <th mat-header-cell *matHeaderCellDef>Description</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"download\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Download\"\n                                    icon=\"download\"\n                                    (click)=\"onDownloadClick( item )\"                        \n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"delete\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n                    <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n\n                    <tr class=\"mat-row\" *matNoDataRow>\n                        <td class=\"mat-cell\" colspan=\"8\">No records to display.</td>\n                    </tr>                \n                </table>\n            }\n        </nrcl-row-list-desktop>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n\n    <ng-template mobile-view>\n        <nrcl-row-list-mobile>\n            @for ( item of rows | paginate: { \n                id: 'mobile-attachments', \n                itemsPerPage: showPagination ? pageSize : totalRowCount, \n                currentPage: showPagination ? pageNumber : 1, \n                totalItems: totalRowCount \n            }; track item.attachmentId ) {\n                <mat-card>\n                    <mat-card-title>\n                        <section title>\n                            <h2>{{ item.fileName }}</h2>\n                        </section>\n\n                        <section actions>\n                            <nrcl-button compact\n                                label=\"Download\"\n                                icon=\"download\"\n                                (click)=\"onDownloadClick( item )\"                        \n                            ></nrcl-button>\n\n                            @if ( canDelete ) {\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            }\n                        </section>\n                    </mat-card-title>\n\n                    <mat-card-content>\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 At</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                </mat-card>\n            }\n        </nrcl-row-list-mobile>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-attachmentTypeCode{min-width:100px}:host .mat-mdc-table .mat-column-orgUnit{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-fileName{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-sourceObjectNameCode{min-width:60px;max-width:60px}:host .mat-mdc-table .mat-column-uploadedBy{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-uploadedTimestamp{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-description{width:100%;min-width:200px;max-width:100px;white-space:normal}:host .mat-mdc-table .mat-column-download .button-container,:host .mat-mdc-table .mat-column-delete .button-container{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: i1$5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$5.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i1$5.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i3$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i3$1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "primary", "outline", "disabled"], outputs: ["click"] }, { kind: "component", type: CellContentComponent, selector: "nrcl-cell-content", inputs: ["tooltip", "content"] }, { kind: "component", type: GapComponent, selector: "nrcl-gap", inputs: ["horizontal", "vertical"] }, { kind: "component", type: RowListDesktopComponent, selector: "nrcl-row-list-desktop" }, { 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: "directive", type: DesktopViewDirective, selector: "[desktop-view]" }, { kind: "directive", type: MobileViewDirective, selector: "[mobile-view]" }, { kind: "component", type: DeviceViewComponent, selector: "nrcl-device-view" }, { kind: "pipe", type: i11.PaginatePipe, name: "paginate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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" }, usesInheritance: true, ngImport: i0, template: "<nrcl-device-view>\n    <ng-template desktop-view>\n        <nrcl-row-list-desktop>\n            @if ( rows?.length > 0 ) {\n                <table mat-table\n                    [dataSource]=\"rows | paginate: { \n                        id: 'desktop-attachments', \n                        itemsPerPage: pageSize, \n                        currentPage: pageNumber, \n                        totalItems: totalRowCount \n                    }\"\n                >\n                    <ng-container matColumnDef=\"attachmentTypeCode\">\n                        <th mat-header-cell *matHeaderCellDef>Attachment Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentTypeDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"fileName\">\n                        <th mat-header-cell *matHeaderCellDef>File Name</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileName }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"sourceObjectNameCode\">\n                        <th mat-header-cell *matHeaderCellDef>File Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileExtension }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedBy\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded By</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedBy }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedTimestamp\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded At</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedTimestamp }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"description\">\n                        <th mat-header-cell *matHeaderCellDef>Description</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"download\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Download\"\n                                    icon=\"download\"\n                                    (click)=\"onDownloadClick( item )\"                        \n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"delete\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n                    <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n                </table>\n            }\n        </nrcl-row-list-desktop>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n\n    <ng-template mobile-view>\n        <nrcl-row-list-mobile>\n            @for ( item of rows | paginate: { \n                id: 'mobile-attachments', \n                itemsPerPage: pageSize, \n                currentPage: pageNumber, \n                totalItems: totalRowCount \n            }; track item.attachmentId ) {\n                <mat-card>\n                    <mat-card-title>\n                        <section title>\n                            <h2>{{ item.fileName }}</h2>\n                        </section>\n\n                        <section actions>\n                            <nrcl-button compact\n                                label=\"Download\"\n                                icon=\"download\"\n                                (click)=\"onDownloadClick( item )\"                        \n                            ></nrcl-button>\n\n                            @if ( canDelete ) {\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            }\n                        </section>\n                    </mat-card-title>\n\n                    <mat-card-content>\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 At</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                </mat-card>\n            }\n        </nrcl-row-list-mobile>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-attachmentTypeCode{min-width:100px}:host .mat-mdc-table .mat-column-orgUnit{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-fileName{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-sourceObjectNameCode{min-width:60px;max-width:60px}:host .mat-mdc-table .mat-column-uploadedBy{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-uploadedTimestamp{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-description{width:100%;min-width:200px;max-width:100px;white-space:normal}:host .mat-mdc-table .mat-column-download .button-container,:host .mat-mdc-table .mat-column-delete .button-container{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: i1$5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$5.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i1$5.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i3$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "primary", "outline", "disabled"], outputs: ["click"] }, { kind: "component", type: CellContentComponent, selector: "nrcl-cell-content", inputs: ["tooltip", "content"] }, { kind: "component", type: GapComponent, selector: "nrcl-gap", inputs: ["horizontal", "vertical"] }, { kind: "component", type: RowListDesktopComponent, selector: "nrcl-row-list-desktop" }, { 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: "directive", type: DesktopViewDirective, selector: "[desktop-view]" }, { kind: "directive", type: MobileViewDirective, selector: "[mobile-view]" }, { kind: "component", type: DeviceViewComponent, selector: "nrcl-device-view" }, { kind: "pipe", type: i11.PaginatePipe, name: "paginate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListAttachmentsComponent, decorators: [{
             type: Component,
-            args: [{ selector: "nrcl-list-attachments", changeDetection: ChangeDetectionStrategy.OnPush, template: "<nrcl-device-view>\n    <ng-template desktop-view>\n        <nrcl-row-list-desktop>\n            @if ( rows?.length > 0 ) {\n                <table mat-table\n                    [dataSource]=\"rows | paginate: { \n                        id: 'desktop-attachments', \n                        itemsPerPage: showPagination ? pageSize : totalRowCount, \n                        currentPage: showPagination ? pageNumber : 1, \n                        totalItems: totalRowCount \n                    }\"\n                >\n                    <ng-container matColumnDef=\"attachmentTypeCode\">\n                        <th mat-header-cell *matHeaderCellDef>Attachment Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentTypeDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"fileName\">\n                        <th mat-header-cell *matHeaderCellDef>File Name</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileName }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"sourceObjectNameCode\">\n                        <th mat-header-cell *matHeaderCellDef>File Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileExtension }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedBy\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded By</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedBy }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedTimestamp\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded At</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedTimestamp }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"description\">\n                        <th mat-header-cell *matHeaderCellDef>Description</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"download\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Download\"\n                                    icon=\"download\"\n                                    (click)=\"onDownloadClick( item )\"                        \n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"delete\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n                    <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n\n                    <tr class=\"mat-row\" *matNoDataRow>\n                        <td class=\"mat-cell\" colspan=\"8\">No records to display.</td>\n                    </tr>                \n                </table>\n            }\n        </nrcl-row-list-desktop>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n\n    <ng-template mobile-view>\n        <nrcl-row-list-mobile>\n            @for ( item of rows | paginate: { \n                id: 'mobile-attachments', \n                itemsPerPage: showPagination ? pageSize : totalRowCount, \n                currentPage: showPagination ? pageNumber : 1, \n                totalItems: totalRowCount \n            }; track item.attachmentId ) {\n                <mat-card>\n                    <mat-card-title>\n                        <section title>\n                            <h2>{{ item.fileName }}</h2>\n                        </section>\n\n                        <section actions>\n                            <nrcl-button compact\n                                label=\"Download\"\n                                icon=\"download\"\n                                (click)=\"onDownloadClick( item )\"                        \n                            ></nrcl-button>\n\n                            @if ( canDelete ) {\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            }\n                        </section>\n                    </mat-card-title>\n\n                    <mat-card-content>\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 At</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                </mat-card>\n            }\n        </nrcl-row-list-mobile>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-attachmentTypeCode{min-width:100px}:host .mat-mdc-table .mat-column-orgUnit{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-fileName{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-sourceObjectNameCode{min-width:60px;max-width:60px}:host .mat-mdc-table .mat-column-uploadedBy{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-uploadedTimestamp{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-description{width:100%;min-width:200px;max-width:100px;white-space:normal}:host .mat-mdc-table .mat-column-download .button-container,:host .mat-mdc-table .mat-column-delete .button-container{display:flex;justify-content:center;align-items:center}\n"] }]
+            args: [{ selector: "nrcl-list-attachments", changeDetection: ChangeDetectionStrategy.OnPush, template: "<nrcl-device-view>\n    <ng-template desktop-view>\n        <nrcl-row-list-desktop>\n            @if ( rows?.length > 0 ) {\n                <table mat-table\n                    [dataSource]=\"rows | paginate: { \n                        id: 'desktop-attachments', \n                        itemsPerPage: pageSize, \n                        currentPage: pageNumber, \n                        totalItems: totalRowCount \n                    }\"\n                >\n                    <ng-container matColumnDef=\"attachmentTypeCode\">\n                        <th mat-header-cell *matHeaderCellDef>Attachment Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentTypeDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"fileName\">\n                        <th mat-header-cell *matHeaderCellDef>File Name</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileName }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"sourceObjectNameCode\">\n                        <th mat-header-cell *matHeaderCellDef>File Type</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.fileExtension }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedBy\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded By</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedBy }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"uploadedTimestamp\">\n                        <th mat-header-cell *matHeaderCellDef>Uploaded At</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.uploadedTimestamp }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"description\">\n                        <th mat-header-cell *matHeaderCellDef>Description</th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <nrcl-cell-content tooltip>{{ item.attachmentDescription }}</nrcl-cell-content>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"download\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Download\"\n                                    icon=\"download\"\n                                    (click)=\"onDownloadClick( item )\"                        \n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"delete\">\n                        <th mat-header-cell *matHeaderCellDef></th>\n                        <td mat-cell *matCellDef=\"let item\">\n                            <div class=\"button-container\">\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n                    <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n                </table>\n            }\n        </nrcl-row-list-desktop>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n\n    <ng-template mobile-view>\n        <nrcl-row-list-mobile>\n            @for ( item of rows | paginate: { \n                id: 'mobile-attachments', \n                itemsPerPage: pageSize, \n                currentPage: pageNumber, \n                totalItems: totalRowCount \n            }; track item.attachmentId ) {\n                <mat-card>\n                    <mat-card-title>\n                        <section title>\n                            <h2>{{ item.fileName }}</h2>\n                        </section>\n\n                        <section actions>\n                            <nrcl-button compact\n                                label=\"Download\"\n                                icon=\"download\"\n                                (click)=\"onDownloadClick( item )\"                        \n                            ></nrcl-button>\n\n                            @if ( canDelete ) {\n                                <nrcl-button compact\n                                    label=\"Delete\"\n                                    icon=\"delete\"\n                                    (click)=\"onDeleteClick( item )\"\n                                ></nrcl-button>\n                            }\n                        </section>\n                    </mat-card-title>\n\n                    <mat-card-content>\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 At</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                </mat-card>\n            }\n        </nrcl-row-list-mobile>\n\n        <nrcl-gap vertical/>\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        ></nrcl-row-list-pagination>\n    </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-attachmentTypeCode{min-width:100px}:host .mat-mdc-table .mat-column-orgUnit{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-fileName{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-sourceObjectNameCode{min-width:60px;max-width:60px}:host .mat-mdc-table .mat-column-uploadedBy{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-uploadedTimestamp{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-description{width:100%;min-width:200px;max-width:100px;white-space:normal}:host .mat-mdc-table .mat-column-download .button-container,:host .mat-mdc-table .mat-column-delete .button-container{display:flex;justify-content:center;align-items:center}\n"] }]
         }], propDecorators: { rowListProvider: [{
                 type: Input
             }], canDelete: [{