@taiga-ui/addon-table 2.55.0 → 2.58.0

package/fesm2015/taiga-ui-addon-table-utils.js

@@ -10,7 +10,7 @@ function defaultSort(x, y) {
     if (a === b) {
         return 0;
     }
-    if (typeof a === 'string' && typeof b === 'string') {
+    if (typeof a === `string` && typeof b === `string`) {
         return a.localeCompare(b);
     }
     return a > b ? 1 : -1;

package/fesm2015/taiga-ui-addon-table-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-table-utils.js","sources":["ng://@taiga-ui/addon-table/utils/default-sort.ts","ng://@taiga-ui/addon-table/utils/taiga-ui-addon-table-utils.ts"],"sourcesContent":["import {TuiDay} from '@taiga-ui/cdk';\n\n/**\n * @deprecated: use {@link tuiDefaultSort} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function defaultSort<T>(x: T, y: T): number {\n    const a = x instanceof TuiDay ? Number(x.toUtcNativeDate()) : x;\n    const b = y instanceof TuiDay ? Number(y.toUtcNativeDate()) : y;\n\n    if (a === b) {\n        return 0;\n    }\n\n    if (typeof a === 'string' && typeof b === 'string') {\n        return a.localeCompare(b);\n    }\n\n    return a > b ? 1 : -1;\n}\n\nexport const tuiDefaultSort = defaultSort;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAEA;;;AAGA;SACgB,WAAW,CAAI,CAAI,EAAE,CAAI;IACrC,MAAM,CAAC,GAAG,CAAC,YAAY,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC;IAChE,MAAM,CAAC,GAAG,CAAC,YAAY,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC;IAEhE,IAAI,CAAC,KAAK,CAAC,EAAE;QACT,OAAO,CAAC,CAAC;KACZ;IAED,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;QAChD,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;KAC7B;IAED,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1B,CAAC;MAEY,cAAc,GAAG;;ACrB9B;;;;;;"}
+{"version":3,"file":"taiga-ui-addon-table-utils.js","sources":["ng://@taiga-ui/addon-table/utils/default-sort.ts","ng://@taiga-ui/addon-table/utils/taiga-ui-addon-table-utils.ts"],"sourcesContent":["import {TuiDay} from '@taiga-ui/cdk';\n\n/**\n * @deprecated: use {@link tuiDefaultSort} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function defaultSort<T>(x: T, y: T): number {\n    const a = x instanceof TuiDay ? Number(x.toUtcNativeDate()) : x;\n    const b = y instanceof TuiDay ? Number(y.toUtcNativeDate()) : y;\n\n    if (a === b) {\n        return 0;\n    }\n\n    if (typeof a === `string` && typeof b === `string`) {\n        return a.localeCompare(b);\n    }\n\n    return a > b ? 1 : -1;\n}\n\nexport const tuiDefaultSort = defaultSort;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAEA;;;AAGA;SACgB,WAAW,CAAI,CAAI,EAAE,CAAI;IACrC,MAAM,CAAC,GAAG,CAAC,YAAY,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC;IAChE,MAAM,CAAC,GAAG,CAAC,YAAY,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC;IAEhE,IAAI,CAAC,KAAK,CAAC,EAAE;QACT,OAAO,CAAC,CAAC;KACZ;IAED,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;QAChD,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;KAC7B;IAED,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1B,CAAC;MAEY,cAAc,GAAG;;ACrB9B;;;;;;"}

package/fesm5/taiga-ui-addon-table-components-reorder.js

@@ -21,7 +21,7 @@ var TuiReorderComponent = /** @class */ (function () {
         return this.enabled.includes(item);
     };
     TuiReorderComponent.prototype.getIcon = function (item) {
-        return this.isEnabled(item) ? 'tuiIconEyeOpen' : 'tuiIconEyeClosed';
+        return this.isEnabled(item) ? "tuiIconEyeOpen" : "tuiIconEyeClosed";
     };
     TuiReorderComponent.prototype.toggle = function (toggled) {
         var enabled = this.isEnabled(toggled)
@@ -59,13 +59,13 @@ var TuiReorderComponent = /** @class */ (function () {
         Output()
     ], TuiReorderComponent.prototype, "enabledChange", void 0);
     __decorate([
-        HostListener('focusout.stop')
+        HostListener("focusout.stop")
     ], TuiReorderComponent.prototype, "noop", null);
     TuiReorderComponent = __decorate([
         Component({
-            selector: 'tui-reorder',
-            template: "<div\n    cdkDropList\n    class=\"wrapper\"\n    (cdkDropListDropped)=\"drop($event)\"\n>\n    <div\n        *ngFor=\"let item of items\"\n        tabindex=\"-1\"\n        cdkDrag\n        class=\"item\"\n    >\n        <tui-svg\n            src=\"tuiIconDrag\"\n            class=\"icon\"\n        ></tui-svg>\n        {{ item }}\n        <button\n            type=\"button\"\n            tuiIconButton\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"button\"\n            [class.button_hidden]=\"!isEnabled(item)\"\n            [title]=\"showHideText$ | async\"\n            [icon]=\"getIcon(item)\"\n            (click)=\"toggle(item)\"\n        ></button>\n    </div>\n</div>\n",
-            styles: [":host{display:block;font:var(--tui-font-text-s);padding:.5rem 0}.item{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;height:2rem;align-items:center;padding:0 .75rem;cursor:ns-resize;background:var(--tui-base-01);outline:0}.item:hover{background:var(--tui-base-02)}.item:hover .button{opacity:1}.icon{margin-right:.5rem;color:var(--tui-base-05)}.button{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-left:auto;opacity:0}.button_hidden{opacity:1}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating,.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder):hover{background:var(--tui-base-01)}.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder) .button{display:none}"]
+            selector: "tui-reorder",
+            template: "<div\n    cdkDropList\n    class=\"t-wrapper\"\n    (cdkDropListDropped)=\"drop($event)\"\n>\n    <div\n        *ngFor=\"let item of items\"\n        tabindex=\"-1\"\n        cdkDrag\n        class=\"t-item\"\n    >\n        <tui-svg\n            src=\"tuiIconDrag\"\n            class=\"t-icon\"\n        ></tui-svg>\n        {{ item }}\n        <button\n            type=\"button\"\n            tuiIconButton\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"t-button\"\n            [class.t-button_hidden]=\"!isEnabled(item)\"\n            [title]=\"showHideText$ | async\"\n            [icon]=\"getIcon(item)\"\n            (click)=\"toggle(item)\"\n        ></button>\n    </div>\n</div>\n",
+            styles: [":host{display:block;font:var(--tui-font-text-s);padding:.5rem 0}.t-item{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;height:2rem;align-items:center;padding:0 .75rem;cursor:ns-resize;background:var(--tui-base-01);outline:0}.t-item:hover{background:var(--tui-base-02)}.t-item:hover .t-button{opacity:1}.t-icon{margin-right:.5rem;color:var(--tui-base-05)}.t-button{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-left:auto;opacity:0}.t-button_hidden{opacity:1}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating,.t-wrapper.cdk-drop-list-dragging .t-item:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.t-wrapper.cdk-drop-list-dragging .t-item:not(.cdk-drag-placeholder):hover{background:var(--tui-base-01)}.t-wrapper.cdk-drop-list-dragging .t-item:not(.cdk-drag-placeholder) .t-button{display:none}"]
         }),
         __param(0, Inject(TUI_TABLE_SHOW_HIDE_MESSAGE))
     ], TuiReorderComponent);

package/fesm5/taiga-ui-addon-table-components-reorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-table-components-reorder.js","sources":["ng://@taiga-ui/addon-table/components/reorder/reorder.component.ts","ng://@taiga-ui/addon-table/components/reorder/reorder.module.ts","ng://@taiga-ui/addon-table/components/reorder/taiga-ui-addon-table-components-reorder.ts"],"sourcesContent":["import {CdkDragDrop, moveItemInArray} from '@angular/cdk/drag-drop';\nimport {\n    Component,\n    EventEmitter,\n    HostListener,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {TUI_TABLE_SHOW_HIDE_MESSAGE} from '@taiga-ui/addon-table/tokens';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\n// @bad TODO: a11y\n@Component({\n    selector: 'tui-reorder',\n    templateUrl: './reorder.template.html',\n    styleUrls: ['./reorder.style.less'],\n})\nexport class TuiReorderComponent<T> {\n    @Input()\n    @tuiDefaultProp()\n    items: readonly T[] = [];\n\n    @Input()\n    @tuiDefaultProp()\n    enabled: readonly T[] = [];\n\n    @Output()\n    readonly itemsChange = new EventEmitter<readonly T[]>();\n\n    @Output()\n    readonly enabledChange = new EventEmitter<readonly T[]>();\n\n    constructor(\n        @Inject(TUI_TABLE_SHOW_HIDE_MESSAGE) readonly showHideText$: Observable<string>,\n    ) {}\n\n    @HostListener('focusout.stop')\n    noop(): void {}\n\n    isEnabled(item: T): boolean {\n        return this.enabled.includes(item);\n    }\n\n    getIcon(item: T): string {\n        return this.isEnabled(item) ? 'tuiIconEyeOpen' : 'tuiIconEyeClosed';\n    }\n\n    toggle(toggled: T): void {\n        const enabled = this.isEnabled(toggled)\n            ? this.enabled.filter(item => item !== toggled)\n            : this.enabled.concat(toggled);\n\n        this.updateEnabled(enabled);\n    }\n\n    drop(event: CdkDragDrop<T>): void {\n        const items = [...this.items];\n\n        moveItemInArray(items, event.previousIndex, event.currentIndex);\n        this.items = items;\n        this.itemsChange.emit(items);\n        this.updateEnabled(items.filter(item => this.enabled.includes(item)));\n    }\n\n    private updateEnabled(enabled: readonly T[]): void {\n        this.enabled = enabled;\n        this.enabledChange.emit(enabled);\n    }\n}\n","import {DragDropModule} from '@angular/cdk/drag-drop';\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {TuiButtonModule, TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiReorderComponent} from './reorder.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        DragDropModule,\n        TuiSvgModule,\n        TuiButtonModule,\n        TuiPreventDefaultModule,\n    ],\n    declarations: [TuiReorderComponent],\n    exports: [TuiReorderComponent],\n})\nexport class TuiReorderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAaA;;IAqBI,6BACkD,aAAiC;QAAjC,kBAAa,GAAb,aAAa,CAAoB;QAbnF,UAAK,GAAiB,EAAE,CAAC;QAIzB,YAAO,GAAiB,EAAE,CAAC;QAGlB,gBAAW,GAAG,IAAI,YAAY,EAAgB,CAAC;QAG/C,kBAAa,GAAG,IAAI,YAAY,EAAgB,CAAC;KAItD;IAGJ,kCAAI,GAAJ,eAAe;IAEf,uCAAS,GAAT,UAAU,IAAO;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACtC;IAED,qCAAO,GAAP,UAAQ,IAAO;QACX,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;KACvE;IAED,oCAAM,GAAN,UAAO,OAAU;QACb,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;cACjC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,KAAK,OAAO,GAAA,CAAC;cAC7C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAEnC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,kCAAI,GAAJ,UAAK,KAAqB;QAA1B,iBAOC;QANG,IAAM,KAAK,YAAO,IAAI,CAAC,KAAK,CAAC,CAAC;QAE9B,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;QAChE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,KAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAA,CAAC,CAAC,CAAC;KACzE;IAEO,2CAAa,GAArB,UAAsB,OAAqB;QACvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACpC;;gBAlCgE,UAAU,uBAAtE,MAAM,SAAC,2BAA2B;;IAbvC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;sDACQ;IAIzB;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;wDACU;IAG3B;QADC,MAAM,EAAE;4DAC+C;IAGxD;QADC,MAAM,EAAE;8DACiD;IAO1D;QADC,YAAY,CAAC,eAAe,CAAC;mDACf;IApBN,mBAAmB;QAL/B,SAAS,CAAC;YACP,QAAQ,EAAE,aAAa;YACvB,kwBAAsC;;SAEzC,CAAC;QAiBO,WAAA,MAAM,CAAC,2BAA2B,CAAC,CAAA;OAhB/B,mBAAmB,CAmD/B;IAAD,0BAAC;CAnDD;;;ICAA;KAAgC;IAAnB,gBAAgB;QAX5B,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,cAAc;gBACd,YAAY;gBACZ,eAAe;gBACf,uBAAuB;aAC1B;YACD,YAAY,EAAE,CAAC,mBAAmB,CAAC;YACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;SACjC,CAAC;OACW,gBAAgB,CAAG;IAAD,uBAAC;CAAhC;;ACnBA;;;;;;"}
+{"version":3,"file":"taiga-ui-addon-table-components-reorder.js","sources":["ng://@taiga-ui/addon-table/components/reorder/reorder.component.ts","ng://@taiga-ui/addon-table/components/reorder/reorder.module.ts","ng://@taiga-ui/addon-table/components/reorder/taiga-ui-addon-table-components-reorder.ts"],"sourcesContent":["import {CdkDragDrop, moveItemInArray} from '@angular/cdk/drag-drop';\nimport {\n    Component,\n    EventEmitter,\n    HostListener,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {TUI_TABLE_SHOW_HIDE_MESSAGE} from '@taiga-ui/addon-table/tokens';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\n// @bad TODO: a11y\n@Component({\n    selector: `tui-reorder`,\n    templateUrl: `./reorder.template.html`,\n    styleUrls: [`./reorder.style.less`],\n})\nexport class TuiReorderComponent<T> {\n    @Input()\n    @tuiDefaultProp()\n    items: readonly T[] = [];\n\n    @Input()\n    @tuiDefaultProp()\n    enabled: readonly T[] = [];\n\n    @Output()\n    readonly itemsChange = new EventEmitter<readonly T[]>();\n\n    @Output()\n    readonly enabledChange = new EventEmitter<readonly T[]>();\n\n    constructor(\n        @Inject(TUI_TABLE_SHOW_HIDE_MESSAGE) readonly showHideText$: Observable<string>,\n    ) {}\n\n    @HostListener(`focusout.stop`)\n    noop(): void {}\n\n    isEnabled(item: T): boolean {\n        return this.enabled.includes(item);\n    }\n\n    getIcon(item: T): string {\n        return this.isEnabled(item) ? `tuiIconEyeOpen` : `tuiIconEyeClosed`;\n    }\n\n    toggle(toggled: T): void {\n        const enabled = this.isEnabled(toggled)\n            ? this.enabled.filter(item => item !== toggled)\n            : this.enabled.concat(toggled);\n\n        this.updateEnabled(enabled);\n    }\n\n    drop(event: CdkDragDrop<T>): void {\n        const items = [...this.items];\n\n        moveItemInArray(items, event.previousIndex, event.currentIndex);\n        this.items = items;\n        this.itemsChange.emit(items);\n        this.updateEnabled(items.filter(item => this.enabled.includes(item)));\n    }\n\n    private updateEnabled(enabled: readonly T[]): void {\n        this.enabled = enabled;\n        this.enabledChange.emit(enabled);\n    }\n}\n","import {DragDropModule} from '@angular/cdk/drag-drop';\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {TuiButtonModule, TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiReorderComponent} from './reorder.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        DragDropModule,\n        TuiSvgModule,\n        TuiButtonModule,\n        TuiPreventDefaultModule,\n    ],\n    declarations: [TuiReorderComponent],\n    exports: [TuiReorderComponent],\n})\nexport class TuiReorderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAaA;;IAqBI,6BACkD,aAAiC;QAAjC,kBAAa,GAAb,aAAa,CAAoB;QAbnF,UAAK,GAAiB,EAAE,CAAC;QAIzB,YAAO,GAAiB,EAAE,CAAC;QAGlB,gBAAW,GAAG,IAAI,YAAY,EAAgB,CAAC;QAG/C,kBAAa,GAAG,IAAI,YAAY,EAAgB,CAAC;KAItD;IAGJ,kCAAI,GAAJ,eAAe;IAEf,uCAAS,GAAT,UAAU,IAAO;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACtC;IAED,qCAAO,GAAP,UAAQ,IAAO;QACX,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;KACvE;IAED,oCAAM,GAAN,UAAO,OAAU;QACb,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;cACjC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,KAAK,OAAO,GAAA,CAAC;cAC7C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAEnC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,kCAAI,GAAJ,UAAK,KAAqB;QAA1B,iBAOC;QANG,IAAM,KAAK,YAAO,IAAI,CAAC,KAAK,CAAC,CAAC;QAE9B,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;QAChE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,KAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAA,CAAC,CAAC,CAAC;KACzE;IAEO,2CAAa,GAArB,UAAsB,OAAqB;QACvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACpC;;gBAlCgE,UAAU,uBAAtE,MAAM,SAAC,2BAA2B;;IAbvC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;sDACQ;IAIzB;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;wDACU;IAG3B;QADC,MAAM,EAAE;4DAC+C;IAGxD;QADC,MAAM,EAAE;8DACiD;IAO1D;QADC,YAAY,CAAC,eAAe,CAAC;mDACf;IApBN,mBAAmB;QAL/B,SAAS,CAAC;YACP,QAAQ,EAAE,aAAa;YACvB,4wBAAsC;;SAEzC,CAAC;QAiBO,WAAA,MAAM,CAAC,2BAA2B,CAAC,CAAA;OAhB/B,mBAAmB,CAmD/B;IAAD,0BAAC;CAnDD;;;ICAA;KAAgC;IAAnB,gBAAgB;QAX5B,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,cAAc;gBACd,YAAY;gBACZ,eAAe;gBACf,uBAAuB;aAC1B;YACD,YAAY,EAAE,CAAC,mBAAmB,CAAC;YACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;SACjC,CAAC;OACW,gBAAgB,CAAG;IAAD,uBAAC;CAAhC;;ACnBA;;;;;;"}

package/fesm5/taiga-ui-addon-table-components-resizable-column.js

@@ -14,19 +14,19 @@ var TuiResizableColumnComponent = /** @class */ (function () {
         this.width = width;
     };
     __decorate([
-        HostBinding('style.width.px')
+        HostBinding("style.width.px")
     ], TuiResizableColumnComponent.prototype, "width", void 0);
     TuiResizableColumnComponent = __decorate([
         Component({
-            selector: 'th[tuiResizableColumn]',
-            template: "<ng-content></ng-content>\n<div\n    class=\"bar\"\n    (tuiResizableColumn)=\"onResize($event)\"\n></div>\n",
+            selector: "th[tuiResizableColumn]",
+            template: "<ng-content></ng-content>\n<div\n    class=\"t-bar\"\n    (tuiResizableColumn)=\"onResize($event)\"\n></div>\n",
             providers: [
                 {
                     provide: TUI_ELEMENT_REF,
                     useExisting: ElementRef,
                 },
             ],
-            styles: [":host{position:relative}:host:last-child .bar{display:none}.bar{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;bottom:0;right:-1px;width:3px;justify-self:flex-end;border-left:2px solid transparent;background:var(--tui-support-12);background-clip:content-box;cursor:ew-resize;opacity:0}.bar:active,.bar:hover{opacity:1}"]
+            styles: [":host{position:relative}:host:last-child .t-bar{display:none}.t-bar{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;bottom:0;right:-1px;width:3px;justify-self:flex-end;border-left:2px solid transparent;background:var(--tui-support-12);background-clip:content-box;cursor:ew-resize;opacity:0}.t-bar:active,.t-bar:hover{opacity:1}"]
         })
     ], TuiResizableColumnComponent);
     return TuiResizableColumnComponent;
@@ -40,12 +40,12 @@ var TuiResizableColumnDirective = /** @class */ (function () {
         this.documentRef = documentRef;
         this.elementRef = elementRef;
         this.parentRef = parentRef;
-        this.tuiResizableColumn = typedFromEvent(this.elementRef.nativeElement, 'mousedown').pipe(preventDefault(), switchMap(function () {
+        this.tuiResizableColumn = typedFromEvent(this.elementRef.nativeElement, "mousedown").pipe(preventDefault(), switchMap(function () {
             var _a = _this.parentRef.nativeElement.getBoundingClientRect(), width = _a.width, right = _a.right;
-            return typedFromEvent(_this.documentRef, 'mousemove').pipe(distinctUntilChanged(), map(function (_a) {
+            return typedFromEvent(_this.documentRef, "mousemove").pipe(distinctUntilChanged(), map(function (_a) {
                 var clientX = _a.clientX;
                 return width + clientX - right;
-            }), takeUntil(typedFromEvent(_this.documentRef, 'mouseup')));
+            }), takeUntil(typedFromEvent(_this.documentRef, "mouseup")));
         }));
     }
     TuiResizableColumnDirective.ctorParameters = function () { return [
@@ -58,7 +58,7 @@ var TuiResizableColumnDirective = /** @class */ (function () {
     ], TuiResizableColumnDirective.prototype, "tuiResizableColumn", void 0);
     TuiResizableColumnDirective = __decorate([
         Directive({
-            selector: '[tuiResizableColumn]',
+            selector: "[tuiResizableColumn]",
         }),
         __param(0, Inject(DOCUMENT)),
         __param(1, Inject(ElementRef)),

package/fesm5/taiga-ui-addon-table-components-resizable-column.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-table-components-resizable-column.js","sources":["ng://@taiga-ui/addon-table/components/resizable-column/resizable-column.component.ts","ng://@taiga-ui/addon-table/components/resizable-column/resizable-column.directive.ts","ng://@taiga-ui/addon-table/components/resizable-column/resizable-column.module.ts","ng://@taiga-ui/addon-table/components/resizable-column/taiga-ui-addon-table-components-resizable-column.ts"],"sourcesContent":["import {Component, ElementRef, HostBinding} from '@angular/core';\nimport {TUI_ELEMENT_REF} from '@taiga-ui/core';\n\n/** @deprecated use `<th tuiTh [resizable]=\"true\">` from {@link TuiTableModule} */\n@Component({\n    selector: 'th[tuiResizableColumn]',\n    templateUrl: './resizable-column.template.html',\n    styleUrls: ['./resizable-column.style.less'],\n    providers: [\n        {\n            provide: TUI_ELEMENT_REF,\n            useExisting: ElementRef,\n        },\n    ],\n})\nexport class TuiResizableColumnComponent {\n    @HostBinding('style.width.px')\n    width: number | null = null;\n\n    onResize(width: number): void {\n        this.width = width;\n    }\n}\n","import {DOCUMENT} from '@angular/common';\nimport {Directive, ElementRef, Inject, Output} from '@angular/core';\nimport {preventDefault, typedFromEvent} from '@taiga-ui/cdk';\nimport {TUI_ELEMENT_REF} from '@taiga-ui/core';\nimport {distinctUntilChanged, map, switchMap, takeUntil} from 'rxjs/operators';\n\n/** @deprecated use `<th tuiTh [resizable]=\"true\">` from {@link TuiTableModule} */\n// @dynamic\n@Directive({\n    selector: '[tuiResizableColumn]',\n})\nexport class TuiResizableColumnDirective {\n    @Output()\n    readonly tuiResizableColumn = typedFromEvent(\n        this.elementRef.nativeElement,\n        'mousedown',\n    ).pipe(\n        preventDefault(),\n        switchMap(() => {\n            const {width, right} = this.parentRef.nativeElement.getBoundingClientRect();\n\n            return typedFromEvent(this.documentRef, 'mousemove').pipe(\n                distinctUntilChanged(),\n                map(({clientX}) => width + clientX - right),\n                takeUntil(typedFromEvent(this.documentRef, 'mouseup')),\n            );\n        }),\n    );\n\n    constructor(\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(ElementRef)\n        private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_ELEMENT_REF)\n        private readonly parentRef: ElementRef<HTMLTableHeaderCellElement>,\n    ) {}\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiResizableColumnComponent} from './resizable-column.component';\nimport {TuiResizableColumnDirective} from './resizable-column.directive';\n\n/** @deprecated use `<th tuiTh [resizable]=\"true\">` from {@link TuiTableModule} */\n@NgModule({\n    declarations: [TuiResizableColumnComponent, TuiResizableColumnDirective],\n    exports: [TuiResizableColumnComponent, TuiResizableColumnDirective],\n})\nexport class TuiResizableColumnModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAGA;;IAYA;QAEI,UAAK,GAAkB,IAAI,CAAC;KAK/B;IAHG,8CAAQ,GAAR,UAAS,KAAa;QAClB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;IAJD;QADC,WAAW,CAAC,gBAAgB,CAAC;8DACF;IAFnB,2BAA2B;QAXvC,SAAS,CAAC;YACP,QAAQ,EAAE,wBAAwB;YAClC,wHAA+C;YAE/C,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,eAAe;oBACxB,WAAW,EAAE,UAAU;iBAC1B;aACJ;;SACJ,CAAC;OACW,2BAA2B,CAOvC;IAAD,kCAAC;CAPD;;ACTA;AACA;;IAsBI,qCACuC,WAAqB,EAEvC,UAAmC,EAEnC,SAAiD;QALtE,iBAMI;QALmC,gBAAW,GAAX,WAAW,CAAU;QAEvC,eAAU,GAAV,UAAU,CAAyB;QAEnC,cAAS,GAAT,SAAS,CAAwC;QArB7D,uBAAkB,GAAG,cAAc,CACxC,IAAI,CAAC,UAAU,CAAC,aAAa,EAC7B,WAAW,CACd,CAAC,IAAI,CACF,cAAc,EAAE,EAChB,SAAS,CAAC;YACA,IAAA,0DAAqE,EAApE,gBAAK,EAAE,gBAA6D,CAAC;YAE5E,OAAO,cAAc,CAAC,KAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,IAAI,CACrD,oBAAoB,EAAE,EACtB,GAAG,CAAC,UAAC,EAAS;oBAAR,oBAAO;gBAAM,OAAA,KAAK,GAAG,OAAO,GAAG,KAAK;aAAA,CAAC,EAC3C,SAAS,CAAC,cAAc,CAAC,KAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CACzD,CAAC;SACL,CAAC,CACL,CAAC;KAQE;;gBALgD,QAAQ,uBAAvD,MAAM,SAAC,QAAQ;gBAEa,UAAU,uBADtC,MAAM,SAAC,UAAU;gBAGU,UAAU,uBADrC,MAAM,SAAC,eAAe;;IApB3B;QADC,MAAM,EAAE;2EAeP;IAhBO,2BAA2B;QAHvC,SAAS,CAAC;YACP,QAAQ,EAAE,sBAAsB;SACnC,CAAC;QAoBO,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;QAChB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;QAElB,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;OAtBnB,2BAA2B,CAyBvC;IAAD,kCAAC;CAzBD;;ACNA;;IAKA;KAAwC;IAA3B,wBAAwB;QAJpC,QAAQ,CAAC;YACN,YAAY,EAAE,CAAC,2BAA2B,EAAE,2BAA2B,CAAC;YACxE,OAAO,EAAE,CAAC,2BAA2B,EAAE,2BAA2B,CAAC;SACtE,CAAC;OACW,wBAAwB,CAAG;IAAD,+BAAC;CAAxC;;ACVA;;;;;;"}
+{"version":3,"file":"taiga-ui-addon-table-components-resizable-column.js","sources":["ng://@taiga-ui/addon-table/components/resizable-column/resizable-column.component.ts","ng://@taiga-ui/addon-table/components/resizable-column/resizable-column.directive.ts","ng://@taiga-ui/addon-table/components/resizable-column/resizable-column.module.ts","ng://@taiga-ui/addon-table/components/resizable-column/taiga-ui-addon-table-components-resizable-column.ts"],"sourcesContent":["import {Component, ElementRef, HostBinding} from '@angular/core';\nimport {TUI_ELEMENT_REF} from '@taiga-ui/core';\n\n/** @deprecated use `<th tuiTh [resizable]=\"true\">` from {@link TuiTableModule} */\n@Component({\n    selector: `th[tuiResizableColumn]`,\n    templateUrl: `./resizable-column.template.html`,\n    styleUrls: [`./resizable-column.style.less`],\n    providers: [\n        {\n            provide: TUI_ELEMENT_REF,\n            useExisting: ElementRef,\n        },\n    ],\n})\nexport class TuiResizableColumnComponent {\n    @HostBinding(`style.width.px`)\n    width: number | null = null;\n\n    onResize(width: number): void {\n        this.width = width;\n    }\n}\n","import {DOCUMENT} from '@angular/common';\nimport {Directive, ElementRef, Inject, Output} from '@angular/core';\nimport {preventDefault, typedFromEvent} from '@taiga-ui/cdk';\nimport {TUI_ELEMENT_REF} from '@taiga-ui/core';\nimport {distinctUntilChanged, map, switchMap, takeUntil} from 'rxjs/operators';\n\n/** @deprecated use `<th tuiTh [resizable]=\"true\">` from {@link TuiTableModule} */\n// @dynamic\n@Directive({\n    selector: `[tuiResizableColumn]`,\n})\nexport class TuiResizableColumnDirective {\n    @Output()\n    readonly tuiResizableColumn = typedFromEvent(\n        this.elementRef.nativeElement,\n        `mousedown`,\n    ).pipe(\n        preventDefault(),\n        switchMap(() => {\n            const {width, right} = this.parentRef.nativeElement.getBoundingClientRect();\n\n            return typedFromEvent(this.documentRef, `mousemove`).pipe(\n                distinctUntilChanged(),\n                map(({clientX}) => width + clientX - right),\n                takeUntil(typedFromEvent(this.documentRef, `mouseup`)),\n            );\n        }),\n    );\n\n    constructor(\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(ElementRef)\n        private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_ELEMENT_REF)\n        private readonly parentRef: ElementRef<HTMLTableHeaderCellElement>,\n    ) {}\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiResizableColumnComponent} from './resizable-column.component';\nimport {TuiResizableColumnDirective} from './resizable-column.directive';\n\n/** @deprecated use `<th tuiTh [resizable]=\"true\">` from {@link TuiTableModule} */\n@NgModule({\n    declarations: [TuiResizableColumnComponent, TuiResizableColumnDirective],\n    exports: [TuiResizableColumnComponent, TuiResizableColumnDirective],\n})\nexport class TuiResizableColumnModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAGA;;IAYA;QAEI,UAAK,GAAkB,IAAI,CAAC;KAK/B;IAHG,8CAAQ,GAAR,UAAS,KAAa;QAClB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;IAJD;QADC,WAAW,CAAC,gBAAgB,CAAC;8DACF;IAFnB,2BAA2B;QAXvC,SAAS,CAAC;YACP,QAAQ,EAAE,wBAAwB;YAClC,0HAA+C;YAE/C,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,eAAe;oBACxB,WAAW,EAAE,UAAU;iBAC1B;aACJ;;SACJ,CAAC;OACW,2BAA2B,CAOvC;IAAD,kCAAC;CAPD;;ACTA;AACA;;IAsBI,qCACuC,WAAqB,EAEvC,UAAmC,EAEnC,SAAiD;QALtE,iBAMI;QALmC,gBAAW,GAAX,WAAW,CAAU;QAEvC,eAAU,GAAV,UAAU,CAAyB;QAEnC,cAAS,GAAT,SAAS,CAAwC;QArB7D,uBAAkB,GAAG,cAAc,CACxC,IAAI,CAAC,UAAU,CAAC,aAAa,EAC7B,WAAW,CACd,CAAC,IAAI,CACF,cAAc,EAAE,EAChB,SAAS,CAAC;YACA,IAAA,0DAAqE,EAApE,gBAAK,EAAE,gBAA6D,CAAC;YAE5E,OAAO,cAAc,CAAC,KAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,IAAI,CACrD,oBAAoB,EAAE,EACtB,GAAG,CAAC,UAAC,EAAS;oBAAR,oBAAO;gBAAM,OAAA,KAAK,GAAG,OAAO,GAAG,KAAK;aAAA,CAAC,EAC3C,SAAS,CAAC,cAAc,CAAC,KAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CACzD,CAAC;SACL,CAAC,CACL,CAAC;KAQE;;gBALgD,QAAQ,uBAAvD,MAAM,SAAC,QAAQ;gBAEa,UAAU,uBADtC,MAAM,SAAC,UAAU;gBAGU,UAAU,uBADrC,MAAM,SAAC,eAAe;;IApB3B;QADC,MAAM,EAAE;2EAeP;IAhBO,2BAA2B;QAHvC,SAAS,CAAC;YACP,QAAQ,EAAE,sBAAsB;SACnC,CAAC;QAoBO,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;QAChB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;QAElB,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;OAtBnB,2BAA2B,CAyBvC;IAAD,kCAAC;CAzBD;;ACNA;;IAKA;KAAwC;IAA3B,wBAAwB;QAJpC,QAAQ,CAAC;YACN,YAAY,EAAE,CAAC,2BAA2B,EAAE,2BAA2B,CAAC;YACxE,OAAO,EAAE,CAAC,2BAA2B,EAAE,2BAA2B,CAAC;SACtE,CAAC;OACW,wBAAwB,CAAG;IAAD,+BAAC;CAAxC;;ACVA;;;;;;"}

package/fesm5/taiga-ui-addon-table-components-table-pagination.js

@@ -14,7 +14,7 @@ function defaultSizeOptionContent(_a) {
 var TUI_TABLE_PAGINATION_DEFAULT_OPTIONS = {
     sizeOptionContent: defaultSizeOptionContent,
 };
-var TUI_TABLE_PAGINATION_OPTIONS = new InjectionToken('Default parameters for TablePagination component', { factory: function () { return TUI_TABLE_PAGINATION_DEFAULT_OPTIONS; } });
+var TUI_TABLE_PAGINATION_OPTIONS = new InjectionToken("Default parameters for TablePagination component", { factory: function () { return TUI_TABLE_PAGINATION_DEFAULT_OPTIONS; } });
 function tuiTablePaginationOptionsProvider(options) {
     return {
         provide: TUI_TABLE_PAGINATION_OPTIONS,
@@ -116,7 +116,7 @@ var TuiTablePaginationComponent = /** @class */ (function () {
     ], TuiTablePaginationComponent.prototype, "sizeChange", void 0);
     TuiTablePaginationComponent = __decorate([
         Component({
-            selector: 'tui-table-pagination',
+            selector: "tui-table-pagination",
             template: "<ng-container *ngIf=\"texts$ | async as texts\">\n    <span class=\"t-pages\">\n        {{ texts.pages }}\n        <strong class=\"t-strong\">{{ pages }}</strong>\n    </span>\n    <span automation-id=\"tui-table-pagination__lines-per-page-wrapper\">\n        {{ texts.linesPerPage }}\n        <tui-hosted-dropdown\n            [content]=\"content\"\n            [(open)]=\"open\"\n        >\n            <button tuiLink>\n                <strong>{{ start + 1 }}\u2013{{ end }}</strong>\n            </button>\n            <ng-template #content>\n                <tui-data-list>\n                    <ng-container *ngFor=\"let item of items\">\n                        <button\n                            tuiOption\n                            size=\"s\"\n                            class=\"t-item\"\n                            (click)=\"onItem(item)\"\n                        >\n                            <span\n                                polymorpheus-outlet\n                                [content]=\"options.sizeOptionContent\"\n                                [context]=\"{$implicit: item, total: total}\"\n                            ></span>\n                            <tui-svg\n                                *ngIf=\"item === size; else fakeIcon\"\n                                src=\"tuiIconCheckLarge\"\n                                class=\"t-checkmark\"\n                            ></tui-svg>\n\n                            <ng-template #fakeIcon>\n                                <span class=\"t-checkmark\"></span>\n                            </ng-template>\n                        </button>\n                    </ng-container>\n                </tui-data-list>\n            </ng-template>\n        </tui-hosted-dropdown>\n        {{ texts.of }}\n        <strong class=\"t-strong\">{{ total }}</strong>\n    </span>\n    <ng-container *ngIf=\"spinTexts$ | async as spinTexts\">\n        <button\n            tuiIconButton\n            type=\"button\"\n            size=\"xs\"\n            appearance=\"icon\"\n            icon=\"tuiIconChevronLeft\"\n            class=\"t-back\"\n            [disabled]=\"leftDisabled\"\n            [title]=\"spinTexts[0]\"\n            (click)=\"back()\"\n        ></button>\n        <button\n            tuiIconButton\n            type=\"button\"\n            size=\"xs\"\n            appearance=\"icon\"\n            icon=\"tuiIconChevronRight\"\n            [disabled]=\"rightDisabled\"\n            [title]=\"spinTexts[1]\"\n            (click)=\"forth()\"\n        ></button>\n    </ng-container>\n</ng-container>\n",
             styles: [":host{display:flex;font:var(--tui-font-text-s);align-items:center;color:var(--tui-text-03)}.t-strong{color:var(--tui-text-01)}.t-pages{margin-right:auto}.t-item{min-width:5.5rem;box-sizing:border-box}.t-checkmark{min-width:1.5rem;border-left:5px solid transparent}.t-back{margin:0 .25rem 0 1.5rem}"]
         }),

package/fesm5/taiga-ui-addon-table-components-table-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-table-components-table-pagination.js","sources":["ng://@taiga-ui/addon-table/components/table-pagination/table-pagination-options.ts","ng://@taiga-ui/addon-table/components/table-pagination/table-pagination.component.ts","ng://@taiga-ui/addon-table/components/table-pagination/table-pagination.module.ts","ng://@taiga-ui/addon-table/components/table-pagination/taiga-ui-addon-table-components-table-pagination.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiTablePaginationOptions {\n    readonly sizeOptionContent: PolymorpheusContent<\n        TuiContextWithImplicit<number> & {total: number}\n    >;\n}\n\nfunction defaultSizeOptionContent({$implicit}: TuiContextWithImplicit<number>): string {\n    return `${$implicit}`;\n}\n\nexport const TUI_TABLE_PAGINATION_DEFAULT_OPTIONS: TuiTablePaginationOptions = {\n    sizeOptionContent: defaultSizeOptionContent,\n};\n\nexport const TUI_TABLE_PAGINATION_OPTIONS = new InjectionToken(\n    'Default parameters for TablePagination component',\n    {factory: () => TUI_TABLE_PAGINATION_DEFAULT_OPTIONS},\n);\n\nexport function tuiTablePaginationOptionsProvider(\n    options: Partial<TuiTablePaginationOptions>,\n): ValueProvider {\n    return {\n        provide: TUI_TABLE_PAGINATION_OPTIONS,\n        useValue: {...TUI_TABLE_PAGINATION_DEFAULT_OPTIONS, ...options},\n    };\n}\n","import {Component, EventEmitter, Inject, Input, Output} from '@angular/core';\nimport {TUI_TABLE_PAGINATION_TEXTS} from '@taiga-ui/addon-table/tokens';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_SPIN_TEXTS} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {\n    TUI_TABLE_PAGINATION_OPTIONS,\n    TuiTablePaginationOptions,\n} from './table-pagination-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-table-pagination',\n    templateUrl: './table-pagination.template.html',\n    styleUrls: ['./table-pagination.style.less'],\n})\nexport class TuiTablePaginationComponent {\n    @Input()\n    @tuiDefaultProp()\n    items: readonly number[] = [10, 20, 50, 100];\n\n    @Input()\n    @tuiDefaultProp()\n    total = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    page = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    size = this.items[0];\n\n    @Output()\n    readonly pageChange = new EventEmitter<number>();\n\n    @Output()\n    readonly sizeChange = new EventEmitter<number>();\n\n    open = false;\n\n    constructor(\n        @Inject(TUI_SPIN_TEXTS) readonly spinTexts$: Observable<[string, string]>,\n        @Inject(TUI_TABLE_PAGINATION_TEXTS)\n        readonly texts$: Observable<Record<'pages' | 'linesPerPage' | 'of', string>>,\n        @Inject(TUI_TABLE_PAGINATION_OPTIONS) readonly options: TuiTablePaginationOptions,\n    ) {}\n\n    get pages(): number {\n        return Math.ceil(this.total / this.size);\n    }\n\n    get start(): number {\n        return this.page * this.size;\n    }\n\n    get end(): number {\n        return Math.min(this.start + this.size, this.total);\n    }\n\n    get leftDisabled(): boolean {\n        return !this.start;\n    }\n\n    get rightDisabled(): boolean {\n        return this.end === this.total;\n    }\n\n    onItem(size: number): void {\n        const {start} = this;\n\n        this.size = size;\n        this.sizeChange.emit(size);\n        this.open = false;\n        this.page = Math.floor(start / this.size);\n        this.pageChange.emit(this.page);\n    }\n\n    back(): void {\n        this.page--;\n        this.pageChange.emit(this.page);\n    }\n\n    forth(): void {\n        this.page++;\n        this.pageChange.emit(this.page);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiButtonModule,\n    TuiDataListModule,\n    TuiHostedDropdownModule,\n    TuiLinkModule,\n    TuiSvgModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiTablePaginationComponent} from './table-pagination.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiButtonModule,\n        TuiLinkModule,\n        TuiHostedDropdownModule,\n        TuiDataListModule,\n        TuiSvgModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiTablePaginationComponent],\n    exports: [TuiTablePaginationComponent],\n})\nexport class TuiTablePaginationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-table-components-table-pagination.js","sources":["ng://@taiga-ui/addon-table/components/table-pagination/table-pagination-options.ts","ng://@taiga-ui/addon-table/components/table-pagination/table-pagination.component.ts","ng://@taiga-ui/addon-table/components/table-pagination/table-pagination.module.ts","ng://@taiga-ui/addon-table/components/table-pagination/taiga-ui-addon-table-components-table-pagination.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiTablePaginationOptions {\n    readonly sizeOptionContent: PolymorpheusContent<\n        TuiContextWithImplicit<number> & {total: number}\n    >;\n}\n\nfunction defaultSizeOptionContent({$implicit}: TuiContextWithImplicit<number>): string {\n    return `${$implicit}`;\n}\n\nexport const TUI_TABLE_PAGINATION_DEFAULT_OPTIONS: TuiTablePaginationOptions = {\n    sizeOptionContent: defaultSizeOptionContent,\n};\n\nexport const TUI_TABLE_PAGINATION_OPTIONS = new InjectionToken(\n    `Default parameters for TablePagination component`,\n    {factory: () => TUI_TABLE_PAGINATION_DEFAULT_OPTIONS},\n);\n\nexport function tuiTablePaginationOptionsProvider(\n    options: Partial<TuiTablePaginationOptions>,\n): ValueProvider {\n    return {\n        provide: TUI_TABLE_PAGINATION_OPTIONS,\n        useValue: {...TUI_TABLE_PAGINATION_DEFAULT_OPTIONS, ...options},\n    };\n}\n","import {Component, EventEmitter, Inject, Input, Output} from '@angular/core';\nimport {TUI_TABLE_PAGINATION_TEXTS} from '@taiga-ui/addon-table/tokens';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_SPIN_TEXTS} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {\n    TUI_TABLE_PAGINATION_OPTIONS,\n    TuiTablePaginationOptions,\n} from './table-pagination-options';\n\n// @dynamic\n@Component({\n    selector: `tui-table-pagination`,\n    templateUrl: `./table-pagination.template.html`,\n    styleUrls: [`./table-pagination.style.less`],\n})\nexport class TuiTablePaginationComponent {\n    @Input()\n    @tuiDefaultProp()\n    items: readonly number[] = [10, 20, 50, 100];\n\n    @Input()\n    @tuiDefaultProp()\n    total = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    page = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    size = this.items[0];\n\n    @Output()\n    readonly pageChange = new EventEmitter<number>();\n\n    @Output()\n    readonly sizeChange = new EventEmitter<number>();\n\n    open = false;\n\n    constructor(\n        @Inject(TUI_SPIN_TEXTS) readonly spinTexts$: Observable<[string, string]>,\n        @Inject(TUI_TABLE_PAGINATION_TEXTS)\n        readonly texts$: Observable<Record<'pages' | 'linesPerPage' | 'of', string>>,\n        @Inject(TUI_TABLE_PAGINATION_OPTIONS) readonly options: TuiTablePaginationOptions,\n    ) {}\n\n    get pages(): number {\n        return Math.ceil(this.total / this.size);\n    }\n\n    get start(): number {\n        return this.page * this.size;\n    }\n\n    get end(): number {\n        return Math.min(this.start + this.size, this.total);\n    }\n\n    get leftDisabled(): boolean {\n        return !this.start;\n    }\n\n    get rightDisabled(): boolean {\n        return this.end === this.total;\n    }\n\n    onItem(size: number): void {\n        const {start} = this;\n\n        this.size = size;\n        this.sizeChange.emit(size);\n        this.open = false;\n        this.page = Math.floor(start / this.size);\n        this.pageChange.emit(this.page);\n    }\n\n    back(): void {\n        this.page--;\n        this.pageChange.emit(this.page);\n    }\n\n    forth(): void {\n        this.page++;\n        this.pageChange.emit(this.page);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiButtonModule,\n    TuiDataListModule,\n    TuiHostedDropdownModule,\n    TuiLinkModule,\n    TuiSvgModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiTablePaginationComponent} from './table-pagination.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiButtonModule,\n        TuiLinkModule,\n        TuiHostedDropdownModule,\n        TuiDataListModule,\n        TuiSvgModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiTablePaginationComponent],\n    exports: [TuiTablePaginationComponent],\n})\nexport class TuiTablePaginationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-addon-table-components-table.js

@@ -14,7 +14,7 @@ import { NgControl } from '@angular/forms';
 var TuiCellDirective = /** @class */ (function () {
     function TuiCellDirective(template) {
         this.template = template;
-        this.tuiCell = '';
+        this.tuiCell = "";
     }
     TuiCellDirective.ctorParameters = function () { return [
         { type: TemplateRef, decorators: [{ type: Inject, args: [TemplateRef,] }] }
@@ -25,7 +25,7 @@ var TuiCellDirective = /** @class */ (function () {
     ], TuiCellDirective.prototype, "tuiCell", void 0);
     TuiCellDirective = __decorate([
         Directive({
-            selector: '[tuiCell]',
+            selector: "[tuiCell]",
         }),
         __param(0, Inject(TemplateRef))
     ], TuiCellDirective);
@@ -44,7 +44,7 @@ var TuiHeadDirective = /** @class */ (function () {
     ], TuiHeadDirective.prototype, "tuiHead", void 0);
     TuiHeadDirective = __decorate([
         Directive({
-            selector: '[tuiHead]',
+            selector: "[tuiHead]",
         }),
         __param(0, Inject(TemplateRef))
     ], TuiHeadDirective);
@@ -58,12 +58,12 @@ var TuiResizedDirective = /** @class */ (function () {
         this.documentRef = documentRef;
         this.elementRef = elementRef;
         this.parentRef = parentRef;
-        this.tuiResized = typedFromEvent(this.elementRef.nativeElement, 'mousedown').pipe(preventDefault(), switchMap(function () {
+        this.tuiResized = typedFromEvent(this.elementRef.nativeElement, "mousedown").pipe(preventDefault(), switchMap(function () {
             var _a = _this.parentRef.nativeElement.getBoundingClientRect(), width = _a.width, right = _a.right;
-            return typedFromEvent(_this.documentRef, 'mousemove').pipe(distinctUntilChanged(), map(function (_a) {
+            return typedFromEvent(_this.documentRef, "mousemove").pipe(distinctUntilChanged(), map(function (_a) {
                 var clientX = _a.clientX;
                 return width + clientX - right;
-            }), takeUntil(typedFromEvent(_this.documentRef, 'mouseup')));
+            }), takeUntil(typedFromEvent(_this.documentRef, "mouseup")));
         }));
     }
     TuiResizedDirective.ctorParameters = function () { return [
@@ -76,7 +76,7 @@ var TuiResizedDirective = /** @class */ (function () {
     ], TuiResizedDirective.prototype, "tuiResized", void 0);
     TuiResizedDirective = __decorate([
         Directive({
-            selector: '[tuiResized]',
+            selector: "[tuiResized]",
         }),
         __param(0, Inject(DOCUMENT)),
         __param(1, Inject(ElementRef)),
@@ -102,7 +102,7 @@ var TuiRowDirective = /** @class */ (function () {
     ], TuiRowDirective.prototype, "tuiRowOf", void 0);
     TuiRowDirective = __decorate([
         Directive({
-            selector: 'ng-template[tuiRow]',
+            selector: "ng-template[tuiRow]",
         }),
         __param(0, Inject(TemplateRef))
     ], TuiRowDirective);
@@ -116,10 +116,10 @@ function stuckFactory(_a, entries$) {
         var _b = __read(_a, 1), intersectionRatio = _b[0].intersectionRatio;
         return intersectionRatio < 1;
     }));
-    nativeElement['$.class._stuck'] = stream$;
+    nativeElement["$.class._stuck"] = stream$;
     return stream$;
 }
-var TUI_STUCK = new InjectionToken('Stream of sticky stuck events');
+var TUI_STUCK = new InjectionToken("Stream of sticky stuck events");
 var TUI_STUCK_PROVIDER = {
     provide: TUI_STUCK,
     deps: [ElementRef, IntersectionObserverService],
@@ -138,7 +138,7 @@ function inputCountOptionsFactory(options) {
 var TUI_TABLE_PROVIDERS = [
     {
         provide: INTERSECTION_ROOT_MARGIN,
-        useValue: '10000px 10000px 10000px 0px',
+        useValue: "10000px 10000px 10000px 0px",
     },
     {
         provide: INTERSECTION_THRESHOLD,
@@ -147,7 +147,7 @@ var TUI_TABLE_PROVIDERS = [
     {
         provide: TUI_TEXTFIELD_APPEARANCE,
         // TODO: 3.0 remove in ivy compilation
-        useValue: 'table',
+        useValue: "table",
     },
     {
         provide: TUI_TEXTFIELD_LABEL_OUTSIDE,
@@ -176,7 +176,7 @@ var TuiTableDirective = /** @class */ (function (_super) {
         _this.stuck$ = stuck$;
         _this.changeDetectorRef = changeDetectorRef;
         _this.columns = [];
-        _this.size = 'm';
+        _this.size = "m";
         _this.direction = 1;
         _this.directionChange = new EventEmitter();
         _this.sorterChange = new EventEmitter();
@@ -211,7 +211,7 @@ var TuiTableDirective = /** @class */ (function (_super) {
     ], TuiTableDirective.prototype, "columns", void 0);
     __decorate([
         Input(),
-        HostBinding('attr.data-size'),
+        HostBinding("attr.data-size"),
         tuiDefaultProp()
     ], TuiTableDirective.prototype, "size", void 0);
     __decorate([
@@ -230,12 +230,12 @@ var TuiTableDirective = /** @class */ (function (_super) {
     ], TuiTableDirective.prototype, "sorter", void 0);
     TuiTableDirective = __decorate([
         Directive({
-            selector: 'table[tuiTable]',
+            selector: "table[tuiTable]",
             providers: TUI_TABLE_PROVIDERS,
             host: {
-                '($.data-mode.attr)': 'mode$',
-                '($.class._stuck)': 'stuck$',
-                style: 'border-collapse: separate',
+                '($.data-mode.attr)': "mode$",
+                '($.class._stuck)': "stuck$",
+                style: "border-collapse: separate",
             },
         }),
         __param(0, Inject(IntersectionObserverService)),
@@ -277,7 +277,7 @@ var TuiThComponent = /** @class */ (function () {
     });
     Object.defineProperty(TuiThComponent.prototype, "icon", {
         get: function () {
-            return this.isCurrent ? 'tuiIconSortDown' : 'tuiIconSortOff';
+            return this.isCurrent ? "tuiIconSortDown" : "tuiIconSortOff";
         },
         enumerable: true,
         configurable: true
@@ -299,15 +299,15 @@ var TuiThComponent = /** @class */ (function () {
     ], TuiThComponent.prototype, "resizable", void 0);
     __decorate([
         Input(),
-        HostBinding('class._sticky'),
+        HostBinding("class._sticky"),
         tuiDefaultProp()
     ], TuiThComponent.prototype, "sticky", void 0);
     __decorate([
-        HostBinding('style.width.px')
+        HostBinding("style.width.px")
     ], TuiThComponent.prototype, "width", void 0);
     TuiThComponent = __decorate([
         Component({
-            selector: 'th[tuiTh]',
+            selector: "th[tuiTh]",
             template: "<button\n    *ngIf=\"sorter && table; else content\"\n    type=\"button\"\n    class=\"t-sort\"\n    [class.t-sort_sorted]=\"isCurrent\"\n    (click)=\"table.updateSorter(sorter)\"\n>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    {{ table.change$ | async }}\n    <tui-svg\n        class=\"t-sort-icon\"\n        [src]=\"icon\"\n        [class.t-sort-icon_rotated]=\"isCurrent && table.direction === -1\"\n    ></tui-svg>\n</button>\n<ng-template #content><ng-content></ng-content></ng-template>\n<div\n    *ngIf=\"resizable\"\n    class=\"t-bar\"\n    (tuiResized)=\"onResized($event)\"\n></div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [
@@ -363,7 +363,7 @@ var TuiSortableDirective = /** @class */ (function () {
     ]; };
     TuiSortableDirective = __decorate([
         Directive({
-            selector: 'th[tuiTh][tuiSortable]',
+            selector: "th[tuiTh][tuiSortable]",
         }),
         __param(0, Inject(forwardRef(function () { return TuiSortByDirective; }))),
         __param(1, Inject(TuiTableDirective)),
@@ -399,7 +399,7 @@ var TuiSortByDirective = /** @class */ (function () {
     ], TuiSortByDirective.prototype, "tuiSortByChange", void 0);
     TuiSortByDirective = __decorate([
         Directive({
-            selector: 'table[tuiTable][tuiSortBy]',
+            selector: "table[tuiTable][tuiSortBy]",
         }),
         __param(0, Inject(TuiTableDirective))
     ], TuiSortByDirective);
@@ -415,17 +415,17 @@ var TuiTheadDirective = /** @class */ (function () {
     ]; };
     TuiTheadDirective = __decorate([
         Directive({
-            selector: 'thead[tuiThead]',
+            selector: "thead[tuiThead]",
             providers: [
                 TUI_STUCK_PROVIDER,
                 IntersectionObserverService,
                 {
                     provide: INTERSECTION_ROOT_MARGIN,
-                    useValue: '0px 10000px 10000px 10000px',
+                    useValue: "0px 10000px 10000px 10000px",
                 },
             ],
             host: {
-                '($.class._stuck)': 'stuck$',
+                '($.class._stuck)': "stuck$",
             },
         }),
         __param(0, Inject(TUI_STUCK))
@@ -451,7 +451,7 @@ var TuiTableSortPipe = /** @class */ (function () {
     ], TuiTableSortPipe.prototype, "sort", null);
     TuiTableSortPipe = __decorate([
         Pipe({
-            name: 'tuiTableSort',
+            name: "tuiTableSort",
             pure: false,
         }),
         __param(0, Inject(TuiTableDirective))
@@ -496,7 +496,7 @@ var TuiTrComponent = /** @class */ (function () {
     ], TuiTrComponent.prototype, "cells", void 0);
     TuiTrComponent = __decorate([
         Component({
-            selector: 'tr[tuiTr]',
+            selector: "tr[tuiTr]",
             template: "<ng-container *ngIf=\"cells$ | async as items\">\n    <ng-container\n        *ngFor=\"let key of table.columns\"\n        [ngTemplateOutlet]=\"items[key.toString()]?.template || plain\"\n    >\n        <ng-template #plain>\n            <td\n                *ngIf=\"item$ | async as item\"\n                tuiTd\n            >\n                {{ item[key.toString()] }}\n            </td>\n        </ng-template>\n    </ng-container>\n</ng-container>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [TUI_TABLE_PROVIDER]
@@ -512,7 +512,7 @@ var TuiTbodyComponent = /** @class */ (function () {
         this.pipe = pipe;
         this.table = table;
         this.data = [];
-        this.heading = '';
+        this.heading = "";
         this.open = true;
         this.openChange = new EventEmitter();
         this.rows = EMPTY_QUERY;
@@ -556,11 +556,11 @@ var TuiTbodyComponent = /** @class */ (function () {
     ], TuiTbodyComponent.prototype, "rows", void 0);
     TuiTbodyComponent = __decorate([
         Component({
-            selector: 'tbody[tuiTbody]',
-            template: "<ng-content></ng-content>\n<tr *ngIf=\"heading\">\n    <th\n        class=\"heading\"\n        [colSpan]=\"table.columns.length\"\n    >\n        <button\n            type=\"button\"\n            class=\"expand\"\n            (click)=\"onClick()\"\n        >\n            <span\n                polymorpheus-outlet\n                class=\"name\"\n                [content]=\"heading\"\n            ></span>\n            <tui-svg\n                src=\"tuiIconChevronDownLarge\"\n                class=\"chevron\"\n                [class.chevron_rotated]=\"open\"\n            ></tui-svg>\n        </button>\n    </th>\n</tr>\n<ng-container *ngIf=\"open && row\">\n    <ng-container\n        *ngFor=\"let item of sorted; let index = index\"\n        [ngTemplateOutlet]=\"row.template\"\n        [ngTemplateOutletContext]=\"item | tuiMapper: toContext:index\"\n    ></ng-container>\n</ng-container>\n",
+            selector: "tbody[tuiTbody]",
+            template: "<ng-content></ng-content>\n<tr *ngIf=\"heading\">\n    <th\n        class=\"t-heading\"\n        [colSpan]=\"table.columns.length\"\n    >\n        <button\n            type=\"button\"\n            class=\"t-expand\"\n            (click)=\"onClick()\"\n        >\n            <span\n                polymorpheus-outlet\n                class=\"t-name\"\n                [content]=\"heading\"\n            ></span>\n            <tui-svg\n                src=\"tuiIconChevronDownLarge\"\n                class=\"t-chevron\"\n                [class.t-chevron_rotated]=\"open\"\n            ></tui-svg>\n        </button>\n    </th>\n</tr>\n<ng-container *ngIf=\"open && row\">\n    <ng-container\n        *ngFor=\"let item of sorted; let index = index\"\n        [ngTemplateOutlet]=\"row.template\"\n        [ngTemplateOutletContext]=\"item | tuiMapper: toContext:index\"\n    ></ng-container>\n</ng-container>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: TUI_TABLE_PROVIDER,
-            styles: [":host{border-color:var(--tui-base-04)}:host tr{border-color:inherit}.expand{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;display:flex;width:100%;height:100%;align-items:center;box-sizing:border-box;outline:0;font-weight:700;cursor:pointer;border-color:inherit}.expand:focus-visible .name{background:var(--tui-selection)}.expand:after,.expand:before{content:'';position:-webkit-sticky;position:sticky;height:100%;border-left:1px solid;border-color:inherit}.expand:before{left:0}.expand:after{right:0}.heading{height:var(--tui-height-m);font:var(--tui-font-text-s);padding:0;background:var(--tui-base-02);border-bottom:1px solid var(--tui-base-04);border-color:inherit}:host-context(table[data-size='l']) .heading{font:var(--tui-font-text-m);height:var(--tui-height-l)}.name{position:-webkit-sticky;position:sticky;left:.75rem;display:inline-block}:host-context(table[data-size='l']) .name{left:1rem}.chevron{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;right:.75rem;margin:0 .6875rem 0 auto}.chevron_rotated{transform:rotate(180deg)}"]
+            styles: [":host{border-color:var(--tui-base-04)}:host tr{border-color:inherit}.t-expand{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;display:flex;width:100%;height:100%;align-items:center;box-sizing:border-box;outline:0;font-weight:700;cursor:pointer;border-color:inherit}.t-expand:focus-visible .t-name{background:var(--tui-selection)}.t-expand:after,.t-expand:before{content:'';position:-webkit-sticky;position:sticky;height:100%;border-left:1px solid;border-color:inherit}.t-expand:before{left:0}.t-expand:after{right:0}.t-heading{height:var(--tui-height-m);font:var(--tui-font-text-s);padding:0;background:var(--tui-base-02);border-bottom:1px solid var(--tui-base-04);border-color:inherit}:host-context(table[data-size='l']) .t-heading{font:var(--tui-font-text-m);height:var(--tui-height-l)}.t-name{position:-webkit-sticky;position:sticky;left:.75rem;display:inline-block}:host-context(table[data-size='l']) .t-name{left:1rem}.t-chevron{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;right:.75rem;margin:0 .6875rem 0 auto}.t-chevron_rotated{transform:rotate(180deg)}"]
         }),
         __param(0, Inject(TuiTableSortPipe)),
         __param(1, Inject(forwardRef(function () { return TuiTableDirective; })))
@@ -572,13 +572,13 @@ var TuiTdComponent = /** @class */ (function () {
     function TuiTdComponent() {
     }
     __decorate([
-        HostBinding('class._editable'),
+        HostBinding("class._editable"),
         ContentChild(NgControl)
     ], TuiTdComponent.prototype, "control", void 0);
     TuiTdComponent = __decorate([
         Component({
-            selector: 'th[tuiTd], td[tuiTd]',
-            template: '<ng-content></ng-content>',
+            selector: "th[tuiTd], td[tuiTd]",
+            template: "\n        <ng-content></ng-content>\n    ",
             changeDetection: ChangeDetectionStrategy.OnPush,
             styles: [":host{position:relative;height:var(--tui-height-m);font:var(--tui-font-text-s);text-align:left;padding:0 .75rem;background:var(--tui-base-01);border:1px solid var(--tui-base-04);border-top:none;box-sizing:border-box;transform:translate3d(0,0,0)}:host:first-child{left:0}:host:not(:first-child){border-left:none}:host._editable:focus-within{z-index:1}:host._editable{padding:0;vertical-align:top}:host(th){position:-webkit-sticky;position:sticky;z-index:1}:host(th):after{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;content:'';position:absolute;top:0;bottom:0;left:100%;width:.3125rem;pointer-events:none;background:rgba(237,237,237,.7);opacity:0}:host(th):focus-within:not(:disabled){z-index:11}:host-context(table[data-mode=onDark]):after{background:rgba(60,60,60,.9)}:host-context(table._stuck){z-index:10}:host-context(table._stuck):last-of-type:after{opacity:1}:host-context(table[data-size='l']){font:var(--tui-font-text-m);height:var(--tui-height-l);padding-left:1rem;padding-right:1rem}:host-context(table[data-size='l'])._editable{padding:0}:host(td):focus-within{z-index:1}:host(td):not(:focus-within){z-index:0}"]
         })
@@ -609,7 +609,7 @@ var TuiThGroupComponent = /** @class */ (function () {
     ], TuiThGroupComponent.prototype, "heads", void 0);
     TuiThGroupComponent = __decorate([
         Component({
-            selector: 'tr[tuiThGroup]',
+            selector: "tr[tuiThGroup]",
             template: "<ng-content></ng-content>\n<ng-container *ngIf=\"heads$ | async as headings\">\n    <ng-container\n        *ngFor=\"let key of table.columns\"\n        [ngTemplateOutlet]=\"headings[key.toString()]?.template || plain\"\n    >\n        <ng-template #plain>\n            <th\n                *ngIf=\"!th && !heads.length\"\n                tuiTh\n            >\n                {{ key.toString() }}\n            </th>\n        </ng-template>\n    </ng-container>\n</ng-container>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [TUI_TABLE_PROVIDER]