@taiga-ui/addon-table 5.0.0-canary.cf66fed → 5.0.0-canary.d205016

package/components/reorder/reorder.component.d.ts

@@ -1,5 +1,3 @@
-import { type TuiContext } from '@taiga-ui/cdk/types';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
 export declare class TuiReorder<T> {
     private dragging;
@@ -9,9 +7,7 @@ export declare class TuiReorder<T> {
     protected readonly showHideText: import("@angular/core").Signal<string>;
     readonly enabled: import("@angular/core").ModelSignal<readonly T[]>;
     readonly items: import("@angular/core").ModelSignal<readonly T[]>;
-    readonly content: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<T> & {
-        index: number;
-    }>>;
+    readonly content: import("@angular/core").InputSignal<import("@taiga-ui/polymorpheus").PolymorpheusContent>;
     protected onDrag(): void;
     protected onDrop(): void;
     protected isEnabled(item: T): boolean;

package/components/table/directives/stuck.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class TuiStuck {
     protected readonly stuck: import("@angular/core").Signal<boolean | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiStuck, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiStuck, "tui-stuck:never", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiStuck, never, never, {}, {}, never, never, true, never>;
 }

package/components/table/index.d.ts

@@ -7,6 +7,7 @@ export * from './directives/sortable.directive';
 export * from './directives/stuck.directive';
 export * from './directives/table.directive';
 export * from './directives/thead.directive';
+export * from './pipes/sorter.pipe';
 export * from './pipes/table-sort.pipe';
 export * from './table';
 export * from './table.options';

package/components/table/pipes/sorter.pipe.d.ts

@@ -0,0 +1,8 @@
+import { type PipeTransform } from '@angular/core';
+import { type TuiComparator } from '@taiga-ui/addon-table/types';
+import * as i0 from "@angular/core";
+export declare class TuiSorterPipe implements PipeTransform {
+    transform<T>(key: keyof T): TuiComparator<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSorterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiSorterPipe, "tuiSorter", true>;
+}

package/components/table/pipes/table-sort.pipe.d.ts

@@ -1,10 +1,10 @@
 import { type PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class TuiTableSortPipe<T> implements PipeTransform {
+export declare class TuiTableSortPipe implements PipeTransform {
     private readonly table;
     private readonly data;
     private readonly sorted;
-    transform(data?: readonly T[] | null): readonly T[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTableSortPipe<any>, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TuiTableSortPipe<any>, "tuiTableSort", true>;
+    transform<T>(data?: readonly T[] | null): readonly T[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTableSortPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TuiTableSortPipe, "tuiTableSort", true>;
 }

package/components/table/table.d.ts

@@ -6,6 +6,7 @@ import { TuiTableSortBy } from './directives/sort-by.directive';
 import { TuiTableSortable } from './directives/sortable.directive';
 import { TuiTableDirective } from './directives/table.directive';
 import { TuiTableThead } from './directives/thead.directive';
+import { TuiSorterPipe } from './pipes/sorter.pipe';
 import { TuiTableSortPipe } from './pipes/table-sort.pipe';
 import { TuiTableExpand } from './table-expand/table-expand.component';
 import { TuiTableTbody } from './tbody/tbody.component';
@@ -13,4 +14,4 @@ import { TuiTableTd } from './td/td.component';
 import { TuiTableTh } from './th/th.component';
 import { TuiTableThGroup } from './th-group/th-group.component';
 import { TuiTableTr } from './tr/tr.component';
-export declare const TuiTable: readonly [typeof TuiTableDirective, typeof TuiTableCaption, typeof TuiTableTbody, typeof TuiTableThGroup, typeof TuiTableTh, typeof TuiTableTd, typeof TuiTableTr, typeof TuiTableCell, typeof TuiTableHead, typeof TuiTableSortBy, typeof TuiTableSortable, typeof TuiTableThead, typeof TuiTableResized, typeof TuiTableSortPipe, typeof TuiTableExpand];
+export declare const TuiTable: readonly [typeof TuiTableDirective, typeof TuiTableCaption, typeof TuiTableTbody, typeof TuiTableThGroup, typeof TuiTableTh, typeof TuiTableTd, typeof TuiTableTr, typeof TuiTableCell, typeof TuiTableHead, typeof TuiTableSortBy, typeof TuiTableSortable, typeof TuiTableThead, typeof TuiTableResized, typeof TuiSorterPipe, typeof TuiTableSortPipe, typeof TuiTableExpand];

package/components/table/th/th.component.d.ts

@@ -1,4 +1,3 @@
-import { type TuiComparator } from '@taiga-ui/addon-table/types';
 import { TuiTableDirective } from '../directives/table.directive';
 import * as i0 from "@angular/core";
 export declare class TuiTableTh<T extends Partial<Record<keyof T, unknown>>> {
@@ -8,7 +7,7 @@ export declare class TuiTableTh<T extends Partial<Record<keyof T, unknown>>> {
     protected readonly table: TuiTableDirective<T> | null;
     readonly minWidth: import("@angular/core").InputSignal<number>;
     readonly maxWidth: import("@angular/core").InputSignal<number>;
-    sorter: import("@angular/core").ModelSignal<TuiComparator<T> | null>;
+    readonly sorter: import("@angular/core").ModelSignal<((a: T, b: T) => number) | null>;
     readonly resizable: import("@angular/core").InputSignal<boolean>;
     readonly sticky: import("@angular/core").InputSignal<boolean>;
     readonly requiredSort: import("@angular/core").InputSignal<boolean>;

package/fesm2022/taiga-ui-addon-table-components-reorder.mjs

@@ -89,15 +89,15 @@ class TuiReorder {
     updateEnabled() {
         this.enabled.set(this.getSortedItems().filter((item) => this.isEnabled(item)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiReorder, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiReorder, isStandalone: true, selector: "tui-reorder", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { enabled: "enabledChange", items: "itemsChange" }, host: { listeners: { "focusout.stop": "(0)", "pointerdown.zoneless": "onDrag()", "document:pointerup.zoneless": "onDrop()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiReorder, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: TuiReorder, isStandalone: true, selector: "tui-reorder", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { enabled: "enabledChange", items: "itemsChange" }, host: { listeners: { "focusout.stop": "(0)", "pointerdown.zoneless": "onDrag()", "document:pointerup.zoneless": "onDrop()" } }, providers: [
             {
                 provide: TUI_TILES_REORDER,
                 useValue: tuiTilesShift,
             },
-        ], ngImport: i0, template: "<tui-tiles\n    class=\"t-wrapper\"\n    [(order)]=\"order\"\n>\n    @for (item of unsortedItems(); track item) {\n        <tui-tile [style.order]=\"order.get($index)\">\n            <div\n                class=\"t-item\"\n                [class.t-item_disabled]=\"!isEnabled(item)\"\n            >\n                <div\n                    tuiTileHandle\n                    class=\"t-draggable\"\n                >\n                    <tui-icon\n                        class=\"t-icon\"\n                        [icon]=\"options.icons.drag\"\n                    />\n                    <ng-container\n                        *polymorpheusOutlet=\"content() as template; context: {$implicit: item, index: $index}\"\n                    >\n                        {{ template }}\n                    </ng-container>\n                </div>\n                <button\n                    appearance=\"icon\"\n                    size=\"xs\"\n                    tuiIconButton\n                    type=\"button\"\n                    class=\"t-button\"\n                    [iconStart]=\"getIcon(item)\"\n                    (click)=\"toggle(item)\"\n                    (keydown.arrowDown.prevent)=\"move($index, 1)\"\n                    (keydown.arrowUp.prevent)=\"move($index, -1)\"\n                >\n                    {{ showHideText() }}\n                </button>\n            </div>\n        </tui-tile>\n    }\n</tui-tiles>\n", styles: [":host{display:block;font:var(--tui-font-body-s);padding:.5rem 0;-webkit-user-select:none;user-select:none}.t-wrapper{grid-auto-rows:2rem}.t-draggable{cursor:ns-resize;flex:1 1 auto}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;block-size:2rem;align-items:center;padding:0 .75rem;background:var(--tui-background-base)}.t-item_disabled{opacity:var(--tui-disabled-opacity)}.t-item_disabled .t-button{color:var(--tui-text-primary);opacity:1}.t-item:hover{background:var(--tui-background-base-alt)}.t-item:hover .t-button{opacity:1}.t-icon{margin-inline-end:.5rem;color:var(--tui-text-tertiary)}.t-icon:before{font-size:1rem}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-start:auto;opacity:0}.t-button:focus{opacity:1}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: i1.TuiTilesComponent, selector: "tui-tiles", inputs: ["debounce", "order"], outputs: ["orderChange"] }, { kind: "component", type: i1.TuiTile, selector: "tui-tile", inputs: ["width", "height"] }, { kind: "directive", type: i1.TuiTileHandle, selector: "[tuiTileHandle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<tui-tiles\n    class=\"t-wrapper\"\n    [(order)]=\"order\"\n>\n    @for (item of unsortedItems(); track item) {\n        <tui-tile [style.order]=\"order.get($index)\">\n            <div\n                class=\"t-item\"\n                [class.t-item_disabled]=\"!isEnabled(item)\"\n            >\n                <div\n                    tuiTileHandle\n                    class=\"t-draggable\"\n                >\n                    <tui-icon\n                        class=\"t-icon\"\n                        [icon]=\"options.icons.drag\"\n                    />\n                    <ng-container\n                        *polymorpheusOutlet=\"content() as template; context: {$implicit: item, index: $index}\"\n                    >\n                        {{ template }}\n                    </ng-container>\n                </div>\n                <button\n                    appearance=\"icon\"\n                    size=\"xs\"\n                    tuiIconButton\n                    type=\"button\"\n                    class=\"t-button\"\n                    [iconStart]=\"getIcon(item)\"\n                    (click)=\"toggle(item)\"\n                    (keydown.arrowDown.prevent)=\"move($index, 1)\"\n                    (keydown.arrowUp.prevent)=\"move($index, -1)\"\n                >\n                    {{ showHideText() }}\n                </button>\n            </div>\n        </tui-tile>\n    }\n</tui-tiles>\n", styles: [":host{display:block;font:var(--tui-typography-body-s);padding:.5rem 0;-webkit-user-select:none;user-select:none}.t-wrapper{grid-auto-rows:2rem}.t-draggable{cursor:ns-resize;flex:1 1 auto}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;block-size:2rem;align-items:center;padding:0 .75rem;background:var(--tui-background-base)}.t-item_disabled{opacity:var(--tui-disabled-opacity)}.t-item_disabled .t-button{color:var(--tui-text-primary);opacity:1}.t-item:hover{background:var(--tui-background-base-alt)}.t-item:hover .t-button{opacity:1}.t-icon{margin-inline-end:.5rem;color:var(--tui-text-tertiary)}.t-icon:before{font-size:1rem}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-start:auto;opacity:0}.t-button:focus{opacity:1}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: i1.TuiTilesComponent, selector: "tui-tiles", inputs: ["debounce", "order"], outputs: ["orderChange"] }, { kind: "component", type: i1.TuiTile, selector: "tui-tile", inputs: ["width", "height"] }, { kind: "directive", type: i1.TuiTileHandle, selector: "[tuiTileHandle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiReorder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiReorder, decorators: [{
             type: Component,
             args: [{ selector: 'tui-reorder', imports: [PolymorpheusOutlet, TuiButton, TuiIcon, TuiTiles], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -108,7 +108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         '(focusout.stop)': '(0)',
                         '(pointerdown.zoneless)': 'onDrag()',
                         '(document:pointerup.zoneless)': 'onDrop()',
-                    }, template: "<tui-tiles\n    class=\"t-wrapper\"\n    [(order)]=\"order\"\n>\n    @for (item of unsortedItems(); track item) {\n        <tui-tile [style.order]=\"order.get($index)\">\n            <div\n                class=\"t-item\"\n                [class.t-item_disabled]=\"!isEnabled(item)\"\n            >\n                <div\n                    tuiTileHandle\n                    class=\"t-draggable\"\n                >\n                    <tui-icon\n                        class=\"t-icon\"\n                        [icon]=\"options.icons.drag\"\n                    />\n                    <ng-container\n                        *polymorpheusOutlet=\"content() as template; context: {$implicit: item, index: $index}\"\n                    >\n                        {{ template }}\n                    </ng-container>\n                </div>\n                <button\n                    appearance=\"icon\"\n                    size=\"xs\"\n                    tuiIconButton\n                    type=\"button\"\n                    class=\"t-button\"\n                    [iconStart]=\"getIcon(item)\"\n                    (click)=\"toggle(item)\"\n                    (keydown.arrowDown.prevent)=\"move($index, 1)\"\n                    (keydown.arrowUp.prevent)=\"move($index, -1)\"\n                >\n                    {{ showHideText() }}\n                </button>\n            </div>\n        </tui-tile>\n    }\n</tui-tiles>\n", styles: [":host{display:block;font:var(--tui-font-body-s);padding:.5rem 0;-webkit-user-select:none;user-select:none}.t-wrapper{grid-auto-rows:2rem}.t-draggable{cursor:ns-resize;flex:1 1 auto}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;block-size:2rem;align-items:center;padding:0 .75rem;background:var(--tui-background-base)}.t-item_disabled{opacity:var(--tui-disabled-opacity)}.t-item_disabled .t-button{color:var(--tui-text-primary);opacity:1}.t-item:hover{background:var(--tui-background-base-alt)}.t-item:hover .t-button{opacity:1}.t-icon{margin-inline-end:.5rem;color:var(--tui-text-tertiary)}.t-icon:before{font-size:1rem}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-start:auto;opacity:0}.t-button:focus{opacity:1}\n"] }]
+                    }, template: "<tui-tiles\n    class=\"t-wrapper\"\n    [(order)]=\"order\"\n>\n    @for (item of unsortedItems(); track item) {\n        <tui-tile [style.order]=\"order.get($index)\">\n            <div\n                class=\"t-item\"\n                [class.t-item_disabled]=\"!isEnabled(item)\"\n            >\n                <div\n                    tuiTileHandle\n                    class=\"t-draggable\"\n                >\n                    <tui-icon\n                        class=\"t-icon\"\n                        [icon]=\"options.icons.drag\"\n                    />\n                    <ng-container\n                        *polymorpheusOutlet=\"content() as template; context: {$implicit: item, index: $index}\"\n                    >\n                        {{ template }}\n                    </ng-container>\n                </div>\n                <button\n                    appearance=\"icon\"\n                    size=\"xs\"\n                    tuiIconButton\n                    type=\"button\"\n                    class=\"t-button\"\n                    [iconStart]=\"getIcon(item)\"\n                    (click)=\"toggle(item)\"\n                    (keydown.arrowDown.prevent)=\"move($index, 1)\"\n                    (keydown.arrowUp.prevent)=\"move($index, -1)\"\n                >\n                    {{ showHideText() }}\n                </button>\n            </div>\n        </tui-tile>\n    }\n</tui-tiles>\n", styles: [":host{display:block;font:var(--tui-typography-body-s);padding:.5rem 0;-webkit-user-select:none;user-select:none}.t-wrapper{grid-auto-rows:2rem}.t-draggable{cursor:ns-resize;flex:1 1 auto}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;block-size:2rem;align-items:center;padding:0 .75rem;background:var(--tui-background-base)}.t-item_disabled{opacity:var(--tui-disabled-opacity)}.t-item_disabled .t-button{color:var(--tui-text-primary);opacity:1}.t-item:hover{background:var(--tui-background-base-alt)}.t-item:hover .t-button{opacity:1}.t-icon{margin-inline-end:.5rem;color:var(--tui-text-tertiary)}.t-icon:before{font-size:1rem}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-start:auto;opacity:0}.t-button:focus{opacity:1}\n"] }]
         }] });
 
 /**

package/fesm2022/taiga-ui-addon-table-components-reorder.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-table-components-reorder.mjs","sources":["../../../projects/addon-table/components/reorder/reorder.options.ts","../../../projects/addon-table/components/reorder/reorder.component.ts","../../../projects/addon-table/components/reorder/reorder.template.html","../../../projects/addon-table/components/reorder/taiga-ui-addon-table-components-reorder.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiReorderOptions {\n    readonly icons: {\n        readonly drag: string;\n        readonly hide: string;\n        readonly show: string;\n    };\n}\n\nexport const TUI_REORDER_DEFAULT_OPTIONS: TuiReorderOptions = {\n    icons: {\n        hide: '@tui.eye-off',\n        show: '@tui.eye',\n        drag: '@tui.grip-vertical',\n    },\n};\n\nexport const [TUI_REORDER_OPTIONS, tuiReorderOptionsProvider] = tuiCreateOptions(\n    TUI_REORDER_DEFAULT_OPTIONS,\n);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    input,\n    linkedSignal,\n    model,\n} from '@angular/core';\nimport {TUI_TABLE_SHOW_HIDE_MESSAGE} from '@taiga-ui/addon-table/tokens';\nimport {TUI_STRINGIFY} from '@taiga-ui/cdk/constants';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {TUI_TILES_REORDER, TuiTiles, tuiTilesShift} from '@taiga-ui/kit/components/tiles';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TUI_REORDER_OPTIONS} from './reorder.options';\n\n@Component({\n    selector: 'tui-reorder',\n    imports: [PolymorpheusOutlet, TuiButton, TuiIcon, TuiTiles],\n    templateUrl: './reorder.template.html',\n    styleUrl: './reorder.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_TILES_REORDER,\n            useValue: tuiTilesShift,\n        },\n    ],\n    host: {\n        '(focusout.stop)': '(0)',\n        '(pointerdown.zoneless)': 'onDrag()',\n        '(document:pointerup.zoneless)': 'onDrop()',\n    },\n})\nexport class TuiReorder<T> {\n    private dragging = false;\n\n    protected order = new Map<number, number>();\n    protected readonly unsortedItems = linkedSignal<readonly T[], readonly T[]>({\n        source: () => this.items(),\n        computation: (items, previous) => {\n            const previousUnsortedItems = previous?.value ?? [];\n\n            if (\n                items.length !== previousUnsortedItems.length ||\n                !items.every((item) => previousUnsortedItems.includes(item))\n            ) {\n                return items;\n            }\n\n            return previousUnsortedItems;\n        },\n    });\n\n    protected readonly options = inject(TUI_REORDER_OPTIONS);\n    protected readonly showHideText = inject(TUI_TABLE_SHOW_HIDE_MESSAGE);\n\n    public readonly enabled = model<readonly T[]>([]);\n\n    public readonly items = model<readonly T[]>([]);\n\n    public readonly content =\n        input<PolymorpheusContent<TuiContext<T> & {index: number}>>(TUI_STRINGIFY);\n\n    protected onDrag(): void {\n        this.dragging = true;\n    }\n\n    protected onDrop(): void {\n        if (!this.dragging) {\n            return;\n        }\n\n        this.dragging = false;\n        this.updateItems();\n    }\n\n    protected isEnabled(item: T): boolean {\n        return this.enabled().includes(item);\n    }\n\n    protected getIcon(item: T): string {\n        return this.isEnabled(item) ? this.options.icons.hide : this.options.icons.show;\n    }\n\n    protected toggle(toggled: T): void {\n        this.enabled.update((enabled) =>\n            this.isEnabled(toggled)\n                ? enabled.filter((item) => item !== toggled)\n                : enabled.concat(toggled),\n        );\n\n        this.updateEnabled();\n    }\n\n    protected move(index: number, direction: number): void {\n        const oldIndex = this.order.get(index) ?? index;\n\n        if (\n            (!oldIndex && direction < 0) ||\n            (oldIndex === this.unsortedItems().length - 1 && direction > 0)\n        ) {\n            return;\n        }\n\n        const newIndex = oldIndex + direction;\n        const oldItem = Array.from(this.order.values()).findIndex(\n            (item) => item === newIndex,\n        );\n\n        this.order.set(index, newIndex);\n        this.order.set(oldItem, oldIndex);\n        this.order = new Map(this.order);\n\n        this.updateItems();\n    }\n\n    private getSortedItems(): T[] {\n        const unsortedItems = this.unsortedItems();\n        const items = Array.from<T>({length: unsortedItems.length});\n\n        unsortedItems.forEach((item, index) => {\n            items[this.order.get(index) ?? index] = item;\n        });\n\n        return items;\n    }\n\n    private updateItems(): void {\n        this.items.set(this.getSortedItems());\n        this.updateEnabled();\n    }\n\n    private updateEnabled(): void {\n        this.enabled.set(this.getSortedItems().filter((item) => this.isEnabled(item)));\n    }\n}\n","<tui-tiles\n    class=\"t-wrapper\"\n    [(order)]=\"order\"\n>\n    @for (item of unsortedItems(); track item) {\n        <tui-tile [style.order]=\"order.get($index)\">\n            <div\n                class=\"t-item\"\n                [class.t-item_disabled]=\"!isEnabled(item)\"\n            >\n                <div\n                    tuiTileHandle\n                    class=\"t-draggable\"\n                >\n                    <tui-icon\n                        class=\"t-icon\"\n                        [icon]=\"options.icons.drag\"\n                    />\n                    <ng-container\n                        *polymorpheusOutlet=\"content() as template; context: {$implicit: item, index: $index}\"\n                    >\n                        {{ template }}\n                    </ng-container>\n                </div>\n                <button\n                    appearance=\"icon\"\n                    size=\"xs\"\n                    tuiIconButton\n                    type=\"button\"\n                    class=\"t-button\"\n                    [iconStart]=\"getIcon(item)\"\n                    (click)=\"toggle(item)\"\n                    (keydown.arrowDown.prevent)=\"move($index, 1)\"\n                    (keydown.arrowUp.prevent)=\"move($index, -1)\"\n                >\n                    {{ showHideText() }}\n                </button>\n            </div>\n        </tui-tile>\n    }\n</tui-tiles>\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-reorder.mjs","sources":["../../../projects/addon-table/components/reorder/reorder.options.ts","../../../projects/addon-table/components/reorder/reorder.component.ts","../../../projects/addon-table/components/reorder/reorder.template.html","../../../projects/addon-table/components/reorder/taiga-ui-addon-table-components-reorder.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiReorderOptions {\n    readonly icons: {\n        readonly drag: string;\n        readonly hide: string;\n        readonly show: string;\n    };\n}\n\nexport const TUI_REORDER_DEFAULT_OPTIONS: TuiReorderOptions = {\n    icons: {\n        hide: '@tui.eye-off',\n        show: '@tui.eye',\n        drag: '@tui.grip-vertical',\n    },\n};\n\nexport const [TUI_REORDER_OPTIONS, tuiReorderOptionsProvider] = tuiCreateOptions(\n    TUI_REORDER_DEFAULT_OPTIONS,\n);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    input,\n    linkedSignal,\n    model,\n} from '@angular/core';\nimport {TUI_TABLE_SHOW_HIDE_MESSAGE} from '@taiga-ui/addon-table/tokens';\nimport {TUI_STRINGIFY} from '@taiga-ui/cdk/constants';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {TUI_TILES_REORDER, TuiTiles, tuiTilesShift} from '@taiga-ui/kit/components/tiles';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TUI_REORDER_OPTIONS} from './reorder.options';\n\n@Component({\n    selector: 'tui-reorder',\n    imports: [PolymorpheusOutlet, TuiButton, TuiIcon, TuiTiles],\n    templateUrl: './reorder.template.html',\n    styleUrl: './reorder.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_TILES_REORDER,\n            useValue: tuiTilesShift,\n        },\n    ],\n    host: {\n        '(focusout.stop)': '(0)',\n        '(pointerdown.zoneless)': 'onDrag()',\n        '(document:pointerup.zoneless)': 'onDrop()',\n    },\n})\nexport class TuiReorder<T> {\n    private dragging = false;\n\n    protected order = new Map<number, number>();\n    protected readonly unsortedItems = linkedSignal<readonly T[], readonly T[]>({\n        source: () => this.items(),\n        computation: (items, previous) => {\n            const previousUnsortedItems = previous?.value ?? [];\n\n            if (\n                items.length !== previousUnsortedItems.length ||\n                !items.every((item) => previousUnsortedItems.includes(item))\n            ) {\n                return items;\n            }\n\n            return previousUnsortedItems;\n        },\n    });\n\n    protected readonly options = inject(TUI_REORDER_OPTIONS);\n    protected readonly showHideText = inject(TUI_TABLE_SHOW_HIDE_MESSAGE);\n\n    public readonly enabled = model<readonly T[]>([]);\n\n    public readonly items = model<readonly T[]>([]);\n\n    public readonly content = input(TUI_STRINGIFY);\n\n    protected onDrag(): void {\n        this.dragging = true;\n    }\n\n    protected onDrop(): void {\n        if (!this.dragging) {\n            return;\n        }\n\n        this.dragging = false;\n        this.updateItems();\n    }\n\n    protected isEnabled(item: T): boolean {\n        return this.enabled().includes(item);\n    }\n\n    protected getIcon(item: T): string {\n        return this.isEnabled(item) ? this.options.icons.hide : this.options.icons.show;\n    }\n\n    protected toggle(toggled: T): void {\n        this.enabled.update((enabled) =>\n            this.isEnabled(toggled)\n                ? enabled.filter((item) => item !== toggled)\n                : enabled.concat(toggled),\n        );\n\n        this.updateEnabled();\n    }\n\n    protected move(index: number, direction: number): void {\n        const oldIndex = this.order.get(index) ?? index;\n\n        if (\n            (!oldIndex && direction < 0) ||\n            (oldIndex === this.unsortedItems().length - 1 && direction > 0)\n        ) {\n            return;\n        }\n\n        const newIndex = oldIndex + direction;\n        const oldItem = Array.from(this.order.values()).findIndex(\n            (item) => item === newIndex,\n        );\n\n        this.order.set(index, newIndex);\n        this.order.set(oldItem, oldIndex);\n        this.order = new Map(this.order);\n\n        this.updateItems();\n    }\n\n    private getSortedItems(): T[] {\n        const unsortedItems = this.unsortedItems();\n        const items = Array.from<T>({length: unsortedItems.length});\n\n        unsortedItems.forEach((item, index) => {\n            items[this.order.get(index) ?? index] = item;\n        });\n\n        return items;\n    }\n\n    private updateItems(): void {\n        this.items.set(this.getSortedItems());\n        this.updateEnabled();\n    }\n\n    private updateEnabled(): void {\n        this.enabled.set(this.getSortedItems().filter((item) => this.isEnabled(item)));\n    }\n}\n","<tui-tiles\n    class=\"t-wrapper\"\n    [(order)]=\"order\"\n>\n    @for (item of unsortedItems(); track item) {\n        <tui-tile [style.order]=\"order.get($index)\">\n            <div\n                class=\"t-item\"\n                [class.t-item_disabled]=\"!isEnabled(item)\"\n            >\n                <div\n                    tuiTileHandle\n                    class=\"t-draggable\"\n                >\n                    <tui-icon\n                        class=\"t-icon\"\n                        [icon]=\"options.icons.drag\"\n                    />\n                    <ng-container\n                        *polymorpheusOutlet=\"content() as template; context: {$implicit: item, index: $index}\"\n                    >\n                        {{ template }}\n                    </ng-container>\n                </div>\n                <button\n                    appearance=\"icon\"\n                    size=\"xs\"\n                    tuiIconButton\n                    type=\"button\"\n                    class=\"t-button\"\n                    [iconStart]=\"getIcon(item)\"\n                    (click)=\"toggle(item)\"\n                    (keydown.arrowDown.prevent)=\"move($index, 1)\"\n                    (keydown.arrowUp.prevent)=\"move($index, -1)\"\n                >\n                    {{ showHideText() }}\n                </button>\n            </div>\n        </tui-tile>\n    }\n</tui-tiles>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-addon-table-components-table-pagination.mjs

@@ -35,12 +35,10 @@ class TuiTablePagination {
         this.pages = computed(() => Math.ceil(this.total() / this.size()));
         this.end = computed(() => Math.min(this.start + this.size(), this.total()));
         this.rightDisabled = computed(() => this.end() === this.total());
-        this.pagination = computed(() => {
-            return {
-                page: this.page(),
-                size: this.size(),
-            };
-        });
+        this.pagination = computed(() => ({
+            page: this.page(),
+            size: this.size(),
+        }));
         this.items = input(this.options.items);
         this.total = input(0);
         this.page = model(0);
@@ -67,12 +65,12 @@ class TuiTablePagination {
         this.page.update((page) => page + 1);
         this.paginationChange.emit(this.pagination());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTablePagination, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiTablePagination, isStandalone: true, selector: "tui-table-pagination", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange", size: "sizeChange", paginationChange: "paginationChange" }, ngImport: i0, template: "@if (texts(); as texts) {\n    <span class=\"t-pages\">\n        @if (options.showPages) {\n            {{ texts.pages }}\n            <strong class=\"t-strong\">{{ pages() }}</strong>\n        }\n    </span>\n    <span automation-id=\"tui-table-pagination__lines-per-page-wrapper\">\n        {{ texts.linesPerPage }}\n        @if (total() !== 0) {\n            <button\n                tuiDropdown\n                tuiDropdownAuto\n                tuiLink\n                type=\"button\"\n            >\n                <strong>{{ start + 1 }}\u2013{{ end() }}</strong>\n                <tui-data-list\n                    *tuiDropdown=\"let close\"\n                    size=\"s\"\n                >\n                    @for (item of items(); track item) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            class=\"t-item\"\n                            (click)=\"close(); onItem(item)\"\n                        >\n                            <ng-container\n                                *polymorpheusOutlet=\"\n                                    sizeOptionContent as text;\n                                    context: {$implicit: item, total: total()}\n                                \"\n                            >\n                                {{ text }}\n                            </ng-container>\n                            @if (item === size()) {\n                                <tui-icon\n                                    class=\"t-checkmark\"\n                                    [icon]=\"icons.check\"\n                                />\n                            } @else {\n                                <span class=\"t-checkmark\"></span>\n                            }\n                        </button>\n                    }\n                </tui-data-list>\n            </button>\n        } @else {\n            <strong>0 - 0</strong>\n        }\n        {{ texts.of }}\n        <strong class=\"t-strong\">{{ total() }}</strong>\n    </span>\n    @if (spinTexts(); as spinTexts) {\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            class=\"t-button t-button_back\"\n            [disabled]=\"!start\"\n            [iconStart]=\"icons.decrement\"\n            (click)=\"back()\"\n        >\n            {{ spinTexts[0] }}\n        </button>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            class=\"t-button\"\n            [disabled]=\"rightDisabled()\"\n            [iconStart]=\"icons.increment\"\n            (click)=\"forth()\"\n        >\n            {{ spinTexts[1] }}\n        </button>\n    }\n}\n", styles: [":host{display:flex;font:var(--tui-font-body-s);align-items:center;color:var(--tui-text-tertiary)}.t-strong{color:var(--tui-text-primary)}.t-pages{margin-inline-end:auto}.t-item{min-inline-size:5.5rem;box-sizing:border-box}.t-checkmark{min-inline-size:1rem;font-size:1rem;margin-inline-start:auto}.t-button{transform:scaleX(var(--tui-inline))}.t-button_back{margin-inline-end:.25rem;margin-inline-start:1.5rem}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i1.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i2.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: i2.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiTablePagination, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: TuiTablePagination, isStandalone: true, selector: "tui-table-pagination", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange", size: "sizeChange", paginationChange: "paginationChange" }, ngImport: i0, template: "@if (texts(); as texts) {\n    <span class=\"t-pages\">\n        @if (options.showPages) {\n            {{ texts.pages }}\n            <strong class=\"t-strong\">{{ pages() }}</strong>\n        }\n    </span>\n    <span automation-id=\"tui-table-pagination__lines-per-page-wrapper\">\n        {{ texts.linesPerPage }}\n        @if (total() !== 0) {\n            <button\n                tuiDropdown\n                tuiDropdownAuto\n                tuiLink\n                type=\"button\"\n            >\n                <strong>{{ start + 1 }}\u2013{{ end() }}</strong>\n                <tui-data-list\n                    *tuiDropdown=\"let close\"\n                    size=\"s\"\n                >\n                    @for (item of items(); track item) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            class=\"t-item\"\n                            (click)=\"close(); onItem(item)\"\n                        >\n                            <ng-container\n                                *polymorpheusOutlet=\"\n                                    sizeOptionContent as text;\n                                    context: {$implicit: item, total: total()}\n                                \"\n                            >\n                                {{ text }}\n                            </ng-container>\n                            @if (item === size()) {\n                                <tui-icon\n                                    class=\"t-checkmark\"\n                                    [icon]=\"icons.check\"\n                                />\n                            } @else {\n                                <span class=\"t-checkmark\"></span>\n                            }\n                        </button>\n                    }\n                </tui-data-list>\n            </button>\n        } @else {\n            <strong>0 - 0</strong>\n        }\n        {{ texts.of }}\n        <strong class=\"t-strong\">{{ total() }}</strong>\n    </span>\n    @if (spinTexts(); as spinTexts) {\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            class=\"t-button t-button_back\"\n            [disabled]=\"!start\"\n            [iconStart]=\"icons.decrement\"\n            (click)=\"back()\"\n        >\n            {{ spinTexts[0] }}\n        </button>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            class=\"t-button\"\n            [disabled]=\"rightDisabled()\"\n            [iconStart]=\"icons.increment\"\n            (click)=\"forth()\"\n        >\n            {{ spinTexts[1] }}\n        </button>\n    }\n}\n", styles: [":host{display:flex;font:var(--tui-typography-body-s);align-items:center;color:var(--tui-text-tertiary)}.t-strong{color:var(--tui-text-primary)}.t-pages{margin-inline-end:auto}.t-item{min-inline-size:5.5rem;box-sizing:border-box}.t-checkmark{min-inline-size:1rem;font-size:1rem;margin-inline-start:auto}.t-button{transform:scaleX(var(--tui-inline))}.t-button_back{margin-inline-end:.25rem;margin-inline-start:1.5rem}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i1.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i2.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i2.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "directive", type: i2.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTablePagination, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiTablePagination, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-table-pagination', imports: [PolymorpheusOutlet, TuiButton, TuiDataList, TuiDropdown, TuiIcon, TuiLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (texts(); as texts) {\n    <span class=\"t-pages\">\n        @if (options.showPages) {\n            {{ texts.pages }}\n            <strong class=\"t-strong\">{{ pages() }}</strong>\n        }\n    </span>\n    <span automation-id=\"tui-table-pagination__lines-per-page-wrapper\">\n        {{ texts.linesPerPage }}\n        @if (total() !== 0) {\n            <button\n                tuiDropdown\n                tuiDropdownAuto\n                tuiLink\n                type=\"button\"\n            >\n                <strong>{{ start + 1 }}\u2013{{ end() }}</strong>\n                <tui-data-list\n                    *tuiDropdown=\"let close\"\n                    size=\"s\"\n                >\n                    @for (item of items(); track item) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            class=\"t-item\"\n                            (click)=\"close(); onItem(item)\"\n                        >\n                            <ng-container\n                                *polymorpheusOutlet=\"\n                                    sizeOptionContent as text;\n                                    context: {$implicit: item, total: total()}\n                                \"\n                            >\n                                {{ text }}\n                            </ng-container>\n                            @if (item === size()) {\n                                <tui-icon\n                                    class=\"t-checkmark\"\n                                    [icon]=\"icons.check\"\n                                />\n                            } @else {\n                                <span class=\"t-checkmark\"></span>\n                            }\n                        </button>\n                    }\n                </tui-data-list>\n            </button>\n        } @else {\n            <strong>0 - 0</strong>\n        }\n        {{ texts.of }}\n        <strong class=\"t-strong\">{{ total() }}</strong>\n    </span>\n    @if (spinTexts(); as spinTexts) {\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            class=\"t-button t-button_back\"\n            [disabled]=\"!start\"\n            [iconStart]=\"icons.decrement\"\n            (click)=\"back()\"\n        >\n            {{ spinTexts[0] }}\n        </button>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            class=\"t-button\"\n            [disabled]=\"rightDisabled()\"\n            [iconStart]=\"icons.increment\"\n            (click)=\"forth()\"\n        >\n            {{ spinTexts[1] }}\n        </button>\n    }\n}\n", styles: [":host{display:flex;font:var(--tui-font-body-s);align-items:center;color:var(--tui-text-tertiary)}.t-strong{color:var(--tui-text-primary)}.t-pages{margin-inline-end:auto}.t-item{min-inline-size:5.5rem;box-sizing:border-box}.t-checkmark{min-inline-size:1rem;font-size:1rem;margin-inline-start:auto}.t-button{transform:scaleX(var(--tui-inline))}.t-button_back{margin-inline-end:.25rem;margin-inline-start:1.5rem}\n"] }]
+            args: [{ selector: 'tui-table-pagination', imports: [PolymorpheusOutlet, TuiButton, TuiDataList, TuiDropdown, TuiIcon, TuiLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (texts(); as texts) {\n    <span class=\"t-pages\">\n        @if (options.showPages) {\n            {{ texts.pages }}\n            <strong class=\"t-strong\">{{ pages() }}</strong>\n        }\n    </span>\n    <span automation-id=\"tui-table-pagination__lines-per-page-wrapper\">\n        {{ texts.linesPerPage }}\n        @if (total() !== 0) {\n            <button\n                tuiDropdown\n                tuiDropdownAuto\n                tuiLink\n                type=\"button\"\n            >\n                <strong>{{ start + 1 }}\u2013{{ end() }}</strong>\n                <tui-data-list\n                    *tuiDropdown=\"let close\"\n                    size=\"s\"\n                >\n                    @for (item of items(); track item) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            class=\"t-item\"\n                            (click)=\"close(); onItem(item)\"\n                        >\n                            <ng-container\n                                *polymorpheusOutlet=\"\n                                    sizeOptionContent as text;\n                                    context: {$implicit: item, total: total()}\n                                \"\n                            >\n                                {{ text }}\n                            </ng-container>\n                            @if (item === size()) {\n                                <tui-icon\n                                    class=\"t-checkmark\"\n                                    [icon]=\"icons.check\"\n                                />\n                            } @else {\n                                <span class=\"t-checkmark\"></span>\n                            }\n                        </button>\n                    }\n                </tui-data-list>\n            </button>\n        } @else {\n            <strong>0 - 0</strong>\n        }\n        {{ texts.of }}\n        <strong class=\"t-strong\">{{ total() }}</strong>\n    </span>\n    @if (spinTexts(); as spinTexts) {\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            class=\"t-button t-button_back\"\n            [disabled]=\"!start\"\n            [iconStart]=\"icons.decrement\"\n            (click)=\"back()\"\n        >\n            {{ spinTexts[0] }}\n        </button>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            class=\"t-button\"\n            [disabled]=\"rightDisabled()\"\n            [iconStart]=\"icons.increment\"\n            (click)=\"forth()\"\n        >\n            {{ spinTexts[1] }}\n        </button>\n    }\n}\n", styles: [":host{display:flex;font:var(--tui-typography-body-s);align-items:center;color:var(--tui-text-tertiary)}.t-strong{color:var(--tui-text-primary)}.t-pages{margin-inline-end:auto}.t-item{min-inline-size:5.5rem;box-sizing:border-box}.t-checkmark{min-inline-size:1rem;font-size:1rem;margin-inline-start:auto}.t-button{transform:scaleX(var(--tui-inline))}.t-button_back{margin-inline-end:.25rem;margin-inline-start:1.5rem}\n"] }]
         }] });
 
 /**

package/fesm2022/taiga-ui-addon-table-components-table-pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-table-components-table-pagination.mjs","sources":["../../../projects/addon-table/components/table-pagination/table-pagination.options.ts","../../../projects/addon-table/components/table-pagination/table-pagination.component.ts","../../../projects/addon-table/components/table-pagination/table-pagination.template.html","../../../projects/addon-table/components/table-pagination/taiga-ui-addon-table-components-table-pagination.ts"],"sourcesContent":["import {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nfunction defaultSizeOptionContent({$implicit}: TuiContext<number>): string {\n    return `${$implicit}`;\n}\n\nexport interface TuiTablePaginationOptions {\n    readonly items: readonly number[];\n    readonly showPages: boolean;\n    readonly size: number;\n    readonly sizeOptionContent: PolymorpheusContent<TuiContext<number> & {total: number}>;\n}\n\nexport const TUI_TABLE_PAGINATION_DEFAULT_OPTIONS: TuiTablePaginationOptions = {\n    sizeOptionContent: defaultSizeOptionContent,\n    showPages: true,\n    items: [10, 20, 50, 100],\n    size: 10,\n};\n\n/**\n * Default parameters for TablePagination component\n */\nexport const [TUI_TABLE_PAGINATION_OPTIONS, tuiTablePaginationOptionsProvider] =\n    tuiCreateOptions(TUI_TABLE_PAGINATION_DEFAULT_OPTIONS);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    model,\n    output,\n} from '@angular/core';\nimport {TUI_TABLE_PAGINATION_TEXTS} from '@taiga-ui/addon-table/tokens';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiDataList} from '@taiga-ui/core/components/data-list';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {TuiLink} from '@taiga-ui/core/components/link';\nimport {TuiDropdown} from '@taiga-ui/core/portals/dropdown';\nimport {TUI_COMMON_ICONS, TUI_SPIN_TEXTS} from '@taiga-ui/core/tokens';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {\n    TUI_TABLE_PAGINATION_OPTIONS,\n    type TuiTablePaginationOptions,\n} from './table-pagination.options';\n\nexport interface TuiTablePaginationEvent {\n    readonly page: number;\n    readonly size: number;\n}\n\n@Component({\n    selector: 'tui-table-pagination',\n    imports: [PolymorpheusOutlet, TuiButton, TuiDataList, TuiDropdown, TuiIcon, TuiLink],\n    templateUrl: './table-pagination.template.html',\n    styleUrl: './table-pagination.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiTablePagination {\n    protected readonly options = inject(TUI_TABLE_PAGINATION_OPTIONS);\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n    protected readonly spinTexts = inject(TUI_SPIN_TEXTS);\n    protected readonly texts = inject(TUI_TABLE_PAGINATION_TEXTS);\n    protected readonly pages = computed(() => Math.ceil(this.total() / this.size()));\n    protected readonly end = computed(() =>\n        Math.min(this.start + this.size(), this.total()),\n    );\n\n    protected readonly rightDisabled = computed(() => this.end() === this.total());\n    protected readonly pagination = computed<TuiTablePaginationEvent>(() => {\n        return {\n            page: this.page(),\n            size: this.size(),\n        };\n    });\n\n    public readonly items = input<readonly number[]>(this.options.items);\n    public readonly total = input(0);\n    public readonly page = model(0);\n    public readonly size = model(this.options.size);\n    public readonly paginationChange = output<TuiTablePaginationEvent>();\n\n    public onItem(size: number): void {\n        const {start} = this;\n\n        this.size.set(size);\n        this.page.set(Math.floor(start / this.size()));\n        this.paginationChange.emit(this.pagination());\n    }\n\n    protected get sizeOptionContent(): TuiTablePaginationOptions['sizeOptionContent'] {\n        return this.options.sizeOptionContent;\n    }\n\n    protected get start(): number {\n        return (\n            Math.min(this.page(), Math.floor(this.total() / this.size())) * this.size()\n        );\n    }\n\n    protected back(): void {\n        this.page.update((page) => page - 1);\n        this.paginationChange.emit(this.pagination());\n    }\n\n    protected forth(): void {\n        this.page.update((page) => page + 1);\n        this.paginationChange.emit(this.pagination());\n    }\n}\n","@if (texts(); as texts) {\n    <span class=\"t-pages\">\n        @if (options.showPages) {\n            {{ texts.pages }}\n            <strong class=\"t-strong\">{{ pages() }}</strong>\n        }\n    </span>\n    <span automation-id=\"tui-table-pagination__lines-per-page-wrapper\">\n        {{ texts.linesPerPage }}\n        @if (total() !== 0) {\n            <button\n                tuiDropdown\n                tuiDropdownAuto\n                tuiLink\n                type=\"button\"\n            >\n                <strong>{{ start + 1 }}–{{ end() }}</strong>\n                <tui-data-list\n                    *tuiDropdown=\"let close\"\n                    size=\"s\"\n                >\n                    @for (item of items(); track item) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            class=\"t-item\"\n                            (click)=\"close(); onItem(item)\"\n                        >\n                            <ng-container\n                                *polymorpheusOutlet=\"\n                                    sizeOptionContent as text;\n                                    context: {$implicit: item, total: total()}\n                                \"\n                            >\n                                {{ text }}\n                            </ng-container>\n                            @if (item === size()) {\n                                <tui-icon\n                                    class=\"t-checkmark\"\n                                    [icon]=\"icons.check\"\n                                />\n                            } @else {\n                                <span class=\"t-checkmark\"></span>\n                            }\n                        </button>\n                    }\n                </tui-data-list>\n            </button>\n        } @else {\n            <strong>0 - 0</strong>\n        }\n        {{ texts.of }}\n        <strong class=\"t-strong\">{{ total() }}</strong>\n    </span>\n    @if (spinTexts(); as spinTexts) {\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            class=\"t-button t-button_back\"\n            [disabled]=\"!start\"\n            [iconStart]=\"icons.decrement\"\n            (click)=\"back()\"\n        >\n            {{ spinTexts[0] }}\n        </button>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            class=\"t-button\"\n            [disabled]=\"rightDisabled()\"\n            [iconStart]=\"icons.increment\"\n            (click)=\"forth()\"\n        >\n            {{ spinTexts[1] }}\n        </button>\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-table-components-table-pagination.mjs","sources":["../../../projects/addon-table/components/table-pagination/table-pagination.options.ts","../../../projects/addon-table/components/table-pagination/table-pagination.component.ts","../../../projects/addon-table/components/table-pagination/table-pagination.template.html","../../../projects/addon-table/components/table-pagination/taiga-ui-addon-table-components-table-pagination.ts"],"sourcesContent":["import {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nfunction defaultSizeOptionContent({$implicit}: TuiContext<number>): string {\n    return `${$implicit}`;\n}\n\nexport interface TuiTablePaginationOptions {\n    readonly items: readonly number[];\n    readonly showPages: boolean;\n    readonly size: number;\n    readonly sizeOptionContent: PolymorpheusContent<TuiContext<number> & {total: number}>;\n}\n\nexport const TUI_TABLE_PAGINATION_DEFAULT_OPTIONS: TuiTablePaginationOptions = {\n    sizeOptionContent: defaultSizeOptionContent,\n    showPages: true,\n    items: [10, 20, 50, 100],\n    size: 10,\n};\n\n/**\n * Default parameters for TablePagination component\n */\nexport const [TUI_TABLE_PAGINATION_OPTIONS, tuiTablePaginationOptionsProvider] =\n    tuiCreateOptions(TUI_TABLE_PAGINATION_DEFAULT_OPTIONS);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    model,\n    output,\n} from '@angular/core';\nimport {TUI_TABLE_PAGINATION_TEXTS} from '@taiga-ui/addon-table/tokens';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiDataList} from '@taiga-ui/core/components/data-list';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {TuiLink} from '@taiga-ui/core/components/link';\nimport {TuiDropdown} from '@taiga-ui/core/portals/dropdown';\nimport {TUI_COMMON_ICONS, TUI_SPIN_TEXTS} from '@taiga-ui/core/tokens';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {\n    TUI_TABLE_PAGINATION_OPTIONS,\n    type TuiTablePaginationOptions,\n} from './table-pagination.options';\n\nexport interface TuiTablePaginationEvent {\n    readonly page: number;\n    readonly size: number;\n}\n\n@Component({\n    selector: 'tui-table-pagination',\n    imports: [PolymorpheusOutlet, TuiButton, TuiDataList, TuiDropdown, TuiIcon, TuiLink],\n    templateUrl: './table-pagination.template.html',\n    styleUrl: './table-pagination.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiTablePagination {\n    protected readonly options = inject(TUI_TABLE_PAGINATION_OPTIONS);\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n    protected readonly spinTexts = inject(TUI_SPIN_TEXTS);\n    protected readonly texts = inject(TUI_TABLE_PAGINATION_TEXTS);\n    protected readonly pages = computed(() => Math.ceil(this.total() / this.size()));\n    protected readonly end = computed(() =>\n        Math.min(this.start + this.size(), this.total()),\n    );\n\n    protected readonly rightDisabled = computed(() => this.end() === this.total());\n    protected readonly pagination = computed<TuiTablePaginationEvent>(() => ({\n        page: this.page(),\n        size: this.size(),\n    }));\n\n    public readonly items = input(this.options.items);\n    public readonly total = input(0);\n    public readonly page = model(0);\n    public readonly size = model(this.options.size);\n    public readonly paginationChange = output<TuiTablePaginationEvent>();\n\n    public onItem(size: number): void {\n        const {start} = this;\n\n        this.size.set(size);\n        this.page.set(Math.floor(start / this.size()));\n        this.paginationChange.emit(this.pagination());\n    }\n\n    protected get sizeOptionContent(): TuiTablePaginationOptions['sizeOptionContent'] {\n        return this.options.sizeOptionContent;\n    }\n\n    protected get start(): number {\n        return (\n            Math.min(this.page(), Math.floor(this.total() / this.size())) * this.size()\n        );\n    }\n\n    protected back(): void {\n        this.page.update((page) => page - 1);\n        this.paginationChange.emit(this.pagination());\n    }\n\n    protected forth(): void {\n        this.page.update((page) => page + 1);\n        this.paginationChange.emit(this.pagination());\n    }\n}\n","@if (texts(); as texts) {\n    <span class=\"t-pages\">\n        @if (options.showPages) {\n            {{ texts.pages }}\n            <strong class=\"t-strong\">{{ pages() }}</strong>\n        }\n    </span>\n    <span automation-id=\"tui-table-pagination__lines-per-page-wrapper\">\n        {{ texts.linesPerPage }}\n        @if (total() !== 0) {\n            <button\n                tuiDropdown\n                tuiDropdownAuto\n                tuiLink\n                type=\"button\"\n            >\n                <strong>{{ start + 1 }}–{{ end() }}</strong>\n                <tui-data-list\n                    *tuiDropdown=\"let close\"\n                    size=\"s\"\n                >\n                    @for (item of items(); track item) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            class=\"t-item\"\n                            (click)=\"close(); onItem(item)\"\n                        >\n                            <ng-container\n                                *polymorpheusOutlet=\"\n                                    sizeOptionContent as text;\n                                    context: {$implicit: item, total: total()}\n                                \"\n                            >\n                                {{ text }}\n                            </ng-container>\n                            @if (item === size()) {\n                                <tui-icon\n                                    class=\"t-checkmark\"\n                                    [icon]=\"icons.check\"\n                                />\n                            } @else {\n                                <span class=\"t-checkmark\"></span>\n                            }\n                        </button>\n                    }\n                </tui-data-list>\n            </button>\n        } @else {\n            <strong>0 - 0</strong>\n        }\n        {{ texts.of }}\n        <strong class=\"t-strong\">{{ total() }}</strong>\n    </span>\n    @if (spinTexts(); as spinTexts) {\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            class=\"t-button t-button_back\"\n            [disabled]=\"!start\"\n            [iconStart]=\"icons.decrement\"\n            (click)=\"back()\"\n        >\n            {{ spinTexts[0] }}\n        </button>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            class=\"t-button\"\n            [disabled]=\"rightDisabled()\"\n            [iconStart]=\"icons.increment\"\n            (click)=\"forth()\"\n        >\n            {{ spinTexts[1] }}\n        </button>\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}