@taiga-ui/addon-table 2.22.0 → 2.26.0

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

@@ -1,10 +1,36 @@
 import { __decorate, __param } from 'tslib';
+import { HostBinding, Component, ElementRef, Inject, Output, Directive, NgModule } from '@angular/core';
+import { TUI_ELEMENT_REF } from '@taiga-ui/core';
 import { DOCUMENT } from '@angular/common';
-import { Inject, ElementRef, Output, Directive, HostBinding, Component, NgModule } from '@angular/core';
 import { typedFromEvent, preventDefault } from '@taiga-ui/cdk';
-import { TUI_ELEMENT_REF } from '@taiga-ui/core';
 import { switchMap, distinctUntilChanged, map, takeUntil } from 'rxjs/operators';
 
+/** @deprecated use `<th tuiTh [resizable]="true">` from {@link TuiTableModule} */
+let TuiResizableColumnComponent = class TuiResizableColumnComponent {
+    constructor() {
+        this.width = null;
+    }
+    onResize(width) {
+        this.width = width;
+    }
+};
+__decorate([
+    HostBinding('style.width.px')
+], TuiResizableColumnComponent.prototype, "width", void 0);
+TuiResizableColumnComponent = __decorate([
+    Component({
+        selector: 'th[tuiResizableColumn]',
+        template: "<ng-content></ng-content>\n<div class=\"bar\" (tuiResizableColumn)=\"onResize($event)\"></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}"]
+    })
+], TuiResizableColumnComponent);
+
 /** @deprecated use `<th tuiTh [resizable]="true">` from {@link TuiTableModule} */
 // @dynamic
 let TuiResizableColumnDirective = class TuiResizableColumnDirective {
@@ -35,32 +61,6 @@ TuiResizableColumnDirective = __decorate([
     __param(2, Inject(TUI_ELEMENT_REF))
 ], TuiResizableColumnDirective);
 
-/** @deprecated use `<th tuiTh [resizable]="true">` from {@link TuiTableModule} */
-let TuiResizableColumnComponent = class TuiResizableColumnComponent {
-    constructor() {
-        this.width = null;
-    }
-    onResize(width) {
-        this.width = width;
-    }
-};
-__decorate([
-    HostBinding('style.width.px')
-], TuiResizableColumnComponent.prototype, "width", void 0);
-TuiResizableColumnComponent = __decorate([
-    Component({
-        selector: 'th[tuiResizableColumn]',
-        template: "<ng-content></ng-content>\n<div class=\"bar\" (tuiResizableColumn)=\"onResize($event)\"></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}"]
-    })
-], TuiResizableColumnComponent);
-
 /** @deprecated use `<th tuiTh [resizable]="true">` from {@link TuiTableModule} */
 let TuiResizableColumnModule = class TuiResizableColumnModule {
 };

package/fesm2015/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.directive.ts","ng://@taiga-ui/addon-table/components/resizable-column/resizable-column.component.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 {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 {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) {\n        this.width = width;\n    }\n}\n","import {NgModule} from '@angular/core';\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":";;;;;;;AAMA;AACA;IAIa,2BAA2B,GAAxC,MAAa,2BAA2B;IAkBpC,YACuC,WAAqB,EAEvC,UAAmC,EAEnC,SAAiD;QAJ/B,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;YACN,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;YAE5E,OAAO,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,IAAI,CACrD,oBAAoB,EAAE,EACtB,GAAG,CAAC,CAAC,EAAC,OAAO,EAAC,KAAK,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC,EAC3C,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CACzD,CAAC;SACL,CAAC,CACL,CAAC;KAQE;EACP;;YANuD,QAAQ,uBAAvD,MAAM,SAAC,QAAQ;YAEa,UAAU,uBADtC,MAAM,SAAC,UAAU;YAGU,UAAU,uBADrC,MAAM,SAAC,eAAe;;AApB3B;IADC,MAAM,EAAE;uEAeP;AAhBO,2BAA2B;IAHvC,SAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;KACnC,CAAC;IAoBO,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;IAChB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAElB,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;GAtBnB,2BAA2B,CAyBvC;;ACjCD;IAYa,2BAA2B,GAAxC,MAAa,2BAA2B;IAAxC;QAEI,UAAK,GAAkB,IAAI,CAAC;KAK/B;IAHG,QAAQ,CAAC,KAAa;QAClB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;EACJ;AALG;IADC,WAAW,CAAC,gBAAgB,CAAC;0DACF;AAFnB,2BAA2B;IAXvC,SAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;QAClC,4GAA+C;QAE/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,eAAe;gBACxB,WAAW,EAAE,UAAU;aAC1B;SACJ;;KACJ,CAAC;GACW,2BAA2B,CAOvC;;AClBD;IAKa,wBAAwB,GAArC,MAAa,wBAAwB;EAAG;AAA3B,wBAAwB;IAJpC,QAAQ,CAAC;QACN,YAAY,EAAE,CAAC,2BAA2B,EAAE,2BAA2B,CAAC;QACxE,OAAO,EAAE,CAAC,2BAA2B,EAAE,2BAA2B,CAAC;KACtE,CAAC;GACW,wBAAwB,CAAG;;ACTxC;;;;;;"}
+{"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) {\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,2BAA2B,GAAxC,MAAa,2BAA2B;IAAxC;QAEI,UAAK,GAAkB,IAAI,CAAC;KAK/B;IAHG,QAAQ,CAAC,KAAa;QAClB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;EACJ;AALG;IADC,WAAW,CAAC,gBAAgB,CAAC;0DACF;AAFnB,2BAA2B;IAXvC,SAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;QAClC,4GAA+C;QAE/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,eAAe;gBACxB,WAAW,EAAE,UAAU;aAC1B;SACJ;;KACJ,CAAC;GACW,2BAA2B,CAOvC;;AChBD;AACA;IAIa,2BAA2B,GAAxC,MAAa,2BAA2B;IAkBpC,YACuC,WAAqB,EAEvC,UAAmC,EAEnC,SAAiD;QAJ/B,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;YACN,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;YAE5E,OAAO,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,IAAI,CACrD,oBAAoB,EAAE,EACtB,GAAG,CAAC,CAAC,EAAC,OAAO,EAAC,KAAK,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC,EAC3C,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CACzD,CAAC;SACL,CAAC,CACL,CAAC;KAQE;EACP;;YANuD,QAAQ,uBAAvD,MAAM,SAAC,QAAQ;YAEa,UAAU,uBADtC,MAAM,SAAC,UAAU;YAGU,UAAU,uBADrC,MAAM,SAAC,eAAe;;AApB3B;IADC,MAAM,EAAE;uEAeP;AAhBO,2BAA2B;IAHvC,SAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;KACnC,CAAC;IAoBO,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;IAChB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAElB,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;GAtBnB,2BAA2B,CAyBvC;;AC/BD;IAKa,wBAAwB,GAArC,MAAa,wBAAwB;EAAG;AAA3B,wBAAwB;IAJpC,QAAQ,CAAC;QACN,YAAY,EAAE,CAAC,2BAA2B,EAAE,2BAA2B,CAAC;QACxE,OAAO,EAAE,CAAC,2BAA2B,EAAE,2BAA2B,CAAC;KACtE,CAAC;GACW,wBAAwB,CAAG;;ACVxC;;;;;;"}

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

@@ -80,8 +80,8 @@ __decorate([
 TuiTablePaginationComponent = __decorate([
     Component({
         selector: 'tui-table-pagination',
-        template: "<ng-container *ngIf=\"texts$ | async as texts\">\n    <span class=\"pages\">\n        {{texts.pages}} <strong class=\"strong\">{{pages}}</strong>\n    </span>\n    <span>\n        {{texts.linesPerPage}}\n        <tui-hosted-dropdown [content]=\"content\" [(open)]=\"open\">\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                            *ngIf=\"item !== size\"\n                            tuiOption\n                            size=\"s\"\n                            class=\"item\"\n                            (click)=\"onItem(item)\"\n                        >\n                            {{item}}\n                        </button>\n                    </ng-container>\n                </tui-data-list>\n            </ng-template>\n        </tui-hosted-dropdown>\n        {{texts.of}} <strong class=\"strong\">{{total}}</strong>\n    </span>\n    <ng-container *ngIf=\"spinTexts$ | async as spinTexts\">\n        <button\n            tuiIconButton\n            type=\"button\"\n            class=\"tui-space_left-6 tui-space_right-1\"\n            size=\"xs\"\n            appearance=\"icon\"\n            icon=\"tuiIconChevronLeft\"\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{font:var(--tui-font-text-s);display:flex;align-items:center;color:var(--tui-text-03)}.strong{color:var(--tui-text-01)}.pages{margin-right:auto}.item{width:5.5rem;box-sizing:border-box}"]
+        template: "<ng-container *ngIf=\"texts$ | async as texts\">\n    <span class=\"pages\">\n        {{ texts.pages }}\n        <strong class=\"strong\">{{ pages }}</strong>\n    </span>\n    <span>\n        {{ texts.linesPerPage }}\n        <tui-hosted-dropdown [content]=\"content\" [(open)]=\"open\">\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                            *ngIf=\"item !== size\"\n                            tuiOption\n                            size=\"s\"\n                            class=\"item\"\n                            (click)=\"onItem(item)\"\n                        >\n                            {{ item }}\n                        </button>\n                    </ng-container>\n                </tui-data-list>\n            </ng-template>\n        </tui-hosted-dropdown>\n        {{ texts.of }}\n        <strong class=\"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=\"tui-space_left-6 tui-space_right-1\"\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)}.strong{color:var(--tui-text-01)}.pages{margin-right:auto}.item{width:5.5rem;box-sizing:border-box}"]
     }),
     __param(0, Inject(TUI_SPIN_TEXTS)),
     __param(1, Inject(TUI_TABLE_PAGINATION_TEXTS))

package/fesm2015/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.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 {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\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    ) {}\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) {\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() {\n        this.page--;\n        this.pageChange.emit(this.page);\n    }\n\n    forth() {\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} from '@taiga-ui/core';\nimport {TuiTablePaginationComponent} from './table-pagination.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiButtonModule,\n        TuiLinkModule,\n        TuiHostedDropdownModule,\n        TuiDataListModule,\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":";;;;;;;;AAMA;IAMa,2BAA2B,GAAxC,MAAa,2BAA2B;IAyBpC,YACqC,UAAwC,EAEhE,MAAmE;QAF3C,eAAU,GAAV,UAAU,CAA8B;QAEhE,WAAM,GAAN,MAAM,CAA6D;QAzBhF,UAAK,GAAsB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QAI7C,UAAK,GAAG,CAAC,CAAC;QAIV,SAAI,GAAG,CAAC,CAAC;QAIT,SAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAGZ,eAAU,GAAG,IAAI,YAAY,EAAU,CAAC;QAGxC,eAAU,GAAG,IAAI,YAAY,EAAU,CAAC;QAEjD,SAAI,GAAG,KAAK,CAAC;KAMT;IAEJ,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;KAC5C;IAED,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KAChC;IAED,IAAI,GAAG;QACH,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;KACvD;IAED,IAAI,YAAY;QACZ,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;KACtB;IAED,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC;KAClC;IAED,MAAM,CAAC,IAAY;QACf,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC;QAErB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACnC;IAED,IAAI;QACA,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACnC;IAED,KAAK;QACD,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACnC;EACJ;;YA5CoD,UAAU,uBAAtD,MAAM,SAAC,cAAc;YAEL,UAAU,uBAD1B,MAAM,SAAC,0BAA0B;;AAxBtC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;0DAC4B;AAI7C;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;0DACP;AAIV;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;yDACR;AAIT;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;yDACI;AAGrB;IADC,MAAM,EAAE;+DACwC;AAGjD;IADC,MAAM,EAAE;+DACwC;AArBxC,2BAA2B;IALvC,SAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;QAChC,m1DAA+C;;KAElD,CAAC;IA2BO,WAAA,MAAM,CAAC,cAAc,CAAC,CAAA;IACtB,WAAA,MAAM,CAAC,0BAA0B,CAAC,CAAA;GA3B9B,2BAA2B,CAsEvC;;IC7DY,wBAAwB,GAArC,MAAa,wBAAwB;EAAG;AAA3B,wBAAwB;IAXpC,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,eAAe;YACf,aAAa;YACb,uBAAuB;YACvB,iBAAiB;SACpB;QACD,YAAY,EAAE,CAAC,2BAA2B,CAAC;QAC3C,OAAO,EAAE,CAAC,2BAA2B,CAAC;KACzC,CAAC;GACW,wBAAwB,CAAG;;ACrBxC;;;;;;"}
+{"version":3,"file":"taiga-ui-addon-table-components-table-pagination.js","sources":["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 {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\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    ) {}\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) {\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() {\n        this.page--;\n        this.pageChange.emit(this.page);\n    }\n\n    forth() {\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} from '@taiga-ui/core';\n\nimport {TuiTablePaginationComponent} from './table-pagination.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiButtonModule,\n        TuiLinkModule,\n        TuiHostedDropdownModule,\n        TuiDataListModule,\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/fesm2015/taiga-ui-addon-table-components-table.js

@@ -7,9 +7,9 @@ import { switchMap, distinctUntilChanged, map, takeUntil, startWith } from 'rxjs
 import { IntersectionObserverService, INTERSECTION_ROOT_MARGIN, INTERSECTION_THRESHOLD } from '@ng-web-apis/intersection-observer';
 import { Observable } from 'rxjs';
 import { TUI_INPUT_COUNT_OPTIONS } from '@taiga-ui/kit';
-import { defaultSort } from '@taiga-ui/addon-table/utils';
-import { NgControl } from '@angular/forms';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { NgControl } from '@angular/forms';
+import { defaultSort } from '@taiga-ui/addon-table/utils';
 
 let TuiCellDirective = class TuiCellDirective {
     constructor(template) {
@@ -284,7 +284,7 @@ __decorate([
 TuiTrComponent = __decorate([
     Component({
         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]?.template || plain\"\n    >\n        <ng-template #plain>\n            <td *ngIf=\"item$ | async as item\" tuiTd>{{item[key]}}</td>\n        </ng-template>\n    </ng-container>\n</ng-container>\n",
+        template: "<ng-container *ngIf=\"cells$ | async as items\">\n    <ng-container\n        *ngFor=\"let key of table.columns\"\n        [ngTemplateOutlet]=\"items[key]?.template || plain\"\n    >\n        <ng-template #plain>\n            <td *ngIf=\"item$ | async as item\" tuiTd>{{ item[key] }}</td>\n        </ng-template>\n    </ng-container>\n</ng-container>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [TUI_TABLE_PROVIDER]
     }),
@@ -343,14 +343,29 @@ __decorate([
 TuiTbodyComponent = __decorate([
     Component({
         selector: 'tbody[tuiTbody]',
-        template: "<ng-content></ng-content>\n<tr *ngIf=\"heading\">\n    <th class=\"heading\" [colSpan]=\"table.columns.length\">\n        <button class=\"expand\" type=\"button\" (click)=\"onClick()\">\n            <span polymorpheus-outlet class=\"name\" [content]=\"heading\"></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",
+        template: "<ng-content></ng-content>\n<tr *ngIf=\"heading\">\n    <th class=\"heading\" [colSpan]=\"table.columns.length\">\n        <button type=\"button\" class=\"expand\" (click)=\"onClick()\">\n            <span polymorpheus-outlet class=\"name\" [content]=\"heading\"></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",
         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: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-tui-host-size='l']) .heading{font:var(--tui-font-text-m);height:var(--tui-height-l)}.name{position:sticky;display:inline-block;left:.75rem}:host-context(table[data-tui-host-size='l']) .name{left:1rem}.chevron{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;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}.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: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-tui-host-size='l']) .heading{font:var(--tui-font-text-m);height:var(--tui-height-l)}.name{position:sticky;left:.75rem;display:inline-block}:host-context(table[data-tui-host-size='l']) .name{left:1rem}.chevron{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:sticky;right:.75rem;margin:0 .6875rem 0 auto}.chevron_rotated{transform:rotate(180deg)}"]
     }),
     __param(0, Inject(forwardRef(() => TuiTableDirective)))
 ], TuiTbodyComponent);
 
+let TuiTdComponent = class TuiTdComponent {
+};
+__decorate([
+    HostBinding('class._editable'),
+    ContentChild(NgControl)
+], TuiTdComponent.prototype, "control", void 0);
+TuiTdComponent = __decorate([
+    Component({
+        selector: 'th[tuiTd], td[tuiTd]',
+        template: "<div class=\"wrapper\">\n    <ng-content></ng-content>\n</div>\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}:host:first-child{left:0}:host:not(:first-child){border-left:none}:host._editable:focus-within{z-index:1}:host._editable{padding:0}:host(th){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-tui-host-size='l']){font:var(--tui-font-text-m);height:var(--tui-height-l);padding:0 1rem}:host-context(table[data-tui-host-size='l'])._editable{padding:0}:host(td):focus-within{z-index:1}:host(td):not(:focus-within){z-index:0}.wrapper{margin:-1px -1px -1px 0}"]
+    })
+], TuiTdComponent);
+
 let TuiThComponent = class TuiThComponent {
     constructor(head, table) {
         this.head = head;
@@ -398,7 +413,7 @@ __decorate([
 TuiThComponent = __decorate([
     Component({
         selector: 'th[tuiTh]',
-        template: "<button\n    *ngIf=\"sorter && table else content\"\n    type=\"button\"\n    class=\"sort\"\n    [class.sort_sorted]=\"isCurrent\"\n    (click)=\"table.updateSorter(sorter)\"\n>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    {{ table.change$ | async }}\n    <tui-svg\n        src=\"tuiIconSortDown\"\n        class=\"arrow\"\n        [class.arrow_rotated]=\"table.direction === -1\"\n    ></tui-svg>\n</button>\n<ng-template #content><ng-content></ng-content></ng-template>\n<div *ngIf=\"resizable\" class=\"bar\" (tuiResized)=\"onResized($event)\"></div>\n",
+        template: "<button\n    *ngIf=\"sorter && table; else content\"\n    type=\"button\"\n    class=\"sort\"\n    [class.sort_sorted]=\"isCurrent\"\n    (click)=\"table.updateSorter(sorter)\"\n>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    {{ table.change$ | async }}\n    <tui-svg\n        src=\"tuiIconSortDown\"\n        class=\"arrow\"\n        [class.arrow_rotated]=\"table.direction === -1\"\n    ></tui-svg>\n</button>\n<ng-template #content><ng-content></ng-content></ng-template>\n<div *ngIf=\"resizable\" class=\"bar\" (tuiResized)=\"onResized($event)\"></div>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -406,7 +421,7 @@ TuiThComponent = __decorate([
                 useExisting: ElementRef,
             },
         ],
-        styles: [":host{transition-property:box-shadow;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;top:0;height:var(--tui-height-m);font:var(--tui-font-text-s);z-index:20;text-align:left;font-weight:700;color:var(--tui-text-01);background:var(--tui-base-01);cursor:default;padding:0 .75rem;box-sizing:border-box;box-shadow:0 .3125rem rgba(237,237,237,0);border:1px solid var(--tui-base-04)}:host:not(:first-child){border-left:none}:host._sticky{position:sticky;z-index:30}:host._sticky:first-child{left:0}:host._sticky:after{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;content:'';position:absolute;top:0;left:100%;bottom:0;width:.3125rem;pointer-events:none;background:rgba(237,237,237,.7);opacity:0}:host-context(tr:not(:first-child)){border-top:none}:host-context(table[data-tui-host-size='l']){height:var(--tui-height-l);font:var(--tui-font-text-m);font-weight:700;padding:0 1rem}:host-context(thead[tuiThead]){position:sticky}:host-context(table._stuck)._sticky:after{opacity:1}:host-context(thead[tuiThead]._stuck){box-shadow:0 .3125rem rgba(237,237,237,.7)}:host-context(table[data-mode=onDark]):after{background:rgba(60,60,60,.9)}:host-context(table[data-mode=onDark]thead[tuiThead]._stuck){box-shadow:0 .3125rem rgba(60,60,60,.9)}:host-context(table[data-mode=onDark]thead[tuiThead]._stuck):first-child{box-shadow:.0625rem .3125rem rgba(60,60,60,.9)}:host-context(table[data-tui-host-size='l']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-l)}:host-context(table[data-tui-host-size='m']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-m)}:host-context(table[data-tui-host-size='s']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-s)}.sort{transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;display:inline-flex;flex-direction:inherit;align-items:center;outline:0;font-weight:700;cursor:pointer}.sort_sorted{color:var(--tui-text-01)}.sort_sorted .arrow_rotated{transform:scaleY(-1)}.sort:focus-visible{background:var(--tui-selection)}.sort:hover{color:var(--tui-text-02)}.sort:focus-visible .arrow,.sort:hover .arrow,.sort_sorted .arrow{opacity:1}.arrow{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;opacity:0}.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{transition-property:box-shadow;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;top:0;z-index:20;height:var(--tui-height-m);font:var(--tui-font-text-s);text-align:left;font-weight:700;color:var(--tui-text-01);background:var(--tui-base-01);cursor:default;padding:0 .75rem;box-sizing:border-box;box-shadow:0 .3125rem rgba(237,237,237,0);border:1px solid var(--tui-base-04)}:host:not(:first-child){border-left:none}:host._sticky{position:sticky;z-index:30}:host._sticky:first-child{left:0}:host._sticky:after{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;content:'';position:absolute;top:0;left:100%;bottom:0;width:.3125rem;pointer-events:none;background:rgba(237,237,237,.7);opacity:0}:host-context(tr:not(:first-child)){border-top:none}:host-context(table[data-tui-host-size='l']){height:var(--tui-height-l);font:var(--tui-font-text-m);font-weight:700;padding:0 1rem}:host-context(thead[tuiThead]){position:sticky}:host-context(table._stuck)._sticky:after{opacity:1}:host-context(thead[tuiThead]._stuck){box-shadow:0 .3125rem rgba(237,237,237,.7)}:host-context(table[data-mode=onDark]):after{background:rgba(60,60,60,.9)}:host-context(table[data-mode=onDark]thead[tuiThead]._stuck){box-shadow:0 .3125rem rgba(60,60,60,.9)}:host-context(table[data-mode=onDark]thead[tuiThead]._stuck):first-child{box-shadow:.0625rem .3125rem rgba(60,60,60,.9)}:host-context(table[data-tui-host-size='l']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-l)}:host-context(table[data-tui-host-size='m']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-m)}:host-context(table[data-tui-host-size='s']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-s)}.sort{transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;display:inline-flex;flex-direction:inherit;align-items:center;outline:0;font-weight:700;cursor:pointer}.sort_sorted{color:var(--tui-text-01)}.sort_sorted .arrow_rotated{transform:scaleY(-1)}.sort:focus-visible{background:var(--tui-selection)}.sort:focus-visible .arrow{opacity:1}.sort:hover{color:var(--tui-text-02)}.sort:hover .arrow,.sort_sorted .arrow{opacity:1}.arrow{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;opacity:0}.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}"]
     }),
     __param(0, Optional()),
     __param(0, Inject(TuiHeadDirective)),
@@ -433,28 +448,13 @@ __decorate([
 TuiThGroupComponent = __decorate([
     Component({
         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]?.template || plain\"\n    >\n        <ng-template #plain>\n            <th *ngIf=\"!th && !heads.length\" tuiTh>{{key}}</th>\n        </ng-template>\n    </ng-container>\n</ng-container>\n",
+        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]?.template || plain\"\n    >\n        <ng-template #plain>\n            <th *ngIf=\"!th && !heads.length\" tuiTh>{{ key }}</th>\n        </ng-template>\n    </ng-container>\n</ng-container>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [TUI_TABLE_PROVIDER]
     }),
     __param(0, Inject(forwardRef(() => TuiTableDirective)))
 ], TuiThGroupComponent);
 
-let TuiTdComponent = class TuiTdComponent {
-};
-__decorate([
-    HostBinding('class._editable'),
-    ContentChild(NgControl)
-], TuiTdComponent.prototype, "control", void 0);
-TuiTdComponent = __decorate([
-    Component({
-        selector: 'th[tuiTd], td[tuiTd]',
-        template: "<div class=\"wrapper\">\n    <ng-content></ng-content>\n</div>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{height:var(--tui-height-m);font:var(--tui-font-text-s);position:relative;text-align:left;padding:0 .75rem;background:var(--tui-base-01);border:1px solid var(--tui-base-04);border-top:none}:host:first-child{left:0}:host:not(:first-child){border-left:none}:host._editable:focus-within{z-index:1}:host._editable{padding:0}:host(th){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-tui-host-size='l']){font:var(--tui-font-text-m);height:var(--tui-height-l);padding:0 1rem}:host-context(table[data-tui-host-size='l'])._editable{padding:0}:host(td):focus-within{z-index:1}:host(td):not(:focus-within){z-index:0}.wrapper{margin:-1px -1px -1px 0}"]
-    })
-], TuiTdComponent);
-
 let TuiTableModule = class TuiTableModule {
 };
 TuiTableModule = __decorate([

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-table-components-table.js","sources":["ng://@taiga-ui/addon-table/components/table/directives/cell.directive.ts","ng://@taiga-ui/addon-table/components/table/directives/head.directive.ts","ng://@taiga-ui/addon-table/components/table/directives/resized.directive.ts","ng://@taiga-ui/addon-table/components/table/directives/row.directive.ts","ng://@taiga-ui/addon-table/components/table/providers/stuck.provider.ts","ng://@taiga-ui/addon-table/components/table/providers/table.providers.ts","ng://@taiga-ui/addon-table/components/table/directives/table.directive.ts","ng://@taiga-ui/addon-table/components/table/directives/thead.directive.ts","ng://@taiga-ui/addon-table/components/table/providers/table.provider.ts","ng://@taiga-ui/addon-table/components/table/tr/tr.component.ts","ng://@taiga-ui/addon-table/components/table/tbody/tbody.component.ts","ng://@taiga-ui/addon-table/components/table/th/th.component.ts","ng://@taiga-ui/addon-table/components/table/th-group/th-group.component.ts","ng://@taiga-ui/addon-table/components/table/td/td.component.ts","ng://@taiga-ui/addon-table/components/table/table.module.ts","ng://@taiga-ui/addon-table/components/table/taiga-ui-addon-table-components-table.ts"],"sourcesContent":["import {Directive, Inject, Input, TemplateRef} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\n\n@Directive({\n    selector: '[tuiCell]',\n})\nexport class TuiCellDirective {\n    @Input()\n    @tuiDefaultProp()\n    tuiCell = '';\n\n    constructor(@Inject(TemplateRef) readonly template: TemplateRef<{}>) {}\n}\n","import {Directive, Inject, Input, TemplateRef} from '@angular/core';\n\n@Directive({\n    selector: '[tuiHead]',\n})\nexport class TuiHeadDirective<T extends Record<any, any>> {\n    @Input()\n    tuiHead!: keyof T;\n\n    constructor(@Inject(TemplateRef) readonly template: TemplateRef<{}>) {}\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// @dynamic\n@Directive({\n    selector: '[tuiResized]',\n})\nexport class TuiResizedDirective {\n    @Output()\n    readonly tuiResized = typedFromEvent(this.elementRef.nativeElement, 'mousedown').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 {Directive, Inject, Input, TemplateRef} from '@angular/core';\nimport {TuiRowContext} from '@taiga-ui/addon-table/interfaces';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\n\n@Directive({\n    selector: 'ng-template[tuiRow]',\n})\nexport class TuiRowDirective<T> {\n    @Input()\n    @tuiDefaultProp()\n    tuiRowOf: readonly T[] = [];\n\n    constructor(@Inject(TemplateRef) readonly template: TemplateRef<TuiRowContext<T>>) {}\n\n    static ngTemplateContextGuard<T>(\n        _dir: TuiRowDirective<T>,\n        _ctx: any,\n    ): _ctx is TuiRowContext<T> {\n        return true;\n    }\n}\n","import {ElementRef, InjectionToken, Provider} from '@angular/core';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nexport function stuckFactory(\n    {nativeElement}: ElementRef,\n    entries$: Observable<IntersectionObserverEntry[]>,\n): Observable<boolean> {\n    const stream$ = entries$.pipe(map(([{intersectionRatio}]) => intersectionRatio < 1));\n\n    return (nativeElement['$.class._stuck'] = stream$);\n}\n\nexport const TUI_STUCK = new InjectionToken<boolean>('Stream of sticky stuck events');\n\nexport const TUI_STUCK_PROVIDER: Provider = {\n    provide: TUI_STUCK,\n    deps: [ElementRef, IntersectionObserverService],\n    useFactory: stuckFactory,\n};\n","import {forwardRef, SkipSelf} from '@angular/core';\nimport {\n    INTERSECTION_ROOT_MARGIN,\n    INTERSECTION_THRESHOLD,\n    IntersectionObserverService,\n} from '@ng-web-apis/intersection-observer';\nimport {\n    MODE_PROVIDER,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_LABEL_OUTSIDE,\n    TUI_TEXTFIELD_SIZE,\n} from '@taiga-ui/core';\nimport {InputCountOptions, TUI_INPUT_COUNT_OPTIONS} from '@taiga-ui/kit';\nimport {TuiTableDirective} from '../directives/table.directive';\nimport {TUI_STUCK_PROVIDER} from './stuck.provider';\n\n// TODO: remove in ivy compilation\nexport const TABLE_THRESHOLD = [0, 1];\nexport const TABLE_LABEL = {\n    labelOutside: true,\n};\n\nexport function inputCountOptionsFactory(options: InputCountOptions): InputCountOptions {\n    return {...options, hideButtons: true};\n}\n\nexport const TUI_TABLE_PROVIDERS = [\n    {\n        provide: INTERSECTION_ROOT_MARGIN,\n        useValue: '10000px 10000px 10000px 0px',\n    },\n    {\n        provide: INTERSECTION_THRESHOLD,\n        useValue: TABLE_THRESHOLD,\n    },\n    {\n        provide: TUI_TEXTFIELD_APPEARANCE,\n        // TODO: remove in ivy compilation\n        useValue: 'table', // TuiAppearance.Table\n    },\n    {\n        provide: TUI_TEXTFIELD_LABEL_OUTSIDE,\n        useValue: TABLE_LABEL,\n    },\n    {\n        provide: TUI_INPUT_COUNT_OPTIONS,\n        deps: [[new SkipSelf(), TUI_INPUT_COUNT_OPTIONS]],\n        useFactory: inputCountOptionsFactory,\n    },\n    {\n        provide: TUI_TEXTFIELD_SIZE,\n        useExisting: forwardRef(() => TuiTableDirective),\n    },\n    IntersectionObserverService,\n    MODE_PROVIDER,\n    TUI_STUCK_PROVIDER,\n];\n","import {\n    ChangeDetectorRef,\n    Directive,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {TuiComparator} from '@taiga-ui/addon-table/types';\nimport {TuiController, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_MODE, TuiBrightness, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\nimport {TUI_STUCK} from '../providers/stuck.provider';\nimport {TUI_TABLE_PROVIDERS} from '../providers/table.providers';\n\n@Directive({\n    selector: 'table[tuiTable]',\n    providers: TUI_TABLE_PROVIDERS,\n    host: {\n        '($.data-mode.attr)': 'mode$',\n        '($.class._stuck)': 'stuck$',\n        style: 'border-collapse: separate',\n    },\n})\nexport class TuiTableDirective<T> extends TuiController {\n    @Input()\n    @tuiDefaultProp()\n    columns: ReadonlyArray<keyof T | string> = [];\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    sorter: TuiComparator<T> = () => 0;\n\n    @Input()\n    @tuiDefaultProp()\n    direction: -1 | 1 = 1;\n\n    @Output()\n    readonly directionChange = new EventEmitter<-1 | 1>();\n\n    @Output()\n    readonly sorterChange = new EventEmitter<TuiComparator<T> | null>();\n\n    constructor(\n        @Inject(IntersectionObserverService)\n        readonly entries$: Observable<IntersectionObserverEntry[]>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_STUCK) readonly stuck$: Observable<boolean>,\n        @Inject(ChangeDetectorRef) private readonly changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super();\n    }\n\n    updateSorter(sorter: TuiComparator<T>) {\n        if (this.sorter === sorter) {\n            this.direction = this.direction === 1 ? -1 : 1;\n            this.directionChange.emit(this.direction);\n        } else {\n            this.sorter = sorter;\n            this.sorterChange.emit(this.sorter);\n            this.direction = 1;\n            this.directionChange.emit(1);\n        }\n\n        this.change$.next();\n    }\n\n    ngAfterViewInit() {\n        this.changeDetectorRef.detectChanges();\n    }\n}\n","import {Directive, Inject} from '@angular/core';\nimport {\n    INTERSECTION_ROOT_MARGIN,\n    IntersectionObserverService,\n} from '@ng-web-apis/intersection-observer';\nimport {Observable} from 'rxjs';\nimport {TUI_STUCK, TUI_STUCK_PROVIDER} from '../providers/stuck.provider';\n\n@Directive({\n    selector: 'thead[tuiThead]',\n    providers: [\n        TUI_STUCK_PROVIDER,\n        IntersectionObserverService,\n        {\n            provide: INTERSECTION_ROOT_MARGIN,\n            useValue: '0px 10000px 10000px 10000px',\n        },\n    ],\n    host: {\n        '($.class._stuck)': 'stuck$',\n    },\n})\nexport class TuiTheadDirective {\n    constructor(@Inject(TUI_STUCK) readonly stuck$: Observable<boolean>) {}\n}\n","import {ChangeDetectorRef, Provider, SkipSelf} from '@angular/core';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\nimport {watchedControllerFactory} from '@taiga-ui/core';\nimport {TuiTableDirective} from '../directives/table.directive';\n\n// TODO: remove in ivy compilation\nexport const TABLE_FACTORY = watchedControllerFactory;\n\nexport const TUI_TABLE_PROVIDER: Provider[] = [\n    TuiDestroyService,\n    {\n        provide: TuiTableDirective,\n        deps: [[new SkipSelf(), TuiTableDirective], ChangeDetectorRef, TuiDestroyService],\n        useFactory: TABLE_FACTORY,\n    },\n];\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    forwardRef,\n    Inject,\n    QueryList,\n} from '@angular/core';\nimport {EMPTY_QUERY} from '@taiga-ui/cdk';\nimport {map, startWith} from 'rxjs/operators';\nimport {TuiCellDirective} from '../directives/cell.directive';\nimport {TuiTableDirective} from '../directives/table.directive';\nimport {TUI_TABLE_PROVIDER} from '../providers/table.provider';\nimport {TuiTbodyComponent} from '../tbody/tbody.component';\n\n@Component({\n    selector: 'tr[tuiTr]',\n    templateUrl: './tr.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TUI_TABLE_PROVIDER],\n})\nexport class TuiTrComponent<T> {\n    @ContentChildren(forwardRef(() => TuiCellDirective))\n    private readonly cells: QueryList<TuiCellDirective> = EMPTY_QUERY;\n\n    readonly cells$ = this.cells.changes.pipe(\n        startWith(null),\n        map(() =>\n            this.cells.reduce<Record<any, TuiCellDirective>>(\n                (record, item) => ({...record, [item.tuiCell]: item}),\n                {},\n            ),\n        ),\n    );\n\n    readonly item$ = this.body.rows.changes.pipe(\n        startWith(null),\n        map(\n            () =>\n                this.body.sorted[this.body.rows.toArray().findIndex(row => row === this)],\n        ),\n    );\n\n    constructor(\n        @Inject(forwardRef(() => TuiTableDirective))\n        readonly table: TuiTableDirective<T>,\n        @Inject(forwardRef(() => TuiTbodyComponent))\n        private readonly body: TuiTbodyComponent<T>,\n    ) {}\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ContentChildren,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    Output,\n    QueryList,\n} from '@angular/core';\nimport {TuiComparator} from '@taiga-ui/addon-table/types';\nimport {EMPTY_QUERY, tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {TuiRowDirective} from '../directives/row.directive';\nimport {TuiTableDirective} from '../directives/table.directive';\nimport {TUI_TABLE_PROVIDER} from '../providers/table.provider';\nimport {TuiTrComponent} from '../tr/tr.component';\n\n@Component({\n    selector: 'tbody[tuiTbody]',\n    templateUrl: './tbody.template.html',\n    styleUrls: ['./tbody.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_TABLE_PROVIDER,\n})\nexport class TuiTbodyComponent<T> {\n    @Input()\n    @tuiDefaultProp()\n    data: readonly T[] = [];\n\n    @Input()\n    @tuiDefaultProp()\n    heading: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    open = true;\n\n    @Output()\n    readonly openChange = new EventEmitter<boolean>();\n\n    @ContentChild(forwardRef(() => TuiRowDirective))\n    readonly row?: TuiRowDirective<T>;\n\n    @ContentChildren(forwardRef(() => TuiTrComponent))\n    readonly rows: QueryList<TuiTrComponent<T>> = EMPTY_QUERY;\n\n    readonly toContext = ($implicit: T, index: number) => ({$implicit, index});\n\n    constructor(\n        @Inject(forwardRef(() => TuiTableDirective))\n        readonly table: TuiTableDirective<T>,\n    ) {}\n\n    get sorted(): readonly T[] {\n        return this.sort(this.data, this.table.sorter, this.table.direction);\n    }\n\n    onClick() {\n        this.open = !this.open;\n        this.openChange.emit(this.open);\n    }\n\n    @tuiPure\n    private sort(\n        data: readonly T[],\n        sorter: TuiComparator<T>,\n        direction: -1 | 1,\n    ): readonly T[] {\n        return [...data].sort((a, b) => direction * sorter(a, b));\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n} from '@angular/core';\nimport {TuiComparator} from '@taiga-ui/addon-table/types';\nimport {defaultSort} from '@taiga-ui/addon-table/utils';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_ELEMENT_REF} from '@taiga-ui/core';\nimport {TuiHeadDirective} from '../directives/head.directive';\nimport {TuiTableDirective} from '../directives/table.directive';\n\n@Component({\n    selector: 'th[tuiTh]',\n    templateUrl: './th.template.html',\n    styleUrls: ['./th.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_ELEMENT_REF,\n            useExisting: ElementRef,\n        },\n    ],\n})\nexport class TuiThComponent<T> {\n    @Input()\n    @tuiDefaultProp()\n    sorter: TuiComparator<T> | null = this.head\n        ? (a, b) => defaultSort(a[this.key], b[this.key])\n        : null;\n\n    @Input()\n    @tuiDefaultProp()\n    resizable = false;\n\n    @Input()\n    @HostBinding('class._sticky')\n    @tuiDefaultProp()\n    sticky = false;\n\n    @HostBinding('style.width.px')\n    width: number | null = null;\n\n    constructor(\n        @Optional()\n        @Inject(TuiHeadDirective)\n        private readonly head: TuiHeadDirective<T> | null,\n        @Optional()\n        @Inject(forwardRef(() => TuiTableDirective))\n        readonly table: TuiTableDirective<T> | null,\n    ) {}\n\n    get key(): keyof T {\n        if (!this.head) {\n            throw new Error('Trying to sort with no key');\n        }\n\n        return this.head.tuiHead;\n    }\n\n    get isCurrent(): boolean {\n        return !!this.sorter && !!this.table && this.sorter === this.table.sorter;\n    }\n\n    onResized(width: number) {\n        this.width = width;\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ContentChildren,\n    forwardRef,\n    Inject,\n    QueryList,\n} from '@angular/core';\nimport {EMPTY_QUERY} from '@taiga-ui/cdk';\nimport {map, startWith} from 'rxjs/operators';\nimport {TuiHeadDirective} from '../directives/head.directive';\nimport {TuiTableDirective} from '../directives/table.directive';\nimport {TUI_TABLE_PROVIDER} from '../providers/table.provider';\nimport {TuiThComponent} from '../th/th.component';\n\n@Component({\n    selector: 'tr[tuiThGroup]',\n    templateUrl: './th-group.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TUI_TABLE_PROVIDER],\n})\nexport class TuiThGroupComponent<T> {\n    @ContentChild(forwardRef(() => TuiThComponent))\n    readonly th: unknown;\n\n    @ContentChildren(forwardRef(() => TuiHeadDirective))\n    readonly heads: QueryList<TuiHeadDirective<T>> = EMPTY_QUERY;\n\n    readonly heads$ = this.heads.changes.pipe(\n        startWith(null),\n        map(() =>\n            this.heads.reduce<Record<any, TuiHeadDirective<T>>>(\n                (record, item) => ({...record, [item.tuiHead]: item}),\n                {},\n            ),\n        ),\n    );\n\n    constructor(\n        @Inject(forwardRef(() => TuiTableDirective))\n        readonly table: TuiTableDirective<T>,\n    ) {}\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    HostBinding,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\n\n@Component({\n    selector: 'th[tuiTd], td[tuiTd]',\n    templateUrl: './td.template.html',\n    styleUrls: ['./td.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiTdComponent {\n    @HostBinding('class._editable')\n    @ContentChild(NgControl)\n    readonly control: unknown;\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiMapperPipeModule} from '@taiga-ui/cdk';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TuiCellDirective} from './directives/cell.directive';\nimport {TuiHeadDirective} from './directives/head.directive';\nimport {TuiResizedDirective} from './directives/resized.directive';\nimport {TuiRowDirective} from './directives/row.directive';\nimport {TuiTableDirective} from './directives/table.directive';\nimport {TuiTheadDirective} from './directives/thead.directive';\nimport {TuiTbodyComponent} from './tbody/tbody.component';\nimport {TuiTdComponent} from './td/td.component';\nimport {TuiThGroupComponent} from './th-group/th-group.component';\nimport {TuiThComponent} from './th/th.component';\nimport {TuiTrComponent} from './tr/tr.component';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiMapperPipeModule, TuiSvgModule],\n    declarations: [\n        TuiTableDirective,\n        TuiTbodyComponent,\n        TuiThGroupComponent,\n        TuiThComponent,\n        TuiTdComponent,\n        TuiTrComponent,\n        TuiCellDirective,\n        TuiHeadDirective,\n        TuiRowDirective,\n        TuiTheadDirective,\n        TuiResizedDirective,\n    ],\n    exports: [\n        TuiTableDirective,\n        TuiTbodyComponent,\n        TuiThGroupComponent,\n        TuiThComponent,\n        TuiTdComponent,\n        TuiTrComponent,\n        TuiCellDirective,\n        TuiHeadDirective,\n        TuiRowDirective,\n        TuiTheadDirective,\n    ],\n})\nexport class TuiTableModule {}\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.js","sources":["ng://@taiga-ui/addon-table/components/table/directives/cell.directive.ts","ng://@taiga-ui/addon-table/components/table/directives/head.directive.ts","ng://@taiga-ui/addon-table/components/table/directives/resized.directive.ts","ng://@taiga-ui/addon-table/components/table/directives/row.directive.ts","ng://@taiga-ui/addon-table/components/table/providers/stuck.provider.ts","ng://@taiga-ui/addon-table/components/table/providers/table.providers.ts","ng://@taiga-ui/addon-table/components/table/directives/table.directive.ts","ng://@taiga-ui/addon-table/components/table/directives/thead.directive.ts","ng://@taiga-ui/addon-table/components/table/providers/table.provider.ts","ng://@taiga-ui/addon-table/components/table/tr/tr.component.ts","ng://@taiga-ui/addon-table/components/table/tbody/tbody.component.ts","ng://@taiga-ui/addon-table/components/table/td/td.component.ts","ng://@taiga-ui/addon-table/components/table/th/th.component.ts","ng://@taiga-ui/addon-table/components/table/th-group/th-group.component.ts","ng://@taiga-ui/addon-table/components/table/table.module.ts","ng://@taiga-ui/addon-table/components/table/taiga-ui-addon-table-components-table.ts"],"sourcesContent":["import {Directive, Inject, Input, TemplateRef} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\n\n@Directive({\n    selector: '[tuiCell]',\n})\nexport class TuiCellDirective {\n    @Input()\n    @tuiDefaultProp()\n    tuiCell = '';\n\n    constructor(@Inject(TemplateRef) readonly template: TemplateRef<{}>) {}\n}\n","import {Directive, Inject, Input, TemplateRef} from '@angular/core';\n\n@Directive({\n    selector: '[tuiHead]',\n})\nexport class TuiHeadDirective<T extends Record<any, any>> {\n    @Input()\n    tuiHead!: keyof T;\n\n    constructor(@Inject(TemplateRef) readonly template: TemplateRef<{}>) {}\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// @dynamic\n@Directive({\n    selector: '[tuiResized]',\n})\nexport class TuiResizedDirective {\n    @Output()\n    readonly tuiResized = typedFromEvent(this.elementRef.nativeElement, 'mousedown').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 {Directive, Inject, Input, TemplateRef} from '@angular/core';\nimport {TuiRowContext} from '@taiga-ui/addon-table/interfaces';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\n\n@Directive({\n    selector: 'ng-template[tuiRow]',\n})\nexport class TuiRowDirective<T> {\n    @Input()\n    @tuiDefaultProp()\n    tuiRowOf: readonly T[] = [];\n\n    constructor(@Inject(TemplateRef) readonly template: TemplateRef<TuiRowContext<T>>) {}\n\n    static ngTemplateContextGuard<T>(\n        _dir: TuiRowDirective<T>,\n        _ctx: any,\n    ): _ctx is TuiRowContext<T> {\n        return true;\n    }\n}\n","import {ElementRef, InjectionToken, Provider} from '@angular/core';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nexport function stuckFactory(\n    {nativeElement}: ElementRef,\n    entries$: Observable<IntersectionObserverEntry[]>,\n): Observable<boolean> {\n    const stream$ = entries$.pipe(map(([{intersectionRatio}]) => intersectionRatio < 1));\n\n    return (nativeElement['$.class._stuck'] = stream$);\n}\n\nexport const TUI_STUCK = new InjectionToken<boolean>('Stream of sticky stuck events');\n\nexport const TUI_STUCK_PROVIDER: Provider = {\n    provide: TUI_STUCK,\n    deps: [ElementRef, IntersectionObserverService],\n    useFactory: stuckFactory,\n};\n","import {forwardRef, SkipSelf} from '@angular/core';\nimport {\n    INTERSECTION_ROOT_MARGIN,\n    INTERSECTION_THRESHOLD,\n    IntersectionObserverService,\n} from '@ng-web-apis/intersection-observer';\nimport {\n    MODE_PROVIDER,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_LABEL_OUTSIDE,\n    TUI_TEXTFIELD_SIZE,\n} from '@taiga-ui/core';\nimport {InputCountOptions, TUI_INPUT_COUNT_OPTIONS} from '@taiga-ui/kit';\n\nimport {TuiTableDirective} from '../directives/table.directive';\nimport {TUI_STUCK_PROVIDER} from './stuck.provider';\n\n// TODO: remove in ivy compilation\nexport const TABLE_THRESHOLD = [0, 1];\nexport const TABLE_LABEL = {\n    labelOutside: true,\n};\n\nexport function inputCountOptionsFactory(options: InputCountOptions): InputCountOptions {\n    return {...options, hideButtons: true};\n}\n\nexport const TUI_TABLE_PROVIDERS = [\n    {\n        provide: INTERSECTION_ROOT_MARGIN,\n        useValue: '10000px 10000px 10000px 0px',\n    },\n    {\n        provide: INTERSECTION_THRESHOLD,\n        useValue: TABLE_THRESHOLD,\n    },\n    {\n        provide: TUI_TEXTFIELD_APPEARANCE,\n        // TODO: remove in ivy compilation\n        useValue: 'table', // TuiAppearance.Table\n    },\n    {\n        provide: TUI_TEXTFIELD_LABEL_OUTSIDE,\n        useValue: TABLE_LABEL,\n    },\n    {\n        provide: TUI_INPUT_COUNT_OPTIONS,\n        deps: [[new SkipSelf(), TUI_INPUT_COUNT_OPTIONS]],\n        useFactory: inputCountOptionsFactory,\n    },\n    {\n        provide: TUI_TEXTFIELD_SIZE,\n        useExisting: forwardRef(() => TuiTableDirective),\n    },\n    IntersectionObserverService,\n    MODE_PROVIDER,\n    TUI_STUCK_PROVIDER,\n];\n","import {\n    ChangeDetectorRef,\n    Directive,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {TuiComparator} from '@taiga-ui/addon-table/types';\nimport {TuiController, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_MODE, TuiBrightness, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {TUI_STUCK} from '../providers/stuck.provider';\nimport {TUI_TABLE_PROVIDERS} from '../providers/table.providers';\n\n@Directive({\n    selector: 'table[tuiTable]',\n    providers: TUI_TABLE_PROVIDERS,\n    host: {\n        '($.data-mode.attr)': 'mode$',\n        '($.class._stuck)': 'stuck$',\n        style: 'border-collapse: separate',\n    },\n})\nexport class TuiTableDirective<T> extends TuiController {\n    @Input()\n    @tuiDefaultProp()\n    columns: ReadonlyArray<keyof T | string> = [];\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    sorter: TuiComparator<T> = () => 0;\n\n    @Input()\n    @tuiDefaultProp()\n    direction: -1 | 1 = 1;\n\n    @Output()\n    readonly directionChange = new EventEmitter<-1 | 1>();\n\n    @Output()\n    readonly sorterChange = new EventEmitter<TuiComparator<T> | null>();\n\n    constructor(\n        @Inject(IntersectionObserverService)\n        readonly entries$: Observable<IntersectionObserverEntry[]>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_STUCK) readonly stuck$: Observable<boolean>,\n        @Inject(ChangeDetectorRef) private readonly changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super();\n    }\n\n    updateSorter(sorter: TuiComparator<T>) {\n        if (this.sorter === sorter) {\n            this.direction = this.direction === 1 ? -1 : 1;\n            this.directionChange.emit(this.direction);\n        } else {\n            this.sorter = sorter;\n            this.sorterChange.emit(this.sorter);\n            this.direction = 1;\n            this.directionChange.emit(1);\n        }\n\n        this.change$.next();\n    }\n\n    ngAfterViewInit() {\n        this.changeDetectorRef.detectChanges();\n    }\n}\n","import {Directive, Inject} from '@angular/core';\nimport {\n    INTERSECTION_ROOT_MARGIN,\n    IntersectionObserverService,\n} from '@ng-web-apis/intersection-observer';\nimport {Observable} from 'rxjs';\n\nimport {TUI_STUCK, TUI_STUCK_PROVIDER} from '../providers/stuck.provider';\n\n@Directive({\n    selector: 'thead[tuiThead]',\n    providers: [\n        TUI_STUCK_PROVIDER,\n        IntersectionObserverService,\n        {\n            provide: INTERSECTION_ROOT_MARGIN,\n            useValue: '0px 10000px 10000px 10000px',\n        },\n    ],\n    host: {\n        '($.class._stuck)': 'stuck$',\n    },\n})\nexport class TuiTheadDirective {\n    constructor(@Inject(TUI_STUCK) readonly stuck$: Observable<boolean>) {}\n}\n","import {ChangeDetectorRef, Provider, SkipSelf} from '@angular/core';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\nimport {watchedControllerFactory} from '@taiga-ui/core';\n\nimport {TuiTableDirective} from '../directives/table.directive';\n\n// TODO: remove in ivy compilation\nexport const TABLE_FACTORY = watchedControllerFactory;\n\nexport const TUI_TABLE_PROVIDER: Provider[] = [\n    TuiDestroyService,\n    {\n        provide: TuiTableDirective,\n        deps: [[new SkipSelf(), TuiTableDirective], ChangeDetectorRef, TuiDestroyService],\n        useFactory: TABLE_FACTORY,\n    },\n];\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    forwardRef,\n    Inject,\n    QueryList,\n} from '@angular/core';\nimport {EMPTY_QUERY} from '@taiga-ui/cdk';\nimport {map, startWith} from 'rxjs/operators';\n\nimport {TuiCellDirective} from '../directives/cell.directive';\nimport {TuiTableDirective} from '../directives/table.directive';\nimport {TUI_TABLE_PROVIDER} from '../providers/table.provider';\nimport {TuiTbodyComponent} from '../tbody/tbody.component';\n\n@Component({\n    selector: 'tr[tuiTr]',\n    templateUrl: './tr.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TUI_TABLE_PROVIDER],\n})\nexport class TuiTrComponent<T> {\n    @ContentChildren(forwardRef(() => TuiCellDirective))\n    private readonly cells: QueryList<TuiCellDirective> = EMPTY_QUERY;\n\n    readonly cells$ = this.cells.changes.pipe(\n        startWith(null),\n        map(() =>\n            this.cells.reduce<Record<any, TuiCellDirective>>(\n                (record, item) => ({...record, [item.tuiCell]: item}),\n                {},\n            ),\n        ),\n    );\n\n    readonly item$ = this.body.rows.changes.pipe(\n        startWith(null),\n        map(\n            () =>\n                this.body.sorted[this.body.rows.toArray().findIndex(row => row === this)],\n        ),\n    );\n\n    constructor(\n        @Inject(forwardRef(() => TuiTableDirective))\n        readonly table: TuiTableDirective<T>,\n        @Inject(forwardRef(() => TuiTbodyComponent))\n        private readonly body: TuiTbodyComponent<T>,\n    ) {}\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ContentChildren,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    Output,\n    QueryList,\n} from '@angular/core';\nimport {TuiComparator} from '@taiga-ui/addon-table/types';\nimport {EMPTY_QUERY, tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiRowDirective} from '../directives/row.directive';\nimport {TuiTableDirective} from '../directives/table.directive';\nimport {TUI_TABLE_PROVIDER} from '../providers/table.provider';\nimport {TuiTrComponent} from '../tr/tr.component';\n\n@Component({\n    selector: 'tbody[tuiTbody]',\n    templateUrl: './tbody.template.html',\n    styleUrls: ['./tbody.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_TABLE_PROVIDER,\n})\nexport class TuiTbodyComponent<T> {\n    @Input()\n    @tuiDefaultProp()\n    data: readonly T[] = [];\n\n    @Input()\n    @tuiDefaultProp()\n    heading: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    open = true;\n\n    @Output()\n    readonly openChange = new EventEmitter<boolean>();\n\n    @ContentChild(forwardRef(() => TuiRowDirective))\n    readonly row?: TuiRowDirective<T>;\n\n    @ContentChildren(forwardRef(() => TuiTrComponent))\n    readonly rows: QueryList<TuiTrComponent<T>> = EMPTY_QUERY;\n\n    readonly toContext = ($implicit: T, index: number) => ({$implicit, index});\n\n    constructor(\n        @Inject(forwardRef(() => TuiTableDirective))\n        readonly table: TuiTableDirective<T>,\n    ) {}\n\n    get sorted(): readonly T[] {\n        return this.sort(this.data, this.table.sorter, this.table.direction);\n    }\n\n    onClick() {\n        this.open = !this.open;\n        this.openChange.emit(this.open);\n    }\n\n    @tuiPure\n    private sort(\n        data: readonly T[],\n        sorter: TuiComparator<T>,\n        direction: -1 | 1,\n    ): readonly T[] {\n        return [...data].sort((a, b) => direction * sorter(a, b));\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    HostBinding,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\n\n@Component({\n    selector: 'th[tuiTd], td[tuiTd]',\n    templateUrl: './td.template.html',\n    styleUrls: ['./td.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiTdComponent {\n    @HostBinding('class._editable')\n    @ContentChild(NgControl)\n    readonly control: unknown;\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n} from '@angular/core';\nimport {TuiComparator} from '@taiga-ui/addon-table/types';\nimport {defaultSort} from '@taiga-ui/addon-table/utils';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_ELEMENT_REF} from '@taiga-ui/core';\n\nimport {TuiHeadDirective} from '../directives/head.directive';\nimport {TuiTableDirective} from '../directives/table.directive';\n\n@Component({\n    selector: 'th[tuiTh]',\n    templateUrl: './th.template.html',\n    styleUrls: ['./th.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_ELEMENT_REF,\n            useExisting: ElementRef,\n        },\n    ],\n})\nexport class TuiThComponent<T> {\n    @Input()\n    @tuiDefaultProp()\n    sorter: TuiComparator<T> | null = this.head\n        ? (a, b) => defaultSort(a[this.key], b[this.key])\n        : null;\n\n    @Input()\n    @tuiDefaultProp()\n    resizable = false;\n\n    @Input()\n    @HostBinding('class._sticky')\n    @tuiDefaultProp()\n    sticky = false;\n\n    @HostBinding('style.width.px')\n    width: number | null = null;\n\n    constructor(\n        @Optional()\n        @Inject(TuiHeadDirective)\n        private readonly head: TuiHeadDirective<T> | null,\n        @Optional()\n        @Inject(forwardRef(() => TuiTableDirective))\n        readonly table: TuiTableDirective<T> | null,\n    ) {}\n\n    get key(): keyof T {\n        if (!this.head) {\n            throw new Error('Trying to sort with no key');\n        }\n\n        return this.head.tuiHead;\n    }\n\n    get isCurrent(): boolean {\n        return !!this.sorter && !!this.table && this.sorter === this.table.sorter;\n    }\n\n    onResized(width: number) {\n        this.width = width;\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ContentChildren,\n    forwardRef,\n    Inject,\n    QueryList,\n} from '@angular/core';\nimport {EMPTY_QUERY} from '@taiga-ui/cdk';\nimport {map, startWith} from 'rxjs/operators';\n\nimport {TuiHeadDirective} from '../directives/head.directive';\nimport {TuiTableDirective} from '../directives/table.directive';\nimport {TUI_TABLE_PROVIDER} from '../providers/table.provider';\nimport {TuiThComponent} from '../th/th.component';\n\n@Component({\n    selector: 'tr[tuiThGroup]',\n    templateUrl: './th-group.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TUI_TABLE_PROVIDER],\n})\nexport class TuiThGroupComponent<T> {\n    @ContentChild(forwardRef(() => TuiThComponent))\n    readonly th: unknown;\n\n    @ContentChildren(forwardRef(() => TuiHeadDirective))\n    readonly heads: QueryList<TuiHeadDirective<T>> = EMPTY_QUERY;\n\n    readonly heads$ = this.heads.changes.pipe(\n        startWith(null),\n        map(() =>\n            this.heads.reduce<Record<any, TuiHeadDirective<T>>>(\n                (record, item) => ({...record, [item.tuiHead]: item}),\n                {},\n            ),\n        ),\n    );\n\n    constructor(\n        @Inject(forwardRef(() => TuiTableDirective))\n        readonly table: TuiTableDirective<T>,\n    ) {}\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiMapperPipeModule} from '@taiga-ui/cdk';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiCellDirective} from './directives/cell.directive';\nimport {TuiHeadDirective} from './directives/head.directive';\nimport {TuiResizedDirective} from './directives/resized.directive';\nimport {TuiRowDirective} from './directives/row.directive';\nimport {TuiTableDirective} from './directives/table.directive';\nimport {TuiTheadDirective} from './directives/thead.directive';\nimport {TuiTbodyComponent} from './tbody/tbody.component';\nimport {TuiTdComponent} from './td/td.component';\nimport {TuiThComponent} from './th/th.component';\nimport {TuiThGroupComponent} from './th-group/th-group.component';\nimport {TuiTrComponent} from './tr/tr.component';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiMapperPipeModule, TuiSvgModule],\n    declarations: [\n        TuiTableDirective,\n        TuiTbodyComponent,\n        TuiThGroupComponent,\n        TuiThComponent,\n        TuiTdComponent,\n        TuiTrComponent,\n        TuiCellDirective,\n        TuiHeadDirective,\n        TuiRowDirective,\n        TuiTheadDirective,\n        TuiResizedDirective,\n    ],\n    exports: [\n        TuiTableDirective,\n        TuiTbodyComponent,\n        TuiThGroupComponent,\n        TuiThComponent,\n        TuiTdComponent,\n        TuiTrComponent,\n        TuiCellDirective,\n        TuiHeadDirective,\n        TuiRowDirective,\n        TuiTheadDirective,\n    ],\n})\nexport class TuiTableModule {}\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-reorder.js

@@ -64,8 +64,8 @@ var TuiReorderComponent = /** @class */ (function () {
     TuiReorderComponent = __decorate([
         Component({
             selector: 'tui-reorder',
-            template: "<div cdkDropList class=\"wrapper\" (cdkDropListDropped)=\"drop($event)\">\n    <div *ngFor=\"let item of items\" class=\"item\" tabindex=\"-1\" cdkDrag>\n        <tui-svg src=\"tuiIconDrag\" class=\"icon\"></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{font:var(--tui-font-text-s);display:block;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}"]
+            template: "<div cdkDropList class=\"wrapper\" (cdkDropListDropped)=\"drop($event)\">\n    <div *ngFor=\"let item of items\" tabindex=\"-1\" cdkDrag class=\"item\">\n        <tui-svg src=\"tuiIconDrag\" class=\"icon\"></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}"]
         }),
         __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() {}\n\n    isEnabled(item: T): boolean {\n        return this.enabled.indexOf(item) !== -1;\n    }\n\n    getIcon(item: T): string {\n        return this.isEnabled(item) ? 'tuiIconEyeOpen' : 'tuiIconEyeClosed';\n    }\n\n    toggle(toggled: T) {\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>) {\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.indexOf(item) !== -1));\n    }\n\n    private updateEnabled(enabled: readonly T[]) {\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';\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,eAAS;IAET,uCAAS,GAAT,UAAU,IAAO;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;KAC5C;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,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAA,CAAC,CAAC,CAAC;KAC/E;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;mDACrB;IApBA,mBAAmB;QAL/B,SAAS,CAAC;YACP,QAAQ,EAAE,aAAa;YACvB,iqBAAsC;;SAEzC,CAAC;QAiBO,WAAA,MAAM,CAAC,2BAA2B,CAAC,CAAA;OAhB/B,mBAAmB,CAmD/B;IAAD,0BAAC;CAnDD;;;ICDA;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;;AClBA;;;;;;"}
+{"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() {}\n\n    isEnabled(item: T): boolean {\n        return this.enabled.indexOf(item) !== -1;\n    }\n\n    getIcon(item: T): string {\n        return this.isEnabled(item) ? 'tuiIconEyeOpen' : 'tuiIconEyeClosed';\n    }\n\n    toggle(toggled: T) {\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>) {\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.indexOf(item) !== -1));\n    }\n\n    private updateEnabled(enabled: readonly T[]) {\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,eAAS;IAET,uCAAS,GAAT,UAAU,IAAO;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;KAC5C;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,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAA,CAAC,CAAC,CAAC;KAC/E;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;mDACrB;IApBA,mBAAmB;QAL/B,SAAS,CAAC;YACP,QAAQ,EAAE,aAAa;YACvB,mqBAAsC;;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

@@ -1,10 +1,37 @@
 import { __decorate, __param } from 'tslib';
+import { HostBinding, Component, ElementRef, Inject, Output, Directive, NgModule } from '@angular/core';
+import { TUI_ELEMENT_REF } from '@taiga-ui/core';
 import { DOCUMENT } from '@angular/common';
-import { Inject, ElementRef, Output, Directive, HostBinding, Component, NgModule } from '@angular/core';
 import { typedFromEvent, preventDefault } from '@taiga-ui/cdk';
-import { TUI_ELEMENT_REF } from '@taiga-ui/core';
 import { switchMap, distinctUntilChanged, map, takeUntil } from 'rxjs/operators';
 
+/** @deprecated use `<th tuiTh [resizable]="true">` from {@link TuiTableModule} */
+var TuiResizableColumnComponent = /** @class */ (function () {
+    function TuiResizableColumnComponent() {
+        this.width = null;
+    }
+    TuiResizableColumnComponent.prototype.onResize = function (width) {
+        this.width = width;
+    };
+    __decorate([
+        HostBinding('style.width.px')
+    ], TuiResizableColumnComponent.prototype, "width", void 0);
+    TuiResizableColumnComponent = __decorate([
+        Component({
+            selector: 'th[tuiResizableColumn]',
+            template: "<ng-content></ng-content>\n<div class=\"bar\" (tuiResizableColumn)=\"onResize($event)\"></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}"]
+        })
+    ], TuiResizableColumnComponent);
+    return TuiResizableColumnComponent;
+}());
+
 /** @deprecated use `<th tuiTh [resizable]="true">` from {@link TuiTableModule} */
 // @dynamic
 var TuiResizableColumnDirective = /** @class */ (function () {
@@ -40,33 +67,6 @@ var TuiResizableColumnDirective = /** @class */ (function () {
     return TuiResizableColumnDirective;
 }());
 
-/** @deprecated use `<th tuiTh [resizable]="true">` from {@link TuiTableModule} */
-var TuiResizableColumnComponent = /** @class */ (function () {
-    function TuiResizableColumnComponent() {
-        this.width = null;
-    }
-    TuiResizableColumnComponent.prototype.onResize = function (width) {
-        this.width = width;
-    };
-    __decorate([
-        HostBinding('style.width.px')
-    ], TuiResizableColumnComponent.prototype, "width", void 0);
-    TuiResizableColumnComponent = __decorate([
-        Component({
-            selector: 'th[tuiResizableColumn]',
-            template: "<ng-content></ng-content>\n<div class=\"bar\" (tuiResizableColumn)=\"onResize($event)\"></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}"]
-        })
-    ], TuiResizableColumnComponent);
-    return TuiResizableColumnComponent;
-}());
-
 /** @deprecated use `<th tuiTh [resizable]="true">` from {@link TuiTableModule} */
 var TuiResizableColumnModule = /** @class */ (function () {
     function TuiResizableColumnModule() {

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.directive.ts","ng://@taiga-ui/addon-table/components/resizable-column/resizable-column.component.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 {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 {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) {\n        this.width = width;\n    }\n}\n","import {NgModule} from '@angular/core';\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":";;;;;;;AAMA;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;;ACRA;;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,4GAA+C;YAE/C,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,eAAe;oBACxB,WAAW,EAAE,UAAU;iBAC1B;aACJ;;SACJ,CAAC;OACW,2BAA2B,CAOvC;IAAD,kCAAC;CAPD;;ACXA;;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;;ACTA;;;;;;"}
+{"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) {\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,4GAA+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

@@ -99,8 +99,8 @@ var TuiTablePaginationComponent = /** @class */ (function () {
     TuiTablePaginationComponent = __decorate([
         Component({
             selector: 'tui-table-pagination',
-            template: "<ng-container *ngIf=\"texts$ | async as texts\">\n    <span class=\"pages\">\n        {{texts.pages}} <strong class=\"strong\">{{pages}}</strong>\n    </span>\n    <span>\n        {{texts.linesPerPage}}\n        <tui-hosted-dropdown [content]=\"content\" [(open)]=\"open\">\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                            *ngIf=\"item !== size\"\n                            tuiOption\n                            size=\"s\"\n                            class=\"item\"\n                            (click)=\"onItem(item)\"\n                        >\n                            {{item}}\n                        </button>\n                    </ng-container>\n                </tui-data-list>\n            </ng-template>\n        </tui-hosted-dropdown>\n        {{texts.of}} <strong class=\"strong\">{{total}}</strong>\n    </span>\n    <ng-container *ngIf=\"spinTexts$ | async as spinTexts\">\n        <button\n            tuiIconButton\n            type=\"button\"\n            class=\"tui-space_left-6 tui-space_right-1\"\n            size=\"xs\"\n            appearance=\"icon\"\n            icon=\"tuiIconChevronLeft\"\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{font:var(--tui-font-text-s);display:flex;align-items:center;color:var(--tui-text-03)}.strong{color:var(--tui-text-01)}.pages{margin-right:auto}.item{width:5.5rem;box-sizing:border-box}"]
+            template: "<ng-container *ngIf=\"texts$ | async as texts\">\n    <span class=\"pages\">\n        {{ texts.pages }}\n        <strong class=\"strong\">{{ pages }}</strong>\n    </span>\n    <span>\n        {{ texts.linesPerPage }}\n        <tui-hosted-dropdown [content]=\"content\" [(open)]=\"open\">\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                            *ngIf=\"item !== size\"\n                            tuiOption\n                            size=\"s\"\n                            class=\"item\"\n                            (click)=\"onItem(item)\"\n                        >\n                            {{ item }}\n                        </button>\n                    </ng-container>\n                </tui-data-list>\n            </ng-template>\n        </tui-hosted-dropdown>\n        {{ texts.of }}\n        <strong class=\"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=\"tui-space_left-6 tui-space_right-1\"\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)}.strong{color:var(--tui-text-01)}.pages{margin-right:auto}.item{width:5.5rem;box-sizing:border-box}"]
         }),
         __param(0, Inject(TUI_SPIN_TEXTS)),
         __param(1, Inject(TUI_TABLE_PAGINATION_TEXTS))