@taiga-ui/experimental 3.63.0 → 3.64.0-canary.0c1cd7d

package/esm2015/components/swipe-action/index.js

@@ -0,0 +1,4 @@
+export * from './swipe-actions.component';
+export * from './swipe-actions.module';
+export * from './swipe-actions-auto-close.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9zd2lwZS1hY3Rpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsc0NBQXNDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N3aXBlLWFjdGlvbnMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3dpcGUtYWN0aW9ucy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zd2lwZS1hY3Rpb25zLWF1dG8tY2xvc2UuZGlyZWN0aXZlJztcbiJdfQ==

package/esm2015/components/swipe-action/swipe-actions-auto-close.directive.js

@@ -0,0 +1,38 @@
+import { Directive, ElementRef, Inject, Input } from '@angular/core';
+import { tuiGetActualTarget } from '@taiga-ui/cdk';
+import * as i0 from "@angular/core";
+export class TuiSwipeActionsAutoCloseDirective {
+    constructor(el) {
+        this.el = el;
+        this.autoClose = true;
+    }
+    onPointer(event) {
+        const target = tuiGetActualTarget(event);
+        if (this.autoClose && !this.el.nativeElement.contains(target)) {
+            this.close();
+        }
+    }
+    close() {
+        this.el.nativeElement.scrollTo({
+            left: 0,
+            behavior: 'smooth',
+        });
+    }
+}
+TuiSwipeActionsAutoCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsAutoCloseDirective, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TuiSwipeActionsAutoCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSwipeActionsAutoCloseDirective, selector: "tui-swipe-actions[autoClose]", inputs: { autoClose: "autoClose" }, host: { listeners: { "document:pointerdown.silent": "onPointer($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsAutoCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tui-swipe-actions[autoClose]',
+                    host: {
+                        '(document:pointerdown.silent)': 'onPointer($event)',
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }]; }, propDecorators: { autoClose: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpcGUtYWN0aW9ucy1hdXRvLWNsb3NlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3N3aXBlLWFjdGlvbi9zd2lwZS1hY3Rpb25zLWF1dG8tY2xvc2UuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sZUFBZSxDQUFDOztBQVFqRCxNQUFNLE9BQU8saUNBQWlDO0lBSTFDLFlBQWlELEVBQTJCO1FBQTNCLE9BQUUsR0FBRixFQUFFLENBQXlCO1FBRjVFLGNBQVMsR0FBRyxJQUFJLENBQUM7SUFFOEQsQ0FBQztJQUVoRixTQUFTLENBQUMsS0FBbUI7UUFDekIsTUFBTSxNQUFNLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFekMsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzNELElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNoQjtJQUNMLENBQUM7SUFFTyxLQUFLO1FBQ1QsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDO1lBQzNCLElBQUksRUFBRSxDQUFDO1lBQ1AsUUFBUSxFQUFFLFFBQVE7U0FDckIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7K0hBbkJRLGlDQUFpQyxrQkFJdEIsVUFBVTttSEFKckIsaUNBQWlDOzRGQUFqQyxpQ0FBaUM7a0JBTjdDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDhCQUE4QjtvQkFDeEMsSUFBSSxFQUFFO3dCQUNGLCtCQUErQixFQUFFLG1CQUFtQjtxQkFDdkQ7aUJBQ0o7OzBCQUtnQixNQUFNOzJCQUFDLFVBQVU7NENBRjlCLFNBQVM7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpR2V0QWN0dWFsVGFyZ2V0fSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICd0dWktc3dpcGUtYWN0aW9uc1thdXRvQ2xvc2VdJyxcbiAgICBob3N0OiB7XG4gICAgICAgICcoZG9jdW1lbnQ6cG9pbnRlcmRvd24uc2lsZW50KSc6ICdvblBvaW50ZXIoJGV2ZW50KScsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpU3dpcGVBY3Rpb25zQXV0b0Nsb3NlRGlyZWN0aXZlIHtcbiAgICBASW5wdXQoKVxuICAgIGF1dG9DbG9zZSA9IHRydWU7XG5cbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KEVsZW1lbnRSZWYpIHByaXZhdGUgcmVhZG9ubHkgZWw6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KSB7fVxuXG4gICAgb25Qb2ludGVyKGV2ZW50OiBQb2ludGVyRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgdGFyZ2V0ID0gdHVpR2V0QWN0dWFsVGFyZ2V0KGV2ZW50KTtcblxuICAgICAgICBpZiAodGhpcy5hdXRvQ2xvc2UgJiYgIXRoaXMuZWwubmF0aXZlRWxlbWVudC5jb250YWlucyh0YXJnZXQpKSB7XG4gICAgICAgICAgICB0aGlzLmNsb3NlKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGNsb3NlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsVG8oe1xuICAgICAgICAgICAgbGVmdDogMCxcbiAgICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIl19

package/esm2015/components/swipe-action/swipe-actions.component.js

@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk";
+export class TuiSwipeActionsComponent {
+    constructor() {
+        this.actionsWidth = 0;
+    }
+    onResize({ target }) {
+        this.actionsWidth = target.clientWidth;
+    }
+}
+TuiSwipeActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiSwipeActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSwipeActionsComponent, selector: "tui-swipe-actions", host: { properties: { "style.--t-actions-width": "actionsWidth" } }, ngImport: i0, template: "<div class=\"t-content\">\n    <ng-content></ng-content>\n</div>\n\n<div\n    class=\"t-actions\"\n    (tuiResize)=\"onResize($event[0])\"\n>\n    <ng-content select=\"[tuiSwipeAction]\"></ng-content>\n</div>\n", styles: [":host{scrollbar-width:none;-ms-overflow-style:none;--tui-action-gap: 24;--tui-actions-padding: .5rem;--tui-item-size: 44;display:flex;width:-webkit-fill-available;width:stretch;align-items:center;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;perspective:1px;perspective-origin:calc(100% + calc(1px * var(--tui-item-size) / 2) + var(--tui-actions-padding))}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{display:none}.t-content{scroll-snap-align:start;flex-shrink:0;width:100%}.t-actions{display:flex;grid-gap:calc(1px * var(--tui-action-gap));gap:calc(1px * var(--tui-action-gap));padding:0 1rem 0 var(--tui-actions-padding);scroll-snap-align:start;align-items:center;transform-style:preserve-3d}::ng-deep .t-actions>*:nth-child(2){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(2 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (2 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(3){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(3 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (3 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(4){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(4 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (4 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(5){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(5 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (5 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(6){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(6 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (6 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}\n"], directives: [{ type: i1.TuiResizeDirective, selector: "[tuiResize]", outputs: ["tuiResize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tui-swipe-actions',
+                    templateUrl: './swipe-actions.template.html',
+                    styleUrls: ['./swipe-actions.style.less'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[style.--t-actions-width]': 'actionsWidth',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpcGUtYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9zd2lwZS1hY3Rpb24vc3dpcGUtYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9zd2lwZS1hY3Rpb24vc3dpcGUtYWN0aW9ucy50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQVdqRSxNQUFNLE9BQU8sd0JBQXdCO0lBVHJDO1FBVUksaUJBQVksR0FBRyxDQUFDLENBQUM7S0FLcEI7SUFIRyxRQUFRLENBQUMsRUFBQyxNQUFNLEVBQXNCO1FBQ2xDLElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQztJQUMzQyxDQUFDOztzSEFMUSx3QkFBd0I7MEdBQXhCLHdCQUF3Qiw4SENYckMsb05BVUE7NEZEQ2Esd0JBQXdCO2tCQVRwQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFdBQVcsRUFBRSwrQkFBK0I7b0JBQzVDLFNBQVMsRUFBRSxDQUFDLDRCQUE0QixDQUFDO29CQUN6QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFO3dCQUNGLDJCQUEyQixFQUFFLGNBQWM7cUJBQzlDO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0dWktc3dpcGUtYWN0aW9ucycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3N3aXBlLWFjdGlvbnMudGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3dpcGUtYWN0aW9ucy5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICAnW3N0eWxlLi0tdC1hY3Rpb25zLXdpZHRoXSc6ICdhY3Rpb25zV2lkdGgnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVN3aXBlQWN0aW9uc0NvbXBvbmVudCB7XG4gICAgYWN0aW9uc1dpZHRoID0gMDtcblxuICAgIG9uUmVzaXplKHt0YXJnZXR9OiBSZXNpemVPYnNlcnZlckVudHJ5KTogdm9pZCB7XG4gICAgICAgIHRoaXMuYWN0aW9uc1dpZHRoID0gdGFyZ2V0LmNsaWVudFdpZHRoO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0LWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cblxuPGRpdlxuICAgIGNsYXNzPVwidC1hY3Rpb25zXCJcbiAgICAodHVpUmVzaXplKT1cIm9uUmVzaXplKCRldmVudFswXSlcIlxuPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0dWlTd2lwZUFjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2015/components/swipe-action/swipe-actions.module.js

@@ -0,0 +1,20 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { TuiResizeModule } from '@taiga-ui/cdk';
+import { TuiSwipeActionsComponent } from './swipe-actions.component';
+import { TuiSwipeActionsAutoCloseDirective } from './swipe-actions-auto-close.directive';
+import * as i0 from "@angular/core";
+export class TuiSwipeActionsModule {
+}
+TuiSwipeActionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiSwipeActionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsModule, declarations: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective], imports: [CommonModule, TuiResizeModule], exports: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective] });
+TuiSwipeActionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsModule, imports: [[CommonModule, TuiResizeModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiResizeModule],
+                    declarations: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],
+                    exports: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpcGUtYWN0aW9ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9zd2lwZS1hY3Rpb24vc3dpcGUtYWN0aW9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUU5QyxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUNuRSxPQUFPLEVBQUMsaUNBQWlDLEVBQUMsTUFBTSxzQ0FBc0MsQ0FBQzs7QUFPdkYsTUFBTSxPQUFPLHFCQUFxQjs7bUhBQXJCLHFCQUFxQjtvSEFBckIscUJBQXFCLGlCQUhmLHdCQUF3QixFQUFFLGlDQUFpQyxhQURoRSxZQUFZLEVBQUUsZUFBZSxhQUU3Qix3QkFBd0IsRUFBRSxpQ0FBaUM7b0hBRTVELHFCQUFxQixZQUpyQixDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7NEZBSS9CLHFCQUFxQjtrQkFMakMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDO29CQUN4QyxZQUFZLEVBQUUsQ0FBQyx3QkFBd0IsRUFBRSxpQ0FBaUMsQ0FBQztvQkFDM0UsT0FBTyxFQUFFLENBQUMsd0JBQXdCLEVBQUUsaUNBQWlDLENBQUM7aUJBQ3pFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpUmVzaXplTW9kdWxlfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcblxuaW1wb3J0IHtUdWlTd2lwZUFjdGlvbnNDb21wb25lbnR9IGZyb20gJy4vc3dpcGUtYWN0aW9ucy5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlTd2lwZUFjdGlvbnNBdXRvQ2xvc2VEaXJlY3RpdmV9IGZyb20gJy4vc3dpcGUtYWN0aW9ucy1hdXRvLWNsb3NlLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVHVpUmVzaXplTW9kdWxlXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtUdWlTd2lwZUFjdGlvbnNDb21wb25lbnQsIFR1aVN3aXBlQWN0aW9uc0F1dG9DbG9zZURpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW1R1aVN3aXBlQWN0aW9uc0NvbXBvbmVudCwgVHVpU3dpcGVBY3Rpb25zQXV0b0Nsb3NlRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpU3dpcGVBY3Rpb25zTW9kdWxlIHt9XG4iXX0=

package/esm2015/components/swipe-action/taiga-ui-experimental-components-swipe-action.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLWNvbXBvbmVudHMtc3dpcGUtYWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvc3dpcGUtYWN0aW9uL3RhaWdhLXVpLWV4cGVyaW1lbnRhbC1jb21wb25lbnRzLXN3aXBlLWFjdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2015/components/thumbnail-card/thumbnail-card.component.js

@@ -26,7 +26,7 @@ export class TuiThumbnailCardComponent {
     }
 }
 TuiThumbnailCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThumbnailCardComponent, deps: [{ token: TUI_ICON_RESOLVER }, { token: TUI_INPUT_CARD_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
-TuiThumbnailCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiThumbnailCardComponent, selector: "tui-thumbnail-card", inputs: { size: "size", paymentSystem: "paymentSystem", iconLeft: "iconLeft", iconRight: "iconRight" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"t-front\">\n    <div\n        *ngIf=\"iconLeft\"\n        class=\"t-left\"\n    >\n        <tui-icon\n            class=\"t-icon\"\n            [icon]=\"iconLeft\"\n        ></tui-icon>\n    </div>\n    <div\n        *ngIf=\"iconRight\"\n        class=\"t-right\"\n    >\n        <tui-icon\n            class=\"t-icon\"\n            [icon]=\"iconRight\"\n        ></tui-icon>\n    </div>\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"paymentSystem\">\n        <tui-icon\n            *ngIf=\"isMono; else colored\"\n            class=\"t-logo\"\n            [icon]=\"options.icons[paymentSystem]\"\n        ></tui-icon>\n        <ng-template #colored>\n            <img\n                class=\"t-logo\"\n                [alt]=\"paymentSystem\"\n                [src]=\"resolver(options.icons[paymentSystem]).replace('Outline', '')\"\n            />\n        </ng-template>\n    </ng-container>\n</div>\n<div class=\"t-back\"></div>\n", styles: [":host{position:relative;display:inline-flex;background:#000;color:#fff;transform-style:preserve-3d;overflow:hidden}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\"}:host[data-size=s]{width:2.5rem;height:1.625rem;border-radius:.25rem;font-size:0}:host[data-size=s] .t-left{transform:translate(.125rem,.125rem) scale(.625)}:host[data-size=s] .t-right{display:none}:host[data-size=s] .t-logo{bottom:-.375rem;transform:scale(.55)}:host[data-size=m]{width:3rem;height:2rem;border-radius:.3125rem;text-indent:.1875rem;font:normal .5625rem/.875rem var(--tui-font-text)}:host[data-size=m] .t-left{transform:translate(.1875rem,.25rem) scale(.75)}:host[data-size=m] .t-right{transform:translate(-.1875rem,.1875rem) scale(.875)}:host[data-size=m] .t-right .t-icon{transform:scale(.714)}:host[data-size=m] .t-logo{bottom:-.3125rem;transform:scale(.55)}:host[data-size=l]{width:3.375rem;height:2.25rem;border-radius:.375rem;text-indent:.3125rem;font:normal .625rem/1.125rem var(--tui-font-text)}:host[data-size=l] .t-left{transform:translate(.1875rem,.1875rem)}:host[data-size=l] .t-right{transform:translate(-.1875rem,.1875rem)}:host[data-size=l] .t-logo{bottom:-.1875rem;transform:scale(.75)}.t-left,.t-right{position:absolute;top:0;display:flex}.t-left{left:0;transform-origin:top left}.t-right{right:0;transform-origin:top right}.t-right:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:currentColor;opacity:.35}.t-right .t-icon{color:#fff;transform:scale(.625)}.t-logo{position:absolute;right:.1875rem;width:1.5rem;height:1.5rem;transform-origin:right}.t-icon{width:1rem;height:1rem}.t-front{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px var(--tui-clear);border-radius:inherit}.t-back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg) translateZ(1px);background:#b0b0b0;border-radius:inherit}.t-back:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";top:20%;bottom:60%;background:#959595}\n"], components: [{ type: i1.TuiIconComponent, selector: "tui-icon", inputs: ["icon", "background"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TuiThumbnailCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiThumbnailCardComponent, selector: "tui-thumbnail-card", inputs: { size: "size", paymentSystem: "paymentSystem", iconLeft: "iconLeft", iconRight: "iconRight" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"t-front\">\n    <div\n        *ngIf=\"iconLeft\"\n        class=\"t-left\"\n    >\n        <tui-icon\n            class=\"t-icon\"\n            [icon]=\"iconLeft\"\n        ></tui-icon>\n    </div>\n    <div\n        *ngIf=\"iconRight\"\n        class=\"t-right\"\n    >\n        <tui-icon\n            class=\"t-icon\"\n            [icon]=\"iconRight\"\n        ></tui-icon>\n    </div>\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"paymentSystem\">\n        <tui-icon\n            *ngIf=\"isMono; else colored\"\n            class=\"t-logo\"\n            [icon]=\"options.icons[paymentSystem]\"\n        ></tui-icon>\n        <ng-template #colored>\n            <img\n                class=\"t-logo\"\n                [alt]=\"paymentSystem\"\n                [src]=\"resolver(options.icons[paymentSystem]).replace('Outline', '')\"\n            />\n        </ng-template>\n    </ng-container>\n</div>\n<div class=\"t-back\"></div>\n", styles: [":host{position:relative;display:inline-flex;flex-shrink:0;background:#000;color:#fff;transform-style:preserve-3d;overflow:hidden}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\"}:host[data-size=s]{width:2.5rem;height:1.625rem;border-radius:.25rem;font-size:0}:host[data-size=s] .t-left{transform:translate(.125rem,.125rem) scale(.625)}:host[data-size=s] .t-right{display:none}:host[data-size=s] .t-logo{bottom:-.375rem;transform:scale(.55)}:host[data-size=m]{width:3rem;height:2rem;border-radius:.3125rem;text-indent:.1875rem;font:normal .5625rem/.875rem var(--tui-font-text)}:host[data-size=m] .t-left{transform:translate(.1875rem,.25rem) scale(.75)}:host[data-size=m] .t-right{transform:translate(-.1875rem,.1875rem) scale(.875)}:host[data-size=m] .t-right .t-icon{transform:scale(.714)}:host[data-size=m] .t-logo{bottom:-.3125rem;transform:scale(.55)}:host[data-size=l]{width:3.375rem;height:2.25rem;border-radius:.375rem;text-indent:.3125rem;font:normal .625rem/1.125rem var(--tui-font-text)}:host[data-size=l] .t-left{transform:translate(.1875rem,.1875rem)}:host[data-size=l] .t-right{transform:translate(-.1875rem,.1875rem)}:host[data-size=l] .t-logo{bottom:-.1875rem;transform:scale(.75)}.t-left,.t-right{position:absolute;top:0;display:flex}.t-left{left:0;transform-origin:top left}.t-right{right:0;transform-origin:top right}.t-right:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:currentColor;opacity:.35}.t-right .t-icon{color:#fff;transform:scale(.625)}.t-logo{position:absolute;right:.1875rem;width:1.5rem;height:1.5rem;transform-origin:right}.t-icon{width:1rem;height:1rem}.t-front{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px var(--tui-clear);border-radius:inherit}.t-back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg) translateZ(1px);background:#b0b0b0;border-radius:inherit}.t-back:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";top:20%;bottom:60%;background:#959595}\n"], components: [{ type: i1.TuiIconComponent, selector: "tui-icon", inputs: ["icon", "background"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThumbnailCardComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/components/tooltip/tooltip.component.js

@@ -5,8 +5,8 @@ import { TuiAppearanceDirective } from '@taiga-ui/experimental/directives/appear
 import { takeUntil } from 'rxjs/operators';
 import { TUI_TOOLTIP_OPTIONS } from './tooltip.options';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/experimental/components/button";
-import * as i2 from "@taiga-ui/experimental/directives/icons";
+import * as i1 from "@taiga-ui/experimental/directives/icons";
+import * as i2 from "@taiga-ui/experimental/components/button";
 import * as i3 from "@taiga-ui/experimental/directives/appearance";
 import * as i4 from "@taiga-ui/core";
 import * as i5 from "@angular/common";
@@ -41,7 +41,7 @@ export class TuiTooltipComponent extends TuiHintOptionsDirective {
     }
 }
 TuiTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTooltipComponent, deps: [{ token: TuiDestroyService, self: true }, { token: TUI_MODE }, { token: TUI_HINT_OPTIONS }, { token: TUI_TOOLTIP_OPTIONS }, { token: TUI_PLATFORM }, { token: TuiAppearanceDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TuiTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTooltipComponent, selector: "tui-tooltip", inputs: { content: "content", direction: "direction", appearance: "appearance", showDelay: "showDelay", hideDelay: "hideDelay", describeId: "describeId", context: "context" }, host: { listeners: { "mousedown": "stopOnMobile($event)" } }, providers: [TuiDestroyService, MODE_PROVIDER], viewQueries: [{ propertyName: "driver$", first: true, predicate: TuiHintHoverDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<button\n    #driver=\"tuiHintHover\"\n    automation-id=\"tui-tooltip__icon\"\n    size=\"xs\"\n    tuiIconButton\n    class=\"t-tooltip-button\"\n    [attr.tabindex]=\"describeId ? -1 : 0\"\n    [iconLeft]=\"tooltipIcon\"\n    [tuiAppearance]=\"iconAppearance?.tuiAppearance || 'icon'\"\n    [tuiAppearanceState]=\"(driver | async) ? 'active' : null\"\n    [tuiHint]=\"content\"\n    [tuiHintAppearance]=\"computedAppearance\"\n    [tuiHintContext]=\"context\"\n    [tuiHintDescribe]=\"describeId\"\n    [tuiHintDirection]=\"direction\"\n    [tuiHintHideDelay]=\"hideDelay\"\n    [tuiHintShowDelay]=\"showDelay\"\n></button>\n", styles: [":host{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;border-radius:100%;cursor:pointer}.t-tooltip-button{border-radius:inherit;outline-offset:-4px}.t-tooltip-button:before{width:1rem;height:1rem}:host-context([tuiWrapper][data-appearance=\"textfield\"][data-state=\"disabled\"]) .t-tooltip-button{opacity:1}\n"], directives: [{ type: i1.TuiButtonDirective, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size", "appearance"] }, { type: i2.TuiIconsDirective, selector: "[iconLeft]:is(button,tui-badge,tui-chip),[iconRight]:is(button,tui-badge,tui-chip),[tuiBadge][iconLeft],[tuiBadge][iconRight],[tuiChip][iconLeft],[tuiChip][iconRight],[tuiButtonClose]", inputs: ["iconLeft", "iconRight"] }, { type: i3.TuiAppearanceDirective, selector: "[tuiAppearance]", inputs: ["tuiAppearance", "tuiAppearanceState", "tuiAppearanceFocus"] }, { type: i4.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"] }, { type: i4.TuiHintDriverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)" }, { type: i4.TuiHintHoverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintShowDelay", "tuiHintHideDelay"], exportAs: ["tuiHintHover"] }, { type: i4.TuiHintPositionDirective, selector: "[tuiHint]:not([tuiHintCustomPosition]):not(ng-container):not(ng-template)", inputs: ["tuiHintDirection"] }, { type: i4.TuiHintDescribeDirective, selector: "[tuiHintDescribe]", inputs: ["tuiHintDescribe"] }], pipes: { "async": i5.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TuiTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTooltipComponent, selector: "tui-tooltip", inputs: { content: "content", direction: "direction", appearance: "appearance", showDelay: "showDelay", hideDelay: "hideDelay", describeId: "describeId", context: "context" }, host: { listeners: { "mousedown": "stopOnMobile($event)" } }, providers: [TuiDestroyService, MODE_PROVIDER], viewQueries: [{ propertyName: "driver$", first: true, predicate: TuiHintHoverDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<button\n    #driver=\"tuiHintHover\"\n    automation-id=\"tui-tooltip__icon\"\n    size=\"xs\"\n    tuiIconButton\n    class=\"t-tooltip-button\"\n    [attr.tabindex]=\"describeId ? -1 : 0\"\n    [iconLeft]=\"tooltipIcon\"\n    [tuiAppearance]=\"iconAppearance?.tuiAppearance || 'icon'\"\n    [tuiAppearanceState]=\"(driver | async) ? 'active' : null\"\n    [tuiHint]=\"content\"\n    [tuiHintAppearance]=\"computedAppearance\"\n    [tuiHintContext]=\"context\"\n    [tuiHintDescribe]=\"describeId\"\n    [tuiHintDirection]=\"direction\"\n    [tuiHintHideDelay]=\"hideDelay\"\n    [tuiHintShowDelay]=\"showDelay\"\n></button>\n", styles: [":host{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;border-radius:100%;cursor:pointer}.t-tooltip-button{border-radius:inherit;outline-offset:-4px}.t-tooltip-button:before{width:1rem;height:1rem}:host-context([tuiWrapper][data-appearance=\"textfield\"][data-state=\"disabled\"]) .t-tooltip-button{opacity:1}\n"], directives: [{ type: i1.TuiIconsDirective, selector: "[iconLeft]:is(a,button,tui-badge,tui-chip),[iconRight]:is(a,button,tui-badge,tui-chip),[tuiBadge][iconLeft],[tuiBadge][iconRight],[tuiChip][iconLeft],[tuiChip][iconRight],[tuiButtonClose]", inputs: ["iconLeft", "iconRight"] }, { type: i2.TuiButtonDirective, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size", "appearance"] }, { type: i3.TuiAppearanceDirective, selector: "[tuiAppearance]", inputs: ["tuiAppearance", "tuiAppearanceState", "tuiAppearanceFocus"] }, { type: i4.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"] }, { type: i4.TuiHintDriverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)" }, { type: i4.TuiHintHoverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintShowDelay", "tuiHintHideDelay"], exportAs: ["tuiHintHover"] }, { type: i4.TuiHintPositionDirective, selector: "[tuiHint]:not([tuiHintCustomPosition]):not(ng-container):not(ng-template)", inputs: ["tuiHintDirection"] }, { type: i4.TuiHintDescribeDirective, selector: "[tuiHintDescribe]", inputs: ["tuiHintDescribe"] }], pipes: { "async": i5.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTooltipComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/directives/card/card.component.js

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 export class TuiCardComponent {
 }
 TuiCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TuiCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCard]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;display:flex;align-items:flex-start;justify-content:space-between;background:var(--tui-base-02);border-radius:.75rem;box-sizing:border-box;padding:.75rem;grid-gap:.75rem;gap:.75rem;flex-direction:column;text-decoration:none;width:var(--t-size);height:var(--t-size)}[tuiCard][data-size=m]{--t-size: 8.75rem}[tuiCard] [tuiTitle]{font-weight:bold}[tuiCard] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCard] [tuiTitle],[tuiCard] [tuiSubtitle]{max-width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TuiCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain}[tuiCardMedium][tuiTitle],[tuiCardLarge][tuiTitle],[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle]{font-weight:bold}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-width:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}[tuiCardMedium]{width:8.75rem;height:8.75rem;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--tui-radius-l);box-sizing:border-box}[tuiCardMedium][tuiTitle]{padding:.625rem .75rem}[tuiCardMedium] [tuiTitle]{margin:-.125rem 0}[tuiCardMedium] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCardLarge][data-space]{--t-gap: .75rem;--t-radius: var(--tui-radius-l);--t-comp: -.25rem;--t-padding: .75rem;--t-dim: calc(var(--t-padding) + var(--t-comp));font:var(--tui-font-text-m);padding:var(--t-padding);border-radius:var(--t-radius);box-sizing:border-box}[tuiCardLarge][data-space][data-space=normal]{--t-radius: 1.5rem;--t-padding: 1.5rem;--t-gap: 1.5rem}[tuiCardLarge][data-space][data-space=compact]{--t-radius: 1rem;--t-padding: 1.25rem;--t-gap: 1.25rem}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader]){flex-direction:column;grid-gap:var(--t-gap);gap:var(--t-gap);align-items:stretch}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader])>:last-child{margin-top:auto}[tuiCardLarge][data-space][tuiHeader]{padding:var(--t-dim) var(--t-dim) var(--t-dim) var(--t-padding)}[tuiCardLarge][data-space][tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space]>[tuiHeader]{margin:var(--t-comp) var(--t-comp) calc(1.5 * var(--t-comp)) 0}[tuiCardLarge][data-space]>[tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space] [tuiCell]{width:-webkit-fill-available;width:stretch;padding:.5rem;margin:-.5rem -.5rem -.75rem;border-radius:var(--tui-radius-l)}[tuiCardLarge][data-space]>[tuiLink]:last-child{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--t-comp)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/directives/card/card.directive.js

@@ -3,28 +3,47 @@ import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
 import { TuiCardComponent } from './card.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk";
-export class TuiCardDirective {
+export class TuiCardMediumDirective {
     constructor(directiveStyles) {
-        this.size = 'm';
         directiveStyles.addComponent(TuiCardComponent);
     }
 }
-TuiCardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
-TuiCardDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardDirective, selector: "[tuiCard]", inputs: { size: ["tuiCard", "size"] }, host: { attributes: { "tuiCard": "" }, properties: { "attr.data-size": "size || \"m\"" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardDirective, decorators: [{
+TuiCardMediumDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardMediumDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
+TuiCardMediumDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardMediumDirective, selector: "[tuiCardMedium]", host: { attributes: { "tuiCardMedium": "" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardMediumDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[tuiCard]',
+                    selector: '[tuiCardMedium]',
                     host: {
-                        tuiCard: '',
-                        '[attr.data-size]': 'size || "m"',
+                        tuiCardMedium: '',
                     },
                 }]
         }], ctorParameters: function () { return [{ type: i1.TuiDirectiveStylesService, decorators: [{
                     type: Inject,
                     args: [TuiDirectiveStylesService]
-                }] }]; }, propDecorators: { size: [{
+                }] }]; } });
+export class TuiCardLargeDirective {
+    constructor(directiveStyles) {
+        this.space = 'normal';
+        directiveStyles.addComponent(TuiCardComponent);
+    }
+}
+TuiCardLargeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardLargeDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
+TuiCardLargeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardLargeDirective, selector: "[tuiCardLarge]", inputs: { space: ["tuiCardLarge", "space"] }, host: { attributes: { "tuiCardLarge": "" }, properties: { "attr.data-space": "space || \"normal\"" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardLargeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiCardLarge]',
+                    host: {
+                        tuiCardLarge: '',
+                        '[attr.data-space]': 'space || "normal"',
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TuiDirectiveStylesService, decorators: [{
+                    type: Inject,
+                    args: [TuiDirectiveStylesService]
+                }] }]; }, propDecorators: { space: [{
                 type: Input,
-                args: ['tuiCard']
+                args: ['tuiCardLarge']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9jYXJkL2NhcmQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFHeEQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7OztBQVNsRCxNQUFNLE9BQU8sZ0JBQWdCO0lBSXpCLFlBQ3VDLGVBQTBDO1FBSGpGLFNBQUksR0FBa0IsR0FBRyxDQUFDO1FBS3RCLGVBQWUsQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNuRCxDQUFDOzs4R0FSUSxnQkFBZ0Isa0JBS2IseUJBQXlCO2tHQUw1QixnQkFBZ0I7NEZBQWhCLGdCQUFnQjtrQkFQNUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsV0FBVztvQkFDckIsSUFBSSxFQUFFO3dCQUNGLE9BQU8sRUFBRSxFQUFFO3dCQUNYLGtCQUFrQixFQUFFLGFBQWE7cUJBQ3BDO2lCQUNKOzswQkFNUSxNQUFNOzJCQUFDLHlCQUF5Qjs0Q0FIckMsSUFBSTtzQkFESCxLQUFLO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgSW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2V9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTaXplTH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG5pbXBvcnQge1R1aUNhcmRDb21wb25lbnR9IGZyb20gJy4vY2FyZC5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t0dWlDYXJkXScsXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlDYXJkOiAnJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc2l6ZV0nOiAnc2l6ZSB8fCBcIm1cIicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQ2FyZERpcmVjdGl2ZSB7XG4gICAgQElucHV0KCd0dWlDYXJkJylcbiAgICBzaXplOiBUdWlTaXplTCB8ICcnID0gJ20nO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSkgZGlyZWN0aXZlU3R5bGVzOiBUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlLFxuICAgICkge1xuICAgICAgICBkaXJlY3RpdmVTdHlsZXMuYWRkQ29tcG9uZW50KFR1aUNhcmRDb21wb25lbnQpO1xuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9jYXJkL2NhcmQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7OztBQVFsRCxNQUFNLE9BQU8sc0JBQXNCO0lBQy9CLFlBQ3VDLGVBQTBDO1FBRTdFLGVBQWUsQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNuRCxDQUFDOztvSEFMUSxzQkFBc0Isa0JBRW5CLHlCQUF5Qjt3R0FGNUIsc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBTmxDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsSUFBSSxFQUFFO3dCQUNGLGFBQWEsRUFBRSxFQUFFO3FCQUNwQjtpQkFDSjs7MEJBR1EsTUFBTTsyQkFBQyx5QkFBeUI7O0FBYXpDLE1BQU0sT0FBTyxxQkFBcUI7SUFJOUIsWUFDdUMsZUFBMEM7UUFIakYsVUFBSyxHQUE4QixRQUFRLENBQUM7UUFLeEMsZUFBZSxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ25ELENBQUM7O21IQVJRLHFCQUFxQixrQkFLbEIseUJBQXlCO3VHQUw1QixxQkFBcUI7NEZBQXJCLHFCQUFxQjtrQkFQakMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixJQUFJLEVBQUU7d0JBQ0YsWUFBWSxFQUFFLEVBQUU7d0JBQ2hCLG1CQUFtQixFQUFFLG1CQUFtQjtxQkFDM0M7aUJBQ0o7OzBCQU1RLE1BQU07MkJBQUMseUJBQXlCOzRDQUhyQyxLQUFLO3NCQURKLEtBQUs7dUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBJbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZX0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5cbmltcG9ydCB7VHVpQ2FyZENvbXBvbmVudH0gZnJvbSAnLi9jYXJkLmNvbXBvbmVudCc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3R1aUNhcmRNZWRpdW1dJyxcbiAgICBob3N0OiB7XG4gICAgICAgIHR1aUNhcmRNZWRpdW06ICcnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUNhcmRNZWRpdW1EaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UpIGRpcmVjdGl2ZVN0eWxlczogVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSxcbiAgICApIHtcbiAgICAgICAgZGlyZWN0aXZlU3R5bGVzLmFkZENvbXBvbmVudChUdWlDYXJkQ29tcG9uZW50KTtcbiAgICB9XG59XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3R1aUNhcmRMYXJnZV0nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgdHVpQ2FyZExhcmdlOiAnJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc3BhY2VdJzogJ3NwYWNlIHx8IFwibm9ybWFsXCInLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUNhcmRMYXJnZURpcmVjdGl2ZSB7XG4gICAgQElucHV0KCd0dWlDYXJkTGFyZ2UnKVxuICAgIHNwYWNlOiAnJyB8ICdjb21wYWN0JyB8ICdub3JtYWwnID0gJ25vcm1hbCc7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlKSBkaXJlY3RpdmVTdHlsZXM6IFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UsXG4gICAgKSB7XG4gICAgICAgIGRpcmVjdGl2ZVN0eWxlcy5hZGRDb21wb25lbnQoVHVpQ2FyZENvbXBvbmVudCk7XG4gICAgfVxufVxuIl19

package/esm2015/directives/card/card.module.js

@@ -1,17 +1,17 @@
 import { NgModule } from '@angular/core';
 import { TuiCardComponent } from './card.component';
-import { TuiCardDirective } from './card.directive';
+import { TuiCardLargeDirective, TuiCardMediumDirective } from './card.directive';
 import * as i0 from "@angular/core";
 export class TuiCardModule {
 }
 TuiCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TuiCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardModule, declarations: [TuiCardComponent, TuiCardDirective], exports: [TuiCardDirective] });
+TuiCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardModule, declarations: [TuiCardComponent, TuiCardLargeDirective, TuiCardMediumDirective], exports: [TuiCardLargeDirective, TuiCardMediumDirective] });
 TuiCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [TuiCardComponent, TuiCardDirective],
-                    exports: [TuiCardDirective],
+                    declarations: [TuiCardComponent, TuiCardLargeDirective, TuiCardMediumDirective],
+                    exports: [TuiCardLargeDirective, TuiCardMediumDirective],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9jYXJkL2NhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBTWxELE1BQU0sT0FBTyxhQUFhOzsyR0FBYixhQUFhOzRHQUFiLGFBQWEsaUJBSFAsZ0JBQWdCLEVBQUUsZ0JBQWdCLGFBQ3ZDLGdCQUFnQjs0R0FFakIsYUFBYTs0RkFBYixhQUFhO2tCQUp6QixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGdCQUFnQixFQUFFLGdCQUFnQixDQUFDO29CQUNsRCxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlDYXJkQ29tcG9uZW50fSBmcm9tICcuL2NhcmQuY29tcG9uZW50JztcbmltcG9ydCB7VHVpQ2FyZERpcmVjdGl2ZX0gZnJvbSAnLi9jYXJkLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbVHVpQ2FyZENvbXBvbmVudCwgVHVpQ2FyZERpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW1R1aUNhcmREaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlDYXJkTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9jYXJkL2NhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFDLHFCQUFxQixFQUFFLHNCQUFzQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBTS9FLE1BQU0sT0FBTyxhQUFhOzsyR0FBYixhQUFhOzRHQUFiLGFBQWEsaUJBSFAsZ0JBQWdCLEVBQUUscUJBQXFCLEVBQUUsc0JBQXNCLGFBQ3BFLHFCQUFxQixFQUFFLHNCQUFzQjs0R0FFOUMsYUFBYTs0RkFBYixhQUFhO2tCQUp6QixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGdCQUFnQixFQUFFLHFCQUFxQixFQUFFLHNCQUFzQixDQUFDO29CQUMvRSxPQUFPLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSxzQkFBc0IsQ0FBQztpQkFDM0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlDYXJkQ29tcG9uZW50fSBmcm9tICcuL2NhcmQuY29tcG9uZW50JztcbmltcG9ydCB7VHVpQ2FyZExhcmdlRGlyZWN0aXZlLCBUdWlDYXJkTWVkaXVtRGlyZWN0aXZlfSBmcm9tICcuL2NhcmQuZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtUdWlDYXJkQ29tcG9uZW50LCBUdWlDYXJkTGFyZ2VEaXJlY3RpdmUsIFR1aUNhcmRNZWRpdW1EaXJlY3RpdmVdLFxuICAgIGV4cG9ydHM6IFtUdWlDYXJkTGFyZ2VEaXJlY3RpdmUsIFR1aUNhcmRNZWRpdW1EaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlDYXJkTW9kdWxlIHt9XG4iXX0=

package/esm2015/directives/cell/cell.component.js

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 export class TuiCellComponent {
 }
 TuiCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TuiCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellComponent, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCell]{--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-01);padding:var(--t-padding);min-height:var(--t-height)}[tuiCell] [tuiAccessories]{position:relative;display:flex;max-height:var(--t-height);align-items:center;align-self:stretch}[tuiCell] [tuiCellActions]{position:absolute;right:0;z-index:1;padding-right:inherit}[tuiCell] [tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCell] [tuiCellActions] button,[tuiCell] [tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCell] [tuiCellActions] button:focus-visible,[tuiCell] [tuiCellActions] a:focus-visible{opacity:1}[tuiCell] [tuiSubtitle]{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;color:var(--tui-text-02)}[tuiCell] [tuiTitle]{flex-shrink:7;-webkit-margin-end:auto;margin-inline-end:auto;align-items:normal}[tuiCell] [tuiTitle]~[tuiTitle]{flex-shrink:3;-webkit-margin-end:0;margin-inline-end:0;text-align:right;align-items:flex-end}[tuiCell] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCell][data-size=s]{--t-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell][data-size=s] [tuiTitle]{max-height:100%;font:var(--tui-font-text-s-2);grid-gap:0;gap:0}[tuiCell][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs-s)}[tuiCell][data-size=s]>*:not(:first-child),[tuiCell][data-size=s]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}[tuiCell][data-size=s]>tui-avatar,[tuiCell][data-size=s]>tui-avatar-stack tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 1.5rem}[tuiCell][data-size=m]{--t-height: calc(var(--tui-height-m) - .75rem);--t-padding: .375rem 1rem}[tuiCell][data-size=m] [tuiTitle]{font:var(--tui-font-text-s-2);grid-gap:.125rem;gap:.125rem}[tuiCell][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-xs-2)}[tuiCell][data-size=m]>*:not(:first-child),[tuiCell][data-size=m]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiCell][data-size=m]>tui-avatar,[tuiCell][data-size=m]>tui-avatar-stack tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2rem}[tuiCell][data-size=l]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: .5rem 1rem}[tuiCell][data-size=l]>*:not(:first-child),[tuiCell][data-size=l]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiCell][data-size=l]>tui-avatar,[tuiCell][data-size=l]>tui-avatar-stack tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2.5rem}[tuiCell]:hover [tuiCellActions]~*{opacity:0}[tuiCell]:hover [tuiCellActions] button,[tuiCell]:hover [tuiCellActions] a{opacity:1}[tuiOption] [tuiCell],tui-primitive-textfield [tuiCell]{padding:0}@media (hover: hover) and (pointer: fine){a[tuiCell]:hover,button[tuiCell]:hover{background:var(--tui-clear);cursor:pointer}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TuiCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellComponent, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCell]{--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-01);padding:var(--t-padding);min-height:var(--t-height)}[tuiCell] [tuiAccessories]{position:relative;display:flex;max-height:var(--t-height);align-items:center;align-self:stretch}[tuiCell] [tuiCellActions]{position:absolute;right:0;z-index:1;padding-right:inherit}[tuiCell] [tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCell] [tuiCellActions] button,[tuiCell] [tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCell] [tuiCellActions] button:focus-visible,[tuiCell] [tuiCellActions] a:focus-visible{opacity:1}[tuiCell] [tuiSubtitle]{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;color:var(--tui-text-02)}[tuiCell] [tuiTitle]{flex-shrink:7;-webkit-margin-end:auto;margin-inline-end:auto;align-items:normal;text-align:left}[tuiCell] [tuiTitle]~[tuiTitle]{flex-shrink:3;-webkit-margin-end:0;margin-inline-end:0;text-align:right;align-items:flex-end}[tuiCell] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCell][data-size=s]{--t-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell][data-size=s] [tuiTitle]{max-height:100%;font:var(--tui-font-text-s-2);grid-gap:0;gap:0}[tuiCell][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs-s)}[tuiCell][data-size=s]>*:not(:first-child),[tuiCell][data-size=s]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}[tuiCell][data-size=s]>tui-avatar,[tuiCell][data-size=s]>tui-avatar-stack tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 1.5rem}[tuiCell][data-size=m]{--t-height: calc(var(--tui-height-m) - .75rem);--t-padding: .375rem 1rem}[tuiCell][data-size=m] [tuiTitle]{font:var(--tui-font-text-s-2);grid-gap:.125rem;gap:.125rem}[tuiCell][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-xs-2)}[tuiCell][data-size=m]>*:not(:first-child),[tuiCell][data-size=m]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiCell][data-size=m]>tui-avatar,[tuiCell][data-size=m]>tui-avatar-stack tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2rem}[tuiCell][data-size=l]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: .5rem 1rem}[tuiCell][data-size=l]>*:not(:first-child),[tuiCell][data-size=l]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiCell][data-size=l]>tui-avatar,[tuiCell][data-size=l]>tui-avatar-stack tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2.5rem}[tuiCell]:hover [tuiCellActions]~*{opacity:0}[tuiCell]:hover [tuiCellActions] button,[tuiCell]:hover [tuiCellActions] a{opacity:1}[tuiOption] [tuiCell],tui-primitive-textfield [tuiCell]{padding:0}@media (hover: hover) and (pointer: fine){a[tuiCell]:not([tuiSurface]):hover,button[tuiCell]:not([tuiSurface]):hover{background:var(--tui-clear);cursor:pointer}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/directives/icons/icons.directive.js

@@ -14,11 +14,11 @@ export class TuiIconsDirective {
     }
 }
 TuiIconsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiIconsDirective, deps: [{ token: TUI_ICON_RESOLVER }, { token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
-TuiIconsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiIconsDirective, selector: "[iconLeft]:is(button,tui-badge,tui-chip),[iconRight]:is(button,tui-badge,tui-chip),[tuiBadge][iconLeft],[tuiBadge][iconRight],[tuiChip][iconLeft],[tuiChip][iconRight],[tuiButtonClose]", inputs: { iconLeft: "iconLeft", iconRight: "iconRight" }, host: { attributes: { "tuiIcons": "" }, properties: { "class._icon-left": "iconLeft", "class._icon-right": "iconRight", "style.--t-mask-left": "\"url(\" + resolver(iconLeft) + \")\"", "style.--t-mask-right": "\"url(\" + resolver(iconRight) + \")\"" } }, ngImport: i0 });
+TuiIconsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiIconsDirective, selector: "[iconLeft]:is(a,button,tui-badge,tui-chip),[iconRight]:is(a,button,tui-badge,tui-chip),[tuiBadge][iconLeft],[tuiBadge][iconRight],[tuiChip][iconLeft],[tuiChip][iconRight],[tuiButtonClose]", inputs: { iconLeft: "iconLeft", iconRight: "iconRight" }, host: { attributes: { "tuiIcons": "" }, properties: { "class._icon-left": "iconLeft", "class._icon-right": "iconRight", "style.--t-mask-left": "\"url(\" + resolver(iconLeft) + \")\"", "style.--t-mask-right": "\"url(\" + resolver(iconRight) + \")\"" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiIconsDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[iconLeft]:is(button,tui-badge,tui-chip),[iconRight]:is(button,tui-badge,tui-chip),[tuiBadge][iconLeft],[tuiBadge][iconRight],[tuiChip][iconLeft],[tuiChip][iconRight],[tuiButtonClose]',
+                    selector: '[iconLeft]:is(a,button,tui-badge,tui-chip),[iconRight]:is(a,button,tui-badge,tui-chip),[tuiBadge][iconLeft],[tuiBadge][iconRight],[tuiChip][iconLeft],[tuiChip][iconRight],[tuiButtonClose]',
                     host: {
                         tuiIcons: '',
                         '[class._icon-left]': 'iconLeft',
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             }], iconRight: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2RpcmVjdGl2ZXMvaWNvbnMvaWNvbnMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMseUJBQXlCLEVBQW1CLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBRWhFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLG1CQUFtQixDQUFDOzs7QUFFcEQseUNBQXlDO0FBWXpDLE1BQU0sT0FBTyxpQkFBaUI7SUFPMUIsWUFDd0MsUUFBa0MsRUFDbkMsZUFBMEM7UUFEekMsYUFBUSxHQUFSLFFBQVEsQ0FBMEI7UUFOMUUsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUdkLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFNWCxlQUFlLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDcEQsQ0FBQzs7K0dBWlEsaUJBQWlCLGtCQVFkLGlCQUFpQixhQUNqQix5QkFBeUI7bUdBVDVCLGlCQUFpQjs0RkFBakIsaUJBQWlCO2tCQVg3QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFDSix5TEFBeUw7b0JBQzdMLElBQUksRUFBRTt3QkFDRixRQUFRLEVBQUUsRUFBRTt3QkFDWixvQkFBb0IsRUFBRSxVQUFVO3dCQUNoQyxxQkFBcUIsRUFBRSxXQUFXO3dCQUNsQyx1QkFBdUIsRUFBRSxtQ0FBbUM7d0JBQzVELHdCQUF3QixFQUFFLG9DQUFvQztxQkFDakU7aUJBQ0o7OzBCQVNRLE1BQU07MkJBQUMsaUJBQWlCOzswQkFDeEIsTUFBTTsyQkFBQyx5QkFBeUI7NENBUHJDLFFBQVE7c0JBRFAsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgSW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UsIFR1aVN0cmluZ0hhbmRsZXJ9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUVUlfSUNPTl9SRVNPTFZFUn0gZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC90b2tlbnMnO1xuXG5pbXBvcnQge1R1aUljb25zQ29tcG9uZW50fSBmcm9tICcuL2ljb25zLmNvbXBvbmVudCc7XG5cbi8vIFRPRE86IFR1cm4gaW50byBhIGhvc3REaXJlY3RpdmUgaW4gNC4wXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjpcbiAgICAgICAgJ1tpY29uTGVmdF06aXMoYnV0dG9uLHR1aS1iYWRnZSx0dWktY2hpcCksW2ljb25SaWdodF06aXMoYnV0dG9uLHR1aS1iYWRnZSx0dWktY2hpcCksW3R1aUJhZGdlXVtpY29uTGVmdF0sW3R1aUJhZGdlXVtpY29uUmlnaHRdLFt0dWlDaGlwXVtpY29uTGVmdF0sW3R1aUNoaXBdW2ljb25SaWdodF0sW3R1aUJ1dHRvbkNsb3NlXScsXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlJY29uczogJycsXG4gICAgICAgICdbY2xhc3MuX2ljb24tbGVmdF0nOiAnaWNvbkxlZnQnLFxuICAgICAgICAnW2NsYXNzLl9pY29uLXJpZ2h0XSc6ICdpY29uUmlnaHQnLFxuICAgICAgICAnW3N0eWxlLi0tdC1tYXNrLWxlZnRdJzogJ1widXJsKFwiICsgcmVzb2x2ZXIoaWNvbkxlZnQpICsgXCIpXCInLFxuICAgICAgICAnW3N0eWxlLi0tdC1tYXNrLXJpZ2h0XSc6ICdcInVybChcIiArIHJlc29sdmVyKGljb25SaWdodCkgKyBcIilcIicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpSWNvbnNEaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpXG4gICAgaWNvbkxlZnQgPSAnJztcblxuICAgIEBJbnB1dCgpXG4gICAgaWNvblJpZ2h0ID0gJyc7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUVUlfSUNPTl9SRVNPTFZFUikgcmVhZG9ubHkgcmVzb2x2ZXI6IFR1aVN0cmluZ0hhbmRsZXI8c3RyaW5nPixcbiAgICAgICAgQEluamVjdChUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlKSBkaXJlY3RpdmVTdHlsZXM6IFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UsXG4gICAgKSB7XG4gICAgICAgIGRpcmVjdGl2ZVN0eWxlcy5hZGRDb21wb25lbnQoVHVpSWNvbnNDb21wb25lbnQpO1xuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2RpcmVjdGl2ZXMvaWNvbnMvaWNvbnMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMseUJBQXlCLEVBQW1CLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBRWhFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLG1CQUFtQixDQUFDOzs7QUFFcEQseUNBQXlDO0FBWXpDLE1BQU0sT0FBTyxpQkFBaUI7SUFPMUIsWUFDd0MsUUFBa0MsRUFDbkMsZUFBMEM7UUFEekMsYUFBUSxHQUFSLFFBQVEsQ0FBMEI7UUFOMUUsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUdkLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFNWCxlQUFlLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDcEQsQ0FBQzs7K0dBWlEsaUJBQWlCLGtCQVFkLGlCQUFpQixhQUNqQix5QkFBeUI7bUdBVDVCLGlCQUFpQjs0RkFBakIsaUJBQWlCO2tCQVg3QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFDSiw2TEFBNkw7b0JBQ2pNLElBQUksRUFBRTt3QkFDRixRQUFRLEVBQUUsRUFBRTt3QkFDWixvQkFBb0IsRUFBRSxVQUFVO3dCQUNoQyxxQkFBcUIsRUFBRSxXQUFXO3dCQUNsQyx1QkFBdUIsRUFBRSxtQ0FBbUM7d0JBQzVELHdCQUF3QixFQUFFLG9DQUFvQztxQkFDakU7aUJBQ0o7OzBCQVNRLE1BQU07MkJBQUMsaUJBQWlCOzswQkFDeEIsTUFBTTsyQkFBQyx5QkFBeUI7NENBUHJDLFFBQVE7c0JBRFAsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgSW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UsIFR1aVN0cmluZ0hhbmRsZXJ9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUVUlfSUNPTl9SRVNPTFZFUn0gZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC90b2tlbnMnO1xuXG5pbXBvcnQge1R1aUljb25zQ29tcG9uZW50fSBmcm9tICcuL2ljb25zLmNvbXBvbmVudCc7XG5cbi8vIFRPRE86IFR1cm4gaW50byBhIGhvc3REaXJlY3RpdmUgaW4gNC4wXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjpcbiAgICAgICAgJ1tpY29uTGVmdF06aXMoYSxidXR0b24sdHVpLWJhZGdlLHR1aS1jaGlwKSxbaWNvblJpZ2h0XTppcyhhLGJ1dHRvbix0dWktYmFkZ2UsdHVpLWNoaXApLFt0dWlCYWRnZV1baWNvbkxlZnRdLFt0dWlCYWRnZV1baWNvblJpZ2h0XSxbdHVpQ2hpcF1baWNvbkxlZnRdLFt0dWlDaGlwXVtpY29uUmlnaHRdLFt0dWlCdXR0b25DbG9zZV0nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgdHVpSWNvbnM6ICcnLFxuICAgICAgICAnW2NsYXNzLl9pY29uLWxlZnRdJzogJ2ljb25MZWZ0JyxcbiAgICAgICAgJ1tjbGFzcy5faWNvbi1yaWdodF0nOiAnaWNvblJpZ2h0JyxcbiAgICAgICAgJ1tzdHlsZS4tLXQtbWFzay1sZWZ0XSc6ICdcInVybChcIiArIHJlc29sdmVyKGljb25MZWZ0KSArIFwiKVwiJyxcbiAgICAgICAgJ1tzdHlsZS4tLXQtbWFzay1yaWdodF0nOiAnXCJ1cmwoXCIgKyByZXNvbHZlcihpY29uUmlnaHQpICsgXCIpXCInLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUljb25zRGlyZWN0aXZlIHtcbiAgICBASW5wdXQoKVxuICAgIGljb25MZWZ0ID0gJyc7XG5cbiAgICBASW5wdXQoKVxuICAgIGljb25SaWdodCA9ICcnO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVFVJX0lDT05fUkVTT0xWRVIpIHJlYWRvbmx5IHJlc29sdmVyOiBUdWlTdHJpbmdIYW5kbGVyPHN0cmluZz4sXG4gICAgICAgIEBJbmplY3QoVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSkgZGlyZWN0aXZlU3R5bGVzOiBUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlLFxuICAgICkge1xuICAgICAgICBkaXJlY3RpdmVTdHlsZXMuYWRkQ29tcG9uZW50KFR1aUljb25zQ29tcG9uZW50KTtcbiAgICB9XG59XG4iXX0=

package/esm2015/directives/surface/surface.component.js

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 export class TuiSurfaceComponent {
 }
 TuiSurfaceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TuiSurfaceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceComponent, selector: "ng-component", host: { classAttribute: "tui-surface-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[data-surface]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;border-radius:var(--tui-radius-l);box-sizing:border-box;padding:1.25rem;background-size:cover;background-repeat:no-repeat;overflow:hidden;isolation:isolate;outline-color:var(--tui-focus);transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[data-surface]:before{mix-blend-mode:multiply}}button[data-surface]{cursor:pointer}[data-surface]:before,[data-surface]:after,[tuiSurfaceLayer]:before,[tuiSurfaceLayer]:after{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,transform,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter,transform;transition-property:opacity,backdrop-filter,transform,-webkit-backdrop-filter}[tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}input[tuiSurfaceLayer]{color:var(--tui-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}[data-surface]:hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}}[data-surface=elevated]{box-shadow:var(--tui-shadow);border-radius:var(--tui-radius-xl);background:var(--tui-elevation-01)}button[data-surface=elevated]:active,a[data-surface=elevated]:active{box-shadow:var(--tui-shadow);transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=elevated]:hover,a[data-surface=elevated]:hover{box-shadow:var(--tui-shadow-hover);transform:translateY(-.25rem)}}[data-surface=flat]{border-radius:var(--tui-radius-xl);background:var(--tui-clear)}button[data-surface=flat]:active,a[data-surface=flat]:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=flat]:hover,a[data-surface=flat]:hover{transform:scale(1.15)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TuiSurfaceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceComponent, selector: "ng-component", host: { classAttribute: "tui-surface-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[data-surface]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none;background-size:cover;background-repeat:no-repeat;overflow:hidden;isolation:isolate;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask!important}[data-surface]:focus-visible{outline-color:var(--tui-focus)}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[data-surface]:before{mix-blend-mode:multiply}}button[data-surface]{cursor:pointer}[data-surface]:before,[data-surface]:after,[tuiSurfaceLayer]:before,[tuiSurfaceLayer]:after{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,transform,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter,transform;transition-property:opacity,backdrop-filter,transform,-webkit-backdrop-filter}[tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}input[tuiSurfaceLayer]{color:var(--tui-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}[data-surface]:hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}}[data-surface=elevated]{box-shadow:var(--tui-shadow);background:var(--tui-elevation-01)}button[data-surface=elevated]:active,a[data-surface=elevated]:active{box-shadow:var(--tui-shadow);transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=elevated]:hover,a[data-surface=elevated]:hover{box-shadow:var(--tui-shadow-hover);transform:translateY(-.25rem);background:var(--tui-elevation-01)}}[data-surface=flat]{background:var(--tui-clear)}button[data-surface=flat]:active,a[data-surface=flat]:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[data-surface=flat]:hover,a[data-surface=flat]:hover{transform:scale(1.15)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSurfaceComponent, decorators: [{
             type: Component,
             args: [{

package/fesm2015/taiga-ui-experimental-components-app-bar.js

@@ -0,0 +1,123 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Inject, ViewChildren, Input, HostBinding, Directive, NgModule } from '@angular/core';
+import { MutationObserverService, MUTATION_OBSERVER_INIT } from '@ng-web-apis/mutation-observer';
+import { TuiDestroyService, TuiResizeService, EMPTY_QUERY } from '@taiga-ui/cdk';
+import * as i3 from 'rxjs';
+import { merge } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { tuiButtonOptionsProvider } from '@taiga-ui/experimental/components/button';
+import * as i1 from '@taiga-ui/experimental/directives/fade';
+import { TuiFadeModule } from '@taiga-ui/experimental/directives/fade';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { TuiSvgModule } from '@taiga-ui/core';
+
+const TUI_APP_BAR_PROVIDERS = [
+    TuiDestroyService,
+    TuiResizeService,
+    MutationObserverService,
+    {
+        provide: MUTATION_OBSERVER_INIT,
+        useValue: {
+            characterData: true,
+            childList: true,
+            subtree: true,
+        },
+    },
+    tuiButtonOptionsProvider({
+        size: 'm',
+        appearance: 'link',
+    }),
+];
+
+class TuiAppBarComponent {
+    constructor(resize$, mutation$) {
+        this.resize$ = resize$;
+        this.mutation$ = mutation$;
+        this.side = EMPTY_QUERY;
+        this.size = 'm';
+        this.width$ = merge(this.resize$, this.mutation$).pipe(map(() => {
+            var _a, _b;
+            return 2 *
+                Math.max((_a = this.side.first) === null || _a === void 0 ? void 0 : _a.nativeElement.clientWidth, (_b = this.side.last) === null || _b === void 0 ? void 0 : _b.nativeElement.clientWidth);
+        }));
+    }
+}
+TuiAppBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarComponent, deps: [{ token: TuiResizeService }, { token: MutationObserverService }], target: i0.ɵɵFactoryTarget.Component });
+TuiAppBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppBarComponent, selector: "tui-app-bar", inputs: { size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, providers: TUI_APP_BAR_PROVIDERS, viewQueries: [{ propertyName: "side", predicate: ["side"], descendants: true }], ngImport: i0, template: "<div #side>\n    <ng-content select=\"[tuiSlot='left']\"></ng-content>\n</div>\n<div\n    tuiFade\n    class=\"t-content\"\n    [style.--sides.px]=\"width$ | async\"\n>\n    <ng-content></ng-content>\n</div>\n<div #side>\n    <ng-content select=\"[tuiSlot='right']\"></ng-content>\n</div>\n", styles: ["tui-app-bar{position:relative;display:flex;height:3rem;align-items:center;justify-content:space-between;border:solid transparent;border-width:0 .375rem;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:bold;text-align:center;color:var(--tui-text-01);background:var(--tui-base-01);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}tui-app-bar>.t-content{left:50%;transform:translate(-50%);position:absolute;display:flex;height:100%;max-width:calc(100% - var(--sides, 0px));flex-direction:column;justify-content:center;flex:1;padding:0 .375rem;box-sizing:border-box;text-align:inherit;white-space:nowrap}tui-app-bar [tuiButton][data-size=m]{font-weight:normal}tui-app-bar [tuiTitle]{text-align:inherit;font:inherit}tui-app-bar [tuiSubtitle]{color:var(--tui-text-02)}tui-app-bar[data-size=m] [tuiTitle]{line-height:1.2em;grid-gap:0;gap:0}tui-app-bar[data-size=l]{border:0;height:4rem}tui-app-bar[data-size=l]>:first-child,tui-app-bar[data-size=l]>:last-child{margin:0 -.75rem}\n"], directives: [{ type: i1.TuiFadeDirective, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tui-app-bar',
+                    templateUrl: './app-bar.template.html',
+                    styleUrls: ['./app-bar.style.less'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: TUI_APP_BAR_PROVIDERS,
+                }]
+        }], ctorParameters: function () { return [{ type: i3.Observable, decorators: [{
+                    type: Inject,
+                    args: [TuiResizeService]
+                }] }, { type: i3.Observable, decorators: [{
+                    type: Inject,
+                    args: [MutationObserverService]
+                }] }]; }, propDecorators: { side: [{
+                type: ViewChildren,
+                args: ['side']
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-size']
+            }] } });
+
+class TuiAppBarDirective {
+    constructor() {
+        this.tuiSlot = 'left';
+    }
+}
+TuiAppBarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TuiAppBarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppBarDirective, selector: "[tuiSlot]", inputs: { tuiSlot: "tuiSlot" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiSlot]',
+                }]
+        }], propDecorators: { tuiSlot: [{
+                type: Input
+            }] } });
+
+class TuiAppBarBackComponent {
+}
+TuiAppBarBackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarBackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiAppBarBackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAppBarBackComponent, selector: "button[tuiAppBarBack], a[tuiAppBarBack]", ngImport: i0, template: "<svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-ios\"\n>\n    <path\n        d=\"M7.44025 12L14.9826 4.43872C15.5391 3.88083 15.5391 2.97631 14.9826 2.41842C14.4261 1.86053 13.5239 1.86053 12.9674 2.41842L4.41737 10.9898C3.86088 11.5477 3.86088 12.4523 4.41737 13.0102L12.9674 21.5816C13.5239 22.1395 14.4261 22.1395 14.9826 21.5816C15.5391 21.0237 15.5391 20.1192 14.9826 19.5613L7.44025 12Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n<svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-android\"\n>\n    <path\n        d=\"M19.6999 11.5899C19.6999 11.0377 19.2522 10.5899 18.6999 10.5899H7.49992L12.3999 5.68995C12.7865 5.30335 12.7865 4.67655 12.3999 4.28995V4.28995C12.0133 3.90335 11.3865 3.90335 10.9999 4.28995L4.40703 10.8828C4.0165 11.2734 4.01651 11.9065 4.40703 12.2971L10.9999 18.89C11.3865 19.2765 12.0133 19.2765 12.3999 18.8899V18.8899C12.7865 18.5034 12.7865 17.8765 12.3999 17.49L7.49992 12.5899H18.6999C19.2522 12.5899 19.6999 12.1422 19.6999 11.5899V11.5899Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n<ng-content></ng-content>\n", styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;display:flex;align-items:center;padding:0 .625rem 0 .125rem;color:var(--tui-link)}:host :host-context([data-platform=\"android\"]){font-size:0;padding:0 .625rem}:host :host-context([data-platform=\"android\"]) .t-ios{display:none}:host :host-context([data-platform=\"android\"]) .t-android{display:block}.t-android{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarBackComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',
+                    templateUrl: './app-bar-back.template.html',
+                    styleUrls: ['./app-bar-back.style.less'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class TuiAppBarModule {
+}
+TuiAppBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiAppBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarModule, declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent], imports: [CommonModule, TuiSvgModule, TuiFadeModule], exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent] });
+TuiAppBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarModule, imports: [[CommonModule, TuiSvgModule, TuiFadeModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAppBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiSvgModule, TuiFadeModule],
+                    declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],
+                    exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_APP_BAR_PROVIDERS, TuiAppBarBackComponent, TuiAppBarComponent, TuiAppBarDirective, TuiAppBarModule };
+//# sourceMappingURL=taiga-ui-experimental-components-app-bar.js.map

package/fesm2015/taiga-ui-experimental-components-app-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-components-app-bar.js","sources":["../../../projects/experimental/components/app-bar/app-bar.providers.ts","../../../projects/experimental/components/app-bar/app-bar.component.ts","../../../projects/experimental/components/app-bar/app-bar.template.html","../../../projects/experimental/components/app-bar/app-bar.directive.ts","../../../projects/experimental/components/app-bar/app-bar-back.component.ts","../../../projects/experimental/components/app-bar/app-bar-back.template.html","../../../projects/experimental/components/app-bar/app-bar.module.ts","../../../projects/experimental/components/app-bar/taiga-ui-experimental-components-app-bar.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {\n    MUTATION_OBSERVER_INIT,\n    MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {TuiDestroyService, TuiResizeService} from '@taiga-ui/cdk';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/experimental/components/button';\n\nexport const TUI_APP_BAR_PROVIDERS: Provider[] = [\n    TuiDestroyService,\n    TuiResizeService,\n    MutationObserverService,\n    {\n        provide: MUTATION_OBSERVER_INIT,\n        useValue: {\n            characterData: true,\n            childList: true,\n            subtree: true,\n        },\n    },\n    tuiButtonOptionsProvider({\n        size: 'm',\n        appearance: 'link',\n    }),\n];\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    QueryList,\n    ViewChildren,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {MutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {EMPTY_QUERY, TuiResizeService} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\nimport {merge, Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {TUI_APP_BAR_PROVIDERS} from './app-bar.providers';\n\n@Component({\n    selector: 'tui-app-bar',\n    templateUrl: './app-bar.template.html',\n    styleUrls: ['./app-bar.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_APP_BAR_PROVIDERS,\n})\nexport class TuiAppBarComponent {\n    @ViewChildren('side')\n    private readonly side: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeL = 'm';\n\n    readonly width$ = merge(this.resize$, this.mutation$).pipe(\n        map(\n            () =>\n                2 *\n                Math.max(\n                    this.side.first?.nativeElement.clientWidth,\n                    this.side.last?.nativeElement.clientWidth,\n                ),\n        ),\n    );\n\n    constructor(\n        @Inject(TuiResizeService) private readonly resize$: Observable<unknown>,\n        @Inject(MutationObserverService) private readonly mutation$: Observable<unknown>,\n    ) {}\n}\n","<div #side>\n    <ng-content select=\"[tuiSlot='left']\"></ng-content>\n</div>\n<div\n    tuiFade\n    class=\"t-content\"\n    [style.--sides.px]=\"width$ | async\"\n>\n    <ng-content></ng-content>\n</div>\n<div #side>\n    <ng-content select=\"[tuiSlot='right']\"></ng-content>\n</div>\n","import {Directive, Input} from '@angular/core';\n\n@Directive({\n    selector: '[tuiSlot]',\n})\nexport class TuiAppBarDirective {\n    @Input()\n    tuiSlot: string | 'left' | 'right' = 'left';\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',\n    templateUrl: './app-bar-back.template.html',\n    styleUrls: ['./app-bar-back.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiAppBarBackComponent {}\n","<svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-ios\"\n>\n    <path\n        d=\"M7.44025 12L14.9826 4.43872C15.5391 3.88083 15.5391 2.97631 14.9826 2.41842C14.4261 1.86053 13.5239 1.86053 12.9674 2.41842L4.41737 10.9898C3.86088 11.5477 3.86088 12.4523 4.41737 13.0102L12.9674 21.5816C13.5239 22.1395 14.4261 22.1395 14.9826 21.5816C15.5391 21.0237 15.5391 20.1192 14.9826 19.5613L7.44025 12Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n<svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-android\"\n>\n    <path\n        d=\"M19.6999 11.5899C19.6999 11.0377 19.2522 10.5899 18.6999 10.5899H7.49992L12.3999 5.68995C12.7865 5.30335 12.7865 4.67655 12.3999 4.28995V4.28995C12.0133 3.90335 11.3865 3.90335 10.9999 4.28995L4.40703 10.8828C4.0165 11.2734 4.01651 11.9065 4.40703 12.2971L10.9999 18.89C11.3865 19.2765 12.0133 19.2765 12.3999 18.8899V18.8899C12.7865 18.5034 12.7865 17.8765 12.3999 17.49L7.49992 12.5899H18.6999C19.2522 12.5899 19.6999 12.1422 19.6999 11.5899V11.5899Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n<ng-content></ng-content>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiFadeModule} from '@taiga-ui/experimental/directives/fade';\n\nimport {TuiAppBarComponent} from './app-bar.component';\nimport {TuiAppBarDirective} from './app-bar.directive';\nimport {TuiAppBarBackComponent} from './app-bar-back.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule, TuiFadeModule],\n    declarations: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],\n    exports: [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBackComponent],\n})\nexport class TuiAppBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-experimental-components-avatar-labeled.js

@@ -0,0 +1,37 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+
+class TuiAvatarLabeledComponent {
+}
+TuiAvatarLabeledComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarLabeledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiAvatarLabeledComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarLabeledComponent, selector: "tui-avatar-labeled", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["tui-avatar-labeled{display:flex;width:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;line-height:.895rem;font-size:.75rem;padding:0 .5rem}tui-avatar-labeled tui-avatar{margin-bottom:.375rem}tui-avatar-labeled [tuiFade]{width:calc(100% + 1rem)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarLabeledComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tui-avatar-labeled',
+                    template: '<ng-content></ng-content>',
+                    styleUrls: ['./avatar-labeled.styles.less'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class TuiAvatarLabeledModule {
+}
+TuiAvatarLabeledModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarLabeledModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiAvatarLabeledModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarLabeledModule, declarations: [TuiAvatarLabeledComponent], exports: [TuiAvatarLabeledComponent] });
+TuiAvatarLabeledModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarLabeledModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarLabeledModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiAvatarLabeledComponent],
+                    exports: [TuiAvatarLabeledComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiAvatarLabeledComponent, TuiAvatarLabeledModule };
+//# sourceMappingURL=taiga-ui-experimental-components-avatar-labeled.js.map