@ts-core/angular 13.1.4 → 13.1.7

package/component/cdk-table/cell/CdkTableCellValuePipe.d.ts

@@ -1,15 +1,18 @@
-import { ChangeDetectorRef, PipeTransform } from '@angular/core';
+import { ChangeDetectorRef, NgZone, PipeTransform } from '@angular/core';
 import { DestroyableContainer } from '@ts-core/common';
 import { CdkTableCellValue, ICdkTableColumn } from '../column/ICdkTableColumn';
 import * as i0 from "@angular/core";
-export declare class CdkTableCellValuePipe extends DestroyableContainer implements PipeTransform {
+export declare class CdkTableCellValuePipe<U> extends DestroyableContainer implements PipeTransform {
     private detection;
+    private ngZone;
     static ERROR_SYMBOL: string;
     static PENDING_SYMBOL: string;
-    private value;
-    constructor(detection: ChangeDetectorRef);
-    transform<U>(item: U, column: ICdkTableColumn<U>): CdkTableCellValue<U> | Promise<CdkTableCellValue<U>>;
+    private lastItem;
+    private lastColumn;
+    private formattedValue;
+    constructor(detection: ChangeDetectorRef, ngZone: NgZone);
+    transform(item: U, column: ICdkTableColumn<U>): CdkTableCellValue<U> | Promise<CdkTableCellValue<U>>;
     destroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CdkTableCellValuePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<CdkTableCellValuePipe, "viCdkTableCellValue">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkTableCellValuePipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CdkTableCellValuePipe<any>, "viCdkTableCellValue">;
 }

package/esm2020/component/cdk-table/cdk-table-filterable/cdk-table-filterable.component.mjs

@@ -14,8 +14,9 @@ import * as i9 from "../column/CdkTableColumnStyleNamePipe";
 import * as i10 from "../cell/CdkTableCellClassNamePipe";
 import * as i11 from "../cell/CdkTableCellStyleNamePipe";
 import * as i12 from "../cell/CdkTableCellValuePipe";
-import * as i13 from "../row/CdkTableRowClassNamePipe";
-import * as i14 from "../row/CdkTableRowStyleNamePipe";
+import * as i13 from "../cell/CdkTableCellValuePipePure";
+import * as i14 from "../row/CdkTableRowClassNamePipe";
+import * as i15 from "../row/CdkTableRowStyleNamePipe";
 export class CdkTableFilterableComponent extends CdkTableBaseComponent {
     // --------------------------------------------------------------------------
     //
@@ -28,9 +29,9 @@ export class CdkTableFilterableComponent extends CdkTableBaseComponent {
     }
 }
 CdkTableFilterableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableFilterableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTableFilterableComponent, selector: "vi-cdk-table-filterable", usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"row | viCdkTableCellValue: column\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n</div>\n", components: [{ type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i5.HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: i6.LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": i7.LanguagePipe, "viCdkTableColumnClassName": i8.CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": i9.CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": i10.CdkTableCellClassNamePipe, "viCdkTableCellStyleName": i11.CdkTableCellStyleNamePipe, "viCdkTableCellValue": i12.CdkTableCellValuePipe, "viCdkTableRowClassName": i13.CdkTableRowClassNamePipe, "viCdkTableRowStyleName": i14.CdkTableRowStyleNamePipe } });
+CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTableFilterableComponent, selector: "vi-cdk-table-filterable", usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n</div>\n", components: [{ type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i5.HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: i6.LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": i7.LanguagePipe, "viCdkTableColumnClassName": i8.CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": i9.CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": i10.CdkTableCellClassNamePipe, "viCdkTableCellStyleName": i11.CdkTableCellStyleNamePipe, "viCdkTableCellValue": i12.CdkTableCellValuePipe, "viCdkTableCellValuePure": i13.CdkTableCellValuePipePure, "viCdkTableRowClassName": i14.CdkTableRowClassNamePipe, "viCdkTableRowStyleName": i15.CdkTableRowStyleNamePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableFilterableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vi-cdk-table-filterable', template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"row | viCdkTableCellValue: column\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n</div>\n" }]
+            args: [{ selector: 'vi-cdk-table-filterable', template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jZGstdGFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jZGstdGFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBb0IsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7O0FBTWxELE1BQU0sT0FBTywyQkFBOEMsU0FBUSxxQkFBa0U7SUFDakksNkVBQTZFO0lBQzdFLEVBQUU7SUFDRixlQUFlO0lBQ2YsRUFBRTtJQUNGLDZFQUE2RTtJQUU3RSxZQUFZLFNBQTJCO1FBQ25DLEtBQUssRUFBRSxDQUFDO1FBQ1IsUUFBUSxDQUFDLFVBQVUsQ0FBQyxTQUFTLEVBQUUsOEJBQThCLENBQUMsQ0FBQztJQUNuRSxDQUFDOzt5SEFWUSwyQkFBMkI7NkdBQTNCLDJCQUEyQixzRkNWeEMsK3VGQWdFQTs0RkR0RGEsMkJBQTJCO2tCQUp2QyxTQUFTOytCQUNJLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIF8gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7IENka1RhYmxlQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL0Nka1RhYmxlQmFzZUNvbXBvbmVudCc7XG5pbXBvcnQgeyBDZGtUYWJsZUZpbHRlcmFibGVNYXBDb2xsZWN0aW9uIH0gZnJvbSAnLi4vQ2RrVGFibGVGaWx0ZXJhYmxlTWFwQ29sbGVjdGlvbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZpZXdVdGlsIH0gZnJvbSAnLi4vLi4vLi4vdXRpbC9WaWV3VXRpbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmktY2RrLXRhYmxlLWZpbHRlcmFibGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIENka1RhYmxlRmlsdGVyYWJsZUNvbXBvbmVudDxVID0gYW55LCBWID0gYW55PiBleHRlbmRzIENka1RhYmxlQmFzZUNvbXBvbmVudDxDZGtUYWJsZUZpbHRlcmFibGVNYXBDb2xsZWN0aW9uPFUsIFY+LCBVLCBWPiB7XG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vIFx0Q29uc3RydWN0b3JcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBjb25zdHJ1Y3Rvcihjb250YWluZXI6IFZpZXdDb250YWluZXJSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgVmlld1V0aWwuYWRkQ2xhc3Nlcyhjb250YWluZXIsICdkLWZsZXggZmxleC1jb2x1bW4gc2Nyb2xsLW5vJyk7XG4gICAgfVxufVxuIiwiPG1hdC10YWJsZVxuICAgIGNsYXNzPVwiZmxleC1ncm93LTEgdmVydGljYWwtc2Nyb2xsLW9ubHlcIlxuICAgIG1hdFNvcnRcbiAgICBbZGF0YVNvdXJjZV09XCJ0YWJsZT8udGFibGU/LmRhdGFTb3VyY2VcIlxuICAgIFttYXRTb3J0QWN0aXZlXT1cInNvcnRBY3RpdmVcIlxuICAgIFttYXRTb3J0RGlyZWN0aW9uXT1cInNvcnREaXJlY3Rpb25cIlxuICAgIFtjbGFzcy5tYXQtbmF2LWxpc3RdPVwic2V0dGluZ3M/LmlzSW50ZXJhY3RpdmVcIlxuICAgIChtYXRTb3J0Q2hhbmdlKT1cInRhYmxlLnNvcnRFdmVudEhhbmRsZXIoJGV2ZW50KVwiXG4+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnM7IHRyYWNrQnk6IGNvbHVtblRyYWNrQnlcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbWF0Q29sdW1uRGVmXT1cImNvbHVtbi5uYW1lXCI+XG4gICAgICAgICAgICA8bWF0LWhlYWRlci1jZWxsXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJweC0yXCJcbiAgICAgICAgICAgICAgICBtYXQtc29ydC1oZWFkZXJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZUNsZWFyXT1cInRydWVcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJjb2x1bW4uaXNEaXNhYmxlU29ydFwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiY29sdW1uLmhlYWRlckNsYXNzTmFtZVwiXG4gICAgICAgICAgICAgICAgKm1hdEhlYWRlckNlbGxEZWZcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImNvbHVtbi5oZWFkZXJJZCB8IHZpVHJhbnNsYXRlXCI+PC9zcGFuPlxuICAgICAgICAgICAgPC9tYXQtaGVhZGVyLWNlbGw+XG4gICAgICAgICAgICA8bWF0LWNlbGxcbiAgICAgICAgICAgICAgICBjbGFzcz1cInAtMlwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNlbGxDbGlja0hhbmRsZXIocm93LCBjb2x1bW4sICRldmVudClcIlxuICAgICAgICAgICAgICAgICptYXRDZWxsRGVmPVwibGV0IHJvd1wiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwicm93IHwgdmlDZGtUYWJsZUNvbHVtbkNsYXNzTmFtZTogY29sdW1uXCJcbiAgICAgICAgICAgICAgICBbbmdTdHlsZV09XCJyb3cgfCB2aUNka1RhYmxlQ29sdW1uU3R5bGVOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImNvbHVtbi5pc0ltYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsQ2xhc3NOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZUNlbGxTdHlsZU5hbWU6IGNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsVmFsdWU6IGNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJyb3cgfCB2aUNka1RhYmxlQ2VsbENsYXNzTmFtZTogY29sdW1uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1N0eWxlXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsU3R5bGVOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3ZpLWh0bWwtY29udGVudC10aXRsZV09XCJyb3cgfCB2aUNka1RhYmxlQ2VsbFZhbHVlOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9tYXQtY2VsbD5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImNvbHVtbk5hbWVzXCI+PC9tYXQtaGVhZGVyLXJvdz5cblxuICAgIDxtYXQtcm93XG4gICAgICAgIGNsYXNzPVwibWF0LWxpc3QtaXRlbVwiXG4gICAgICAgICptYXRSb3dEZWY9XCJsZXQgcm93OyBjb2x1bW5zOiBjb2x1bW5OYW1lc1wiXG4gICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVSb3dDbGFzc05hbWU6IHJvd3M6c2VsZWN0ZWRSb3dzXCJcbiAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZVJvd1N0eWxlTmFtZTogcm93czpzZWxlY3RlZFJvd3NcIlxuICAgICAgICAoY2xpY2spPVwicm93Q2xpY2tIYW5kbGVyKHJvdywgJGV2ZW50KVwiXG4gICAgPjwvbWF0LXJvdz5cblxuICAgIDxwIGNsYXNzPVwicC0zIGZsZXgtc2hyaW5rLTAgdGV4dC1jZW50ZXIgbW91c2UtaW5hY3RpdmVcIiBbdmktdHJhbnNsYXRlXT1cInNldHRpbmdzPy5ub0RhdGFJZFwiICptYXROb0RhdGFSb3c+PC9wPlxuPC9tYXQtdGFibGU+XG5cbjxtYXQtcHJvZ3Jlc3MtYmFyIGNsYXNzPVwiZmxleC1zaHJpbmstMCBib3JkZXIgdHJhbnNwYXJlbnRcIiBbbW9kZV09XCJ0YWJsZT8uaXNMb2FkaW5nID8gJ2luZGV0ZXJtaW5hdGUnIDogJ2RldGVybWluYXRlJ1wiPjwvbWF0LXByb2dyZXNzLWJhcj5cblxuPGRpdiBjbGFzcz1cInBhZ2luYXRvci1jb250YWluZXIgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtZW5kIGZsZXgtc2hyaW5rLTBcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jZGstdGFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jZGstdGFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUvY2RrLXRhYmxlLWZpbHRlcmFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBb0IsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7OztBQU1sRCxNQUFNLE9BQU8sMkJBQThDLFNBQVEscUJBQWtFO0lBQ2pJLDZFQUE2RTtJQUM3RSxFQUFFO0lBQ0YsZUFBZTtJQUNmLEVBQUU7SUFDRiw2RUFBNkU7SUFFN0UsWUFBWSxTQUEyQjtRQUNuQyxLQUFLLEVBQUUsQ0FBQztRQUNSLFFBQVEsQ0FBQyxVQUFVLENBQUMsU0FBUyxFQUFFLDhCQUE4QixDQUFDLENBQUM7SUFDbkUsQ0FBQzs7eUhBVlEsMkJBQTJCOzZHQUEzQiwyQkFBMkIsc0ZDVnhDLHkyRkFnRUE7NEZEdERhLDJCQUEyQjtrQkFKdkMsU0FBUzsrQkFDSSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBfIGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgeyBDZGtUYWJsZUJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9DZGtUYWJsZUJhc2VDb21wb25lbnQnO1xuaW1wb3J0IHsgQ2RrVGFibGVGaWx0ZXJhYmxlTWFwQ29sbGVjdGlvbiB9IGZyb20gJy4uL0Nka1RhYmxlRmlsdGVyYWJsZU1hcENvbGxlY3Rpb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWaWV3VXRpbCB9IGZyb20gJy4uLy4uLy4uL3V0aWwvVmlld1V0aWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3ZpLWNkay10YWJsZS1maWx0ZXJhYmxlJyxcbiAgICB0ZW1wbGF0ZVVybDogJ2Nkay10YWJsZS1maWx0ZXJhYmxlLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBDZGtUYWJsZUZpbHRlcmFibGVDb21wb25lbnQ8VSA9IGFueSwgViA9IGFueT4gZXh0ZW5kcyBDZGtUYWJsZUJhc2VDb21wb25lbnQ8Q2RrVGFibGVGaWx0ZXJhYmxlTWFwQ29sbGVjdGlvbjxVLCBWPiwgVSwgVj4ge1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gICAgLy9cbiAgICAvLyBcdENvbnN0cnVjdG9yXG4gICAgLy9cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gICAgY29uc3RydWN0b3IoY29udGFpbmVyOiBWaWV3Q29udGFpbmVyUmVmKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgICAgIFZpZXdVdGlsLmFkZENsYXNzZXMoY29udGFpbmVyLCAnZC1mbGV4IGZsZXgtY29sdW1uIHNjcm9sbC1ubycpO1xuICAgIH1cbn1cbiIsIjxtYXQtdGFibGVcbiAgICBjbGFzcz1cImZsZXgtZ3Jvdy0xIHZlcnRpY2FsLXNjcm9sbC1vbmx5XCJcbiAgICBtYXRTb3J0XG4gICAgW2RhdGFTb3VyY2VdPVwidGFibGU/LnRhYmxlPy5kYXRhU291cmNlXCJcbiAgICBbbWF0U29ydEFjdGl2ZV09XCJzb3J0QWN0aXZlXCJcbiAgICBbbWF0U29ydERpcmVjdGlvbl09XCJzb3J0RGlyZWN0aW9uXCJcbiAgICBbY2xhc3MubWF0LW5hdi1saXN0XT1cInNldHRpbmdzPy5pc0ludGVyYWN0aXZlXCJcbiAgICAobWF0U29ydENoYW5nZSk9XCJ0YWJsZS5zb3J0RXZlbnRIYW5kbGVyKCRldmVudClcIlxuPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBjb2x1bW5zOyB0cmFja0J5OiBjb2x1bW5UcmFja0J5XCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW21hdENvbHVtbkRlZl09XCJjb2x1bW4ubmFtZVwiPlxuICAgICAgICAgICAgPG1hdC1oZWFkZXItY2VsbFxuICAgICAgICAgICAgICAgIGNsYXNzPVwicHgtMlwiXG4gICAgICAgICAgICAgICAgbWF0LXNvcnQtaGVhZGVyXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVDbGVhcl09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiY29sdW1uLmlzRGlzYWJsZVNvcnRcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImNvbHVtbi5oZWFkZXJDbGFzc05hbWVcIlxuICAgICAgICAgICAgICAgICptYXRIZWFkZXJDZWxsRGVmXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHNwYW4gW2lubmVySFRNTF09XCJjb2x1bW4uaGVhZGVySWQgfCB2aVRyYW5zbGF0ZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvbWF0LWhlYWRlci1jZWxsPlxuICAgICAgICAgICAgPG1hdC1jZWxsXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJwLTJcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJjZWxsQ2xpY2tIYW5kbGVyKHJvdywgY29sdW1uLCAkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAqbWF0Q2VsbERlZj1cImxldCByb3dcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVDb2x1bW5DbGFzc05hbWU6IGNvbHVtblwiXG4gICAgICAgICAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZUNvbHVtblN0eWxlTmFtZTogY29sdW1uXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJjb2x1bW4uaXNJbWFnZVwiPlxuICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJyb3cgfCB2aUNka1RhYmxlQ2VsbENsYXNzTmFtZTogY29sdW1uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1N0eWxlXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsU3R5bGVOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3NyY109XCJjb2x1bW4uaXNBc3luYyA/IChyb3cgfCB2aUNka1RhYmxlQ2VsbFZhbHVlOiBjb2x1bW4pIDogKHJvdyB8IHZpQ2RrVGFibGVDZWxsVmFsdWVQdXJlOiBjb2x1bW4pXCJcbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ1N3aXRjaERlZmF1bHRcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsQ2xhc3NOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZUNlbGxTdHlsZU5hbWU6IGNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbdmktaHRtbC1jb250ZW50LXRpdGxlXT1cImNvbHVtbi5pc0FzeW5jID8gKHJvdyB8IHZpQ2RrVGFibGVDZWxsVmFsdWU6IGNvbHVtbikgOiAocm93IHwgdmlDZGtUYWJsZUNlbGxWYWx1ZVB1cmU6IGNvbHVtbilcIlxuICAgICAgICAgICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9tYXQtY2VsbD5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImNvbHVtbk5hbWVzXCI+PC9tYXQtaGVhZGVyLXJvdz5cblxuICAgIDxtYXQtcm93XG4gICAgICAgIGNsYXNzPVwibWF0LWxpc3QtaXRlbVwiXG4gICAgICAgICptYXRSb3dEZWY9XCJsZXQgcm93OyBjb2x1bW5zOiBjb2x1bW5OYW1lc1wiXG4gICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVSb3dDbGFzc05hbWU6IHJvd3M6c2VsZWN0ZWRSb3dzXCJcbiAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZVJvd1N0eWxlTmFtZTogcm93czpzZWxlY3RlZFJvd3NcIlxuICAgICAgICAoY2xpY2spPVwicm93Q2xpY2tIYW5kbGVyKHJvdywgJGV2ZW50KVwiXG4gICAgPjwvbWF0LXJvdz5cblxuICAgIDxwIGNsYXNzPVwicC0zIGZsZXgtc2hyaW5rLTAgdGV4dC1jZW50ZXIgbW91c2UtaW5hY3RpdmVcIiBbdmktdHJhbnNsYXRlXT1cInNldHRpbmdzPy5ub0RhdGFJZFwiICptYXROb0RhdGFSb3c+PC9wPlxuPC9tYXQtdGFibGU+XG5cbjxtYXQtcHJvZ3Jlc3MtYmFyIGNsYXNzPVwiZmxleC1zaHJpbmstMCBib3JkZXIgdHJhbnNwYXJlbnRcIiBbbW9kZV09XCJ0YWJsZT8uaXNMb2FkaW5nID8gJ2luZGV0ZXJtaW5hdGUnIDogJ2RldGVybWluYXRlJ1wiPjwvbWF0LXByb2dyZXNzLWJhcj5cblxuPGRpdiBjbGFzcz1cInBhZ2luYXRvci1jb250YWluZXIgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtZW5kIGZsZXgtc2hyaW5rLTBcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2020/component/cdk-table/cdk-table-paginable-bookmark/cdk-table-paginable-bookmark.component.mjs

@@ -14,8 +14,9 @@ import * as i9 from "../column/CdkTableColumnStyleNamePipe";
 import * as i10 from "../cell/CdkTableCellClassNamePipe";
 import * as i11 from "../cell/CdkTableCellStyleNamePipe";
 import * as i12 from "../cell/CdkTableCellValuePipe";
-import * as i13 from "../row/CdkTableRowClassNamePipe";
-import * as i14 from "../row/CdkTableRowStyleNamePipe";
+import * as i13 from "../cell/CdkTableCellValuePipePure";
+import * as i14 from "../row/CdkTableRowClassNamePipe";
+import * as i15 from "../row/CdkTableRowStyleNamePipe";
 export class CdkTablePaginableBookmarkComponent extends CdkTableBaseComponent {
     // --------------------------------------------------------------------------
     //
@@ -28,9 +29,9 @@ export class CdkTablePaginableBookmarkComponent extends CdkTableBaseComponent {
     }
 }
 CdkTablePaginableBookmarkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableBookmarkComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-CdkTablePaginableBookmarkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTablePaginableBookmarkComponent, selector: "vi-cdk-table-paginable-bookmark", usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"row | viCdkTableCellValue: column\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n", components: [{ type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i5.HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: i6.LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": i7.LanguagePipe, "viCdkTableColumnClassName": i8.CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": i9.CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": i10.CdkTableCellClassNamePipe, "viCdkTableCellStyleName": i11.CdkTableCellStyleNamePipe, "viCdkTableCellValue": i12.CdkTableCellValuePipe, "viCdkTableRowClassName": i13.CdkTableRowClassNamePipe, "viCdkTableRowStyleName": i14.CdkTableRowStyleNamePipe } });
+CdkTablePaginableBookmarkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTablePaginableBookmarkComponent, selector: "vi-cdk-table-paginable-bookmark", usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n", components: [{ type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i5.HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: i6.LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": i7.LanguagePipe, "viCdkTableColumnClassName": i8.CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": i9.CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": i10.CdkTableCellClassNamePipe, "viCdkTableCellStyleName": i11.CdkTableCellStyleNamePipe, "viCdkTableCellValue": i12.CdkTableCellValuePipe, "viCdkTableCellValuePure": i13.CdkTableCellValuePipePure, "viCdkTableRowClassName": i14.CdkTableRowClassNamePipe, "viCdkTableRowStyleName": i15.CdkTableRowStyleNamePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableBookmarkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vi-cdk-table-paginable-bookmark', template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"row | viCdkTableCellValue: column\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n" }]
+            args: [{ selector: 'vi-cdk-table-paginable-bookmark', template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2RrLXRhYmxlLXBhZ2luYWJsZS1ib29rbWFyay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50L2Nkay10YWJsZS9jZGstdGFibGUtcGFnaW5hYmxlLWJvb2ttYXJrL2Nkay10YWJsZS1wYWdpbmFibGUtYm9va21hcmsuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jZGstdGFibGUvY2RrLXRhYmxlLXBhZ2luYWJsZS1ib29rbWFyay9jZGstdGFibGUtcGFnaW5hYmxlLWJvb2ttYXJrLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxTQUFTLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7OztBQU9sRCxNQUFNLE9BQU8sa0NBQXFELFNBQVEscUJBQXlFO0lBQy9JLDZFQUE2RTtJQUM3RSxFQUFFO0lBQ0YsZUFBZTtJQUNmLEVBQUU7SUFDRiw2RUFBNkU7SUFFN0UsWUFBWSxTQUEyQjtRQUNuQyxLQUFLLEVBQUUsQ0FBQztRQUNSLFFBQVEsQ0FBQyxVQUFVLENBQUMsU0FBUyxFQUFFLDhCQUE4QixDQUFDLENBQUM7SUFDbkUsQ0FBQzs7Z0lBVlEsa0NBQWtDO29IQUFsQyxrQ0FBa0MsOEZDVi9DLHFtRkE0REE7NEZEbERhLGtDQUFrQztrQkFKOUMsU0FBUzsrQkFDSSxpQ0FBaUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBfIGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgeyBDZGtUYWJsZUJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9DZGtUYWJsZUJhc2VDb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWaWV3VXRpbCB9IGZyb20gJy4uLy4uLy4uL3V0aWwvVmlld1V0aWwnO1xuaW1wb3J0IHsgQ2RrVGFibGVQYWdpbmFibGVCb29rbWFya01hcENvbGxlY3Rpb24gfSBmcm9tICcuLi9DZGtUYWJsZVBhZ2luYWJsZUJvb2ttYXJrTWFwQ29sbGVjdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmktY2RrLXRhYmxlLXBhZ2luYWJsZS1ib29rbWFyaycsXG4gICAgdGVtcGxhdGVVcmw6ICdjZGstdGFibGUtcGFnaW5hYmxlLWJvb2ttYXJrLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBDZGtUYWJsZVBhZ2luYWJsZUJvb2ttYXJrQ29tcG9uZW50PFUgPSBhbnksIFYgPSBhbnk+IGV4dGVuZHMgQ2RrVGFibGVCYXNlQ29tcG9uZW50PENka1RhYmxlUGFnaW5hYmxlQm9va21hcmtNYXBDb2xsZWN0aW9uPFUsIFY+LCBVLCBWPiB7XG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vIFx0Q29uc3RydWN0b3JcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBjb25zdHJ1Y3Rvcihjb250YWluZXI6IFZpZXdDb250YWluZXJSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgVmlld1V0aWwuYWRkQ2xhc3Nlcyhjb250YWluZXIsICdkLWZsZXggZmxleC1jb2x1bW4gc2Nyb2xsLW5vJyk7XG4gICAgfVxufVxuIiwiPG1hdC10YWJsZVxuICAgIGNsYXNzPVwiZmxleC1ncm93LTEgdmVydGljYWwtc2Nyb2xsLW9ubHlcIlxuICAgIG1hdFNvcnRcbiAgICBbZGF0YVNvdXJjZV09XCJ0YWJsZT8udGFibGU/LmRhdGFTb3VyY2VcIlxuICAgIFttYXRTb3J0QWN0aXZlXT1cInNvcnRBY3RpdmVcIlxuICAgIFttYXRTb3J0RGlyZWN0aW9uXT1cInNvcnREaXJlY3Rpb25cIlxuICAgIFtjbGFzcy5tYXQtbmF2LWxpc3RdPVwic2V0dGluZ3M/LmlzSW50ZXJhY3RpdmVcIlxuICAgIChtYXRTb3J0Q2hhbmdlKT1cInRhYmxlLnNvcnRFdmVudEhhbmRsZXIoJGV2ZW50KVwiXG4+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnM7IHRyYWNrQnk6IGNvbHVtblRyYWNrQnlcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbWF0Q29sdW1uRGVmXT1cImNvbHVtbi5uYW1lXCI+XG4gICAgICAgICAgICA8bWF0LWhlYWRlci1jZWxsXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJweC0yXCJcbiAgICAgICAgICAgICAgICBtYXQtc29ydC1oZWFkZXJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZUNsZWFyXT1cInRydWVcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJjb2x1bW4uaXNEaXNhYmxlU29ydFwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiY29sdW1uLmhlYWRlckNsYXNzTmFtZVwiXG4gICAgICAgICAgICAgICAgKm1hdEhlYWRlckNlbGxEZWZcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImNvbHVtbi5oZWFkZXJJZCB8IHZpVHJhbnNsYXRlXCI+PC9zcGFuPlxuICAgICAgICAgICAgPC9tYXQtaGVhZGVyLWNlbGw+XG4gICAgICAgICAgICA8bWF0LWNlbGxcbiAgICAgICAgICAgICAgICBjbGFzcz1cInAtMlwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNlbGxDbGlja0hhbmRsZXIocm93LCBjb2x1bW4sICRldmVudClcIlxuICAgICAgICAgICAgICAgICptYXRDZWxsRGVmPVwibGV0IHJvd1wiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwicm93IHwgdmlDZGtUYWJsZUNvbHVtbkNsYXNzTmFtZTogY29sdW1uXCJcbiAgICAgICAgICAgICAgICBbbmdTdHlsZV09XCJyb3cgfCB2aUNka1RhYmxlQ29sdW1uU3R5bGVOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImNvbHVtbi5pc0ltYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsQ2xhc3NOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZUNlbGxTdHlsZU5hbWU6IGNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsVmFsdWU6IGNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJyb3cgfCB2aUNka1RhYmxlQ2VsbENsYXNzTmFtZTogY29sdW1uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1N0eWxlXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsU3R5bGVOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3ZpLWh0bWwtY29udGVudC10aXRsZV09XCJyb3cgfCB2aUNka1RhYmxlQ2VsbFZhbHVlOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9tYXQtY2VsbD5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImNvbHVtbk5hbWVzXCI+PC9tYXQtaGVhZGVyLXJvdz5cblxuICAgIDxtYXQtcm93XG4gICAgICAgIGNsYXNzPVwibWF0LWxpc3QtaXRlbVwiXG4gICAgICAgICptYXRSb3dEZWY9XCJsZXQgcm93OyBjb2x1bW5zOiBjb2x1bW5OYW1lc1wiXG4gICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVSb3dDbGFzc05hbWU6IHJvd3M6c2VsZWN0ZWRSb3dzXCJcbiAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZVJvd1N0eWxlTmFtZTogcm93czpzZWxlY3RlZFJvd3NcIlxuICAgICAgICAoY2xpY2spPVwicm93Q2xpY2tIYW5kbGVyKHJvdywgJGV2ZW50KVwiXG4gICAgPjwvbWF0LXJvdz5cblxuICAgIDxwIGNsYXNzPVwicC0zIGZsZXgtc2hyaW5rLTAgdGV4dC1jZW50ZXIgbW91c2UtaW5hY3RpdmVcIiBbdmktdHJhbnNsYXRlXT1cInNldHRpbmdzPy5ub0RhdGFJZFwiICptYXROb0RhdGFSb3c+PC9wPlxuPC9tYXQtdGFibGU+XG5cbjxtYXQtcHJvZ3Jlc3MtYmFyIGNsYXNzPVwiZmxleC1zaHJpbmstMCBib3JkZXIgdHJhbnNwYXJlbnRcIiBbbW9kZV09XCJ0YWJsZT8uaXNMb2FkaW5nID8gJ2luZGV0ZXJtaW5hdGUnIDogJ2RldGVybWluYXRlJ1wiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2RrLXRhYmxlLXBhZ2luYWJsZS1ib29rbWFyay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50L2Nkay10YWJsZS9jZGstdGFibGUtcGFnaW5hYmxlLWJvb2ttYXJrL2Nkay10YWJsZS1wYWdpbmFibGUtYm9va21hcmsuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jZGstdGFibGUvY2RrLXRhYmxlLXBhZ2luYWJsZS1ib29rbWFyay9jZGstdGFibGUtcGFnaW5hYmxlLWJvb2ttYXJrLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxTQUFTLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFPbEQsTUFBTSxPQUFPLGtDQUFxRCxTQUFRLHFCQUF5RTtJQUMvSSw2RUFBNkU7SUFDN0UsRUFBRTtJQUNGLGVBQWU7SUFDZixFQUFFO0lBQ0YsNkVBQTZFO0lBRTdFLFlBQVksU0FBMkI7UUFDbkMsS0FBSyxFQUFFLENBQUM7UUFDUixRQUFRLENBQUMsVUFBVSxDQUFDLFNBQVMsRUFBRSw4QkFBOEIsQ0FBQyxDQUFDO0lBQ25FLENBQUM7O2dJQVZRLGtDQUFrQztvSEFBbEMsa0NBQWtDLDhGQ1YvQywrdEZBNERBOzRGRGxEYSxrQ0FBa0M7a0JBSjlDLFNBQVM7K0JBQ0ksaUNBQWlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgXyBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgQ2RrVGFibGVCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vQ2RrVGFibGVCYXNlQ29tcG9uZW50JztcbmltcG9ydCB7IENvbXBvbmVudCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVmlld1V0aWwgfSBmcm9tICcuLi8uLi8uLi91dGlsL1ZpZXdVdGlsJztcbmltcG9ydCB7IENka1RhYmxlUGFnaW5hYmxlQm9va21hcmtNYXBDb2xsZWN0aW9uIH0gZnJvbSAnLi4vQ2RrVGFibGVQYWdpbmFibGVCb29rbWFya01hcENvbGxlY3Rpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3ZpLWNkay10YWJsZS1wYWdpbmFibGUtYm9va21hcmsnLFxuICAgIHRlbXBsYXRlVXJsOiAnY2RrLXRhYmxlLXBhZ2luYWJsZS1ib29rbWFyay5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQ2RrVGFibGVQYWdpbmFibGVCb29rbWFya0NvbXBvbmVudDxVID0gYW55LCBWID0gYW55PiBleHRlbmRzIENka1RhYmxlQmFzZUNvbXBvbmVudDxDZGtUYWJsZVBhZ2luYWJsZUJvb2ttYXJrTWFwQ29sbGVjdGlvbjxVLCBWPiwgVSwgVj4ge1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gICAgLy9cbiAgICAvLyBcdENvbnN0cnVjdG9yXG4gICAgLy9cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gICAgY29uc3RydWN0b3IoY29udGFpbmVyOiBWaWV3Q29udGFpbmVyUmVmKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgICAgIFZpZXdVdGlsLmFkZENsYXNzZXMoY29udGFpbmVyLCAnZC1mbGV4IGZsZXgtY29sdW1uIHNjcm9sbC1ubycpO1xuICAgIH1cbn1cbiIsIjxtYXQtdGFibGVcbiAgICBjbGFzcz1cImZsZXgtZ3Jvdy0xIHZlcnRpY2FsLXNjcm9sbC1vbmx5XCJcbiAgICBtYXRTb3J0XG4gICAgW2RhdGFTb3VyY2VdPVwidGFibGU/LnRhYmxlPy5kYXRhU291cmNlXCJcbiAgICBbbWF0U29ydEFjdGl2ZV09XCJzb3J0QWN0aXZlXCJcbiAgICBbbWF0U29ydERpcmVjdGlvbl09XCJzb3J0RGlyZWN0aW9uXCJcbiAgICBbY2xhc3MubWF0LW5hdi1saXN0XT1cInNldHRpbmdzPy5pc0ludGVyYWN0aXZlXCJcbiAgICAobWF0U29ydENoYW5nZSk9XCJ0YWJsZS5zb3J0RXZlbnRIYW5kbGVyKCRldmVudClcIlxuPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBjb2x1bW5zOyB0cmFja0J5OiBjb2x1bW5UcmFja0J5XCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW21hdENvbHVtbkRlZl09XCJjb2x1bW4ubmFtZVwiPlxuICAgICAgICAgICAgPG1hdC1oZWFkZXItY2VsbFxuICAgICAgICAgICAgICAgIGNsYXNzPVwicHgtMlwiXG4gICAgICAgICAgICAgICAgbWF0LXNvcnQtaGVhZGVyXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVDbGVhcl09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiY29sdW1uLmlzRGlzYWJsZVNvcnRcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImNvbHVtbi5oZWFkZXJDbGFzc05hbWVcIlxuICAgICAgICAgICAgICAgICptYXRIZWFkZXJDZWxsRGVmXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHNwYW4gW2lubmVySFRNTF09XCJjb2x1bW4uaGVhZGVySWQgfCB2aVRyYW5zbGF0ZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvbWF0LWhlYWRlci1jZWxsPlxuICAgICAgICAgICAgPG1hdC1jZWxsXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJwLTJcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJjZWxsQ2xpY2tIYW5kbGVyKHJvdywgY29sdW1uLCAkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAqbWF0Q2VsbERlZj1cImxldCByb3dcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVDb2x1bW5DbGFzc05hbWU6IGNvbHVtblwiXG4gICAgICAgICAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZUNvbHVtblN0eWxlTmFtZTogY29sdW1uXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJjb2x1bW4uaXNJbWFnZVwiPlxuICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJyb3cgfCB2aUNka1RhYmxlQ2VsbENsYXNzTmFtZTogY29sdW1uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1N0eWxlXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsU3R5bGVOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3NyY109XCJjb2x1bW4uaXNBc3luYyA/IChyb3cgfCB2aUNka1RhYmxlQ2VsbFZhbHVlOiBjb2x1bW4pIDogKHJvdyB8IHZpQ2RrVGFibGVDZWxsVmFsdWVQdXJlOiBjb2x1bW4pXCJcbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ1N3aXRjaERlZmF1bHRcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVDZWxsQ2xhc3NOYW1lOiBjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZUNlbGxTdHlsZU5hbWU6IGNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbdmktaHRtbC1jb250ZW50LXRpdGxlXT1cImNvbHVtbi5pc0FzeW5jID8gKHJvdyB8IHZpQ2RrVGFibGVDZWxsVmFsdWU6IGNvbHVtbikgOiAocm93IHwgdmlDZGtUYWJsZUNlbGxWYWx1ZVB1cmU6IGNvbHVtbilcIlxuICAgICAgICAgICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9tYXQtY2VsbD5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImNvbHVtbk5hbWVzXCI+PC9tYXQtaGVhZGVyLXJvdz5cblxuICAgIDxtYXQtcm93XG4gICAgICAgIGNsYXNzPVwibWF0LWxpc3QtaXRlbVwiXG4gICAgICAgICptYXRSb3dEZWY9XCJsZXQgcm93OyBjb2x1bW5zOiBjb2x1bW5OYW1lc1wiXG4gICAgICAgIFtuZ0NsYXNzXT1cInJvdyB8IHZpQ2RrVGFibGVSb3dDbGFzc05hbWU6IHJvd3M6c2VsZWN0ZWRSb3dzXCJcbiAgICAgICAgW25nU3R5bGVdPVwicm93IHwgdmlDZGtUYWJsZVJvd1N0eWxlTmFtZTogcm93czpzZWxlY3RlZFJvd3NcIlxuICAgICAgICAoY2xpY2spPVwicm93Q2xpY2tIYW5kbGVyKHJvdywgJGV2ZW50KVwiXG4gICAgPjwvbWF0LXJvdz5cblxuICAgIDxwIGNsYXNzPVwicC0zIGZsZXgtc2hyaW5rLTAgdGV4dC1jZW50ZXIgbW91c2UtaW5hY3RpdmVcIiBbdmktdHJhbnNsYXRlXT1cInNldHRpbmdzPy5ub0RhdGFJZFwiICptYXROb0RhdGFSb3c+PC9wPlxuPC9tYXQtdGFibGU+XG5cbjxtYXQtcHJvZ3Jlc3MtYmFyIGNsYXNzPVwiZmxleC1zaHJpbmstMCBib3JkZXIgdHJhbnNwYXJlbnRcIiBbbW9kZV09XCJ0YWJsZT8uaXNMb2FkaW5nID8gJ2luZGV0ZXJtaW5hdGUnIDogJ2RldGVybWluYXRlJ1wiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiJdfQ==

package/esm2020/component/cdk-table/cell/CdkTableCellValuePipe.mjs

@@ -8,9 +8,10 @@ export class CdkTableCellValuePipe extends DestroyableContainer {
     //	Constructor
     //
     // --------------------------------------------------------------------------
-    constructor(detection) {
+    constructor(detection, ngZone) {
         super();
         this.detection = detection;
+        this.ngZone = ngZone;
     }
     // --------------------------------------------------------------------------
     //
@@ -18,38 +19,44 @@ export class CdkTableCellValuePipe extends DestroyableContainer {
     //
     // --------------------------------------------------------------------------
     transform(item, column) {
-        if (!_.isNil(this.value)) {
-            return this.value;
+        if (item === this.lastItem && column === this.lastColumn) {
+            return this.formattedValue;
         }
-        let value = CdkTableCellValuePipe.PENDING_SYMBOL;
+        this.formattedValue = CdkTableCellValuePipe.PENDING_SYMBOL;
         if (_.isNil(column.format)) {
-            value = this.value = item[column.name];
-            return value;
+            this.formattedValue = item[column.name];
+            return this.formattedValue;
         }
         let result = column.format(item, column);
         if (!(result instanceof Promise)) {
-            value = this.value = result;
-            return value;
+            this.formattedValue = result;
+            return this.formattedValue;
         }
         result
             .then(item => {
-            value = this.value = item;
+            if (!_.isNil(this.detection)) {
+                this.formattedValue = item;
+            }
         })
             .catch(error => {
-            value = this.value = CdkTableCellValuePipe.ERROR_SYMBOL;
+            this.formattedValue = CdkTableCellValuePipe.ERROR_SYMBOL;
         })
             .finally(() => {
-            this.detection.markForCheck();
+            if (!_.isNil(this.detection)) {
+                this.detection.markForCheck();
+            }
         });
-        return value;
+        return this.formattedValue;
     }
     destroy() {
         if (this.isDestroyed) {
             return;
         }
         super.destroy();
-        this.value = null;
         this.detection = null;
+        this.lastItem = null;
+        this.lastColumn = null;
+        this.formattedValue = null;
     }
 }
 // --------------------------------------------------------------------------
@@ -59,7 +66,7 @@ export class CdkTableCellValuePipe extends DestroyableContainer {
 // --------------------------------------------------------------------------
 CdkTableCellValuePipe.ERROR_SYMBOL = 'x';
 CdkTableCellValuePipe.PENDING_SYMBOL = '⧗';
-CdkTableCellValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableCellValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Pipe });
 CdkTableCellValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, name: "viCdkTableCellValue", pure: false });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, decorators: [{
             type: Pipe,
@@ -67,5 +74,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     name: 'viCdkTableCellValue',
                     pure: false
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2RrVGFibGVDZWxsVmFsdWVQaXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jZGstdGFibGUvY2VsbC9DZGtUYWJsZUNlbGxWYWx1ZVBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDOztBQU81QixNQUFNLE9BQU8scUJBQXNCLFNBQVEsb0JBQW9CO0lBa0IzRCw2RUFBNkU7SUFDN0UsRUFBRTtJQUNGLGNBQWM7SUFDZCxFQUFFO0lBQ0YsNkVBQTZFO0lBRTdFLFlBQW9CLFNBQTRCO1FBQzVDLEtBQUssRUFBRSxDQUFDO1FBRFEsY0FBUyxHQUFULFNBQVMsQ0FBbUI7SUFFaEQsQ0FBQztJQUVELDZFQUE2RTtJQUM3RSxFQUFFO0lBQ0YsaUJBQWlCO0lBQ2pCLEVBQUU7SUFDRiw2RUFBNkU7SUFFdEUsU0FBUyxDQUFJLElBQU8sRUFBRSxNQUEwQjtRQUNuRCxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDdEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO1NBQ3JCO1FBRUQsSUFBSSxLQUFLLEdBQXlCLHFCQUFxQixDQUFDLGNBQWMsQ0FBQztRQUN2RSxJQUFJLENBQUMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ3hCLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDdkMsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxJQUFJLE1BQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztRQUN6QyxJQUFJLENBQUMsQ0FBQyxNQUFNLFlBQVksT0FBTyxDQUFDLEVBQUU7WUFDOUIsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDO1lBQzVCLE9BQU8sS0FBSyxDQUFDO1NBQ2hCO1FBRUQsTUFBTTthQUNELElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNULEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUM5QixDQUFDLENBQUM7YUFDRCxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDWCxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxxQkFBcUIsQ0FBQyxZQUFZLENBQUM7UUFDNUQsQ0FBQyxDQUFDO2FBQ0QsT0FBTyxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDbEMsQ0FBQyxDQUFDLENBQUM7UUFFUCxPQUFPLEtBQUssQ0FBQztJQUNqQixDQUFDO0lBRU0sT0FBTztRQUNWLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNsQixPQUFPO1NBQ1Y7UUFDRCxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDMUIsQ0FBQzs7QUF2RUQsNkVBQTZFO0FBQzdFLEVBQUU7QUFDRixxQkFBcUI7QUFDckIsRUFBRTtBQUNGLDZFQUE2RTtBQUUvRCxrQ0FBWSxHQUFHLEdBQUksQ0FBQTtBQUNuQixvQ0FBYyxHQUFHLEdBQUksQ0FBQTttSEFSMUIscUJBQXFCO2lIQUFyQixxQkFBcUI7NEZBQXJCLHFCQUFxQjtrQkFKakMsSUFBSTttQkFBQztvQkFDRixJQUFJLEVBQUUscUJBQXFCO29CQUMzQixJQUFJLEVBQUUsS0FBSztpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEZXN0cm95YWJsZUNvbnRhaW5lciB9IGZyb20gJ0B0cy1jb3JlL2NvbW1vbic7XG5pbXBvcnQgKiBhcyBfIGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgeyBDZGtUYWJsZUNlbGxWYWx1ZSwgSUNka1RhYmxlQ29sdW1uIH0gZnJvbSAnLi4vY29sdW1uL0lDZGtUYWJsZUNvbHVtbic7XG5cbkBQaXBlKHtcbiAgICBuYW1lOiAndmlDZGtUYWJsZUNlbGxWYWx1ZScsXG4gICAgcHVyZTogZmFsc2Vcbn0pXG5leHBvcnQgY2xhc3MgQ2RrVGFibGVDZWxsVmFsdWVQaXBlIGV4dGVuZHMgRGVzdHJveWFibGVDb250YWluZXIgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy8gXHRTdGF0aWMgUHJvcGVydGllc1xuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIHB1YmxpYyBzdGF0aWMgRVJST1JfU1lNQk9MID0gJ3gnO1xuICAgIHB1YmxpYyBzdGF0aWMgUEVORElOR19TWU1CT0wgPSAn4qeXJztcblxuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gICAgLy9cbiAgICAvL1x0UHJvcGVydGllc1xuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIHByaXZhdGUgdmFsdWU6IENka1RhYmxlQ2VsbFZhbHVlO1xuXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vXHRDb25zdHJ1Y3RvclxuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gICAgLy9cbiAgICAvL1x0UHVibGljIE1ldGhvZHNcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBwdWJsaWMgdHJhbnNmb3JtPFU+KGl0ZW06IFUsIGNvbHVtbjogSUNka1RhYmxlQ29sdW1uPFU+KTogQ2RrVGFibGVDZWxsVmFsdWU8VT4gfCBQcm9taXNlPENka1RhYmxlQ2VsbFZhbHVlPFU+PiB7XG4gICAgICAgIGlmICghXy5pc05pbCh0aGlzLnZhbHVlKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMudmFsdWU7XG4gICAgICAgIH1cblxuICAgICAgICBsZXQgdmFsdWU6IENka1RhYmxlQ2VsbFZhbHVlPFU+ID0gQ2RrVGFibGVDZWxsVmFsdWVQaXBlLlBFTkRJTkdfU1lNQk9MO1xuICAgICAgICBpZiAoXy5pc05pbChjb2x1bW4uZm9ybWF0KSkge1xuICAgICAgICAgICAgdmFsdWUgPSB0aGlzLnZhbHVlID0gaXRlbVtjb2x1bW4ubmFtZV07XG4gICAgICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgICAgIH1cblxuICAgICAgICBsZXQgcmVzdWx0ID0gY29sdW1uLmZvcm1hdChpdGVtLCBjb2x1bW4pO1xuICAgICAgICBpZiAoIShyZXN1bHQgaW5zdGFuY2VvZiBQcm9taXNlKSkge1xuICAgICAgICAgICAgdmFsdWUgPSB0aGlzLnZhbHVlID0gcmVzdWx0O1xuICAgICAgICAgICAgcmV0dXJuIHZhbHVlO1xuICAgICAgICB9XG5cbiAgICAgICAgcmVzdWx0XG4gICAgICAgICAgICAudGhlbihpdGVtID0+IHtcbiAgICAgICAgICAgICAgICB2YWx1ZSA9IHRoaXMudmFsdWUgPSBpdGVtO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5jYXRjaChlcnJvciA9PiB7XG4gICAgICAgICAgICAgICAgdmFsdWUgPSB0aGlzLnZhbHVlID0gQ2RrVGFibGVDZWxsVmFsdWVQaXBlLkVSUk9SX1NZTUJPTDtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuZmluYWxseSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5kZXRlY3Rpb24ubWFya0ZvckNoZWNrKCk7XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgfVxuXG4gICAgcHVibGljIGRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmlzRGVzdHJveWVkKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgc3VwZXIuZGVzdHJveSgpO1xuICAgICAgICB0aGlzLnZhbHVlID0gbnVsbDtcbiAgICAgICAgdGhpcy5kZXRlY3Rpb24gPSBudWxsO1xuICAgIH1cbn1cbiJdfQ==
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2RrVGFibGVDZWxsVmFsdWVQaXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jZGstdGFibGUvY2VsbC9DZGtUYWJsZUNlbGxWYWx1ZVBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE2QixJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDOztBQU81QixNQUFNLE9BQU8scUJBQXlCLFNBQVEsb0JBQW9CO0lBb0I5RCw2RUFBNkU7SUFDN0UsRUFBRTtJQUNGLGNBQWM7SUFDZCxFQUFFO0lBQ0YsNkVBQTZFO0lBRTdFLFlBQW9CLFNBQTRCLEVBQVUsTUFBYztRQUNwRSxLQUFLLEVBQUUsQ0FBQztRQURRLGNBQVMsR0FBVCxTQUFTLENBQW1CO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBUTtJQUV4RSxDQUFDO0lBRUQsNkVBQTZFO0lBQzdFLEVBQUU7SUFDRixpQkFBaUI7SUFDakIsRUFBRTtJQUNGLDZFQUE2RTtJQUV0RSxTQUFTLENBQUMsSUFBTyxFQUFFLE1BQTBCO1FBQ2hELElBQUksSUFBSSxLQUFLLElBQUksQ0FBQyxRQUFRLElBQUksTUFBTSxLQUFLLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDdEQsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO1NBQzlCO1FBRUQsSUFBSSxDQUFDLGNBQWMsR0FBRyxxQkFBcUIsQ0FBQyxjQUFjLENBQUM7UUFDM0QsSUFBSSxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUN4QixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDeEMsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO1NBQzlCO1FBRUQsSUFBSSxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLENBQUMsTUFBTSxZQUFZLE9BQU8sQ0FBQyxFQUFFO1lBQzlCLElBQUksQ0FBQyxjQUFjLEdBQUcsTUFBTSxDQUFDO1lBQzdCLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztTQUM5QjtRQUVELE1BQU07YUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDVCxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUU7Z0JBQzFCLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDO2FBQzlCO1FBQ0wsQ0FBQyxDQUFDO2FBQ0QsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ1gsSUFBSSxDQUFDLGNBQWMsR0FBRyxxQkFBcUIsQ0FBQyxZQUFZLENBQUM7UUFDN0QsQ0FBQyxDQUFDO2FBQ0QsT0FBTyxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRTtnQkFDMUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQUUsQ0FBQzthQUNqQztRQUNMLENBQUMsQ0FBQyxDQUFDO1FBQ1AsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQy9CLENBQUM7SUFFTSxPQUFPO1FBQ1YsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2xCLE9BQU87U0FDVjtRQUNELEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNoQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUV0QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUNyQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN2QixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztJQUMvQixDQUFDOztBQS9FRCw2RUFBNkU7QUFDN0UsRUFBRTtBQUNGLHFCQUFxQjtBQUNyQixFQUFFO0FBQ0YsNkVBQTZFO0FBRS9ELGtDQUFZLEdBQUcsR0FBSSxDQUFBO0FBQ25CLG9DQUFjLEdBQUcsR0FBSSxDQUFBO21IQVIxQixxQkFBcUI7aUhBQXJCLHFCQUFxQjs0RkFBckIscUJBQXFCO2tCQUpqQyxJQUFJO21CQUFDO29CQUNGLElBQUksRUFBRSxxQkFBcUI7b0JBQzNCLElBQUksRUFBRSxLQUFLO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIE5nWm9uZSwgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGVzdHJveWFibGVDb250YWluZXIgfSBmcm9tICdAdHMtY29yZS9jb21tb24nO1xuaW1wb3J0ICogYXMgXyBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgQ2RrVGFibGVDZWxsVmFsdWUsIElDZGtUYWJsZUNvbHVtbiB9IGZyb20gJy4uL2NvbHVtbi9JQ2RrVGFibGVDb2x1bW4nO1xuXG5AUGlwZSh7XG4gICAgbmFtZTogJ3ZpQ2RrVGFibGVDZWxsVmFsdWUnLFxuICAgIHB1cmU6IGZhbHNlXG59KVxuZXhwb3J0IGNsYXNzIENka1RhYmxlQ2VsbFZhbHVlUGlwZTxVPiBleHRlbmRzIERlc3Ryb3lhYmxlQ29udGFpbmVyIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vIFx0U3RhdGljIFByb3BlcnRpZXNcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBwdWJsaWMgc3RhdGljIEVSUk9SX1NZTUJPTCA9ICd4JztcbiAgICBwdWJsaWMgc3RhdGljIFBFTkRJTkdfU1lNQk9MID0gJ+Knlyc7XG5cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy9cdFByb3BlcnRpZXNcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBwcml2YXRlIGxhc3RJdGVtOiBVO1xuICAgIHByaXZhdGUgbGFzdENvbHVtbjogSUNka1RhYmxlQ29sdW1uPFU+O1xuICAgIHByaXZhdGUgZm9ybWF0dGVkVmFsdWU6IENka1RhYmxlQ2VsbFZhbHVlPFU+O1xuXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vXHRDb25zdHJ1Y3RvclxuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3RvclJlZiwgcHJpdmF0ZSBuZ1pvbmU6IE5nWm9uZSkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gICAgLy9cbiAgICAvL1x0UHVibGljIE1ldGhvZHNcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBwdWJsaWMgdHJhbnNmb3JtKGl0ZW06IFUsIGNvbHVtbjogSUNka1RhYmxlQ29sdW1uPFU+KTogQ2RrVGFibGVDZWxsVmFsdWU8VT4gfCBQcm9taXNlPENka1RhYmxlQ2VsbFZhbHVlPFU+PiB7XG4gICAgICAgIGlmIChpdGVtID09PSB0aGlzLmxhc3RJdGVtICYmIGNvbHVtbiA9PT0gdGhpcy5sYXN0Q29sdW1uKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5mb3JtYXR0ZWRWYWx1ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuZm9ybWF0dGVkVmFsdWUgPSBDZGtUYWJsZUNlbGxWYWx1ZVBpcGUuUEVORElOR19TWU1CT0w7XG4gICAgICAgIGlmIChfLmlzTmlsKGNvbHVtbi5mb3JtYXQpKSB7XG4gICAgICAgICAgICB0aGlzLmZvcm1hdHRlZFZhbHVlID0gaXRlbVtjb2x1bW4ubmFtZV07XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5mb3JtYXR0ZWRWYWx1ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGxldCByZXN1bHQgPSBjb2x1bW4uZm9ybWF0KGl0ZW0sIGNvbHVtbik7XG4gICAgICAgIGlmICghKHJlc3VsdCBpbnN0YW5jZW9mIFByb21pc2UpKSB7XG4gICAgICAgICAgICB0aGlzLmZvcm1hdHRlZFZhbHVlID0gcmVzdWx0O1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuZm9ybWF0dGVkVmFsdWU7XG4gICAgICAgIH1cblxuICAgICAgICByZXN1bHRcbiAgICAgICAgICAgIC50aGVuKGl0ZW0gPT4ge1xuICAgICAgICAgICAgICAgIGlmICghXy5pc05pbCh0aGlzLmRldGVjdGlvbikpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5mb3JtYXR0ZWRWYWx1ZSA9IGl0ZW07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5jYXRjaChlcnJvciA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5mb3JtYXR0ZWRWYWx1ZSA9IENka1RhYmxlQ2VsbFZhbHVlUGlwZS5FUlJPUl9TWU1CT0w7XG4gICAgICAgICAgICB9KVxuICAgICAgICAgICAgLmZpbmFsbHkoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGlmICghXy5pc05pbCh0aGlzLmRldGVjdGlvbikpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5kZXRlY3Rpb24ubWFya0ZvckNoZWNrKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIHJldHVybiB0aGlzLmZvcm1hdHRlZFZhbHVlO1xuICAgIH1cblxuICAgIHB1YmxpYyBkZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pc0Rlc3Ryb3llZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHN1cGVyLmRlc3Ryb3koKTtcbiAgICAgICAgdGhpcy5kZXRlY3Rpb24gPSBudWxsO1xuXG4gICAgICAgIHRoaXMubGFzdEl0ZW0gPSBudWxsO1xuICAgICAgICB0aGlzLmxhc3RDb2x1bW4gPSBudWxsO1xuICAgICAgICB0aGlzLmZvcm1hdHRlZFZhbHVlID0gbnVsbDtcbiAgICB9XG59XG4iXX0=

package/fesm2015/ts-core-angular.mjs

@@ -7728,9 +7728,10 @@ class CdkTableCellValuePipe extends DestroyableContainer {
     //	Constructor
     //
     // --------------------------------------------------------------------------
-    constructor(detection) {
+    constructor(detection, ngZone) {
         super();
         this.detection = detection;
+        this.ngZone = ngZone;
     }
     // --------------------------------------------------------------------------
     //
@@ -7738,38 +7739,44 @@ class CdkTableCellValuePipe extends DestroyableContainer {
     //
     // --------------------------------------------------------------------------
     transform(item, column) {
-        if (!_.isNil(this.value)) {
-            return this.value;
+        if (item === this.lastItem && column === this.lastColumn) {
+            return this.formattedValue;
         }
-        let value = CdkTableCellValuePipe.PENDING_SYMBOL;
+        this.formattedValue = CdkTableCellValuePipe.PENDING_SYMBOL;
         if (_.isNil(column.format)) {
-            value = this.value = item[column.name];
-            return value;
+            this.formattedValue = item[column.name];
+            return this.formattedValue;
         }
         let result = column.format(item, column);
         if (!(result instanceof Promise)) {
-            value = this.value = result;
-            return value;
+            this.formattedValue = result;
+            return this.formattedValue;
         }
         result
             .then(item => {
-            value = this.value = item;
+            if (!_.isNil(this.detection)) {
+                this.formattedValue = item;
+            }
         })
             .catch(error => {
-            value = this.value = CdkTableCellValuePipe.ERROR_SYMBOL;
+            this.formattedValue = CdkTableCellValuePipe.ERROR_SYMBOL;
         })
             .finally(() => {
-            this.detection.markForCheck();
+            if (!_.isNil(this.detection)) {
+                this.detection.markForCheck();
+            }
         });
-        return value;
+        return this.formattedValue;
     }
     destroy() {
         if (this.isDestroyed) {
             return;
         }
         super.destroy();
-        this.value = null;
         this.detection = null;
+        this.lastItem = null;
+        this.lastColumn = null;
+        this.formattedValue = null;
     }
 }
 // --------------------------------------------------------------------------
@@ -7779,7 +7786,7 @@ class CdkTableCellValuePipe extends DestroyableContainer {
 // --------------------------------------------------------------------------
 CdkTableCellValuePipe.ERROR_SYMBOL = 'x';
 CdkTableCellValuePipe.PENDING_SYMBOL = '⧗';
-CdkTableCellValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableCellValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Pipe });
 CdkTableCellValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, name: "viCdkTableCellValue", pure: false });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, decorators: [{
             type: Pipe,
@@ -7787,7 +7794,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     name: 'viCdkTableCellValue',
                     pure: false
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; } });
 
 class CdkTableCellValuePipePure {
     // --------------------------------------------------------------------------
@@ -7902,10 +7909,10 @@ class CdkTableFilterableComponent extends CdkTableBaseComponent {
     }
 }
 CdkTableFilterableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableFilterableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTableFilterableComponent, selector: "vi-cdk-table-filterable", usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"row | viCdkTableCellValue: column\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n</div>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
+CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTableFilterableComponent, selector: "vi-cdk-table-filterable", usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n</div>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableCellValuePure": CdkTableCellValuePipePure, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableFilterableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vi-cdk-table-filterable', template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"row | viCdkTableCellValue: column\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n</div>\n" }]
+            args: [{ selector: 'vi-cdk-table-filterable', template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n\n<div class=\"paginator-container d-flex align-items-center justify-content-end flex-shrink-0\">\n    <ng-content></ng-content>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
 
 class CdkTablePaginableBookmarkComponent extends CdkTableBaseComponent {
@@ -7920,10 +7927,10 @@ class CdkTablePaginableBookmarkComponent extends CdkTableBaseComponent {
     }
 }
 CdkTablePaginableBookmarkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableBookmarkComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-CdkTablePaginableBookmarkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTablePaginableBookmarkComponent, selector: "vi-cdk-table-paginable-bookmark", usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"row | viCdkTableCellValue: column\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
+CdkTablePaginableBookmarkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTablePaginableBookmarkComponent, selector: "vi-cdk-table-paginable-bookmark", usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n", components: [{ type: i1$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { type: i1$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i2$2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$7.MatCellDef, selector: "[matCellDef]" }, { type: i1$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: HTMLContentTitleDirective, selector: "[vi-html-content-title]", inputs: ["vi-html-content-title"] }, { type: i1$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1$7.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { type: LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }], pipes: { "viTranslate": LanguagePipe, "viCdkTableColumnClassName": CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": CdkTableCellClassNamePipe, "viCdkTableCellStyleName": CdkTableCellStyleNamePipe, "viCdkTableCellValue": CdkTableCellValuePipe, "viCdkTableCellValuePure": CdkTableCellValuePipePure, "viCdkTableRowClassName": CdkTableRowClassNamePipe, "viCdkTableRowStyleName": CdkTableRowStyleNamePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableBookmarkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vi-cdk-table-paginable-bookmark', template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"row | viCdkTableCellValue: column\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"row | viCdkTableCellValue: column\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n" }]
+            args: [{ selector: 'vi-cdk-table-paginable-bookmark', template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [matSortActive]=\"sortActive\"\n    [matSortDirection]=\"sortDirection\"\n    [class.mat-nav-list]=\"settings?.isInteractive\"\n    (matSortChange)=\"table.sortEventHandler($event)\"\n>\n    <ng-container *ngFor=\"let column of columns; trackBy: columnTrackBy\">\n        <ng-container [matColumnDef]=\"column.name\">\n            <mat-header-cell\n                class=\"px-2\"\n                mat-sort-header\n                [disableClear]=\"true\"\n                [disabled]=\"column.isDisableSort\"\n                [ngClass]=\"column.headerClassName\"\n                *matHeaderCellDef\n            >\n                <span [innerHTML]=\"column.headerId | viTranslate\"></span>\n            </mat-header-cell>\n            <mat-cell\n                class=\"p-2\"\n                (click)=\"cellClickHandler(row, column, $event)\"\n                *matCellDef=\"let row\"\n                [ngClass]=\"row | viCdkTableColumnClassName: column\"\n                [ngStyle]=\"row | viCdkTableColumnStyleName: column\"\n            >\n                <ng-container [ngSwitch]=\"column.isImage\">\n                    <img\n                        *ngSwitchCase=\"true\"\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [src]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    />\n                    <span\n                        *ngSwitchDefault\n                        [ngClass]=\"row | viCdkTableCellClassName: column\"\n                        [ngStyle]=\"row | viCdkTableCellStyleName: column\"\n                        [vi-html-content-title]=\"column.isAsync ? (row | viCdkTableCellValue: column) : (row | viCdkTableCellValuePure: column)\"\n                    ></span>\n                </ng-container>\n            </mat-cell>\n        </ng-container>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"columnNames\"></mat-header-row>\n\n    <mat-row\n        class=\"mat-list-item\"\n        *matRowDef=\"let row; columns: columnNames\"\n        [ngClass]=\"row | viCdkTableRowClassName: rows:selectedRows\"\n        [ngStyle]=\"row | viCdkTableRowStyleName: rows:selectedRows\"\n        (click)=\"rowClickHandler(row, $event)\"\n    ></mat-row>\n\n    <p class=\"p-3 flex-shrink-0 text-center mouse-inactive\" [vi-translate]=\"settings?.noDataId\" *matNoDataRow></p>\n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border transparent\" [mode]=\"table?.isLoading ? 'indeterminate' : 'determinate'\"></mat-progress-bar>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
 
 const IMPORTS = [