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

package/bundles/taiga-ui-experimental-components-segmented.umd.js

@@ -0,0 +1,231 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/experimental/components/badge-notification'), require('rxjs/operators'), require('rxjs'), require('@angular/forms'), require('@angular/router')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/segmented', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/experimental/components/badge-notification', 'rxjs/operators', 'rxjs', '@angular/forms', '@angular/router'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.segmented = {}), global.ng.core, global.cdk, global["taiga-ui"].experimental.components["badge-notification"], global.rxjs.operators, global.rxjs, global.ng.forms, global.ng.router));
+})(this, (function (exports, i0, cdk, badgeNotification, operators, i1, forms, router) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+
+    var TuiSegmentedComponent = /** @class */ (function () {
+        function TuiSegmentedComponent(el, resize$, destroy$) {
+            var _this = this;
+            this.el = el;
+            this.size = 's';
+            this.activeItemIndex = 0;
+            this.activeItemIndexChange = new i0.EventEmitter();
+            resize$.pipe(operators.takeUntil(destroy$)).subscribe(function () { return _this.refresh(); });
+        }
+        Object.defineProperty(TuiSegmentedComponent.prototype, "tabs", {
+            get: function () {
+                return this.el.nativeElement.children;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TuiSegmentedComponent.prototype.ngOnChanges = function () {
+            this.refresh();
+        };
+        TuiSegmentedComponent.prototype.update = function (activeItemIndex) {
+            if (activeItemIndex === this.activeItemIndex) {
+                return;
+            }
+            this.activeItemIndex = activeItemIndex;
+            this.activeItemIndexChange.emit(activeItemIndex);
+            this.refresh();
+        };
+        Object.defineProperty(TuiSegmentedComponent.prototype, "left", {
+            get: function () {
+                var element = this.activeElement;
+                return cdk.tuiIsHTMLElement(element) ? element.offsetLeft : 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TuiSegmentedComponent.prototype, "width", {
+            get: function () {
+                var _a;
+                return ((_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TuiSegmentedComponent.prototype, "activeElement", {
+            get: function () {
+                return this.tabs.item(this.activeItemIndex);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        // TODO: Switch to HostBinding signals in Angular 17+
+        TuiSegmentedComponent.prototype.refresh = function () {
+            this.el.nativeElement.style.setProperty('--t-left', cdk.tuiPx(this.left));
+            this.el.nativeElement.style.setProperty('--t-width', cdk.tuiPx(this.width));
+        };
+        return TuiSegmentedComponent;
+    }());
+    TuiSegmentedComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedComponent, deps: [{ token: i0.ElementRef }, { token: cdk.TuiResizeService }, { token: cdk.TuiDestroyService, self: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiSegmentedComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSegmentedComponent, selector: "tui-segmented", inputs: { size: "size", activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { properties: { "attr.data-size": "this.size" } }, providers: [
+            cdk.TuiDestroyService,
+            cdk.TuiResizeService,
+            badgeNotification.tuiBadgeNotificationOptionsProvider({ size: 's' }),
+        ], usesOnChanges: true, ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true, styles: ["tui-segmented{position:relative;display:flex;box-sizing:border-box;isolation:isolate;color:var(--tui-clear);border:.125rem solid transparent}tui-segmented[data-size=s]{--t-padding: .625rem;--t-gap: .5rem;--t-margin: -.125rem;height:var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-s)}tui-segmented[data-size=s]>*:before,tui-segmented[data-size=s]>*:after,tui-segmented[data-size=s] tui-icon{font-size:1rem}tui-segmented[data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;height:var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-s)}tui-segmented[data-size=l]{--t-padding: 1.125rem;--t-gap: 1rem;--t-margin: -.375rem;height:var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-m);border-width:.25rem}tui-segmented[data-size=l]:after{box-shadow:0 0 0 .25rem}tui-segmented>a,tui-segmented>button,tui-segmented>label,tui-segmented>label>input:not([tuiRadio]){transition-property:color;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;justify-content:center;white-space:nowrap;grid-gap:var(--t-gap);gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-01);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit}tui-segmented>a>*,tui-segmented>button>*,tui-segmented>label>*,tui-segmented>label>input:not([tuiRadio])>*,tui-segmented>a:before,tui-segmented>button:before,tui-segmented>label:before,tui-segmented>label>input:not([tuiRadio]):before,tui-segmented>a:after,tui-segmented>button:after,tui-segmented>label:after,tui-segmented>label>input:not([tuiRadio]):after{margin:0 var(--t-margin)}tui-segmented>a:focus-visible,tui-segmented>button:focus-visible,tui-segmented>label:focus-visible,tui-segmented>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-focus);outline-offset:-.125rem}tui-segmented>label>input:not([tuiRadio]){position:absolute;top:0;left:0;width:100%;height:100%}tui-segmented:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";z-index:-1;border-radius:inherit;background:currentColor;box-shadow:0 0 0 .125rem}tui-segmented:before{transition-property:left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:var(--t-left);height:100%;width:var(--t-width);border-radius:inherit;background:currentColor;color:var(--tui-base-01);box-shadow:0 .25rem 1.25rem #0000001a}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'tui-segmented',
+                        template: '<ng-content></ng-content>',
+                        styleUrls: ['./segmented.style.less'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        providers: [
+                            cdk.TuiDestroyService,
+                            cdk.TuiResizeService,
+                            badgeNotification.tuiBadgeNotificationOptionsProvider({ size: 's' }),
+                        ],
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.ElementRef, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.ElementRef]
+                        }] }, { type: i1__namespace.Observable, decorators: [{
+                            type: i0.Inject,
+                            args: [cdk.TuiResizeService]
+                        }] }, { type: i1__namespace.Observable, decorators: [{
+                            type: i0.Self
+                        }, {
+                            type: i0.Inject,
+                            args: [cdk.TuiDestroyService]
+                        }] }];
+        }, propDecorators: { size: [{
+                    type: i0.Input
+                }, {
+                    type: i0.HostBinding,
+                    args: ['attr.data-size']
+                }], activeItemIndex: [{
+                    type: i0.Input
+                }], activeItemIndexChange: [{
+                    type: i0.Output
+                }] } });
+
+    var TuiSegmentedDirective = /** @class */ (function () {
+        function TuiSegmentedDirective(destroy$, component, el) {
+            this.destroy$ = destroy$;
+            this.component = component;
+            this.el = el;
+            this.controls = cdk.EMPTY_QUERY;
+            this.links = cdk.EMPTY_QUERY;
+            this.elements = cdk.EMPTY_QUERY;
+        }
+        TuiSegmentedDirective.prototype.update = function (target) {
+            var index = this.getIndex(target);
+            if (index >= 0) {
+                this.component.update(index);
+            }
+        };
+        TuiSegmentedDirective.prototype.ngAfterContentInit = function () {
+            var _this = this;
+            cdk.tuiQueryListChanges(this.controls)
+                .pipe(operators.switchMap(function () { var _a; return ((_a = _this.controls.last) === null || _a === void 0 ? void 0 : _a.valueChanges) || i1.EMPTY; }), operators.takeUntil(this.destroy$))
+                .subscribe(function () {
+                _this.update(_this.el.nativeElement.querySelector(':checked'));
+            });
+        };
+        TuiSegmentedDirective.prototype.ngAfterContentChecked = function () {
+            var _a;
+            if (this.links.length) {
+                this.update(((_a = this.elements.get(this.linkIndex)) === null || _a === void 0 ? void 0 : _a.nativeElement) || null);
+            }
+        };
+        Object.defineProperty(TuiSegmentedDirective.prototype, "linkIndex", {
+            get: function () {
+                return this.links.toArray().findIndex(function (link) { return link.isActive; });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TuiSegmentedDirective.prototype.getIndex = function (element) {
+            return Array.from(this.component.tabs).findIndex(function (tab) { return tab.contains(element); });
+        };
+        return TuiSegmentedDirective;
+    }());
+    TuiSegmentedDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedDirective, deps: [{ token: cdk.TuiDestroyService, self: true }, { token: TuiSegmentedComponent }, { token: i0.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiSegmentedDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSegmentedDirective, selector: "tui-segmented", host: { listeners: { "click": "update($event.target)" } }, queries: [{ propertyName: "controls", predicate: forms.NgControl, descendants: true }, { propertyName: "links", predicate: router.RouterLinkActive }, { propertyName: "elements", predicate: router.RouterLinkActive, read: i0.ElementRef }], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: 'tui-segmented',
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i1__namespace.Observable, decorators: [{
+                            type: i0.Self
+                        }, {
+                            type: i0.Inject,
+                            args: [cdk.TuiDestroyService]
+                        }] }, { type: TuiSegmentedComponent, decorators: [{
+                            type: i0.Inject,
+                            args: [TuiSegmentedComponent]
+                        }] }, { type: i0__namespace.ElementRef, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.ElementRef]
+                        }] }];
+        }, propDecorators: { controls: [{
+                    type: i0.ContentChildren,
+                    args: [forms.NgControl, { descendants: true }]
+                }], links: [{
+                    type: i0.ContentChildren,
+                    args: [router.RouterLinkActive]
+                }], elements: [{
+                    type: i0.ContentChildren,
+                    args: [router.RouterLinkActive, { read: i0.ElementRef }]
+                }], update: [{
+                    type: i0.HostListener,
+                    args: ['click', ['$event.target']]
+                }] } });
+
+    var TuiSegmentedModule = /** @class */ (function () {
+        function TuiSegmentedModule() {
+        }
+        return TuiSegmentedModule;
+    }());
+    TuiSegmentedModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    TuiSegmentedModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedModule, declarations: [TuiSegmentedComponent, TuiSegmentedDirective], exports: [TuiSegmentedComponent, TuiSegmentedDirective] });
+    TuiSegmentedModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [TuiSegmentedComponent, TuiSegmentedDirective],
+                        exports: [TuiSegmentedComponent, TuiSegmentedDirective],
+                    }]
+            }] });
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.TuiSegmentedComponent = TuiSegmentedComponent;
+    exports.TuiSegmentedDirective = TuiSegmentedDirective;
+    exports.TuiSegmentedModule = TuiSegmentedModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=taiga-ui-experimental-components-segmented.umd.js.map

package/bundles/taiga-ui-experimental-components-segmented.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-components-segmented.umd.js","sources":["../../../projects/experimental/components/segmented/segmented.component.ts","../../../projects/experimental/components/segmented/segmented.directive.ts","../../../projects/experimental/components/segmented/segmented.module.ts","../../../projects/experimental/components/segmented/taiga-ui-experimental-components-segmented.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    OnChanges,\n    Output,\n    Self,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {\n    TuiDestroyService,\n    tuiIsHTMLElement,\n    tuiPx,\n    TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {tuiBadgeNotificationOptionsProvider} from '@taiga-ui/experimental/components/badge-notification';\nimport {Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-segmented',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./segmented.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        TuiDestroyService,\n        TuiResizeService,\n        tuiBadgeNotificationOptionsProvider({size: 's'}),\n    ],\n})\nexport class TuiSegmentedComponent implements OnChanges {\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeL | TuiSizeS = 's';\n\n    @Input()\n    activeItemIndex = 0;\n\n    @Output()\n    readonly activeItemIndexChange = new EventEmitter<number>();\n\n    constructor(\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n        @Inject(TuiResizeService) resize$: Observable<unknown>,\n        @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n    ) {\n        resize$.pipe(takeUntil(destroy$)).subscribe(() => this.refresh());\n    }\n\n    get tabs(): HTMLCollection {\n        return this.el.nativeElement.children;\n    }\n\n    ngOnChanges(): void {\n        this.refresh();\n    }\n\n    update(activeItemIndex: number): void {\n        if (activeItemIndex === this.activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndex = activeItemIndex;\n        this.activeItemIndexChange.emit(activeItemIndex);\n        this.refresh();\n    }\n\n    private get left(): number {\n        const element = this.activeElement;\n\n        return tuiIsHTMLElement(element) ? element.offsetLeft : 0;\n    }\n\n    private get width(): number {\n        return this.activeElement?.clientWidth || 0;\n    }\n\n    private get activeElement(): Element | null {\n        return this.tabs.item(this.activeItemIndex);\n    }\n\n    // TODO: Switch to HostBinding signals in Angular 17+\n    private refresh(): void {\n        this.el.nativeElement.style.setProperty('--t-left', tuiPx(this.left));\n        this.el.nativeElement.style.setProperty('--t-width', tuiPx(this.width));\n    }\n}\n","import {\n    AfterContentChecked,\n    AfterContentInit,\n    ContentChildren,\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    QueryList,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {RouterLinkActive} from '@angular/router';\nimport {EMPTY_QUERY, TuiDestroyService, tuiQueryListChanges} from '@taiga-ui/cdk';\nimport {EMPTY, Observable} from 'rxjs';\nimport {switchMap, takeUntil} from 'rxjs/operators';\n\nimport {TuiSegmentedComponent} from './segmented.component';\n\n@Directive({\n    selector: 'tui-segmented',\n})\nexport class TuiSegmentedDirective implements AfterContentChecked, AfterContentInit {\n    @ContentChildren(NgControl, {descendants: true})\n    private readonly controls: QueryList<NgControl> = EMPTY_QUERY;\n\n    @ContentChildren(RouterLinkActive)\n    private readonly links: QueryList<RouterLinkActive> = EMPTY_QUERY;\n\n    @ContentChildren(RouterLinkActive, {read: ElementRef})\n    private readonly elements: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    constructor(\n        @Self() @Inject(TuiDestroyService) private readonly destroy$: Observable<unknown>,\n        @Inject(TuiSegmentedComponent) private readonly component: TuiSegmentedComponent,\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n    ) {}\n\n    @HostListener('click', ['$event.target'])\n    update(target: Element | null): void {\n        const index = this.getIndex(target);\n\n        if (index >= 0) {\n            this.component.update(index);\n        }\n    }\n\n    ngAfterContentInit(): void {\n        tuiQueryListChanges(this.controls)\n            .pipe(\n                switchMap(() => this.controls.last?.valueChanges || EMPTY),\n                takeUntil(this.destroy$),\n            )\n            .subscribe(() => {\n                this.update(this.el.nativeElement.querySelector(':checked'));\n            });\n    }\n\n    ngAfterContentChecked(): void {\n        if (this.links.length) {\n            this.update(this.elements.get(this.linkIndex)?.nativeElement || null);\n        }\n    }\n\n    private get linkIndex(): number {\n        return this.links.toArray().findIndex(link => link.isActive);\n    }\n\n    private getIndex(element: Element | null): number {\n        return Array.from(this.component.tabs).findIndex(tab => tab.contains(element));\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSegmentedComponent} from './segmented.component';\nimport {TuiSegmentedDirective} from './segmented.directive';\n\n@NgModule({\n    declarations: [TuiSegmentedComponent, TuiSegmentedDirective],\n    exports: [TuiSegmentedComponent, TuiSegmentedDirective],\n})\nexport class TuiSegmentedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","takeUntil","tuiIsHTMLElement","tuiPx","i0","ElementRef","TuiResizeService","TuiDestroyService","tuiBadgeNotificationOptionsProvider","Component","ViewEncapsulation","ChangeDetectionStrategy","Inject","Self","Input","HostBinding","Output","EMPTY_QUERY","tuiQueryListChanges","switchMap","EMPTY","NgControl","RouterLinkActive","Directive","ContentChildren","HostListener","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-experimental-components-swipe-action.umd.js

@@ -0,0 +1,119 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/swipe-action', ['exports', '@angular/core', '@taiga-ui/cdk', '@angular/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components["swipe-action"] = {}), global.ng.core, global.i1, global.ng.common));
+})(this, (function (exports, i0, i1, common) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+
+    var TuiSwipeActionsComponent = /** @class */ (function () {
+        function TuiSwipeActionsComponent() {
+            this.actionsWidth = 0;
+        }
+        TuiSwipeActionsComponent.prototype.onResize = function (_a) {
+            var target = _a.target;
+            this.actionsWidth = target.clientWidth;
+        };
+        return TuiSwipeActionsComponent;
+    }());
+    TuiSwipeActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSwipeActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiSwipeActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSwipeActionsComponent, selector: "tui-swipe-actions", host: { properties: { "style.--t-actions-width": "actionsWidth" } }, ngImport: i0__namespace, 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__namespace.TuiResizeDirective, selector: "[tuiResize]", outputs: ["tuiResize"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSwipeActionsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'tui-swipe-actions',
+                        templateUrl: './swipe-actions.template.html',
+                        styleUrls: ['./swipe-actions.style.less'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        host: {
+                            '[style.--t-actions-width]': 'actionsWidth',
+                        },
+                    }]
+            }] });
+
+    var TuiSwipeActionsAutoCloseDirective = /** @class */ (function () {
+        function TuiSwipeActionsAutoCloseDirective(el) {
+            this.el = el;
+            this.autoClose = true;
+        }
+        TuiSwipeActionsAutoCloseDirective.prototype.onPointer = function (event) {
+            var target = i1.tuiGetActualTarget(event);
+            if (this.autoClose && !this.el.nativeElement.contains(target)) {
+                this.close();
+            }
+        };
+        TuiSwipeActionsAutoCloseDirective.prototype.close = function () {
+            this.el.nativeElement.scrollTo({
+                left: 0,
+                behavior: 'smooth',
+            });
+        };
+        return TuiSwipeActionsAutoCloseDirective;
+    }());
+    TuiSwipeActionsAutoCloseDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSwipeActionsAutoCloseDirective, deps: [{ token: i0.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiSwipeActionsAutoCloseDirective.ɵdir = i0__namespace.ɵɵ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__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSwipeActionsAutoCloseDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: 'tui-swipe-actions[autoClose]',
+                        host: {
+                            '(document:pointerdown.silent)': 'onPointer($event)',
+                        },
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.ElementRef, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.ElementRef]
+                        }] }];
+        }, propDecorators: { autoClose: [{
+                    type: i0.Input
+                }] } });
+
+    var TuiSwipeActionsModule = /** @class */ (function () {
+        function TuiSwipeActionsModule() {
+        }
+        return TuiSwipeActionsModule;
+    }());
+    TuiSwipeActionsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSwipeActionsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    TuiSwipeActionsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSwipeActionsModule, declarations: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective], imports: [common.CommonModule, i1.TuiResizeModule], exports: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective] });
+    TuiSwipeActionsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSwipeActionsModule, imports: [[common.CommonModule, i1.TuiResizeModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSwipeActionsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [common.CommonModule, i1.TuiResizeModule],
+                        declarations: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],
+                        exports: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],
+                    }]
+            }] });
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.TuiSwipeActionsAutoCloseDirective = TuiSwipeActionsAutoCloseDirective;
+    exports.TuiSwipeActionsComponent = TuiSwipeActionsComponent;
+    exports.TuiSwipeActionsModule = TuiSwipeActionsModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=taiga-ui-experimental-components-swipe-action.umd.js.map

package/bundles/taiga-ui-experimental-components-swipe-action.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-components-swipe-action.umd.js","sources":["../../../projects/experimental/components/swipe-action/swipe-actions.component.ts","../../../projects/experimental/components/swipe-action/swipe-actions.template.html","../../../projects/experimental/components/swipe-action/swipe-actions-auto-close.directive.ts","../../../projects/experimental/components/swipe-action/swipe-actions.module.ts","../../../projects/experimental/components/swipe-action/taiga-ui-experimental-components-swipe-action.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    selector: 'tui-swipe-actions',\n    templateUrl: './swipe-actions.template.html',\n    styleUrls: ['./swipe-actions.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[style.--t-actions-width]': 'actionsWidth',\n    },\n})\nexport class TuiSwipeActionsComponent {\n    actionsWidth = 0;\n\n    onResize({target}: ResizeObserverEntry): void {\n        this.actionsWidth = target.clientWidth;\n    }\n}\n","<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","import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {tuiGetActualTarget} from '@taiga-ui/cdk';\n\n@Directive({\n    selector: 'tui-swipe-actions[autoClose]',\n    host: {\n        '(document:pointerdown.silent)': 'onPointer($event)',\n    },\n})\nexport class TuiSwipeActionsAutoCloseDirective {\n    @Input()\n    autoClose = true;\n\n    constructor(@Inject(ElementRef) private readonly el: ElementRef<HTMLElement>) {}\n\n    onPointer(event: PointerEvent): void {\n        const target = tuiGetActualTarget(event);\n\n        if (this.autoClose && !this.el.nativeElement.contains(target)) {\n            this.close();\n        }\n    }\n\n    private close(): void {\n        this.el.nativeElement.scrollTo({\n            left: 0,\n            behavior: 'smooth',\n        });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\n\nimport {TuiSwipeActionsComponent} from './swipe-actions.component';\nimport {TuiSwipeActionsAutoCloseDirective} from './swipe-actions-auto-close.directive';\n\n@NgModule({\n    imports: [CommonModule, TuiResizeModule],\n    declarations: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],\n    exports: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],\n})\nexport class TuiSwipeActionsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","i1","Component","ChangeDetectionStrategy","tuiGetActualTarget","ElementRef","Directive","Inject","Input","CommonModule","TuiResizeModule","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-experimental-components-thumbnail-card.umd.js

@@ -53,7 +53,7 @@
         return TuiThumbnailCardComponent;
     }());
     TuiThumbnailCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiThumbnailCardComponent, deps: [{ token: tokens.TUI_ICON_RESOLVER }, { token: addonCommerce.TUI_INPUT_CARD_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiThumbnailCardComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.TuiIconComponent, selector: "tui-icon", inputs: ["icon", "background"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TuiThumbnailCardComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.TuiIconComponent, selector: "tui-icon", inputs: ["icon", "background"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiThumbnailCardComponent, decorators: [{
                 type: i0.Component,
                 args: [{

package/bundles/taiga-ui-experimental-components-thumbnail-card.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-thumbnail-card.umd.js","sources":["../../../projects/experimental/components/thumbnail-card/thumbnail-card.component.ts","../../../projects/experimental/components/thumbnail-card/thumbnail-card.template.html","../../../projects/experimental/components/thumbnail-card/thumbnail-card.module.ts","../../../projects/experimental/components/thumbnail-card/taiga-ui-experimental-components-thumbnail-card.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {\n    TUI_INPUT_CARD_OPTIONS,\n    TuiInputCardOptions,\n    TuiPaymentSystem,\n} from '@taiga-ui/addon-commerce';\nimport {TuiStringHandler} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\n\n@Component({\n    selector: 'tui-thumbnail-card',\n    templateUrl: './thumbnail-card.template.html',\n    styleUrls: ['./thumbnail-card.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiThumbnailCardComponent {\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeL | TuiSizeS = 'm';\n\n    @Input()\n    paymentSystem: TuiPaymentSystem | null = null;\n\n    @Input()\n    iconLeft = '';\n\n    @Input()\n    iconRight = '';\n\n    constructor(\n        @Inject(TUI_ICON_RESOLVER) readonly resolver: TuiStringHandler<string>,\n        @Inject(TUI_INPUT_CARD_OPTIONS) readonly options: TuiInputCardOptions,\n    ) {}\n\n    // TODO: Revisit this approach in 4.0 when icons are moved away from InputCard options\n    get isMono(): boolean {\n        switch (this.paymentSystem) {\n            case 'mir':\n            case 'visa':\n            case 'electron':\n                return true;\n            default:\n                return false;\n        }\n    }\n}\n","<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","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiIconModule} from '@taiga-ui/experimental/components/icon';\n\nimport {TuiThumbnailCardComponent} from './thumbnail-card.component';\n\n@NgModule({\n    imports: [CommonModule, TuiIconModule],\n    declarations: [TuiThumbnailCardComponent],\n    exports: [TuiThumbnailCardComponent],\n})\nexport class TuiThumbnailCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["TUI_ICON_RESOLVER","TUI_INPUT_CARD_OPTIONS","i0","i1","i2","Component","ChangeDetectionStrategy","Inject","Input","HostBinding","CommonModule","TuiIconModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,QAAA,yBAAA,kBAAA,YAAA;QAcI,SACwC,yBAAA,CAAA,QAAkC,EAC7B,OAA4B,EAAA;IADjC,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAA0B;IAC7B,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAqB;IAbzE,QAAA,IAAI,CAAA,IAAA,GAAwB,GAAG,CAAC;IAGhC,QAAA,IAAa,CAAA,aAAA,GAA4B,IAAI,CAAC;IAG9C,QAAA,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAC;IAGd,QAAA,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;SAKX;IAGJ,IAAA,MAAA,CAAA,cAAA,CAAI,yBAAM,CAAA,SAAA,EAAA,QAAA,EAAA;;IAAV,QAAA,GAAA,EAAA,YAAA;gBACI,QAAQ,IAAI,CAAC,aAAa;IACtB,gBAAA,KAAK,KAAK,CAAC;IACX,gBAAA,KAAK,MAAM,CAAC;IACZ,gBAAA,KAAK,UAAU;IACX,oBAAA,OAAO,IAAI,CAAC;IAChB,gBAAA;IACI,oBAAA,OAAO,KAAK,CAAC;IACpB,aAAA;aACJ;;;IAAA,KAAA,CAAA,CAAA;;;iJA7BQ,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAetBA,wBAAiB,EAAA,EAAA,EAAA,KAAA,EACjBC,oCAAsB,EAAA,CAAA,EAAA,MAAA,EAAAC,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAhBzB,yBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,sOCtBtC,g8BAoCA,EAAA,MAAA,EAAA,CAAA,kqEAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAAF,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;sHDda,yBAAyB,EAAA,UAAA,EAAA,CAAA;sBANrCG,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACP,oBAAA,QAAQ,EAAE,oBAAoB;IAC9B,oBAAA,WAAW,EAAE,gCAAgC;wBAC7C,SAAS,EAAE,CAAC,6BAA6B,CAAC;wBAC1C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAClD,CAAA;;;kCAgBQC,SAAM;mCAACP,wBAAiB,CAAA;;kCACxBO,SAAM;mCAACN,oCAAsB,CAAA;;6BAblC,IAAI,EAAA,CAAA;0BAFHO,QAAK;;0BACLC,cAAW;2BAAC,gBAAgB,CAAA;oBAI7B,aAAa,EAAA,CAAA;0BADZD,QAAK;oBAIN,QAAQ,EAAA,CAAA;0BADPA,QAAK;oBAIN,SAAS,EAAA,CAAA;0BADRA,QAAK;;;AEtBV,QAAA,sBAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,sBAAA,GAAA;;;;8IAAa,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAN,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;IAAtB,sBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,sBAAsB,iBAHhB,yBAAyB,CAAA,EAAA,OAAA,EAAA,CAD9BQ,eAAY,EAAEC,gBAAa,aAE3B,yBAAyB,CAAA,EAAA,CAAA,CAAA;IAE1B,sBAAA,CAAA,IAAA,GAAAT,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,sBAAsB,EAJtB,OAAA,EAAA,CAAA,CAACQ,eAAY,EAAEC,gBAAa,CAAC,CAAA,EAAA,CAAA,CAAA;sHAI7B,sBAAsB,EAAA,UAAA,EAAA,CAAA;sBALlCC,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;IACN,oBAAA,OAAO,EAAE,CAACF,eAAY,EAAEC,gBAAa,CAAC;wBACtC,YAAY,EAAE,CAAC,yBAAyB,CAAC;wBACzC,OAAO,EAAE,CAAC,yBAAyB,CAAC;qBACvC,CAAA;;;ICVD;;IAEG;;;;;;;;;;;"}
+{"version":3,"file":"taiga-ui-experimental-components-thumbnail-card.umd.js","sources":["../../../projects/experimental/components/thumbnail-card/thumbnail-card.component.ts","../../../projects/experimental/components/thumbnail-card/thumbnail-card.template.html","../../../projects/experimental/components/thumbnail-card/thumbnail-card.module.ts","../../../projects/experimental/components/thumbnail-card/taiga-ui-experimental-components-thumbnail-card.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {\n    TUI_INPUT_CARD_OPTIONS,\n    TuiInputCardOptions,\n    TuiPaymentSystem,\n} from '@taiga-ui/addon-commerce';\nimport {TuiStringHandler} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\n\n@Component({\n    selector: 'tui-thumbnail-card',\n    templateUrl: './thumbnail-card.template.html',\n    styleUrls: ['./thumbnail-card.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiThumbnailCardComponent {\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeL | TuiSizeS = 'm';\n\n    @Input()\n    paymentSystem: TuiPaymentSystem | null = null;\n\n    @Input()\n    iconLeft = '';\n\n    @Input()\n    iconRight = '';\n\n    constructor(\n        @Inject(TUI_ICON_RESOLVER) readonly resolver: TuiStringHandler<string>,\n        @Inject(TUI_INPUT_CARD_OPTIONS) readonly options: TuiInputCardOptions,\n    ) {}\n\n    // TODO: Revisit this approach in 4.0 when icons are moved away from InputCard options\n    get isMono(): boolean {\n        switch (this.paymentSystem) {\n            case 'mir':\n            case 'visa':\n            case 'electron':\n                return true;\n            default:\n                return false;\n        }\n    }\n}\n","<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","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiIconModule} from '@taiga-ui/experimental/components/icon';\n\nimport {TuiThumbnailCardComponent} from './thumbnail-card.component';\n\n@NgModule({\n    imports: [CommonModule, TuiIconModule],\n    declarations: [TuiThumbnailCardComponent],\n    exports: [TuiThumbnailCardComponent],\n})\nexport class TuiThumbnailCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["TUI_ICON_RESOLVER","TUI_INPUT_CARD_OPTIONS","i0","i1","i2","Component","ChangeDetectionStrategy","Inject","Input","HostBinding","CommonModule","TuiIconModule","NgModule"],"mappings":"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"}

package/bundles/taiga-ui-experimental-components-tooltip.umd.js

@@ -1,7 +1,7 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@taiga-ui/experimental/directives/appearance'), require('rxjs/operators'), require('@taiga-ui/experimental/components/button'), require('@taiga-ui/experimental/directives/icons'), require('@angular/common'), require('rxjs'), require('@taiga-ui/experimental/components/icon'), require('@tinkoff/ng-polymorpheus')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/tooltip', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', '@taiga-ui/experimental/directives/appearance', 'rxjs/operators', '@taiga-ui/experimental/components/button', '@taiga-ui/experimental/directives/icons', '@angular/common', 'rxjs', '@taiga-ui/experimental/components/icon', '@tinkoff/ng-polymorpheus'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.tooltip = {}), global.ng.core, global.cdk, global.i4, global["taiga-ui"].experimental.directives.appearance, global.rxjs.operators, global["taiga-ui"].experimental.components.button, global.i2, global.ng.common, global.rxjs, global["taiga-ui"].experimental.components.icon, global.ngPolymorpheus));
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@taiga-ui/experimental/directives/appearance'), require('rxjs/operators'), require('@taiga-ui/experimental/directives/icons'), require('@taiga-ui/experimental/components/button'), require('@angular/common'), require('rxjs'), require('@taiga-ui/experimental/components/icon'), require('@tinkoff/ng-polymorpheus')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/experimental/components/tooltip', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', '@taiga-ui/experimental/directives/appearance', 'rxjs/operators', '@taiga-ui/experimental/directives/icons', '@taiga-ui/experimental/components/button', '@angular/common', 'rxjs', '@taiga-ui/experimental/components/icon', '@tinkoff/ng-polymorpheus'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].experimental = global["taiga-ui"].experimental || {}, global["taiga-ui"].experimental.components = global["taiga-ui"].experimental.components || {}, global["taiga-ui"].experimental.components.tooltip = {}), global.ng.core, global.cdk, global.i4, global["taiga-ui"].experimental.directives.appearance, global.rxjs.operators, global.i1, global["taiga-ui"].experimental.components.button, global.ng.common, global.rxjs, global["taiga-ui"].experimental.components.icon, global.ngPolymorpheus));
 })(this, (function (exports, i0, cdk, i4, i3, operators, i1, i2, i5, i6, icon, ngPolymorpheus) { 'use strict';
 
     function _interopNamespace(e) {
@@ -397,7 +397,7 @@
         return TuiTooltipComponent;
     }(i4.TuiHintOptionsDirective));
     TuiTooltipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTooltipComponent, deps: [{ token: cdk.TuiDestroyService, self: true }, { token: i4.TUI_MODE }, { token: i4.TUI_HINT_OPTIONS }, { token: TUI_TOOLTIP_OPTIONS }, { token: cdk.TUI_PLATFORM }, { token: i3.TuiAppearanceDirective, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiTooltipComponent.ɵcmp = i0__namespace.ɵɵ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: [cdk.TuiDestroyService, i4.MODE_PROVIDER], viewQueries: [{ propertyName: "driver$", first: true, predicate: i4.TuiHintHoverDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace, 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__namespace.TuiButtonDirective, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size", "appearance"] }, { type: i2__namespace.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__namespace.TuiAppearanceDirective, selector: "[tuiAppearance]", inputs: ["tuiAppearance", "tuiAppearanceState", "tuiAppearanceFocus"] }, { type: i4__namespace.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"] }, { type: i4__namespace.TuiHintDriverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)" }, { type: i4__namespace.TuiHintHoverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintShowDelay", "tuiHintHideDelay"], exportAs: ["tuiHintHover"] }, { type: i4__namespace.TuiHintPositionDirective, selector: "[tuiHint]:not([tuiHintCustomPosition]):not(ng-container):not(ng-template)", inputs: ["tuiHintDirection"] }, { type: i4__namespace.TuiHintDescribeDirective, selector: "[tuiHintDescribe]", inputs: ["tuiHintDescribe"] }], pipes: { "async": i5__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TuiTooltipComponent.ɵcmp = i0__namespace.ɵɵ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: [cdk.TuiDestroyService, i4.MODE_PROVIDER], viewQueries: [{ propertyName: "driver$", first: true, predicate: i4.TuiHintHoverDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace, 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__namespace.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__namespace.TuiButtonDirective, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size", "appearance"] }, { type: i3__namespace.TuiAppearanceDirective, selector: "[tuiAppearance]", inputs: ["tuiAppearance", "tuiAppearanceState", "tuiAppearanceFocus"] }, { type: i4__namespace.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"] }, { type: i4__namespace.TuiHintDriverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)" }, { type: i4__namespace.TuiHintHoverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintShowDelay", "tuiHintHideDelay"], exportAs: ["tuiHintHover"] }, { type: i4__namespace.TuiHintPositionDirective, selector: "[tuiHint]:not([tuiHintCustomPosition]):not(ng-container):not(ng-template)", inputs: ["tuiHintDirection"] }, { type: i4__namespace.TuiHintDescribeDirective, selector: "[tuiHintDescribe]", inputs: ["tuiHintDescribe"] }], pipes: { "async": i5__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTooltipComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -451,14 +451,14 @@
     }());
     TuiTooltipModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTooltipModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
     TuiTooltipModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTooltipModule, declarations: [TuiTooltipComponent], imports: [i5.CommonModule,
-            i1.TuiButtonModule,
+            i2.TuiButtonModule,
             i3.TuiAppearanceModule,
             i4.TuiHintModule,
             icon.TuiIconModule,
             ngPolymorpheus.PolymorpheusModule], exports: [TuiTooltipComponent] });
     TuiTooltipModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiTooltipModule, imports: [[
                 i5.CommonModule,
-                i1.TuiButtonModule,
+                i2.TuiButtonModule,
                 i3.TuiAppearanceModule,
                 i4.TuiHintModule,
                 icon.TuiIconModule,
@@ -469,7 +469,7 @@
                 args: [{
                         imports: [
                             i5.CommonModule,
-                            i1.TuiButtonModule,
+                            i2.TuiButtonModule,
                             i3.TuiAppearanceModule,
                             i4.TuiHintModule,
                             icon.TuiIconModule,