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

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

@@ -1,669 +0,0 @@
-import { __decorate, __param, __read, __assign, __extends, __spread } from 'tslib';
-import { TemplateRef, Inject, Input, Directive, ElementRef, Output, InjectionToken, SkipSelf, forwardRef, EventEmitter, ChangeDetectorRef, HostBinding, Optional, Component, ChangeDetectionStrategy, ContentChildren, Pipe, ContentChild, NgModule } from '@angular/core';
-import { tuiDefaultProp, typedFromEvent, preventDefault, TuiController, TuiTableSortKeyException, EMPTY_QUERY, tuiPure, TuiDestroyService, TuiMapperPipeModule } from '@taiga-ui/cdk';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import { TUI_ELEMENT_REF, TUI_TEXTFIELD_APPEARANCE, TUI_TEXTFIELD_LABEL_OUTSIDE, TUI_TEXTFIELD_SIZE, MODE_PROVIDER, TUI_MODE, watchedControllerFactory, TuiSvgModule } from '@taiga-ui/core';
-import { switchMap, distinctUntilChanged, map, takeUntil, filter, startWith } from 'rxjs/operators';
-import { defaultSort } from '@taiga-ui/addon-table/utils';
-import { IntersectionObserverService, INTERSECTION_ROOT_MARGIN, INTERSECTION_THRESHOLD } from '@ng-web-apis/intersection-observer';
-import { Observable } from 'rxjs';
-import { TUI_INPUT_COUNT_OPTIONS } from '@taiga-ui/kit';
-import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-import { NgControl } from '@angular/forms';
-
-var TuiCellDirective = /** @class */ (function () {
-    function TuiCellDirective(template) {
-        this.template = template;
-        this.tuiCell = '';
-    }
-    TuiCellDirective.ctorParameters = function () { return [
-        { type: TemplateRef, decorators: [{ type: Inject, args: [TemplateRef,] }] }
-    ]; };
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiCellDirective.prototype, "tuiCell", void 0);
-    TuiCellDirective = __decorate([
-        Directive({
-            selector: '[tuiCell]',
-        }),
-        __param(0, Inject(TemplateRef))
-    ], TuiCellDirective);
-    return TuiCellDirective;
-}());
-
-var TuiHeadDirective = /** @class */ (function () {
-    function TuiHeadDirective(template) {
-        this.template = template;
-    }
-    TuiHeadDirective.ctorParameters = function () { return [
-        { type: TemplateRef, decorators: [{ type: Inject, args: [TemplateRef,] }] }
-    ]; };
-    __decorate([
-        Input()
-    ], TuiHeadDirective.prototype, "tuiHead", void 0);
-    TuiHeadDirective = __decorate([
-        Directive({
-            selector: '[tuiHead]',
-        }),
-        __param(0, Inject(TemplateRef))
-    ], TuiHeadDirective);
-    return TuiHeadDirective;
-}());
-
-// @dynamic
-var TuiResizedDirective = /** @class */ (function () {
-    function TuiResizedDirective(documentRef, elementRef, parentRef) {
-        var _this = this;
-        this.documentRef = documentRef;
-        this.elementRef = elementRef;
-        this.parentRef = parentRef;
-        this.tuiResized = typedFromEvent(this.elementRef.nativeElement, 'mousedown').pipe(preventDefault(), switchMap(function () {
-            var _a = _this.parentRef.nativeElement.getBoundingClientRect(), width = _a.width, right = _a.right;
-            return typedFromEvent(_this.documentRef, 'mousemove').pipe(distinctUntilChanged(), map(function (_a) {
-                var clientX = _a.clientX;
-                return width + clientX - right;
-            }), takeUntil(typedFromEvent(_this.documentRef, 'mouseup')));
-        }));
-    }
-    TuiResizedDirective.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()
-    ], TuiResizedDirective.prototype, "tuiResized", void 0);
-    TuiResizedDirective = __decorate([
-        Directive({
-            selector: '[tuiResized]',
-        }),
-        __param(0, Inject(DOCUMENT)),
-        __param(1, Inject(ElementRef)),
-        __param(2, Inject(TUI_ELEMENT_REF))
-    ], TuiResizedDirective);
-    return TuiResizedDirective;
-}());
-
-var TuiRowDirective = /** @class */ (function () {
-    function TuiRowDirective(template) {
-        this.template = template;
-        this.tuiRowOf = [];
-    }
-    TuiRowDirective.ngTemplateContextGuard = function (_dir, _ctx) {
-        return true;
-    };
-    TuiRowDirective.ctorParameters = function () { return [
-        { type: TemplateRef, decorators: [{ type: Inject, args: [TemplateRef,] }] }
-    ]; };
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiRowDirective.prototype, "tuiRowOf", void 0);
-    TuiRowDirective = __decorate([
-        Directive({
-            selector: 'ng-template[tuiRow]',
-        }),
-        __param(0, Inject(TemplateRef))
-    ], TuiRowDirective);
-    return TuiRowDirective;
-}());
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function stuckFactory(_a, entries$) {
-    var nativeElement = _a.nativeElement;
-    var stream$ = entries$.pipe(map(function (_a) {
-        var _b = __read(_a, 1), intersectionRatio = _b[0].intersectionRatio;
-        return intersectionRatio < 1;
-    }));
-    nativeElement['$.class._stuck'] = stream$;
-    return stream$;
-}
-var TUI_STUCK = new InjectionToken('Stream of sticky stuck events');
-var TUI_STUCK_PROVIDER = {
-    provide: TUI_STUCK,
-    deps: [ElementRef, IntersectionObserverService],
-    useFactory: stuckFactory,
-};
-
-// TODO: 3.0 remove in ivy compilation
-var TABLE_THRESHOLD = [0, 1];
-var TABLE_LABEL = {
-    labelOutside: true,
-};
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function inputCountOptionsFactory(options) {
-    return __assign(__assign({}, options), { hideButtons: true });
-}
-var TUI_TABLE_PROVIDERS = [
-    {
-        provide: INTERSECTION_ROOT_MARGIN,
-        useValue: '10000px 10000px 10000px 0px',
-    },
-    {
-        provide: INTERSECTION_THRESHOLD,
-        useValue: TABLE_THRESHOLD,
-    },
-    {
-        provide: TUI_TEXTFIELD_APPEARANCE,
-        // TODO: 3.0 remove in ivy compilation
-        useValue: 'table',
-    },
-    {
-        provide: TUI_TEXTFIELD_LABEL_OUTSIDE,
-        useValue: TABLE_LABEL,
-    },
-    {
-        provide: TUI_INPUT_COUNT_OPTIONS,
-        deps: [[new SkipSelf(), TUI_INPUT_COUNT_OPTIONS]],
-        useFactory: inputCountOptionsFactory,
-    },
-    {
-        provide: TUI_TEXTFIELD_SIZE,
-        useExisting: forwardRef(function () { return TuiTableDirective; }),
-    },
-    IntersectionObserverService,
-    MODE_PROVIDER,
-    TUI_STUCK_PROVIDER,
-];
-
-var TuiTableDirective = /** @class */ (function (_super) {
-    __extends(TuiTableDirective, _super);
-    function TuiTableDirective(entries$, mode$, stuck$, changeDetectorRef) {
-        var _this = _super.call(this) || this;
-        _this.entries$ = entries$;
-        _this.mode$ = mode$;
-        _this.stuck$ = stuck$;
-        _this.changeDetectorRef = changeDetectorRef;
-        _this.columns = [];
-        _this.size = 'm';
-        _this.direction = 1;
-        _this.directionChange = new EventEmitter();
-        _this.sorterChange = new EventEmitter();
-        _this.sorter = function () { return 0; };
-        return _this;
-    }
-    TuiTableDirective.prototype.updateSorter = function (sorter) {
-        if (this.sorter === sorter) {
-            this.direction = this.direction === 1 ? -1 : 1;
-            this.directionChange.emit(this.direction);
-        }
-        else {
-            this.sorter = sorter || (function () { return 0; });
-            this.sorterChange.emit(this.sorter);
-            this.direction = 1;
-            this.directionChange.emit(1);
-        }
-        this.change$.next();
-    };
-    TuiTableDirective.prototype.ngAfterViewInit = function () {
-        this.changeDetectorRef.detectChanges();
-    };
-    TuiTableDirective.ctorParameters = function () { return [
-        { type: Observable, decorators: [{ type: Inject, args: [IntersectionObserverService,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_MODE,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_STUCK,] }] },
-        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
-    ]; };
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiTableDirective.prototype, "columns", void 0);
-    __decorate([
-        Input(),
-        HostBinding('attr.data-size'),
-        tuiDefaultProp()
-    ], TuiTableDirective.prototype, "size", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiTableDirective.prototype, "direction", void 0);
-    __decorate([
-        Output()
-    ], TuiTableDirective.prototype, "directionChange", void 0);
-    __decorate([
-        Output()
-    ], TuiTableDirective.prototype, "sorterChange", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiTableDirective.prototype, "sorter", void 0);
-    TuiTableDirective = __decorate([
-        Directive({
-            selector: 'table[tuiTable]',
-            providers: TUI_TABLE_PROVIDERS,
-            host: {
-                '($.data-mode.attr)': 'mode$',
-                '($.class._stuck)': 'stuck$',
-                style: 'border-collapse: separate',
-            },
-        }),
-        __param(0, Inject(IntersectionObserverService)),
-        __param(1, Inject(TUI_MODE)),
-        __param(2, Inject(TUI_STUCK)),
-        __param(3, Inject(ChangeDetectorRef))
-    ], TuiTableDirective);
-    return TuiTableDirective;
-}(TuiController));
-
-var TuiThComponent = /** @class */ (function () {
-    function TuiThComponent(head, table) {
-        var _this = this;
-        this.head = head;
-        this.table = table;
-        this.sorter = this.head
-            ? function (a, b) { return defaultSort(a[_this.key], b[_this.key]); }
-            : null;
-        this.resizable = false;
-        this.sticky = false;
-        this.width = null;
-    }
-    Object.defineProperty(TuiThComponent.prototype, "key", {
-        get: function () {
-            if (!this.head) {
-                throw new TuiTableSortKeyException();
-            }
-            return this.head.tuiHead;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiThComponent.prototype, "isCurrent", {
-        get: function () {
-            return !!this.sorter && !!this.table && this.sorter === this.table.sorter;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiThComponent.prototype, "icon", {
-        get: function () {
-            return this.isCurrent ? 'tuiIconSortDown' : 'tuiIconSortOff';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiThComponent.prototype.onResized = function (width) {
-        this.width = width;
-    };
-    TuiThComponent.ctorParameters = function () { return [
-        { type: TuiHeadDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiHeadDirective,] }] },
-        { type: TuiTableDirective, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef(function () { return TuiTableDirective; }),] }] }
-    ]; };
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiThComponent.prototype, "sorter", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiThComponent.prototype, "resizable", void 0);
-    __decorate([
-        Input(),
-        HostBinding('class._sticky'),
-        tuiDefaultProp()
-    ], TuiThComponent.prototype, "sticky", void 0);
-    __decorate([
-        HostBinding('style.width.px')
-    ], TuiThComponent.prototype, "width", void 0);
-    TuiThComponent = __decorate([
-        Component({
-            selector: 'th[tuiTh]',
-            template: "<button\n    *ngIf=\"sorter && table; else content\"\n    type=\"button\"\n    class=\"t-sort\"\n    [class.t-sort_sorted]=\"isCurrent\"\n    (click)=\"table.updateSorter(sorter)\"\n>\n    <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n    {{ table.change$ | async }}\n    <tui-svg\n        class=\"t-sort-icon\"\n        [src]=\"icon\"\n        [class.t-sort-icon_rotated]=\"isCurrent && table.direction === -1\"\n    ></tui-svg>\n</button>\n<ng-template #content><ng-content></ng-content></ng-template>\n<div\n    *ngIf=\"resizable\"\n    class=\"t-bar\"\n    (tuiResized)=\"onResized($event)\"\n></div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [
-                {
-                    provide: TUI_ELEMENT_REF,
-                    useExisting: ElementRef,
-                },
-            ],
-            styles: [":host{transition-property:box-shadow;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;top:0;z-index:20;height:var(--tui-height-m);font:var(--tui-font-text-s);text-align:left;font-weight:700;color:var(--tui-text-02);background:var(--tui-base-01);cursor:default;padding:0 .75rem;box-sizing:border-box;box-shadow:0 .3125rem rgba(237,237,237,0);border:1px solid var(--tui-base-04)}:host:not(:first-child){border-left:none}:host._sticky{position:-webkit-sticky;position:sticky;z-index:30}:host._sticky:first-child{left:0}:host._sticky:after{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;content:'';position:absolute;top:0;left:100%;bottom:0;width:.3125rem;pointer-events:none;background:rgba(237,237,237,.7);opacity:0}:host-context(tr:not(:first-child)){border-top:none}:host-context(table[data-size='l']){height:var(--tui-height-l);font:var(--tui-font-text-m);font-weight:700;padding:0 1rem}:host-context(thead[tuiThead]){position:-webkit-sticky;position:sticky}:host-context(table._stuck)._sticky:after{opacity:1}:host-context(thead[tuiThead]._stuck){box-shadow:0 .3125rem rgba(237,237,237,.7)}:host-context(table[data-mode=onDark]):after{background:rgba(60,60,60,.9)}:host-context(table[data-mode=onDark]thead[tuiThead]._stuck){box-shadow:0 .3125rem rgba(60,60,60,.9)}:host-context(table[data-mode=onDark]thead[tuiThead]._stuck):first-child{box-shadow:.0625rem .3125rem rgba(60,60,60,.9)}:host-context(table[data-size='l']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-l)}:host-context(table[data-size='m']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-m)}:host-context(table[data-size='s']thead[tuiThead]tr:nth-child(2)){top:var(--tui-height-s)}.t-sort{transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;display:inline-flex;flex-direction:inherit;align-items:center;outline:0;font-weight:700;cursor:pointer}.t-sort_sorted{color:var(--tui-text-01)}.t-sort_sorted .t-sort-icon_rotated{transform:scaleY(-1)}.t-sort:focus-visible{background:var(--tui-selection)}.t-sort:hover{color:var(--tui-text-01)}.t-bar{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;bottom:0;right:-1px;width:3px;justify-self:flex-end;border-left:2px solid transparent;background:var(--tui-support-12);background-clip:content-box;cursor:ew-resize;opacity:0}.t-bar:active,.t-bar:hover{opacity:1}"]
-        }),
-        __param(0, Optional()),
-        __param(0, Inject(TuiHeadDirective)),
-        __param(1, Optional()),
-        __param(1, Inject(forwardRef(function () { return TuiTableDirective; })))
-    ], TuiThComponent);
-    return TuiThComponent;
-}());
-
-var TuiSortableDirective = /** @class */ (function () {
-    function TuiSortableDirective(sortBy, table, th) {
-        this.sortBy = sortBy;
-        this.table = table;
-        this.th = th;
-        this.sorter = function () { return 0; };
-    }
-    Object.defineProperty(TuiSortableDirective.prototype, "key", {
-        get: function () {
-            return this.th.key;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiSortableDirective.prototype.ngOnInit = function () {
-        this.sorter = this.match ? this.table.sorter : this.sorter;
-        this.th.sorter = this.sorter;
-    };
-    TuiSortableDirective.prototype.ngDoCheck = function () {
-        if (this.match && this.table.sorter !== this.sorter) {
-            this.table.updateSorter(this.sorter);
-        }
-    };
-    Object.defineProperty(TuiSortableDirective.prototype, "match", {
-        get: function () {
-            return this.sortBy.tuiSortBy === this.key;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiSortableDirective.ctorParameters = function () { return [
-        { type: TuiSortByDirective, decorators: [{ type: Inject, args: [forwardRef(function () { return TuiSortByDirective; }),] }] },
-        { type: TuiTableDirective, decorators: [{ type: Inject, args: [TuiTableDirective,] }] },
-        { type: TuiThComponent, decorators: [{ type: Inject, args: [TuiThComponent,] }] }
-    ]; };
-    TuiSortableDirective = __decorate([
-        Directive({
-            selector: 'th[tuiTh][tuiSortable]',
-        }),
-        __param(0, Inject(forwardRef(function () { return TuiSortByDirective; }))),
-        __param(1, Inject(TuiTableDirective)),
-        __param(2, Inject(TuiThComponent))
-    ], TuiSortableDirective);
-    return TuiSortableDirective;
-}());
-
-var TuiSortByDirective = /** @class */ (function () {
-    function TuiSortByDirective(table) {
-        var _this = this;
-        this.table = table;
-        this.sortables = EMPTY_QUERY;
-        this.tuiSortBy = null;
-        this.tuiSortByChange = this.table.sorterChange.pipe(filter(function () { return !!_this.sortables.length; }), map(function (sorter) { return _this.getKey(sorter); }));
-    }
-    TuiSortByDirective.prototype.getKey = function (sorter) {
-        var _a, _b;
-        return (_b = (_a = this.sortables.find(function (s) { return s.sorter === sorter; })) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : null;
-    };
-    TuiSortByDirective.ctorParameters = function () { return [
-        { type: TuiTableDirective, decorators: [{ type: Inject, args: [TuiTableDirective,] }] }
-    ]; };
-    __decorate([
-        ContentChildren(TuiSortableDirective, { descendants: true })
-    ], TuiSortByDirective.prototype, "sortables", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiSortByDirective.prototype, "tuiSortBy", void 0);
-    __decorate([
-        Output()
-    ], TuiSortByDirective.prototype, "tuiSortByChange", void 0);
-    TuiSortByDirective = __decorate([
-        Directive({
-            selector: 'table[tuiTable][tuiSortBy]',
-        }),
-        __param(0, Inject(TuiTableDirective))
-    ], TuiSortByDirective);
-    return TuiSortByDirective;
-}());
-
-var TuiTheadDirective = /** @class */ (function () {
-    function TuiTheadDirective(stuck$) {
-        this.stuck$ = stuck$;
-    }
-    TuiTheadDirective.ctorParameters = function () { return [
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_STUCK,] }] }
-    ]; };
-    TuiTheadDirective = __decorate([
-        Directive({
-            selector: 'thead[tuiThead]',
-            providers: [
-                TUI_STUCK_PROVIDER,
-                IntersectionObserverService,
-                {
-                    provide: INTERSECTION_ROOT_MARGIN,
-                    useValue: '0px 10000px 10000px 10000px',
-                },
-            ],
-            host: {
-                '($.class._stuck)': 'stuck$',
-            },
-        }),
-        __param(0, Inject(TUI_STUCK))
-    ], TuiTheadDirective);
-    return TuiTheadDirective;
-}());
-
-var TuiTableSortPipe = /** @class */ (function () {
-    function TuiTableSortPipe(table) {
-        this.table = table;
-    }
-    TuiTableSortPipe.prototype.transform = function (data) {
-        return this.sort(data, this.table.sorter, this.table.direction);
-    };
-    TuiTableSortPipe.prototype.sort = function (data, sorter, direction) {
-        return __spread(data).sort(function (a, b) { return direction * sorter(a, b); });
-    };
-    TuiTableSortPipe.ctorParameters = function () { return [
-        { type: TuiTableDirective, decorators: [{ type: Inject, args: [TuiTableDirective,] }] }
-    ]; };
-    __decorate([
-        tuiPure
-    ], TuiTableSortPipe.prototype, "sort", null);
-    TuiTableSortPipe = __decorate([
-        Pipe({
-            name: 'tuiTableSort',
-            pure: false,
-        }),
-        __param(0, Inject(TuiTableDirective))
-    ], TuiTableSortPipe);
-    return TuiTableSortPipe;
-}());
-
-// TODO: 3.0 remove in ivy compilation
-var TABLE_FACTORY = watchedControllerFactory;
-var TUI_TABLE_PROVIDER = [
-    TuiDestroyService,
-    TuiTableSortPipe,
-    {
-        provide: TuiTableDirective,
-        deps: [[new SkipSelf(), TuiTableDirective], ChangeDetectorRef, TuiDestroyService],
-        useFactory: TABLE_FACTORY,
-    },
-];
-
-var TuiTrComponent = /** @class */ (function () {
-    function TuiTrComponent(table, body) {
-        var _this = this;
-        this.table = table;
-        this.body = body;
-        this.cells = EMPTY_QUERY;
-        this.cells$ = this.cells.changes.pipe(startWith(null), map(function () {
-            return _this.cells.reduce(function (record, item) {
-                var _a;
-                return (__assign(__assign({}, record), (_a = {}, _a[item.tuiCell] = item, _a)));
-            }, {});
-        }));
-        this.item$ = this.body.rows.changes.pipe(startWith(null), map(function () {
-            return _this.body.sorted[_this.body.rows.toArray().findIndex(function (row) { return row === _this; })];
-        }));
-    }
-    TuiTrComponent.ctorParameters = function () { return [
-        { type: TuiTableDirective, decorators: [{ type: Inject, args: [forwardRef(function () { return TuiTableDirective; }),] }] },
-        { type: TuiTbodyComponent, decorators: [{ type: Inject, args: [forwardRef(function () { return TuiTbodyComponent; }),] }] }
-    ]; };
-    __decorate([
-        ContentChildren(forwardRef(function () { return TuiCellDirective; }))
-    ], TuiTrComponent.prototype, "cells", void 0);
-    TuiTrComponent = __decorate([
-        Component({
-            selector: 'tr[tuiTr]',
-            template: "<ng-container *ngIf=\"cells$ | async as items\">\n    <ng-container\n        *ngFor=\"let key of table.columns\"\n        [ngTemplateOutlet]=\"items[key.toString()]?.template || plain\"\n    >\n        <ng-template #plain>\n            <td\n                *ngIf=\"item$ | async as item\"\n                tuiTd\n            >\n                {{ item[key.toString()] }}\n            </td>\n        </ng-template>\n    </ng-container>\n</ng-container>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [TUI_TABLE_PROVIDER]
-        }),
-        __param(0, Inject(forwardRef(function () { return TuiTableDirective; }))),
-        __param(1, Inject(forwardRef(function () { return TuiTbodyComponent; })))
-    ], TuiTrComponent);
-    return TuiTrComponent;
-}());
-
-var TuiTbodyComponent = /** @class */ (function () {
-    function TuiTbodyComponent(pipe, table) {
-        this.pipe = pipe;
-        this.table = table;
-        this.data = [];
-        this.heading = '';
-        this.open = true;
-        this.openChange = new EventEmitter();
-        this.rows = EMPTY_QUERY;
-        this.toContext = function ($implicit, index) { return ({ $implicit: $implicit, index: index }); };
-    }
-    Object.defineProperty(TuiTbodyComponent.prototype, "sorted", {
-        get: function () {
-            return this.pipe.transform(this.data);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiTbodyComponent.prototype.onClick = function () {
-        this.open = !this.open;
-        this.openChange.emit(this.open);
-    };
-    TuiTbodyComponent.ctorParameters = function () { return [
-        { type: TuiTableSortPipe, decorators: [{ type: Inject, args: [TuiTableSortPipe,] }] },
-        { type: TuiTableDirective, decorators: [{ type: Inject, args: [forwardRef(function () { return TuiTableDirective; }),] }] }
-    ]; };
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiTbodyComponent.prototype, "data", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiTbodyComponent.prototype, "heading", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiTbodyComponent.prototype, "open", void 0);
-    __decorate([
-        Output()
-    ], TuiTbodyComponent.prototype, "openChange", void 0);
-    __decorate([
-        ContentChild(forwardRef(function () { return TuiRowDirective; }))
-    ], TuiTbodyComponent.prototype, "row", void 0);
-    __decorate([
-        ContentChildren(forwardRef(function () { return TuiTrComponent; }))
-    ], TuiTbodyComponent.prototype, "rows", void 0);
-    TuiTbodyComponent = __decorate([
-        Component({
-            selector: 'tbody[tuiTbody]',
-            template: "<ng-content></ng-content>\n<tr *ngIf=\"heading\">\n    <th\n        class=\"heading\"\n        [colSpan]=\"table.columns.length\"\n    >\n        <button\n            type=\"button\"\n            class=\"expand\"\n            (click)=\"onClick()\"\n        >\n            <span\n                polymorpheus-outlet\n                class=\"name\"\n                [content]=\"heading\"\n            ></span>\n            <tui-svg\n                src=\"tuiIconChevronDownLarge\"\n                class=\"chevron\"\n                [class.chevron_rotated]=\"open\"\n            ></tui-svg>\n        </button>\n    </th>\n</tr>\n<ng-container *ngIf=\"open && row\">\n    <ng-container\n        *ngFor=\"let item of sorted; let index = index\"\n        [ngTemplateOutlet]=\"row.template\"\n        [ngTemplateOutletContext]=\"item | tuiMapper: toContext:index\"\n    ></ng-container>\n</ng-container>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: TUI_TABLE_PROVIDER,
-            styles: [":host{border-color:var(--tui-base-04)}:host tr{border-color:inherit}.expand{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;display:flex;width:100%;height:100%;align-items:center;box-sizing:border-box;outline:0;font-weight:700;cursor:pointer;border-color:inherit}.expand:focus-visible .name{background:var(--tui-selection)}.expand:after,.expand:before{content:'';position:-webkit-sticky;position:sticky;height:100%;border-left:1px solid;border-color:inherit}.expand:before{left:0}.expand:after{right:0}.heading{height:var(--tui-height-m);font:var(--tui-font-text-s);padding:0;background:var(--tui-base-02);border-bottom:1px solid var(--tui-base-04);border-color:inherit}:host-context(table[data-size='l']) .heading{font:var(--tui-font-text-m);height:var(--tui-height-l)}.name{position:-webkit-sticky;position:sticky;left:.75rem;display:inline-block}:host-context(table[data-size='l']) .name{left:1rem}.chevron{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;right:.75rem;margin:0 .6875rem 0 auto}.chevron_rotated{transform:rotate(180deg)}"]
-        }),
-        __param(0, Inject(TuiTableSortPipe)),
-        __param(1, Inject(forwardRef(function () { return TuiTableDirective; })))
-    ], TuiTbodyComponent);
-    return TuiTbodyComponent;
-}());
-
-var TuiTdComponent = /** @class */ (function () {
-    function TuiTdComponent() {
-    }
-    __decorate([
-        HostBinding('class._editable'),
-        ContentChild(NgControl)
-    ], TuiTdComponent.prototype, "control", void 0);
-    TuiTdComponent = __decorate([
-        Component({
-            selector: 'th[tuiTd], td[tuiTd]',
-            template: '<ng-content></ng-content>',
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{position:relative;height:var(--tui-height-m);font:var(--tui-font-text-s);text-align:left;padding:0 .75rem;background:var(--tui-base-01);border:1px solid var(--tui-base-04);border-top:none;box-sizing:border-box;transform:translate3d(0,0,0)}:host:first-child{left:0}:host:not(:first-child){border-left:none}:host._editable:focus-within{z-index:1}:host._editable{padding:0;vertical-align:top}:host(th){position:-webkit-sticky;position:sticky;z-index:1}:host(th):after{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;content:'';position:absolute;top:0;bottom:0;left:100%;width:.3125rem;pointer-events:none;background:rgba(237,237,237,.7);opacity:0}:host(th):focus-within:not(:disabled){z-index:11}:host-context(table[data-mode=onDark]):after{background:rgba(60,60,60,.9)}:host-context(table._stuck){z-index:10}:host-context(table._stuck):last-of-type:after{opacity:1}:host-context(table[data-size='l']){font:var(--tui-font-text-m);height:var(--tui-height-l);padding-left:1rem;padding-right:1rem}:host-context(table[data-size='l'])._editable{padding:0}:host(td):focus-within{z-index:1}:host(td):not(:focus-within){z-index:0}"]
-        })
-    ], TuiTdComponent);
-    return TuiTdComponent;
-}());
-
-var TuiThGroupComponent = /** @class */ (function () {
-    function TuiThGroupComponent(table) {
-        var _this = this;
-        this.table = table;
-        this.heads = EMPTY_QUERY;
-        this.heads$ = this.heads.changes.pipe(startWith(null), map(function () {
-            return _this.heads.reduce(function (record, item) {
-                var _a;
-                return (__assign(__assign({}, record), (_a = {}, _a[item.tuiHead] = item, _a)));
-            }, {});
-        }));
-    }
-    TuiThGroupComponent.ctorParameters = function () { return [
-        { type: TuiTableDirective, decorators: [{ type: Inject, args: [forwardRef(function () { return TuiTableDirective; }),] }] }
-    ]; };
-    __decorate([
-        ContentChild(forwardRef(function () { return TuiThComponent; }))
-    ], TuiThGroupComponent.prototype, "th", void 0);
-    __decorate([
-        ContentChildren(forwardRef(function () { return TuiHeadDirective; }))
-    ], TuiThGroupComponent.prototype, "heads", void 0);
-    TuiThGroupComponent = __decorate([
-        Component({
-            selector: 'tr[tuiThGroup]',
-            template: "<ng-content></ng-content>\n<ng-container *ngIf=\"heads$ | async as headings\">\n    <ng-container\n        *ngFor=\"let key of table.columns\"\n        [ngTemplateOutlet]=\"headings[key.toString()]?.template || plain\"\n    >\n        <ng-template #plain>\n            <th\n                *ngIf=\"!th && !heads.length\"\n                tuiTh\n            >\n                {{ key.toString() }}\n            </th>\n        </ng-template>\n    </ng-container>\n</ng-container>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [TUI_TABLE_PROVIDER]
-        }),
-        __param(0, Inject(forwardRef(function () { return TuiTableDirective; })))
-    ], TuiThGroupComponent);
-    return TuiThGroupComponent;
-}());
-
-var TuiTableModule = /** @class */ (function () {
-    function TuiTableModule() {
-    }
-    TuiTableModule = __decorate([
-        NgModule({
-            imports: [CommonModule, PolymorpheusModule, TuiMapperPipeModule, TuiSvgModule],
-            declarations: [
-                TuiTableDirective,
-                TuiTbodyComponent,
-                TuiThGroupComponent,
-                TuiThComponent,
-                TuiTdComponent,
-                TuiTrComponent,
-                TuiCellDirective,
-                TuiHeadDirective,
-                TuiRowDirective,
-                TuiSortByDirective,
-                TuiSortableDirective,
-                TuiTheadDirective,
-                TuiResizedDirective,
-                TuiTableSortPipe,
-            ],
-            exports: [
-                TuiTableDirective,
-                TuiTbodyComponent,
-                TuiThGroupComponent,
-                TuiThComponent,
-                TuiTdComponent,
-                TuiTrComponent,
-                TuiCellDirective,
-                TuiHeadDirective,
-                TuiRowDirective,
-                TuiSortByDirective,
-                TuiSortableDirective,
-                TuiTheadDirective,
-                TuiTableSortPipe,
-            ],
-        })
-    ], TuiTableModule);
-    return TuiTableModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TABLE_FACTORY, TABLE_LABEL, TABLE_THRESHOLD, TUI_STUCK, TUI_STUCK_PROVIDER, TUI_TABLE_PROVIDER, TUI_TABLE_PROVIDERS, TuiCellDirective, TuiHeadDirective, TuiResizedDirective, TuiRowDirective, TuiSortByDirective, TuiSortableDirective, TuiTableDirective, TuiTableModule, TuiTableSortPipe, TuiTbodyComponent, TuiTdComponent, TuiThComponent, TuiThGroupComponent, TuiTheadDirective, TuiTrComponent, inputCountOptionsFactory, stuckFactory };
-//# sourceMappingURL=taiga-ui-addon-table-components-table.js.map