@ts-core/angular 13.0.45 → 13.0.48

package/esm2020/bottomSheet/component/BottomSheetBaseComponent.mjs

@@ -1,5 +1,4 @@
-import { ComponentFactoryResolver, ViewContainerRef } from '@angular/core';
-import { APPLICATION_INJECTOR } from '../../ApplicationInjector';
+import { ViewContainerRef } from '@angular/core';
 import { ViewUtil } from '../../util/ViewUtil';
 import { BottomSheetImpl } from '../BottomSheetImpl';
 import { BottomSheetCloseElementComponent } from './bottom-sheet-close-element/bottom-sheet-close-element.component';
@@ -9,18 +8,13 @@ export class BottomSheetBaseComponent extends BottomSheetImpl {
     //  Protected Methods
     //
     // --------------------------------------------------------------------------
-    setProperties() {
-        super.setProperties();
-        this.createWindowComponents();
-    }
-    createWindowComponents() {
+    elementsCreate() {
+        super.elementsCreate();
         if (!(this.content.container instanceof ViewContainerRef)) {
             return;
         }
-        if (!this.config.disableClose && !this.closeWindow) {
-            let factory = this.resolver.resolveComponentFactory(BottomSheetBaseComponent.CLOSE_COMPONENT);
-            this.closeWindow = this.content.container.createComponent(factory);
-            this.closeWindow.instance.window = this;
+        if (!this.config.disableClose) {
+            this.elementAdd(this.content.container.createComponent(BottomSheetBaseComponent.CLOSE_COMPONENT));
         }
     }
     commitIsBlinkProperties() {
@@ -34,23 +28,11 @@ export class BottomSheetBaseComponent extends BottomSheetImpl {
     commitIsShakingProperties() {
         ViewUtil.toggleClass(this.container, this.shakingClass, this.isShaking);
     }
-    isNeedClickStopPropagation(event) {
-        if (!super.isNeedClickStopPropagation(event)) {
-            return false;
-        }
-        if (this.closeWindow && this.closeWindow.location.nativeElement === event.target) {
-            return false;
-        }
-        return true;
-    }
     // --------------------------------------------------------------------------
     //
     //  Protected Properties
     //
     // --------------------------------------------------------------------------
-    get resolver() {
-        return APPLICATION_INJECTOR().get(ComponentFactoryResolver);
-    }
     get blinkClass() {
         return 'vi-blink';
     }
@@ -63,19 +45,6 @@ export class BottomSheetBaseComponent extends BottomSheetImpl {
     get shakingClass() {
         return 'shake-constant shake-horizontal';
     }
-    // --------------------------------------------------------------------------
-    //
-    //  Public Methods
-    //
-    // --------------------------------------------------------------------------
-    destroy() {
-        if (this.isDestroyed) {
-            return;
-        }
-        super.destroy();
-        // Components will destroy automatically
-        this.closeWindow = null;
-    }
 }
 // --------------------------------------------------------------------------
 //
@@ -83,4 +52,4 @@ export class BottomSheetBaseComponent extends BottomSheetImpl {
 //
 // --------------------------------------------------------------------------
 BottomSheetBaseComponent.CLOSE_COMPONENT = BottomSheetCloseElementComponent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm90dG9tU2hlZXRCYXNlQ29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2JvdHRvbVNoZWV0L2NvbXBvbmVudC9Cb3R0b21TaGVldEJhc2VDb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHdCQUF3QixFQUFnQixnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG1FQUFtRSxDQUFDO0FBRXJILE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxlQUFlO0lBaUJ6RCw2RUFBNkU7SUFDN0UsRUFBRTtJQUNGLHFCQUFxQjtJQUNyQixFQUFFO0lBQ0YsNkVBQTZFO0lBRW5FLGFBQWE7UUFDbkIsS0FBSyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFUyxzQkFBc0I7UUFDNUIsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLFlBQVksZ0JBQWdCLENBQUMsRUFBRTtZQUN2RCxPQUFPO1NBQ1Y7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2hELElBQUksT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsdUJBQXVCLENBQUMsd0JBQXdCLENBQUMsZUFBZSxDQUFDLENBQUM7WUFDOUYsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDbkUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztTQUMzQztJQUNMLENBQUM7SUFFUyx1QkFBdUI7UUFDN0IsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFUywwQkFBMEI7UUFDaEMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzFFLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDaEYsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2hILENBQUM7SUFFUyx5QkFBeUI7UUFDL0IsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzVFLENBQUM7SUFFUywwQkFBMEIsQ0FBQyxLQUFpQjtRQUNsRCxJQUFJLENBQUMsS0FBSyxDQUFDLDBCQUEwQixDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzFDLE9BQU8sS0FBSyxDQUFDO1NBQ2hCO1FBQ0QsSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGFBQWEsS0FBSyxLQUFLLENBQUMsTUFBTSxFQUFFO1lBQzlFLE9BQU8sS0FBSyxDQUFDO1NBQ2hCO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVELDZFQUE2RTtJQUM3RSxFQUFFO0lBQ0Ysd0JBQXdCO0lBQ3hCLEVBQUU7SUFDRiw2RUFBNkU7SUFFN0UsSUFBYyxRQUFRO1FBQ2xCLE9BQU8sb0JBQW9CLEVBQUUsQ0FBQyxHQUFHLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUNoRSxDQUFDO0lBRUQsSUFBYyxVQUFVO1FBQ3BCLE9BQU8sVUFBVSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxJQUFjLGFBQWE7UUFDdkIsT0FBTyxhQUFhLENBQUM7SUFDekIsQ0FBQztJQUVELElBQWMsY0FBYztRQUN4QixPQUFPLGNBQWMsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBYyxZQUFZO1FBQ3RCLE9BQU8saUNBQWlDLENBQUM7SUFDN0MsQ0FBQztJQUVELDZFQUE2RTtJQUM3RSxFQUFFO0lBQ0Ysa0JBQWtCO0lBQ2xCLEVBQUU7SUFDRiw2RUFBNkU7SUFFdEUsT0FBTztRQUNWLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNsQixPQUFPO1NBQ1Y7UUFDRCxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDaEIsd0NBQXdDO1FBQ3hDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO0lBQzVCLENBQUM7O0FBckdELDZFQUE2RTtBQUM3RSxFQUFFO0FBQ0YscUJBQXFCO0FBQ3JCLEVBQUU7QUFDRiw2RUFBNkU7QUFFL0Qsd0NBQWUsR0FBRyxnQ0FBZ0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudEZhY3RvcnlSZXNvbHZlciwgQ29tcG9uZW50UmVmLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBUFBMSUNBVElPTl9JTkpFQ1RPUiB9IGZyb20gJy4uLy4uL0FwcGxpY2F0aW9uSW5qZWN0b3InO1xuaW1wb3J0IHsgVmlld1V0aWwgfSBmcm9tICcuLi8uLi91dGlsL1ZpZXdVdGlsJztcbmltcG9ydCB7IEJvdHRvbVNoZWV0SW1wbCB9IGZyb20gJy4uL0JvdHRvbVNoZWV0SW1wbCc7XG5pbXBvcnQgeyBCb3R0b21TaGVldENsb3NlRWxlbWVudENvbXBvbmVudCB9IGZyb20gJy4vYm90dG9tLXNoZWV0LWNsb3NlLWVsZW1lbnQvYm90dG9tLXNoZWV0LWNsb3NlLWVsZW1lbnQuY29tcG9uZW50JztcblxuZXhwb3J0IGNsYXNzIEJvdHRvbVNoZWV0QmFzZUNvbXBvbmVudCBleHRlbmRzIEJvdHRvbVNoZWV0SW1wbCB7XG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vICBTdGF0aWMgUHJvcGVydGllc1xuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIHB1YmxpYyBzdGF0aWMgQ0xPU0VfQ09NUE9ORU5UID0gQm90dG9tU2hlZXRDbG9zZUVsZW1lbnRDb21wb25lbnQ7XG5cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy8gIFByb3BlcnRpZXMgTWV0aG9kc1xuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIHByb3RlY3RlZCBjbG9zZVdpbmRvdzogQ29tcG9uZW50UmVmPGFueT47XG5cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy8gIFByb3RlY3RlZCBNZXRob2RzXG4gICAgLy9cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gICAgcHJvdGVjdGVkIHNldFByb3BlcnRpZXMoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLnNldFByb3BlcnRpZXMoKTtcbiAgICAgICAgdGhpcy5jcmVhdGVXaW5kb3dDb21wb25lbnRzKCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGNyZWF0ZVdpbmRvd0NvbXBvbmVudHMoKTogdm9pZCB7XG4gICAgICAgIGlmICghKHRoaXMuY29udGVudC5jb250YWluZXIgaW5zdGFuY2VvZiBWaWV3Q29udGFpbmVyUmVmKSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGlmICghdGhpcy5jb25maWcuZGlzYWJsZUNsb3NlICYmICF0aGlzLmNsb3NlV2luZG93KSB7XG4gICAgICAgICAgICBsZXQgZmFjdG9yeSA9IHRoaXMucmVzb2x2ZXIucmVzb2x2ZUNvbXBvbmVudEZhY3RvcnkoQm90dG9tU2hlZXRCYXNlQ29tcG9uZW50LkNMT1NFX0NPTVBPTkVOVCk7XG4gICAgICAgICAgICB0aGlzLmNsb3NlV2luZG93ID0gdGhpcy5jb250ZW50LmNvbnRhaW5lci5jcmVhdGVDb21wb25lbnQoZmFjdG9yeSk7XG4gICAgICAgICAgICB0aGlzLmNsb3NlV2luZG93Lmluc3RhbmNlLndpbmRvdyA9IHRoaXM7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgY29tbWl0SXNCbGlua1Byb3BlcnRpZXMoKTogdm9pZCB7XG4gICAgICAgIFZpZXdVdGlsLnRvZ2dsZUNsYXNzKHRoaXMuY29udGFpbmVyLCB0aGlzLmJsaW5rQ2xhc3MsIHRoaXMuaXNCbGluayk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGNvbW1pdElzRGlzYWJsZWRQcm9wZXJ0aWVzKCk6IHZvaWQge1xuICAgICAgICBWaWV3VXRpbC50b2dnbGVDbGFzcyh0aGlzLmNvbnRhaW5lciwgdGhpcy5kaXNhYmxlZENsYXNzLCB0aGlzLmlzRGlzYWJsZWQpO1xuICAgICAgICBWaWV3VXRpbC50b2dnbGVDbGFzcyh0aGlzLmNvbnRlbnQuZWxlbWVudCwgdGhpcy5kaXNhYmxlZENsYXNzLCB0aGlzLmlzRGlzYWJsZWQpO1xuICAgICAgICBWaWV3VXRpbC50b2dnbGVDbGFzcyh0aGlzLmNvbnRlbnQuZWxlbWVudC5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQsIHRoaXMuZGlzYWJsZWRDbGFzcywgdGhpcy5pc0Rpc2FibGVkKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgY29tbWl0SXNTaGFraW5nUHJvcGVydGllcygpOiB2b2lkIHtcbiAgICAgICAgVmlld1V0aWwudG9nZ2xlQ2xhc3ModGhpcy5jb250YWluZXIsIHRoaXMuc2hha2luZ0NsYXNzLCB0aGlzLmlzU2hha2luZyk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGlzTmVlZENsaWNrU3RvcFByb3BhZ2F0aW9uKGV2ZW50OiBNb3VzZUV2ZW50KTogYm9vbGVhbiB7XG4gICAgICAgIGlmICghc3VwZXIuaXNOZWVkQ2xpY2tTdG9wUHJvcGFnYXRpb24oZXZlbnQpKSB7XG4gICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRoaXMuY2xvc2VXaW5kb3cgJiYgdGhpcy5jbG9zZVdpbmRvdy5sb2NhdGlvbi5uYXRpdmVFbGVtZW50ID09PSBldmVudC50YXJnZXQpIHtcbiAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG5cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy8gIFByb3RlY3RlZCBQcm9wZXJ0aWVzXG4gICAgLy9cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gICAgcHJvdGVjdGVkIGdldCByZXNvbHZlcigpOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIge1xuICAgICAgICByZXR1cm4gQVBQTElDQVRJT05fSU5KRUNUT1IoKS5nZXQoQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgZ2V0IGJsaW5rQ2xhc3MoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuICd2aS1ibGluayc7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldCBkaXNhYmxlZENsYXNzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiAndmktZGlzYWJsZWQnO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnZXQgbWluaW1pemVkQ2xhc3MoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuICd2aS1taW5pbWl6ZWQnO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnZXQgc2hha2luZ0NsYXNzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiAnc2hha2UtY29uc3RhbnQgc2hha2UtaG9yaXpvbnRhbCc7XG4gICAgfVxuXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vICBQdWJsaWMgTWV0aG9kc1xuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIHB1YmxpYyBkZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pc0Rlc3Ryb3llZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHN1cGVyLmRlc3Ryb3koKTtcbiAgICAgICAgLy8gQ29tcG9uZW50cyB3aWxsIGRlc3Ryb3kgYXV0b21hdGljYWxseVxuICAgICAgICB0aGlzLmNsb3NlV2luZG93ID0gbnVsbDtcbiAgICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm90dG9tU2hlZXRCYXNlQ29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2JvdHRvbVNoZWV0L2NvbXBvbmVudC9Cb3R0b21TaGVldEJhc2VDb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sbUVBQW1FLENBQUM7QUFFckgsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGVBQWU7SUFTekQsNkVBQTZFO0lBQzdFLEVBQUU7SUFDRixxQkFBcUI7SUFDckIsRUFBRTtJQUNGLDZFQUE2RTtJQUVuRSxjQUFjO1FBQ3BCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUV2QixJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsWUFBWSxnQkFBZ0IsQ0FBQyxFQUFFO1lBQ3ZELE9BQU87U0FDVjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRTtZQUMzQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyx3QkFBd0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO1NBQ3JHO0lBQ0wsQ0FBQztJQUVTLHVCQUF1QjtRQUM3QixRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVTLDBCQUEwQjtRQUNoQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDMUUsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNoRixRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDaEgsQ0FBQztJQUVTLHlCQUF5QjtRQUMvQixRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUVELDZFQUE2RTtJQUM3RSxFQUFFO0lBQ0Ysd0JBQXdCO0lBQ3hCLEVBQUU7SUFDRiw2RUFBNkU7SUFFN0UsSUFBYyxVQUFVO1FBQ3BCLE9BQU8sVUFBVSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxJQUFjLGFBQWE7UUFDdkIsT0FBTyxhQUFhLENBQUM7SUFDekIsQ0FBQztJQUVELElBQWMsY0FBYztRQUN4QixPQUFPLGNBQWMsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBYyxZQUFZO1FBQ3RCLE9BQU8saUNBQWlDLENBQUM7SUFDN0MsQ0FBQzs7QUEzREQsNkVBQTZFO0FBQzdFLEVBQUU7QUFDRixxQkFBcUI7QUFDckIsRUFBRTtBQUNGLDZFQUE2RTtBQUUvRCx3Q0FBZSxHQUFHLGdDQUFnQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVmlld1V0aWwgfSBmcm9tICcuLi8uLi91dGlsL1ZpZXdVdGlsJztcbmltcG9ydCB7IEJvdHRvbVNoZWV0SW1wbCB9IGZyb20gJy4uL0JvdHRvbVNoZWV0SW1wbCc7XG5pbXBvcnQgeyBCb3R0b21TaGVldENsb3NlRWxlbWVudENvbXBvbmVudCB9IGZyb20gJy4vYm90dG9tLXNoZWV0LWNsb3NlLWVsZW1lbnQvYm90dG9tLXNoZWV0LWNsb3NlLWVsZW1lbnQuY29tcG9uZW50JztcblxuZXhwb3J0IGNsYXNzIEJvdHRvbVNoZWV0QmFzZUNvbXBvbmVudCBleHRlbmRzIEJvdHRvbVNoZWV0SW1wbCB7XG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vICBTdGF0aWMgUHJvcGVydGllc1xuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIHB1YmxpYyBzdGF0aWMgQ0xPU0VfQ09NUE9ORU5UID0gQm90dG9tU2hlZXRDbG9zZUVsZW1lbnRDb21wb25lbnQ7XG5cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy8gIFByb3RlY3RlZCBNZXRob2RzXG4gICAgLy9cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gICAgcHJvdGVjdGVkIGVsZW1lbnRzQ3JlYXRlKCk6IHZvaWQge1xuICAgICAgICBzdXBlci5lbGVtZW50c0NyZWF0ZSgpO1xuXG4gICAgICAgIGlmICghKHRoaXMuY29udGVudC5jb250YWluZXIgaW5zdGFuY2VvZiBWaWV3Q29udGFpbmVyUmVmKSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGlmICghdGhpcy5jb25maWcuZGlzYWJsZUNsb3NlKSB7XG4gICAgICAgICAgICB0aGlzLmVsZW1lbnRBZGQodGhpcy5jb250ZW50LmNvbnRhaW5lci5jcmVhdGVDb21wb25lbnQoQm90dG9tU2hlZXRCYXNlQ29tcG9uZW50LkNMT1NFX0NPTVBPTkVOVCkpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGNvbW1pdElzQmxpbmtQcm9wZXJ0aWVzKCk6IHZvaWQge1xuICAgICAgICBWaWV3VXRpbC50b2dnbGVDbGFzcyh0aGlzLmNvbnRhaW5lciwgdGhpcy5ibGlua0NsYXNzLCB0aGlzLmlzQmxpbmspO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBjb21taXRJc0Rpc2FibGVkUHJvcGVydGllcygpOiB2b2lkIHtcbiAgICAgICAgVmlld1V0aWwudG9nZ2xlQ2xhc3ModGhpcy5jb250YWluZXIsIHRoaXMuZGlzYWJsZWRDbGFzcywgdGhpcy5pc0Rpc2FibGVkKTtcbiAgICAgICAgVmlld1V0aWwudG9nZ2xlQ2xhc3ModGhpcy5jb250ZW50LmVsZW1lbnQsIHRoaXMuZGlzYWJsZWRDbGFzcywgdGhpcy5pc0Rpc2FibGVkKTtcbiAgICAgICAgVmlld1V0aWwudG9nZ2xlQ2xhc3ModGhpcy5jb250ZW50LmVsZW1lbnQubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LCB0aGlzLmRpc2FibGVkQ2xhc3MsIHRoaXMuaXNEaXNhYmxlZCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGNvbW1pdElzU2hha2luZ1Byb3BlcnRpZXMoKTogdm9pZCB7XG4gICAgICAgIFZpZXdVdGlsLnRvZ2dsZUNsYXNzKHRoaXMuY29udGFpbmVyLCB0aGlzLnNoYWtpbmdDbGFzcywgdGhpcy5pc1NoYWtpbmcpO1xuICAgIH1cblxuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gICAgLy9cbiAgICAvLyAgUHJvdGVjdGVkIFByb3BlcnRpZXNcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBwcm90ZWN0ZWQgZ2V0IGJsaW5rQ2xhc3MoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuICd2aS1ibGluayc7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldCBkaXNhYmxlZENsYXNzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiAndmktZGlzYWJsZWQnO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnZXQgbWluaW1pemVkQ2xhc3MoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuICd2aS1taW5pbWl6ZWQnO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnZXQgc2hha2luZ0NsYXNzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiAnc2hha2UtY29uc3RhbnQgc2hha2UtaG9yaXpvbnRhbCc7XG4gICAgfVxufVxuIl19

package/esm2020/bottomSheet/component/bottom-sheet-close-element/bottom-sheet-close-element.component.mjs

@@ -11,17 +11,6 @@ export class BottomSheetCloseElementComponent extends WindowElement {
     // --------------------------------------------------------------------------
     constructor(element) {
         super(element);
-        // --------------------------------------------------------------------------
-        //
-        // 	Event Handlers
-        //
-        // --------------------------------------------------------------------------
-        this.mouseClickHandler = (event) => {
-            event.stopPropagation();
-            if (!_.isNil(this.window)) {
-                this.window.close();
-            }
-        };
     }
     // --------------------------------------------------------------------------
     //
@@ -37,11 +26,17 @@ export class BottomSheetCloseElementComponent extends WindowElement {
             ViewUtil.addClasses(this.nativeElement, BottomSheetCloseElementComponent.ICON_CLASS);
         }
         ViewUtil.addClass(this.nativeElement, 'mouse-active');
-        this.nativeElement.addEventListener('click', this.mouseClickHandler, true);
     }
-    destroyChildren() {
-        super.destroyChildren();
-        this.nativeElement.removeEventListener('click', this.mouseClickHandler, true);
+    // --------------------------------------------------------------------------
+    //
+    // 	Event Handlers
+    //
+    // --------------------------------------------------------------------------
+    clickHandler(event) {
+        super.clickHandler(event);
+        if (!_.isNil(this.window)) {
+            this.window.close();
+        }
     }
 }
 // --------------------------------------------------------------------------
@@ -51,10 +46,10 @@ export class BottomSheetCloseElementComponent extends WindowElement {
 // --------------------------------------------------------------------------
 BottomSheetCloseElementComponent.ICON_CLASS = 'fas fa-times';
 BottomSheetCloseElementComponent.ICON_VALUE = null;
-BottomSheetCloseElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: BottomSheetCloseElementComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-BottomSheetCloseElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: BottomSheetCloseElementComponent, selector: "vi-bottom-sheet-close-element", usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: BottomSheetCloseElementComponent, decorators: [{
+BottomSheetCloseElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BottomSheetCloseElementComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+BottomSheetCloseElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: BottomSheetCloseElementComponent, selector: "vi-bottom-sheet-close-element", usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BottomSheetCloseElementComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-bottom-sheet-close-element', template: '', styles: [":host{display:block;position:absolute;color:#fff;background-color:#0006;border-radius:50%;padding:8px;font-size:14px;font-weight:700;text-align:center}:host:hover{background-color:#0009}:host.small{font-size:10px;padding:4px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm90dG9tLXNoZWV0LWNsb3NlLWVsZW1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2JvdHRvbVNoZWV0L2NvbXBvbmVudC9ib3R0b20tc2hlZXQtY2xvc2UtZWxlbWVudC9ib3R0b20tc2hlZXQtY2xvc2UtZWxlbWVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUN0RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3hFLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDOztBQU81QixNQUFNLE9BQU8sZ0NBQWlDLFNBQVEsYUFBYTtJQVUvRCw2RUFBNkU7SUFDN0UsRUFBRTtJQUNGLGVBQWU7SUFDZixFQUFFO0lBQ0YsNkVBQTZFO0lBRTdFLFlBQVksT0FBbUI7UUFDM0IsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBMkJuQiw2RUFBNkU7UUFDN0UsRUFBRTtRQUNGLGtCQUFrQjtRQUNsQixFQUFFO1FBQ0YsNkVBQTZFO1FBRXJFLHNCQUFpQixHQUFHLENBQUMsS0FBaUIsRUFBUSxFQUFFO1lBQ3BELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUU7Z0JBQ3ZCLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7YUFDdkI7UUFDTCxDQUFDLENBQUM7SUFyQ0YsQ0FBQztJQUVELDZFQUE2RTtJQUM3RSxFQUFFO0lBQ0YsbUJBQW1CO0lBQ25CLEVBQUU7SUFDRiw2RUFBNkU7SUFFbkUsY0FBYztRQUNwQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFFdkIsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsZ0NBQWdDLENBQUMsVUFBVSxDQUFDLEVBQUU7WUFDdkQsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLFdBQVcsRUFBRSxnQ0FBZ0MsQ0FBQyxVQUFVLENBQUMsQ0FBQztTQUN0RztRQUNELElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLGdDQUFnQyxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQ3ZELFFBQVEsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxnQ0FBZ0MsQ0FBQyxVQUFVLENBQUMsQ0FBQztTQUN4RjtRQUNELFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxjQUFjLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDL0UsQ0FBQztJQUVTLGVBQWU7UUFDckIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsbUJBQW1CLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNsRixDQUFDOztBQXpDRCw2RUFBNkU7QUFDN0UsRUFBRTtBQUNGLGFBQWE7QUFDYixFQUFFO0FBQ0YsNkVBQTZFO0FBRS9ELDJDQUFVLEdBQVcsY0FBZSxDQUFBO0FBQ3BDLDJDQUFVLEdBQVcsSUFBSyxDQUFBOzhIQVIvQixnQ0FBZ0M7a0hBQWhDLGdDQUFnQyw0RkFGL0IsRUFBRTs0RkFFSCxnQ0FBZ0M7a0JBTDVDLFNBQVM7K0JBQ0ksK0JBQStCLFlBRS9CLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZpZXdVdGlsIH0gZnJvbSAnLi4vLi4vLi4vdXRpbC9WaWV3VXRpbCc7XG5pbXBvcnQgeyBXaW5kb3dFbGVtZW50IH0gZnJvbSAnLi4vLi4vLi4vd2luZG93L2NvbXBvbmVudC9XaW5kb3dFbGVtZW50JztcbmltcG9ydCAqIGFzIF8gZnJvbSAnbG9kYXNoJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2aS1ib3R0b20tc2hlZXQtY2xvc2UtZWxlbWVudCcsXG4gICAgc3R5bGVVcmxzOiBbJ2JvdHRvbS1zaGVldC1jbG9zZS1lbGVtZW50LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgdGVtcGxhdGU6ICcnXG59KVxuZXhwb3J0IGNsYXNzIEJvdHRvbVNoZWV0Q2xvc2VFbGVtZW50Q29tcG9uZW50IGV4dGVuZHMgV2luZG93RWxlbWVudCB7XG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vIFx0Q29uc3RhbnRzXG4gICAgLy9cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gICAgcHVibGljIHN0YXRpYyBJQ09OX0NMQVNTOiBzdHJpbmcgPSAnZmFzIGZhLXRpbWVzJztcbiAgICBwdWJsaWMgc3RhdGljIElDT05fVkFMVUU6IHN0cmluZyA9IG51bGw7XG5cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy8gXHRDb25zdHJ1Y3RvclxuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIGNvbnN0cnVjdG9yKGVsZW1lbnQ6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIoZWxlbWVudCk7XG4gICAgfVxuXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vIFx0UHJpdmF0ZSBNZXRob2RzXG4gICAgLy9cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gICAgcHJvdGVjdGVkIGNyZWF0ZUNoaWxkcmVuKCk6IHZvaWQge1xuICAgICAgICBzdXBlci5jcmVhdGVDaGlsZHJlbigpO1xuXG4gICAgICAgIGlmICghXy5pc05pbChCb3R0b21TaGVldENsb3NlRWxlbWVudENvbXBvbmVudC5JQ09OX1ZBTFVFKSkge1xuICAgICAgICAgICAgVmlld1V0aWwuc2V0UHJvcGVydHkodGhpcy5uYXRpdmVFbGVtZW50LCAnaW5uZXJIVE1MJywgQm90dG9tU2hlZXRDbG9zZUVsZW1lbnRDb21wb25lbnQuSUNPTl9WQUxVRSk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCFfLmlzTmlsKEJvdHRvbVNoZWV0Q2xvc2VFbGVtZW50Q29tcG9uZW50LklDT05fQ0xBU1MpKSB7XG4gICAgICAgICAgICBWaWV3VXRpbC5hZGRDbGFzc2VzKHRoaXMubmF0aXZlRWxlbWVudCwgQm90dG9tU2hlZXRDbG9zZUVsZW1lbnRDb21wb25lbnQuSUNPTl9DTEFTUyk7XG4gICAgICAgIH1cbiAgICAgICAgVmlld1V0aWwuYWRkQ2xhc3ModGhpcy5uYXRpdmVFbGVtZW50LCAnbW91c2UtYWN0aXZlJyk7XG4gICAgICAgIHRoaXMubmF0aXZlRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIHRoaXMubW91c2VDbGlja0hhbmRsZXIsIHRydWUpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBkZXN0cm95Q2hpbGRyZW4oKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLmRlc3Ryb3lDaGlsZHJlbigpO1xuICAgICAgICB0aGlzLm5hdGl2ZUVsZW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignY2xpY2snLCB0aGlzLm1vdXNlQ2xpY2tIYW5kbGVyLCB0cnVlKTtcbiAgICB9XG5cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy8gXHRFdmVudCBIYW5kbGVyc1xuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIHByaXZhdGUgbW91c2VDbGlja0hhbmRsZXIgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkID0+IHtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIGlmICghXy5pc05pbCh0aGlzLndpbmRvdykpIHtcbiAgICAgICAgICAgIHRoaXMud2luZG93LmNsb3NlKCk7XG4gICAgICAgIH1cbiAgICB9O1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm90dG9tLXNoZWV0LWNsb3NlLWVsZW1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2JvdHRvbVNoZWV0L2NvbXBvbmVudC9ib3R0b20tc2hlZXQtY2xvc2UtZWxlbWVudC9ib3R0b20tc2hlZXQtY2xvc2UtZWxlbWVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUN0RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3hFLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDOztBQU81QixNQUFNLE9BQU8sZ0NBQWlDLFNBQVEsYUFBYTtJQVUvRCw2RUFBNkU7SUFDN0UsRUFBRTtJQUNGLGVBQWU7SUFDZixFQUFFO0lBQ0YsNkVBQTZFO0lBRTdFLFlBQVksT0FBbUI7UUFDM0IsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ25CLENBQUM7SUFFRCw2RUFBNkU7SUFDN0UsRUFBRTtJQUNGLG1CQUFtQjtJQUNuQixFQUFFO0lBQ0YsNkVBQTZFO0lBRW5FLGNBQWM7UUFDcEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBRXZCLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLGdDQUFnQyxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQ3ZELFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsZ0NBQWdDLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDdEc7UUFDRCxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxnQ0FBZ0MsQ0FBQyxVQUFVLENBQUMsRUFBRTtZQUN2RCxRQUFRLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsZ0NBQWdDLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDeEY7UUFDRCxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsY0FBYyxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUVELDZFQUE2RTtJQUM3RSxFQUFFO0lBQ0Ysa0JBQWtCO0lBQ2xCLEVBQUU7SUFDRiw2RUFBNkU7SUFFdEUsWUFBWSxDQUFDLEtBQWlCO1FBQ2pDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDdkI7SUFDTCxDQUFDOztBQWhERCw2RUFBNkU7QUFDN0UsRUFBRTtBQUNGLGFBQWE7QUFDYixFQUFFO0FBQ0YsNkVBQTZFO0FBRS9ELDJDQUFVLEdBQVcsY0FBZSxDQUFBO0FBQ3BDLDJDQUFVLEdBQVcsSUFBSyxDQUFBOzhIQVIvQixnQ0FBZ0M7a0hBQWhDLGdDQUFnQyw0RkFGL0IsRUFBRTs0RkFFSCxnQ0FBZ0M7a0JBTDVDLFNBQVM7K0JBQ0ksK0JBQStCLFlBRS9CLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZpZXdVdGlsIH0gZnJvbSAnLi4vLi4vLi4vdXRpbC9WaWV3VXRpbCc7XG5pbXBvcnQgeyBXaW5kb3dFbGVtZW50IH0gZnJvbSAnLi4vLi4vLi4vd2luZG93L2NvbXBvbmVudC9XaW5kb3dFbGVtZW50JztcbmltcG9ydCAqIGFzIF8gZnJvbSAnbG9kYXNoJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2aS1ib3R0b20tc2hlZXQtY2xvc2UtZWxlbWVudCcsXG4gICAgc3R5bGVVcmxzOiBbJ2JvdHRvbS1zaGVldC1jbG9zZS1lbGVtZW50LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgdGVtcGxhdGU6ICcnXG59KVxuZXhwb3J0IGNsYXNzIEJvdHRvbVNoZWV0Q2xvc2VFbGVtZW50Q29tcG9uZW50IGV4dGVuZHMgV2luZG93RWxlbWVudCB7XG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vIFx0Q29uc3RhbnRzXG4gICAgLy9cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gICAgcHVibGljIHN0YXRpYyBJQ09OX0NMQVNTOiBzdHJpbmcgPSAnZmFzIGZhLXRpbWVzJztcbiAgICBwdWJsaWMgc3RhdGljIElDT05fVkFMVUU6IHN0cmluZyA9IG51bGw7XG5cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgIC8vXG4gICAgLy8gXHRDb25zdHJ1Y3RvclxuICAgIC8vXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuICAgIGNvbnN0cnVjdG9yKGVsZW1lbnQ6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIoZWxlbWVudCk7XG4gICAgfVxuXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vIFx0UHJpdmF0ZSBNZXRob2RzXG4gICAgLy9cbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gICAgcHJvdGVjdGVkIGNyZWF0ZUNoaWxkcmVuKCk6IHZvaWQge1xuICAgICAgICBzdXBlci5jcmVhdGVDaGlsZHJlbigpO1xuXG4gICAgICAgIGlmICghXy5pc05pbChCb3R0b21TaGVldENsb3NlRWxlbWVudENvbXBvbmVudC5JQ09OX1ZBTFVFKSkge1xuICAgICAgICAgICAgVmlld1V0aWwuc2V0UHJvcGVydHkodGhpcy5uYXRpdmVFbGVtZW50LCAnaW5uZXJIVE1MJywgQm90dG9tU2hlZXRDbG9zZUVsZW1lbnRDb21wb25lbnQuSUNPTl9WQUxVRSk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCFfLmlzTmlsKEJvdHRvbVNoZWV0Q2xvc2VFbGVtZW50Q29tcG9uZW50LklDT05fQ0xBU1MpKSB7XG4gICAgICAgICAgICBWaWV3VXRpbC5hZGRDbGFzc2VzKHRoaXMubmF0aXZlRWxlbWVudCwgQm90dG9tU2hlZXRDbG9zZUVsZW1lbnRDb21wb25lbnQuSUNPTl9DTEFTUyk7XG4gICAgICAgIH1cbiAgICAgICAgVmlld1V0aWwuYWRkQ2xhc3ModGhpcy5uYXRpdmVFbGVtZW50LCAnbW91c2UtYWN0aXZlJyk7XG4gICAgfVxuXG4gICAgLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAvL1xuICAgIC8vIFx0RXZlbnQgSGFuZGxlcnNcbiAgICAvL1xuICAgIC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbiAgICBwdWJsaWMgY2xpY2tIYW5kbGVyKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIHN1cGVyLmNsaWNrSGFuZGxlcihldmVudCk7XG4gICAgICAgIGlmICghXy5pc05pbCh0aGlzLndpbmRvdykpIHtcbiAgICAgICAgICAgIHRoaXMud2luZG93LmNsb3NlKCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=

package/esm2020/component/VIComponentModule.mjs

@@ -61,8 +61,8 @@ const DECLARATIONS = [
 const EXPORTS = [...DECLARATIONS];
 export class VIComponentModule {
 }
-VIComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: VIComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VIComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: VIComponentModule, declarations: [CdkTableCellValuePipe,
+VIComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VIComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VIComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VIComponentModule, declarations: [CdkTableCellValuePipe,
         CdkTableCellClassNamePipe,
         CdkTableCellStyleNamePipe,
         CdkTableColumnClassNamePipe,
@@ -100,8 +100,8 @@ VIComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
         CdkTablePaginableComponent,
         CdkTableFilterableComponent,
         CdkTablePaginableBookmarkComponent] });
-VIComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: VIComponentModule, imports: [IMPORTS] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: VIComponentModule, decorators: [{
+VIComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VIComponentModule, imports: [IMPORTS] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VIComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: IMPORTS,

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

@@ -167,9 +167,9 @@ export class CdkTableBaseComponent extends DestroyableContainer {
         return this._columnNames;
     }
 }
-CdkTableBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CdkTableBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: CdkTableBaseComponent, selector: "ng-component", inputs: { table: "table", selectedRows: "selectedRows", selectedRow: "selectedRow", rows: "rows", columns: "columns", settings: "settings" }, outputs: { rowClicked: "rowClicked", cellClicked: "cellClicked" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableBaseComponent, decorators: [{
+CdkTableBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CdkTableBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTableBaseComponent, selector: "ng-component", inputs: { table: "table", selectedRows: "selectedRows", selectedRow: "selectedRow", rows: "rows", columns: "columns", settings: "settings" }, outputs: { rowClicked: "rowClicked", cellClicked: "cellClicked" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableBaseComponent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], ctorParameters: function () { return []; }, propDecorators: { rowClicked: [{

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

@@ -27,9 +27,9 @@ export class CdkTableFilterableComponent extends CdkTableBaseComponent {
         ViewUtil.addClasses(container, 'd-flex flex-column scroll-no');
     }
 }
-CdkTableFilterableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableFilterableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-CdkTableFilterableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", 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 } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableFilterableComponent, decorators: [{
+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 } });
+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" }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });

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

@@ -53,9 +53,9 @@ export class CdkTablePaginableComponent extends CdkTableBaseComponent {
         }
     }
 }
-CdkTablePaginableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTablePaginableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-CdkTablePaginableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: CdkTablePaginableComponent, selector: "vi-cdk-table-paginable", inputs: { paginator: "paginator" }, usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [trackBy]=\"table.trackByFn\"\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\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    \n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [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    <mat-paginator\n        class=\"flex-shrink-0\"\n        [pageSize]=\"table?.pageSize\"\n        [pageIndex]=\"table?.pageIndex\"\n        [length]=\"table?.total\"\n        (page)=\"table?.pageEventHandler($event)\"\n        [pageSizeOptions]=\"paginator?.pageSizes\"\n        [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n        [hidePageSize]=\"paginator?.hidePageSize\"\n        *ngIf=\"paginator\"\n    ></mat-paginator>\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"] }, { type: i4.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i5.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: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i6.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: i7.LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "viTranslate": i8.LanguagePipe, "viCdkTableColumnClassName": i9.CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": i10.CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": i11.CdkTableCellClassNamePipe, "viCdkTableCellStyleName": i12.CdkTableCellStyleNamePipe, "viCdkTableCellValue": i13.CdkTableCellValuePipe, "viCdkTableRowClassName": i14.CdkTableRowClassNamePipe, "viCdkTableRowStyleName": i15.CdkTableRowStyleNamePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTablePaginableComponent, decorators: [{
+CdkTablePaginableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+CdkTablePaginableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CdkTablePaginableComponent, selector: "vi-cdk-table-paginable", inputs: { paginator: "paginator" }, usesInheritance: true, ngImport: i0, template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [trackBy]=\"table.trackByFn\"\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\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    \n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [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    <mat-paginator\n        class=\"flex-shrink-0\"\n        [pageSize]=\"table?.pageSize\"\n        [pageIndex]=\"table?.pageIndex\"\n        [length]=\"table?.total\"\n        (page)=\"table?.pageEventHandler($event)\"\n        [pageSizeOptions]=\"paginator?.pageSizes\"\n        [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n        [hidePageSize]=\"paginator?.hidePageSize\"\n        *ngIf=\"paginator\"\n    ></mat-paginator>\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"] }, { type: i4.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i2.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i5.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: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i6.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: i7.LanguageDirective, selector: "[vi-translate]", inputs: ["isNeedTitle", "vi-translate", "params"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "viTranslate": i8.LanguagePipe, "viCdkTableColumnClassName": i9.CdkTableColumnClassNamePipe, "viCdkTableColumnStyleName": i10.CdkTableColumnStyleNamePipe, "viCdkTableCellClassName": i11.CdkTableCellClassNamePipe, "viCdkTableCellStyleName": i12.CdkTableCellStyleNamePipe, "viCdkTableCellValue": i13.CdkTableCellValuePipe, "viCdkTableRowClassName": i14.CdkTableRowClassNamePipe, "viCdkTableRowStyleName": i15.CdkTableRowStyleNamePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTablePaginableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-cdk-table-paginable', template: "<mat-table\n    class=\"flex-grow-1 vertical-scroll-only\"\n    matSort\n    [dataSource]=\"table?.table?.dataSource\"\n    [trackBy]=\"table.trackByFn\"\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\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    \n</mat-table>\n\n<mat-progress-bar class=\"flex-shrink-0 border\" [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    <mat-paginator\n        class=\"flex-shrink-0\"\n        [pageSize]=\"table?.pageSize\"\n        [pageIndex]=\"table?.pageIndex\"\n        [length]=\"table?.total\"\n        (page)=\"table?.pageEventHandler($event)\"\n        [pageSizeOptions]=\"paginator?.pageSizes\"\n        [showFirstLastButtons]=\"paginator?.showFirstLastButtons\"\n        [hidePageSize]=\"paginator?.hidePageSize\"\n        *ngIf=\"paginator\"\n    ></mat-paginator>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { paginator: [{

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

@@ -27,9 +27,9 @@ export class CdkTablePaginableBookmarkComponent extends CdkTableBaseComponent {
         ViewUtil.addClasses(container, 'd-flex flex-column scroll-no');
     }
 }
-CdkTablePaginableBookmarkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTablePaginableBookmarkComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-CdkTablePaginableBookmarkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", 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 } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTablePaginableBookmarkComponent, decorators: [{
+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 } });
+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" }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });

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

@@ -14,9 +14,9 @@ export class CdkTableCellClassNamePipe {
         return _.isString(column.cellClassName) ? column.cellClassName : column.cellClassName(item, column);
     }
 }
-CdkTableCellClassNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableCellClassNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableCellClassNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableCellClassNamePipe, name: "viCdkTableCellClassName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableCellClassNamePipe, decorators: [{
+CdkTableCellClassNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellClassNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableCellClassNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellClassNamePipe, name: "viCdkTableCellClassName" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellClassNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableCellClassName'

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

@@ -11,9 +11,9 @@ export class CdkTableCellStyleNamePipe {
         return !_.isNil(column) && !_.isNil(column.cellStyleName) ? column.cellStyleName(item, column) : null;
     }
 }
-CdkTableCellStyleNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableCellStyleNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableCellStyleNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableCellStyleNamePipe, name: "viCdkTableCellStyleName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableCellStyleNamePipe, decorators: [{
+CdkTableCellStyleNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellStyleNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableCellStyleNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellStyleNamePipe, name: "viCdkTableCellStyleName" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellStyleNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableCellStyleName'

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

@@ -11,9 +11,9 @@ export class CdkTableCellValuePipe {
         return !_.isNil(column) && !_.isNil(column.format) ? column.format(item, column) : item[column.name];
     }
 }
-CdkTableCellValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableCellValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableCellValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableCellValuePipe, name: "viCdkTableCellValue" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableCellValuePipe, decorators: [{
+CdkTableCellValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableCellValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, name: "viCdkTableCellValue" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableCellValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableCellValue'

package/esm2020/component/cdk-table/column/CdkTableColumnClassNamePipe.mjs

@@ -11,9 +11,9 @@ export class CdkTableColumnClassNamePipe {
         return !_.isNil(column) && !_.isNil(column.className) ? (_.isString(column.className) ? column.className : column.className(item, column)) : null;
     }
 }
-CdkTableColumnClassNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableColumnClassNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableColumnClassNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableColumnClassNamePipe, name: "viCdkTableColumnClassName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableColumnClassNamePipe, decorators: [{
+CdkTableColumnClassNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableColumnClassNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableColumnClassNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableColumnClassNamePipe, name: "viCdkTableColumnClassName" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableColumnClassNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableColumnClassName'

package/esm2020/component/cdk-table/column/CdkTableColumnStyleNamePipe.mjs

@@ -11,9 +11,9 @@ export class CdkTableColumnStyleNamePipe {
         return !_.isNil(column) && !_.isNil(column.styleName) ? column.styleName(item, column) : null;
     }
 }
-CdkTableColumnStyleNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableColumnStyleNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableColumnStyleNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableColumnStyleNamePipe, name: "viCdkTableColumnStyleName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableColumnStyleNamePipe, decorators: [{
+CdkTableColumnStyleNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableColumnStyleNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableColumnStyleNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableColumnStyleNamePipe, name: "viCdkTableColumnStyleName" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableColumnStyleNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableColumnStyleName'

package/esm2020/component/cdk-table/row/CdkTableRowClassNamePipe.mjs

@@ -11,9 +11,9 @@ export class CdkTableRowClassNamePipe {
         return !_.isNil(row) && !_.isNil(row.className) ? (_.isString(row.className) ? row.className : row.className(item, selectedRows)) : null;
     }
 }
-CdkTableRowClassNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableRowClassNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableRowClassNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableRowClassNamePipe, name: "viCdkTableRowClassName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableRowClassNamePipe, decorators: [{
+CdkTableRowClassNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableRowClassNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableRowClassNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableRowClassNamePipe, name: "viCdkTableRowClassName" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableRowClassNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableRowClassName'

package/esm2020/component/cdk-table/row/CdkTableRowStyleNamePipe.mjs

@@ -11,9 +11,9 @@ export class CdkTableRowStyleNamePipe {
         return !_.isNil(row) && !_.isNil(row.styleName) ? row.styleName(item, selectedRows) : null;
     }
 }
-CdkTableRowStyleNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableRowStyleNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CdkTableRowStyleNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableRowStyleNamePipe, name: "viCdkTableRowStyleName" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: CdkTableRowStyleNamePipe, decorators: [{
+CdkTableRowStyleNamePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableRowStyleNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CdkTableRowStyleNamePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableRowStyleNamePipe, name: "viCdkTableRowStyleName" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CdkTableRowStyleNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'viCdkTableRowStyleName'

package/esm2020/component/language/language-selector/language-selector.component.mjs

@@ -66,9 +66,9 @@ export class LanguageSelectorComponent extends DestroyableContainer {
         this.commitIsNeedLabelProperties();
     }
 }
-LanguageSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: LanguageSelectorComponent, deps: [{ token: i0.ElementRef }, { token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
-LanguageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: LanguageSelectorComponent, selector: "vi-language-selector", inputs: { isNeedIcon: "isNeedIcon", isNeedLabel: "isNeedLabel" }, usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"d-block no-underline\" [title]=\"'general.locale' | viTranslate\">\n    <mat-select [(ngModel)]=\"language.language\">\n        <mat-select-trigger>\n            <div class=\"d-flex text-one-line align-items-center\">\n                <img class=\"mr-2 me-2 flex-shrink-0\" style=\"height: 22px; width: 24px\" [src]=\"language.language?.locale + 'Language' | viAssetIcon:'svg'\" *ngIf=\"isNeedIcon\">\n                <p class=\"text-one-line mouse-inactive flex-grow-1\" [innerHTML]=\"language.language?.name\" *ngIf=\"isNeedLabel\"></p>\n            </div>\n        </mat-select-trigger>\n    \n        <mat-option *ngFor=\"let item of language.languages?.collection\" [value]=\"item\">\n            <div class=\"d-flex text-one-line align-items-center\">\n                <img class=\"mr-2 me-2 flex-shrink-0\" style=\"width: 24px\" [src]=\"item.locale + 'Language' | viAssetIcon:'svg'\">\n                <p class=\"text-one-line mouse-inactive flex-grow-1\" [innerHTML]=\"item.name\"></p>\n            </div>\n        </mat-option>\n    </mat-select>\n</mat-form-field>", components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.MatSelectTrigger, selector: "mat-select-trigger" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "viTranslate": i7.LanguagePipe, "viAssetIcon": i8.AssetIconPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: LanguageSelectorComponent, decorators: [{
+LanguageSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageSelectorComponent, deps: [{ token: i0.ElementRef }, { token: i1.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
+LanguageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: LanguageSelectorComponent, selector: "vi-language-selector", inputs: { isNeedIcon: "isNeedIcon", isNeedLabel: "isNeedLabel" }, usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"d-block no-underline\" [title]=\"'general.locale' | viTranslate\">\n    <mat-select [(ngModel)]=\"language.language\">\n        <mat-select-trigger>\n            <div class=\"d-flex text-one-line align-items-center\">\n                <img class=\"mr-2 me-2 flex-shrink-0\" style=\"height: 22px; width: 24px\" [src]=\"language.language?.locale + 'Language' | viAssetIcon:'svg'\" *ngIf=\"isNeedIcon\">\n                <p class=\"text-one-line mouse-inactive flex-grow-1\" [innerHTML]=\"language.language?.name\" *ngIf=\"isNeedLabel\"></p>\n            </div>\n        </mat-select-trigger>\n    \n        <mat-option *ngFor=\"let item of language.languages?.collection\" [value]=\"item\">\n            <div class=\"d-flex text-one-line align-items-center\">\n                <img class=\"mr-2 me-2 flex-shrink-0\" style=\"width: 24px\" [src]=\"item.locale + 'Language' | viAssetIcon:'svg'\">\n                <p class=\"text-one-line mouse-inactive flex-grow-1\" [innerHTML]=\"item.name\"></p>\n            </div>\n        </mat-option>\n    </mat-select>\n</mat-form-field>", components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.MatSelectTrigger, selector: "mat-select-trigger" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "viTranslate": i7.LanguagePipe, "viAssetIcon": i8.AssetIconPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LanguageSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-language-selector', template: "<mat-form-field class=\"d-block no-underline\" [title]=\"'general.locale' | viTranslate\">\n    <mat-select [(ngModel)]=\"language.language\">\n        <mat-select-trigger>\n            <div class=\"d-flex text-one-line align-items-center\">\n                <img class=\"mr-2 me-2 flex-shrink-0\" style=\"height: 22px; width: 24px\" [src]=\"language.language?.locale + 'Language' | viAssetIcon:'svg'\" *ngIf=\"isNeedIcon\">\n                <p class=\"text-one-line mouse-inactive flex-grow-1\" [innerHTML]=\"language.language?.name\" *ngIf=\"isNeedLabel\"></p>\n            </div>\n        </mat-select-trigger>\n    \n        <mat-option *ngFor=\"let item of language.languages?.collection\" [value]=\"item\">\n            <div class=\"d-flex text-one-line align-items-center\">\n                <img class=\"mr-2 me-2 flex-shrink-0\" style=\"width: 24px\" [src]=\"item.locale + 'Language' | viAssetIcon:'svg'\">\n                <p class=\"text-one-line mouse-inactive flex-grow-1\" [innerHTML]=\"item.name\"></p>\n            </div>\n        </mat-option>\n    </mat-select>\n</mat-form-field>" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LanguageService }]; }, propDecorators: { isNeedIcon: [{

package/esm2020/component/menu-list/menu-list.component.mjs

@@ -5,9 +5,9 @@ import * as i1 from "@angular/material/menu";
 import * as i2 from "@angular/common";
 export class MenuListComponent extends DestroyableContainer {
 }
-MenuListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: MenuListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MenuListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: MenuListComponent, selector: "vi-menu-list", inputs: { list: "list" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of list?.filtered\">\n    <button mat-menu-item [ngClass]=\"item.className\" (click)=\"list?.actionItem(item)\">\n        <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\"></span>\n        <span [innerHTML]=\"item.label\" [title]=\"item.label\"></span>\n    </button>\n</ng-container>\n", components: [{ type: i1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: MenuListComponent, decorators: [{
+MenuListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+MenuListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuListComponent, selector: "vi-menu-list", inputs: { list: "list" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of list?.filtered\">\n    <button mat-menu-item [ngClass]=\"item.className\" (click)=\"list?.actionItem(item)\">\n        <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\"></span>\n        <span [innerHTML]=\"item.label\" [title]=\"item.label\"></span>\n    </button>\n</ng-container>\n", components: [{ type: i1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-menu-list', template: "<ng-container *ngFor=\"let item of list?.filtered\">\n    <button mat-menu-item [ngClass]=\"item.className\" (click)=\"list?.actionItem(item)\">\n        <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\"></span>\n        <span [innerHTML]=\"item.label\" [title]=\"item.label\"></span>\n    </button>\n</ng-container>\n" }]
         }], propDecorators: { list: [{

package/esm2020/component/select-list/select-list.component.mjs

@@ -6,9 +6,9 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/core";
 export class SelectListComponent extends DestroyableContainer {
 }
-SelectListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: SelectListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SelectListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: SelectListComponent, selector: "vi-select-list", inputs: { list: "list" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of list?.collection\">\n\n    <mat-list-item [ngClass]=\"item.isSelected? item.selectedClassName : item.className\" *ngIf=\"item.isEnabled\" (click)=\"list.actionItem(item)\" >\n        <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\" matListIcon></span>\n        <span [innerHTML]=\"item.label\" [title]=\"item.label\" matLine></span>\n    </mat-list-item>\n\n</ng-container>\n", components: [{ type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i3.MatLine, selector: "[mat-line], [matLine]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: SelectListComponent, decorators: [{
+SelectListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SelectListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SelectListComponent, selector: "vi-select-list", inputs: { list: "list" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of list?.collection\">\n\n    <mat-list-item [ngClass]=\"item.isSelected? item.selectedClassName : item.className\" *ngIf=\"item.isEnabled\" (click)=\"list.actionItem(item)\" >\n        <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\" matListIcon></span>\n        <span [innerHTML]=\"item.label\" [title]=\"item.label\" matLine></span>\n    </mat-list-item>\n\n</ng-container>\n", components: [{ type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i3.MatLine, selector: "[mat-line], [matLine]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-select-list', template: "<ng-container *ngFor=\"let item of list?.collection\">\n\n    <mat-list-item [ngClass]=\"item.isSelected? item.selectedClassName : item.className\" *ngIf=\"item.isEnabled\" (click)=\"list.actionItem(item)\" >\n        <span [ngClass]=\"item.iconId\" *ngIf=\"item.iconId\" matListIcon></span>\n        <span [innerHTML]=\"item.label\" [title]=\"item.label\" matLine></span>\n    </mat-list-item>\n\n</ng-container>\n" }]
         }], propDecorators: { list: [{

package/esm2020/component/tab-group/tab-group.component.mjs

@@ -58,9 +58,9 @@ export class TabGroupComponent extends DestroyableContainer {
         }
     }
 }
-TabGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: TabGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TabGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: TabGroupComponent, selector: "vi-tab-group", inputs: { className: "className", list: "list" }, usesInheritance: true, ngImport: i0, template: "<mat-tab-group [ngClass]=\"className\" (selectedIndexChange)=\"list.selectedIndex = $event\" [selectedIndex]=\"list?.selectedIndex\"\n    (selectedTabChange)=\"selectedTabChange($event)\">\n    <ng-container *ngFor=\"let item of list?.collection\">\n        <mat-tab [ngClass]=\"item.className\" [label]=\"item.label\" [disabled]=\"!item.isEnabled\" (click)=\"list?.actionItem(item)\"></mat-tab>\n    </ng-container>\n</mat-tab-group>\n", components: [{ type: i1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: TabGroupComponent, decorators: [{
+TabGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TabGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TabGroupComponent, selector: "vi-tab-group", inputs: { className: "className", list: "list" }, usesInheritance: true, ngImport: i0, template: "<mat-tab-group [ngClass]=\"className\" (selectedIndexChange)=\"list.selectedIndex = $event\" [selectedIndex]=\"list?.selectedIndex\"\n    (selectedTabChange)=\"selectedTabChange($event)\">\n    <ng-container *ngFor=\"let item of list?.collection\">\n        <mat-tab [ngClass]=\"item.className\" [label]=\"item.label\" [disabled]=\"!item.isEnabled\" (click)=\"list?.actionItem(item)\"></mat-tab>\n    </ng-container>\n</mat-tab-group>\n", components: [{ type: i1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { type: i1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TabGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vi-tab-group', template: "<mat-tab-group [ngClass]=\"className\" (selectedIndexChange)=\"list.selectedIndex = $event\" [selectedIndex]=\"list?.selectedIndex\"\n    (selectedTabChange)=\"selectedTabChange($event)\">\n    <ng-container *ngFor=\"let item of list?.collection\">\n        <mat-tab [ngClass]=\"item.className\" [label]=\"item.label\" [disabled]=\"!item.isEnabled\" (click)=\"list?.actionItem(item)\"></mat-tab>\n    </ng-container>\n</mat-tab-group>\n" }]
         }], propDecorators: { className: [{