@cute-widgets/base 20.0.4 → 21.0.0

package/fesm2022/cute-widgets-base-table.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Directive, booleanAttribute, Input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { CdkTable, HeaderRowOutlet, DataRowOutlet, NoDataRowOutlet, FooterRowOutlet, CDK_TABLE, STICKY_POSITIONING_LISTENER, CdkCellDef, CdkHeaderCellDef, CdkFooterCellDef, CdkColumnDef, CdkHeaderCell, CdkFooterCell, CdkCell, CdkHeaderRowDef, CdkFooterRowDef, CdkRowDef, CdkHeaderRow, CdkCellOutlet, CdkFooterRow, CdkRow, CdkNoDataRow, CdkTextColumn, CdkTableModule } from '@angular/cdk/table';
-import { _RecycleViewRepeaterStrategy, _VIEW_REPEATER_STRATEGY, _DisposeViewRepeaterStrategy, DataSource } from '@angular/cdk/collections';
 import { BehaviorSubject, Subject, merge, of, combineLatest } from 'rxjs';
+import { DataSource } from '@angular/cdk/collections';
 import { _isNumberValue } from '@angular/cdk/coercion';
 import { map } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
@@ -31,15 +31,13 @@ const CUTE_TABLE = new InjectionToken("CUTE_TABLE");
  * @breaking-change 23.0.0
  */
 class CuteRecycleRows {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteRecycleRows, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteRecycleRows, isStandalone: true, selector: "cute-table[recycleRows], table[cute-table][recycleRows]", providers: [{ provide: _VIEW_REPEATER_STRATEGY, useClass: _RecycleViewRepeaterStrategy }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteRecycleRows, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteRecycleRows, isStandalone: true, selector: "cute-table[recycleRows], table[cute-table][recycleRows]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteRecycleRows, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteRecycleRows, decorators: [{
             type: Directive,
             args: [{
                     selector: 'cute-table[recycleRows], table[cute-table][recycleRows]',
-                    providers: [{ provide: _VIEW_REPEATER_STRATEGY, useClass: _RecycleViewRepeaterStrategy }],
-                    standalone: true,
                 }]
         }] });
 /**
@@ -102,14 +100,11 @@ class CuteTable extends CdkTable {
         this.updateStickyFooterRowStyles();
         this.updateStickyColumnStyles();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteTable, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CuteTable, isStandalone: true, selector: "cute-table, table[cute-table]", inputs: { color: "color", borderColor: "borderColor", stripedRows: ["stripedRows", "stripedRows", booleanAttribute], stripedColumns: ["stripedColumns", "stripedColumns", booleanAttribute], hoveredRows: ["hoveredRows", "hoveredRows", booleanAttribute], compact: ["compact", "compact", booleanAttribute], displayBorders: "displayBorders", divideGroups: ["divideGroups", "divideGroups", booleanAttribute], verticalHeads: ["verticalHeads", "verticalHeads", booleanAttribute] }, host: { properties: { "class.cute-table-fixed-layout": "fixedLayout", "class.table-hover": "hoveredRows", "class.table-striped": "stripedRows", "class.table-striped-columns": "stripedColumns", "class.table-bordered": "displayBorders==\"all\"", "class.table-borderless": "displayBorders==\"none\"", "class.table-sm": "compact", "class.cute-table-vertical-head": "verticalHeads", "style.--bs-table-border-color": "borderColor ? \"var(--bs-\"+borderColor+\")\" : undefined", "class": "this.classList" }, classAttribute: "cute-table table" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteTable, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteTable, isStandalone: true, selector: "cute-table, table[cute-table]", inputs: { color: "color", borderColor: "borderColor", stripedRows: ["stripedRows", "stripedRows", booleanAttribute], stripedColumns: ["stripedColumns", "stripedColumns", booleanAttribute], hoveredRows: ["hoveredRows", "hoveredRows", booleanAttribute], compact: ["compact", "compact", booleanAttribute], displayBorders: "displayBorders", divideGroups: ["divideGroups", "divideGroups", booleanAttribute], verticalHeads: ["verticalHeads", "verticalHeads", booleanAttribute] }, host: { properties: { "class.cute-table-fixed-layout": "fixedLayout", "class.table-hover": "hoveredRows", "class.table-striped": "stripedRows", "class.table-striped-columns": "stripedColumns", "class.table-bordered": "displayBorders==\"all\"", "class.table-borderless": "displayBorders==\"none\"", "class.table-sm": "compact", "class.cute-table-vertical-head": "verticalHeads", "style.--bs-table-border-color": "borderColor ? \"var(--bs-\"+borderColor+\")\" : undefined", "class": "this.classList" }, classAttribute: "cute-table table" }, providers: [
             { provide: CdkTable, useExisting: CuteTable },
             { provide: CDK_TABLE, useExisting: CuteTable },
             { provide: CUTE_TABLE, useExisting: CuteTable },
-            // TODO(michaeljamesparsons) Abstract the view repeater strategy to a directive API so this code
-            //  is only included in the build if used.
-            { provide: _VIEW_REPEATER_STRATEGY, useClass: _DisposeViewRepeaterStrategy },
             // Prevent nested tables from seeing this table's StickyPositioningListener.
             { provide: STICKY_POSITIONING_LISTENER, useValue: null },
         ], exportAs: ["cuteTable"], usesInheritance: true, ngImport: i0, template: `
@@ -141,9 +136,9 @@ class CuteTable extends CdkTable {
       <ng-container noDataRowOutlet/>
       <ng-container footerRowOutlet/>
     }
-  `, isInline: true, styles: [".cute-table-sticky{position:sticky!important}.cute-table{table-layout:auto;white-space:normal;border-spacing:0;border-collapse:separate;min-width:100%;background-color:var(--bs-table-bg)}.cute-table>tfoot{font-weight:700}.cute-table.cute-table-vertical-head thead th{position:relative;writing-mode:vertical-lr;white-space:wrap;transform:rotate(180deg)}.cute-table .table-group-divider tr:first-child td,.cute-table .table-group-divider tr:first-child th{border-top:calc(var(--bs-border-width) * 2) solid var(--bs-table-border-color)}.cute-table.table-bordered>:not(caption)>*>*{border-width:0}.cute-table.table-bordered th{border-top:var(--bs-border-width) solid var(--bs-table-border-color);border-bottom:var(--bs-border-width) solid var(--bs-table-border-color);border-right:var(--bs-border-width) solid var(--bs-table-border-color)}.cute-table.table-bordered td{border-bottom:var(--bs-border-width) solid var(--bs-table-border-color);border-right:var(--bs-border-width) solid var(--bs-table-border-color)}.cute-table.table-bordered th:first-child,.cute-table.table-bordered td:first-child{border-left:var(--bs-border-width) solid var(--bs-table-border-color)}.cute-table.cute-table-fixed-layout{table-layout:fixed}.cute-table .cute-table-sticky-border-elem-right{border-left:var(--bs-border-width) solid var(--bs-table-border-color)!important}.cute-table .cute-table-sticky-border-elem-left{border-right:var(--bs-border-width) solid var(--bs-table-border-color)!important}.cute-row,.cute-header-row,.cute-footer-row{-webkit-font-smoothing:antialiased}.cute-cell,.cute-header-cell,.cute-footer-cell{box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;outline:none}\n"], dependencies: [{ kind: "directive", type: HeaderRowOutlet, selector: "[headerRowOutlet]" }, { kind: "directive", type: DataRowOutlet, selector: "[rowOutlet]" }, { kind: "directive", type: NoDataRowOutlet, selector: "[noDataRowOutlet]" }, { kind: "directive", type: FooterRowOutlet, selector: "[footerRowOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".cute-table-sticky{position:sticky!important}.cute-table{table-layout:auto;white-space:normal;border-spacing:0;border-collapse:separate;min-width:100%;background-color:var(--bs-table-bg)}.cute-table>tfoot{font-weight:700}.cute-table.cute-table-vertical-head thead th{position:relative;writing-mode:vertical-lr;white-space:wrap;transform:rotate(180deg)}.cute-table .table-group-divider tr:first-child td,.cute-table .table-group-divider tr:first-child th{border-top:calc(var(--bs-border-width) * 2) solid var(--bs-table-border-color)}.cute-table.table-bordered>:not(caption)>*>*{border-width:0}.cute-table.table-bordered th{border-top:var(--bs-border-width) solid var(--bs-table-border-color);border-bottom:var(--bs-border-width) solid var(--bs-table-border-color);border-right:var(--bs-border-width) solid var(--bs-table-border-color)}.cute-table.table-bordered td{border-bottom:var(--bs-border-width) solid var(--bs-table-border-color);border-right:var(--bs-border-width) solid var(--bs-table-border-color)}.cute-table.table-bordered th:first-child,.cute-table.table-bordered td:first-child{border-left:var(--bs-border-width) solid var(--bs-table-border-color)}.cute-table.cute-table-fixed-layout{table-layout:fixed}.cute-table .cute-table-sticky-border-elem-right{border-left:var(--bs-border-width) solid var(--bs-table-border-color)!important}.cute-table .cute-table-sticky-border-elem-left{border-right:var(--bs-border-width) solid var(--bs-table-border-color)!important}.cute-row,.cute-header-row,.cute-footer-row{-webkit-font-smoothing:antialiased}.cute-cell,.cute-header-cell,.cute-footer-cell{box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;outline:none}\n"], dependencies: [{ kind: "directive", type: HeaderRowOutlet, selector: "[headerRowOutlet]" }, { kind: "directive", type: DataRowOutlet, selector: "[rowOutlet]" }, { kind: "directive", type: NoDataRowOutlet, selector: "[noDataRowOutlet]" }, { kind: "directive", type: FooterRowOutlet, selector: "[footerRowOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteTable, decorators: [{
             type: Component,
             args: [{ selector: 'cute-table, table[cute-table]', exportAs: 'cuteTable', template: `
     <ng-content select="caption"/>
@@ -189,9 +184,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         { provide: CdkTable, useExisting: CuteTable },
                         { provide: CDK_TABLE, useExisting: CuteTable },
                         { provide: CUTE_TABLE, useExisting: CuteTable },
-                        // TODO(michaeljamesparsons) Abstract the view repeater strategy to a directive API so this code
-                        //  is only included in the build if used.
-                        { provide: _VIEW_REPEATER_STRATEGY, useClass: _DisposeViewRepeaterStrategy },
                         // Prevent nested tables from seeing this table's StickyPositioningListener.
                         { provide: STICKY_POSITIONING_LISTENER, useValue: null },
                     ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, imports: [HeaderRowOutlet, DataRowOutlet, NoDataRowOutlet, FooterRowOutlet], styles: [".cute-table-sticky{position:sticky!important}.cute-table{table-layout:auto;white-space:normal;border-spacing:0;border-collapse:separate;min-width:100%;background-color:var(--bs-table-bg)}.cute-table>tfoot{font-weight:700}.cute-table.cute-table-vertical-head thead th{position:relative;writing-mode:vertical-lr;white-space:wrap;transform:rotate(180deg)}.cute-table .table-group-divider tr:first-child td,.cute-table .table-group-divider tr:first-child th{border-top:calc(var(--bs-border-width) * 2) solid var(--bs-table-border-color)}.cute-table.table-bordered>:not(caption)>*>*{border-width:0}.cute-table.table-bordered th{border-top:var(--bs-border-width) solid var(--bs-table-border-color);border-bottom:var(--bs-border-width) solid var(--bs-table-border-color);border-right:var(--bs-border-width) solid var(--bs-table-border-color)}.cute-table.table-bordered td{border-bottom:var(--bs-border-width) solid var(--bs-table-border-color);border-right:var(--bs-border-width) solid var(--bs-table-border-color)}.cute-table.table-bordered th:first-child,.cute-table.table-bordered td:first-child{border-left:var(--bs-border-width) solid var(--bs-table-border-color)}.cute-table.cute-table-fixed-layout{table-layout:fixed}.cute-table .cute-table-sticky-border-elem-right{border-left:var(--bs-border-width) solid var(--bs-table-border-color)!important}.cute-table .cute-table-sticky-border-elem-left{border-right:var(--bs-border-width) solid var(--bs-table-border-color)!important}.cute-row,.cute-header-row,.cute-footer-row{-webkit-font-smoothing:antialiased}.cute-cell,.cute-header-cell,.cute-footer-cell{box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;outline:none}\n"] }]
@@ -240,10 +232,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Captures the template of a column's data row cell as well as cell-specific properties.
  */
 class CuteCellDef extends CdkCellDef {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCellDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteCellDef, isStandalone: true, selector: "[cuteCellDef]", providers: [{ provide: CdkCellDef, useExisting: CuteCellDef }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCellDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteCellDef, isStandalone: true, selector: "[cuteCellDef]", providers: [{ provide: CdkCellDef, useExisting: CuteCellDef }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCellDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCellDef, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteCellDef]',
@@ -255,10 +247,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Captures the template of a column's header cell and as well as cell-specific properties.
  */
 class CuteHeaderCellDef extends CdkHeaderCellDef {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteHeaderCellDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteHeaderCellDef, isStandalone: true, selector: "[cuteHeaderCellDef]", providers: [{ provide: CdkHeaderCellDef, useExisting: CuteHeaderCellDef }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteHeaderCellDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteHeaderCellDef, isStandalone: true, selector: "[cuteHeaderCellDef]", providers: [{ provide: CdkHeaderCellDef, useExisting: CuteHeaderCellDef }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteHeaderCellDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteHeaderCellDef, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteHeaderCellDef]',
@@ -270,10 +262,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Captures the template of a column's footer cell and as well as cell-specific properties.
  */
 class CuteFooterCellDef extends CdkFooterCellDef {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteFooterCellDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteFooterCellDef, isStandalone: true, selector: "[cuteFooterCellDef]", providers: [{ provide: CdkFooterCellDef, useExisting: CuteFooterCellDef }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteFooterCellDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteFooterCellDef, isStandalone: true, selector: "[cuteFooterCellDef]", providers: [{ provide: CdkFooterCellDef, useExisting: CuteFooterCellDef }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteFooterCellDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteFooterCellDef, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteFooterCellDef]',
@@ -297,13 +289,13 @@ class CuteColumnDef extends CdkColumnDef {
         super._updateColumnCssClassName();
         this._columnCssClassName.push(`cute-column-${this.cssClassFriendlyName}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteColumnDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.15", type: CuteColumnDef, isStandalone: true, selector: "[cuteColumnDef]", inputs: { sticky: ["sticky", "sticky", booleanAttribute], name: ["cuteColumnDef", "name"] }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteColumnDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.0", type: CuteColumnDef, isStandalone: true, selector: "[cuteColumnDef]", inputs: { sticky: ["sticky", "sticky", booleanAttribute], name: ["cuteColumnDef", "name"] }, providers: [
             { provide: CdkColumnDef, useExisting: CuteColumnDef },
             { provide: 'CUTE_SORT_HEADER_COLUMN_DEF', useExisting: CuteColumnDef },
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteColumnDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteColumnDef, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteColumnDef]',
@@ -320,10 +312,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }] } });
 /** Header cell template container that adds the right classes and role. */
 class CuteHeaderCell extends CdkHeaderCell {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteHeaderCell, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteHeaderCell, isStandalone: true, selector: "cute-header-cell, th[cute-header-cell]", inputs: { color: "color" }, host: { attributes: { "role": "columnheader" }, properties: { "class": "color ? \"table-\"+color : \"\"" }, classAttribute: "cute-header-cell" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteHeaderCell, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteHeaderCell, isStandalone: true, selector: "cute-header-cell, th[cute-header-cell]", inputs: { color: "color" }, host: { attributes: { "role": "columnheader" }, properties: { "class": "color ? \"table-\"+color : \"\"" }, classAttribute: "cute-header-cell" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteHeaderCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteHeaderCell, decorators: [{
             type: Directive,
             args: [{
                     selector: 'cute-header-cell, th[cute-header-cell]',
@@ -339,10 +331,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }] } });
 /** Footer cell template container that adds the right classes and role. */
 class CuteFooterCell extends CdkFooterCell {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteFooterCell, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteFooterCell, isStandalone: true, selector: "cute-footer-cell, td[cute-footer-cell]", inputs: { color: "color" }, host: { properties: { "class": "color ? \"table-\"+color : \"\"" }, classAttribute: "cute-footer-cell" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteFooterCell, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteFooterCell, isStandalone: true, selector: "cute-footer-cell, td[cute-footer-cell]", inputs: { color: "color" }, host: { properties: { "class": "color ? \"table-\"+color : \"\"" }, classAttribute: "cute-footer-cell" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteFooterCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteFooterCell, decorators: [{
             type: Directive,
             args: [{
                     selector: 'cute-footer-cell, td[cute-footer-cell]',
@@ -362,10 +354,10 @@ class CuteCell extends CdkCell {
         /* Body cell's activity state */
         this.active = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCell, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.15", type: CuteCell, isStandalone: true, selector: "cute-cell, td[cute-cell]", inputs: { color: "color", active: ["active", "active", booleanAttribute] }, host: { properties: { "class.table-active": "active", "class": "color ? \"table-\"+color : \"\"" }, classAttribute: "cute-cell" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCell, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.0", type: CuteCell, isStandalone: true, selector: "cute-cell, td[cute-cell]", inputs: { color: "color", active: ["active", "active", booleanAttribute] }, host: { properties: { "class.table-active": "active", "class": "color ? \"table-\"+color : \"\"" }, classAttribute: "cute-cell" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCell, decorators: [{
             type: Directive,
             args: [{
                     selector: 'cute-cell, td[cute-cell]',
@@ -401,10 +393,10 @@ const ROW_TEMPLATE = `<ng-container cdkCellOutlet></ng-container>`;
  * Captures the header row's template and other header properties such as the columns to display.
  */
 class CuteHeaderRowDef extends CdkHeaderRowDef {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteHeaderRowDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.15", type: CuteHeaderRowDef, isStandalone: true, selector: "[cuteHeaderRowDef]", inputs: { columns: ["cuteHeaderRowDef", "columns"], sticky: ["cuteHeaderRowDefSticky", "sticky", booleanAttribute] }, providers: [{ provide: CdkHeaderRowDef, useExisting: CuteHeaderRowDef }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteHeaderRowDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.0", type: CuteHeaderRowDef, isStandalone: true, selector: "[cuteHeaderRowDef]", inputs: { columns: ["cuteHeaderRowDef", "columns"], sticky: ["cuteHeaderRowDefSticky", "sticky", booleanAttribute] }, providers: [{ provide: CdkHeaderRowDef, useExisting: CuteHeaderRowDef }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteHeaderRowDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteHeaderRowDef, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteHeaderRowDef]',
@@ -420,10 +412,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Captures the footer row's template and other footer properties such as the columns to display.
  */
 class CuteFooterRowDef extends CdkFooterRowDef {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteFooterRowDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.15", type: CuteFooterRowDef, isStandalone: true, selector: "[cuteFooterRowDef]", inputs: { columns: ["cuteFooterRowDef", "columns"], sticky: ["cuteFooterRowDefSticky", "sticky", booleanAttribute] }, providers: [{ provide: CdkFooterRowDef, useExisting: CuteFooterRowDef }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteFooterRowDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.0", type: CuteFooterRowDef, isStandalone: true, selector: "[cuteFooterRowDef]", inputs: { columns: ["cuteFooterRowDef", "columns"], sticky: ["cuteFooterRowDefSticky", "sticky", booleanAttribute] }, providers: [{ provide: CdkFooterRowDef, useExisting: CuteFooterRowDef }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteFooterRowDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteFooterRowDef, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteFooterRowDef]',
@@ -440,10 +432,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * a when predicate that describes when this row should be used.
  */
 class CuteRowDef extends CdkRowDef {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteRowDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteRowDef, isStandalone: true, selector: "[cuteRowDef]", inputs: { columns: ["cuteRowDefColumns", "columns"], when: ["cuteRowDefWhen", "when"] }, providers: [{ provide: CdkRowDef, useExisting: CuteRowDef }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteRowDef, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteRowDef, isStandalone: true, selector: "[cuteRowDef]", inputs: { columns: ["cuteRowDefColumns", "columns"], when: ["cuteRowDefWhen", "when"] }, providers: [{ provide: CdkRowDef, useExisting: CuteRowDef }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteRowDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteRowDef, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteRowDef]',
@@ -453,10 +445,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         }] });
 /** Header template container that contains the cell outlet. Adds the right class and role. */
 class CuteHeaderRow extends CdkHeaderRow {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteHeaderRow, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteHeaderRow, isStandalone: true, selector: "cute-header-row, tr[cute-header-row]", inputs: { color: "color" }, host: { attributes: { "role": "row" }, properties: { "class": "color ? \"table-\"+color : \"\"" }, classAttribute: "cute-header-row" }, providers: [{ provide: CdkHeaderRow, useExisting: CuteHeaderRow }], exportAs: ["cuteHeaderRow"], usesInheritance: true, ngImport: i0, template: "<ng-container cdkCellOutlet></ng-container>", isInline: true, dependencies: [{ kind: "directive", type: CdkCellOutlet, selector: "[cdkCellOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteHeaderRow, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteHeaderRow, isStandalone: true, selector: "cute-header-row, tr[cute-header-row]", inputs: { color: "color" }, host: { attributes: { "role": "row" }, properties: { "class": "color ? \"table-\"+color : \"\"" }, classAttribute: "cute-header-row" }, providers: [{ provide: CdkHeaderRow, useExisting: CuteHeaderRow }], exportAs: ["cuteHeaderRow"], usesInheritance: true, ngImport: i0, template: "<ng-container cdkCellOutlet></ng-container>", isInline: true, dependencies: [{ kind: "directive", type: CdkCellOutlet, selector: "[cdkCellOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteHeaderRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteHeaderRow, decorators: [{
             type: Component,
             args: [{
                     selector: 'cute-header-row, tr[cute-header-row]',
@@ -479,10 +471,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }] } });
 /** Footer template container that contains the cell outlet. Adds the right class and role. */
 class CuteFooterRow extends CdkFooterRow {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteFooterRow, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteFooterRow, isStandalone: true, selector: "cute-footer-row, tr[cute-footer-row]", inputs: { color: "color" }, host: { attributes: { "role": "row" }, properties: { "class": "color ? \"table-\"+color : \"\"" }, classAttribute: "cute-footer-row" }, providers: [{ provide: CdkFooterRow, useExisting: CuteFooterRow }], exportAs: ["cuteFooterRow"], usesInheritance: true, ngImport: i0, template: "<ng-container cdkCellOutlet></ng-container>", isInline: true, dependencies: [{ kind: "directive", type: CdkCellOutlet, selector: "[cdkCellOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteFooterRow, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteFooterRow, isStandalone: true, selector: "cute-footer-row, tr[cute-footer-row]", inputs: { color: "color" }, host: { attributes: { "role": "row" }, properties: { "class": "color ? \"table-\"+color : \"\"" }, classAttribute: "cute-footer-row" }, providers: [{ provide: CdkFooterRow, useExisting: CuteFooterRow }], exportAs: ["cuteFooterRow"], usesInheritance: true, ngImport: i0, template: "<ng-container cdkCellOutlet></ng-container>", isInline: true, dependencies: [{ kind: "directive", type: CdkCellOutlet, selector: "[cdkCellOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteFooterRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteFooterRow, decorators: [{
             type: Component,
             args: [{
                     selector: 'cute-footer-row, tr[cute-footer-row]',
@@ -510,10 +502,10 @@ class CuteRow extends CdkRow {
         /* Whether the row has an active state */
         this.active = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteRow, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: CuteRow, isStandalone: true, selector: "cute-row, tr[cute-row]", inputs: { color: "color", active: ["active", "active", booleanAttribute] }, host: { attributes: { "role": "row" }, properties: { "class.table-active": "active", "class": "color ? \"table-\"+color : \"\"" }, classAttribute: "cute-row" }, providers: [{ provide: CdkRow, useExisting: CuteRow }], exportAs: ["cuteRow"], usesInheritance: true, ngImport: i0, template: "<ng-container cdkCellOutlet></ng-container>", isInline: true, dependencies: [{ kind: "directive", type: CdkCellOutlet, selector: "[cdkCellOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteRow, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.0", type: CuteRow, isStandalone: true, selector: "cute-row, tr[cute-row]", inputs: { color: "color", active: ["active", "active", booleanAttribute] }, host: { attributes: { "role": "row" }, properties: { "class.table-active": "active", "class": "color ? \"table-\"+color : \"\"" }, classAttribute: "cute-row" }, providers: [{ provide: CdkRow, useExisting: CuteRow }], exportAs: ["cuteRow"], usesInheritance: true, ngImport: i0, template: "<ng-container cdkCellOutlet></ng-container>", isInline: true, dependencies: [{ kind: "directive", type: CdkCellOutlet, selector: "[cdkCellOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteRow, decorators: [{
             type: Component,
             args: [{
                     selector: 'cute-row, tr[cute-row]',
@@ -546,10 +538,10 @@ class CuteNoDataRow extends CdkNoDataRow {
         this._contentClassNames.push('cute-no-data-row', 'cute-row');
         this._cellClassNames.push('cute-cell', 'cute-no-data-cell');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNoDataRow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteNoDataRow, isStandalone: true, selector: "ng-template[cuteNoDataRow]", providers: [{ provide: CdkNoDataRow, useExisting: CuteNoDataRow }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNoDataRow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteNoDataRow, isStandalone: true, selector: "ng-template[cuteNoDataRow]", providers: [{ provide: CdkNoDataRow, useExisting: CuteNoDataRow }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNoDataRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNoDataRow, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[cuteNoDataRow]',
@@ -896,8 +888,8 @@ class CuteTableDataSource extends DataSource {
  * input.
  */
 class CuteTextColumn extends CdkTextColumn {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteTextColumn, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteTextColumn, isStandalone: true, selector: "cute-text-column", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteTextColumn, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteTextColumn, isStandalone: true, selector: "cute-text-column", usesInheritance: true, ngImport: i0, template: `
     <ng-container cuteColumnDef>
       <th cute-header-cell *cuteHeaderCellDef [style.text-align]="justify">
         {{headerText}}
@@ -906,9 +898,9 @@ class CuteTextColumn extends CdkTextColumn {
         {{dataAccessor(data, name)}}
       </td>
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "directive", type: CuteColumnDef, selector: "[cuteColumnDef]", inputs: ["sticky", "cuteColumnDef"] }, { kind: "directive", type: CuteHeaderCellDef, selector: "[cuteHeaderCellDef]" }, { kind: "directive", type: CuteHeaderCell, selector: "cute-header-cell, th[cute-header-cell]", inputs: ["color"] }, { kind: "directive", type: CuteCellDef, selector: "[cuteCellDef]" }, { kind: "directive", type: CuteCell, selector: "cute-cell, td[cute-cell]", inputs: ["color", "active"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: CuteColumnDef, selector: "[cuteColumnDef]", inputs: ["sticky", "cuteColumnDef"] }, { kind: "directive", type: CuteHeaderCellDef, selector: "[cuteHeaderCellDef]" }, { kind: "directive", type: CuteHeaderCell, selector: "cute-header-cell, th[cute-header-cell]", inputs: ["color"] }, { kind: "directive", type: CuteCellDef, selector: "[cuteCellDef]" }, { kind: "directive", type: CuteCell, selector: "cute-cell, td[cute-cell]", inputs: ["color", "active"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteTextColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteTextColumn, decorators: [{
             type: Component,
             args: [{
                     selector: 'cute-text-column',
@@ -966,8 +958,8 @@ const TYPES = [
     CuteTextColumn,
 ];
 class CuteTableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CuteTableModule, imports: [CommonModule, CdkTableModule, 
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: CuteTableModule, imports: [CommonModule, CdkTableModule, 
             // Table
             CuteTable,
             CuteRecycleRows,
@@ -1010,9 +1002,9 @@ class CuteTableModule {
             CuteFooterRow,
             CuteNoDataRow,
             CuteTextColumn] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteTableModule, imports: [CommonModule, CdkTableModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteTableModule, imports: [CommonModule, CdkTableModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteTableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, CdkTableModule, ...TYPES],