@taiga-ui/addon-table 2.54.0 → 3.0.0-rc.0

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

@@ -1,99 +0,0 @@
-import { __spread, __decorate, __param } from 'tslib';
-import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
-import { EventEmitter, Inject, Input, Output, HostListener, Component, NgModule } from '@angular/core';
-import { TUI_TABLE_SHOW_HIDE_MESSAGE } from '@taiga-ui/addon-table/tokens';
-import { tuiDefaultProp, TuiPreventDefaultModule } from '@taiga-ui/cdk';
-import { Observable } from 'rxjs';
-import { CommonModule } from '@angular/common';
-import { TuiSvgModule, TuiButtonModule } from '@taiga-ui/core';
-
-// @bad TODO: a11y
-var TuiReorderComponent = /** @class */ (function () {
-    function TuiReorderComponent(showHideText$) {
-        this.showHideText$ = showHideText$;
-        this.items = [];
-        this.enabled = [];
-        this.itemsChange = new EventEmitter();
-        this.enabledChange = new EventEmitter();
-    }
-    TuiReorderComponent.prototype.noop = function () { };
-    TuiReorderComponent.prototype.isEnabled = function (item) {
-        return this.enabled.includes(item);
-    };
-    TuiReorderComponent.prototype.getIcon = function (item) {
-        return this.isEnabled(item) ? 'tuiIconEyeOpen' : 'tuiIconEyeClosed';
-    };
-    TuiReorderComponent.prototype.toggle = function (toggled) {
-        var enabled = this.isEnabled(toggled)
-            ? this.enabled.filter(function (item) { return item !== toggled; })
-            : this.enabled.concat(toggled);
-        this.updateEnabled(enabled);
-    };
-    TuiReorderComponent.prototype.drop = function (event) {
-        var _this = this;
-        var items = __spread(this.items);
-        moveItemInArray(items, event.previousIndex, event.currentIndex);
-        this.items = items;
-        this.itemsChange.emit(items);
-        this.updateEnabled(items.filter(function (item) { return _this.enabled.includes(item); }));
-    };
-    TuiReorderComponent.prototype.updateEnabled = function (enabled) {
-        this.enabled = enabled;
-        this.enabledChange.emit(enabled);
-    };
-    TuiReorderComponent.ctorParameters = function () { return [
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_TABLE_SHOW_HIDE_MESSAGE,] }] }
-    ]; };
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiReorderComponent.prototype, "items", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiReorderComponent.prototype, "enabled", void 0);
-    __decorate([
-        Output()
-    ], TuiReorderComponent.prototype, "itemsChange", void 0);
-    __decorate([
-        Output()
-    ], TuiReorderComponent.prototype, "enabledChange", void 0);
-    __decorate([
-        HostListener('focusout.stop')
-    ], TuiReorderComponent.prototype, "noop", null);
-    TuiReorderComponent = __decorate([
-        Component({
-            selector: 'tui-reorder',
-            template: "<div\n    cdkDropList\n    class=\"wrapper\"\n    (cdkDropListDropped)=\"drop($event)\"\n>\n    <div\n        *ngFor=\"let item of items\"\n        tabindex=\"-1\"\n        cdkDrag\n        class=\"item\"\n    >\n        <tui-svg\n            src=\"tuiIconDrag\"\n            class=\"icon\"\n        ></tui-svg>\n        {{ item }}\n        <button\n            type=\"button\"\n            tuiIconButton\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"button\"\n            [class.button_hidden]=\"!isEnabled(item)\"\n            [title]=\"showHideText$ | async\"\n            [icon]=\"getIcon(item)\"\n            (click)=\"toggle(item)\"\n        ></button>\n    </div>\n</div>\n",
-            styles: [":host{display:block;font:var(--tui-font-text-s);padding:.5rem 0}.item{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;height:2rem;align-items:center;padding:0 .75rem;cursor:ns-resize;background:var(--tui-base-01);outline:0}.item:hover{background:var(--tui-base-02)}.item:hover .button{opacity:1}.icon{margin-right:.5rem;color:var(--tui-base-05)}.button{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-left:auto;opacity:0}.button_hidden{opacity:1}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating,.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder):hover{background:var(--tui-base-01)}.wrapper.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder) .button{display:none}"]
-        }),
-        __param(0, Inject(TUI_TABLE_SHOW_HIDE_MESSAGE))
-    ], TuiReorderComponent);
-    return TuiReorderComponent;
-}());
-
-var TuiReorderModule = /** @class */ (function () {
-    function TuiReorderModule() {
-    }
-    TuiReorderModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                DragDropModule,
-                TuiSvgModule,
-                TuiButtonModule,
-                TuiPreventDefaultModule,
-            ],
-            declarations: [TuiReorderComponent],
-            exports: [TuiReorderComponent],
-        })
-    ], TuiReorderModule);
-    return TuiReorderModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiReorderComponent, TuiReorderModule };
-//# sourceMappingURL=taiga-ui-addon-table-components-reorder.js.map

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

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

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

@@ -1,88 +0,0 @@
-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 { typedFromEvent, preventDefault } from '@taiga-ui/cdk';
-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\n    class=\"bar\"\n    (tuiResizableColumn)=\"onResize($event)\"\n></div>\n",
-            providers: [
-                {
-                    provide: TUI_ELEMENT_REF,
-                    useExisting: ElementRef,
-                },
-            ],
-            styles: [":host{position:relative}:host:last-child .bar{display:none}.bar{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;bottom:0;right:-1px;width:3px;justify-self:flex-end;border-left:2px solid transparent;background:var(--tui-support-12);background-clip:content-box;cursor:ew-resize;opacity:0}.bar:active,.bar:hover{opacity:1}"]
-        })
-    ], TuiResizableColumnComponent);
-    return TuiResizableColumnComponent;
-}());
-
-/** @deprecated use `<th tuiTh [resizable]="true">` from {@link TuiTableModule} */
-// @dynamic
-var TuiResizableColumnDirective = /** @class */ (function () {
-    function TuiResizableColumnDirective(documentRef, elementRef, parentRef) {
-        var _this = this;
-        this.documentRef = documentRef;
-        this.elementRef = elementRef;
-        this.parentRef = parentRef;
-        this.tuiResizableColumn = typedFromEvent(this.elementRef.nativeElement, 'mousedown').pipe(preventDefault(), switchMap(function () {
-            var _a = _this.parentRef.nativeElement.getBoundingClientRect(), width = _a.width, right = _a.right;
-            return typedFromEvent(_this.documentRef, 'mousemove').pipe(distinctUntilChanged(), map(function (_a) {
-                var clientX = _a.clientX;
-                return width + clientX - right;
-            }), takeUntil(typedFromEvent(_this.documentRef, 'mouseup')));
-        }));
-    }
-    TuiResizableColumnDirective.ctorParameters = function () { return [
-        { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [TUI_ELEMENT_REF,] }] }
-    ]; };
-    __decorate([
-        Output()
-    ], TuiResizableColumnDirective.prototype, "tuiResizableColumn", void 0);
-    TuiResizableColumnDirective = __decorate([
-        Directive({
-            selector: '[tuiResizableColumn]',
-        }),
-        __param(0, Inject(DOCUMENT)),
-        __param(1, Inject(ElementRef)),
-        __param(2, Inject(TUI_ELEMENT_REF))
-    ], TuiResizableColumnDirective);
-    return TuiResizableColumnDirective;
-}());
-
-/** @deprecated use `<th tuiTh [resizable]="true">` from {@link TuiTableModule} */
-var TuiResizableColumnModule = /** @class */ (function () {
-    function TuiResizableColumnModule() {
-    }
-    TuiResizableColumnModule = __decorate([
-        NgModule({
-            declarations: [TuiResizableColumnComponent, TuiResizableColumnDirective],
-            exports: [TuiResizableColumnComponent, TuiResizableColumnDirective],
-        })
-    ], TuiResizableColumnModule);
-    return TuiResizableColumnModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiResizableColumnComponent, TuiResizableColumnDirective, TuiResizableColumnModule };
-//# sourceMappingURL=taiga-ui-addon-table-components-resizable-column.js.map

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

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

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

@@ -1,156 +0,0 @@
-import { __assign, __decorate, __param } from 'tslib';
-import { InjectionToken, EventEmitter, Inject, Input, Output, Component, NgModule } from '@angular/core';
-import { TUI_TABLE_PAGINATION_TEXTS } from '@taiga-ui/addon-table/tokens';
-import { tuiDefaultProp } from '@taiga-ui/cdk';
-import { TUI_SPIN_TEXTS, TuiButtonModule, TuiLinkModule, TuiHostedDropdownModule, TuiDataListModule, TuiSvgModule } from '@taiga-ui/core';
-import { Observable } from 'rxjs';
-import { CommonModule } from '@angular/common';
-import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-
-function defaultSizeOptionContent(_a) {
-    var $implicit = _a.$implicit;
-    return "" + $implicit;
-}
-var TUI_TABLE_PAGINATION_DEFAULT_OPTIONS = {
-    sizeOptionContent: defaultSizeOptionContent,
-};
-var TUI_TABLE_PAGINATION_OPTIONS = new InjectionToken('Default parameters for TablePagination component', { factory: function () { return TUI_TABLE_PAGINATION_DEFAULT_OPTIONS; } });
-function tuiTablePaginationOptionsProvider(options) {
-    return {
-        provide: TUI_TABLE_PAGINATION_OPTIONS,
-        useValue: __assign(__assign({}, TUI_TABLE_PAGINATION_DEFAULT_OPTIONS), options),
-    };
-}
-
-// @dynamic
-var TuiTablePaginationComponent = /** @class */ (function () {
-    function TuiTablePaginationComponent(spinTexts$, texts$, options) {
-        this.spinTexts$ = spinTexts$;
-        this.texts$ = texts$;
-        this.options = options;
-        this.items = [10, 20, 50, 100];
-        this.total = 0;
-        this.page = 0;
-        this.size = this.items[0];
-        this.pageChange = new EventEmitter();
-        this.sizeChange = new EventEmitter();
-        this.open = false;
-    }
-    Object.defineProperty(TuiTablePaginationComponent.prototype, "pages", {
-        get: function () {
-            return Math.ceil(this.total / this.size);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiTablePaginationComponent.prototype, "start", {
-        get: function () {
-            return this.page * this.size;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiTablePaginationComponent.prototype, "end", {
-        get: function () {
-            return Math.min(this.start + this.size, this.total);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiTablePaginationComponent.prototype, "leftDisabled", {
-        get: function () {
-            return !this.start;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiTablePaginationComponent.prototype, "rightDisabled", {
-        get: function () {
-            return this.end === this.total;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiTablePaginationComponent.prototype.onItem = function (size) {
-        var start = this.start;
-        this.size = size;
-        this.sizeChange.emit(size);
-        this.open = false;
-        this.page = Math.floor(start / this.size);
-        this.pageChange.emit(this.page);
-    };
-    TuiTablePaginationComponent.prototype.back = function () {
-        this.page--;
-        this.pageChange.emit(this.page);
-    };
-    TuiTablePaginationComponent.prototype.forth = function () {
-        this.page++;
-        this.pageChange.emit(this.page);
-    };
-    TuiTablePaginationComponent.ctorParameters = function () { return [
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_SPIN_TEXTS,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_TABLE_PAGINATION_TEXTS,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_TABLE_PAGINATION_OPTIONS,] }] }
-    ]; };
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiTablePaginationComponent.prototype, "items", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiTablePaginationComponent.prototype, "total", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiTablePaginationComponent.prototype, "page", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiTablePaginationComponent.prototype, "size", void 0);
-    __decorate([
-        Output()
-    ], TuiTablePaginationComponent.prototype, "pageChange", void 0);
-    __decorate([
-        Output()
-    ], TuiTablePaginationComponent.prototype, "sizeChange", void 0);
-    TuiTablePaginationComponent = __decorate([
-        Component({
-            selector: 'tui-table-pagination',
-            template: "<ng-container *ngIf=\"texts$ | async as texts\">\n    <span class=\"t-pages\">\n        {{ texts.pages }}\n        <strong class=\"t-strong\">{{ pages }}</strong>\n    </span>\n    <span automation-id=\"tui-table-pagination__lines-per-page-wrapper\">\n        {{ texts.linesPerPage }}\n        <tui-hosted-dropdown\n            [content]=\"content\"\n            [(open)]=\"open\"\n        >\n            <button tuiLink>\n                <strong>{{ start + 1 }}\u2013{{ end }}</strong>\n            </button>\n            <ng-template #content>\n                <tui-data-list>\n                    <ng-container *ngFor=\"let item of items\">\n                        <button\n                            tuiOption\n                            size=\"s\"\n                            class=\"t-item\"\n                            (click)=\"onItem(item)\"\n                        >\n                            <span\n                                polymorpheus-outlet\n                                [content]=\"options.sizeOptionContent\"\n                                [context]=\"{$implicit: item, total: total}\"\n                            ></span>\n                            <tui-svg\n                                *ngIf=\"item === size; else fakeIcon\"\n                                src=\"tuiIconCheckLarge\"\n                                class=\"t-checkmark\"\n                            ></tui-svg>\n\n                            <ng-template #fakeIcon>\n                                <span class=\"t-checkmark\"></span>\n                            </ng-template>\n                        </button>\n                    </ng-container>\n                </tui-data-list>\n            </ng-template>\n        </tui-hosted-dropdown>\n        {{ texts.of }}\n        <strong class=\"t-strong\">{{ total }}</strong>\n    </span>\n    <ng-container *ngIf=\"spinTexts$ | async as spinTexts\">\n        <button\n            tuiIconButton\n            type=\"button\"\n            size=\"xs\"\n            appearance=\"icon\"\n            icon=\"tuiIconChevronLeft\"\n            class=\"t-back\"\n            [disabled]=\"leftDisabled\"\n            [title]=\"spinTexts[0]\"\n            (click)=\"back()\"\n        ></button>\n        <button\n            tuiIconButton\n            type=\"button\"\n            size=\"xs\"\n            appearance=\"icon\"\n            icon=\"tuiIconChevronRight\"\n            [disabled]=\"rightDisabled\"\n            [title]=\"spinTexts[1]\"\n            (click)=\"forth()\"\n        ></button>\n    </ng-container>\n</ng-container>\n",
-            styles: [":host{display:flex;font:var(--tui-font-text-s);align-items:center;color:var(--tui-text-03)}.t-strong{color:var(--tui-text-01)}.t-pages{margin-right:auto}.t-item{min-width:5.5rem;box-sizing:border-box}.t-checkmark{min-width:1.5rem;border-left:5px solid transparent}.t-back{margin:0 .25rem 0 1.5rem}"]
-        }),
-        __param(0, Inject(TUI_SPIN_TEXTS)),
-        __param(1, Inject(TUI_TABLE_PAGINATION_TEXTS)),
-        __param(2, Inject(TUI_TABLE_PAGINATION_OPTIONS))
-    ], TuiTablePaginationComponent);
-    return TuiTablePaginationComponent;
-}());
-
-var TuiTablePaginationModule = /** @class */ (function () {
-    function TuiTablePaginationModule() {
-    }
-    TuiTablePaginationModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                TuiButtonModule,
-                TuiLinkModule,
-                TuiHostedDropdownModule,
-                TuiDataListModule,
-                TuiSvgModule,
-                PolymorpheusModule,
-            ],
-            declarations: [TuiTablePaginationComponent],
-            exports: [TuiTablePaginationComponent],
-        })
-    ], TuiTablePaginationModule);
-    return TuiTablePaginationModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TUI_TABLE_PAGINATION_DEFAULT_OPTIONS, TUI_TABLE_PAGINATION_OPTIONS, TuiTablePaginationComponent, TuiTablePaginationModule, tuiTablePaginationOptionsProvider };
-//# sourceMappingURL=taiga-ui-addon-table-components-table-pagination.js.map

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

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