@taiga-ui/kit 5.9.0 → 5.10.0-canary.ae2d96d

package/fesm2022/taiga-ui-kit-components-tree.mjs

@@ -20,10 +20,10 @@ class TuiTreeChildren {
     static defaultHandler(item) {
         return Array.isArray(item) ? item : [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeChildren, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", type: TuiTreeChildren, isStandalone: true, selector: "tui-tree[childrenHandler]", inputs: { childrenHandler: { classPropertyName: "childrenHandler", publicName: "childrenHandler", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeChildren, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: TuiTreeChildren, isStandalone: true, selector: "tui-tree[childrenHandler]", inputs: { childrenHandler: { classPropertyName: "childrenHandler", publicName: "childrenHandler", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeChildren, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeChildren, decorators: [{
             type: Directive,
             args: [{ selector: 'tui-tree[childrenHandler]' }]
         }] });
@@ -80,10 +80,10 @@ class TuiTreeItemContent {
     onClick() {
         this.controller.toggle(this.context.$implicit);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeItemContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TuiTreeItemContent, isStandalone: true, selector: "ng-component", host: { properties: { "class._expandable": "isExpandable" } }, ngImport: i0, template: "@if (isExpandable) {\n    <button\n        appearance=\"flat\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-button\"\n        [class.t-button_expanded]=\"context.$implicit.expanded()\"\n        [iconStart]=\"icons.more\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"onClick()\"\n    >\n        {{ more() }}\n    </button>\n}\n<ng-container [ngTemplateOutlet]=\"context.template\" />\n", styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-inline-start:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-end:.5rem}.t-button_expanded{transform:rotate(90deg)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeItemContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: TuiTreeItemContent, isStandalone: true, selector: "ng-component", host: { properties: { "class._expandable": "isExpandable" } }, ngImport: i0, template: "@if (isExpandable) {\n    <button\n        appearance=\"flat\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-button\"\n        [class.t-button_expanded]=\"context.$implicit.expanded()\"\n        [iconStart]=\"icons.more\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"onClick()\"\n    >\n        {{ more() }}\n    </button>\n}\n<ng-container [ngTemplateOutlet]=\"context.template\" />\n", styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-inline-start:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-end:.5rem}.t-button_expanded{transform:rotate(90deg)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeItemContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeItemContent, decorators: [{
             type: Component,
             args: [{ imports: [NgTemplateOutlet, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, host: { '[class._expandable]': 'isExpandable' }, template: "@if (isExpandable) {\n    <button\n        appearance=\"flat\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-button\"\n        [class.t-button_expanded]=\"context.$implicit.expanded()\"\n        [iconStart]=\"icons.more\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"onClick()\"\n    >\n        {{ more() }}\n    </button>\n}\n<ng-container [ngTemplateOutlet]=\"context.template\" />\n", styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-inline-start:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-end:.5rem}.t-button_expanded{transform:rotate(90deg)}\n"] }]
         }] });
@@ -116,8 +116,8 @@ class TuiTreeItem {
     checkChanges() {
         this.change$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TuiTreeItem, isStandalone: true, selector: "tui-tree-item", host: { attributes: { "role": "treeitem" }, properties: { "class._expandable": "isExpandable" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: TuiTreeItem, isStandalone: true, selector: "tui-tree-item", host: { attributes: { "role": "treeitem" }, properties: { "class._expandable": "isExpandable" } }, providers: [
             tuiProvide(TUI_TREE_NODE, TuiTreeItem),
             {
                 provide: TUI_TREE_LEVEL,
@@ -126,7 +126,7 @@ class TuiTreeItem {
             },
         ], queries: [{ propertyName: "nested", predicate: TUI_TREE_NODE, isSignal: true }], ngImport: i0, template: "<ng-template #template>\n    <ng-content />\n</ng-template>\n<ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: this, template: template}\">\n    {{ text }}\n</ng-container>\n@if (isExpandable) {\n    <tui-expand\n        role=\"group\"\n        class=\"t-children\"\n        [expanded]=\"expanded()\"\n    >\n        <div>\n            <ng-content select=\"tui-tree-item\" />\n            <ng-content select=\"tui-tree\" />\n        </div>\n    </tui-expand>\n}\n@if (attached()) {}\n", styles: [":host{display:block}.t-children{position:relative;margin-inline-start:var(--tui-tree-item-indent, 1.5rem)}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiExpand, selector: "tui-expand", inputs: ["expanded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeItem, decorators: [{
             type: Component,
             args: [{ selector: 'tui-tree-item', imports: [PolymorpheusOutlet, TuiExpand], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         tuiProvide(TUI_TREE_NODE, TuiTreeItem),
@@ -155,10 +155,10 @@ class TuiTreeNode {
     ngOnDestroy() {
         this.directive?.unregister(this.component);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", type: TuiTreeNode, isStandalone: true, selector: "tui-tree-item[tuiTreeNode]", inputs: { value: { classPropertyName: "value", publicName: "tuiTreeNode", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: TuiTreeNode, isStandalone: true, selector: "tui-tree-item[tuiTreeNode]", inputs: { value: { classPropertyName: "value", publicName: "tuiTreeNode", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeNode, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeNode, decorators: [{
             type: Directive,
             args: [{ selector: 'tui-tree-item[tuiTreeNode]' }]
         }] });
@@ -187,10 +187,10 @@ class TuiTreeComponent {
     get handler() {
         return this.directive?.childrenHandler() || TuiTreeChildren.defaultHandler;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TuiTreeComponent, isStandalone: true, selector: "tui-tree", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tree" } }, providers: [tuiProvide(TUI_TREE_NODE, TuiTreeComponent)], viewQueries: [{ propertyName: "item", first: true, predicate: TuiTreeItem, descendants: true, isSignal: true }, { propertyName: "child", first: true, predicate: TuiTreeComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<tui-tree-item\n    #view\n    [tuiTreeNode]=\"value()\"\n>\n    @if (value() !== children()) {\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: value(), node: view}\">\n            {{ text }}\n        </ng-container>\n    }\n    @for (child of children(); track trackBy()($index, child)) {\n        <tui-tree\n            [content]=\"content()\"\n            [trackBy]=\"trackBy()\"\n            [value]=\"child\"\n        />\n    }\n</tui-tree-item>\n", styles: [":host{position:relative;display:block}\n"], dependencies: [{ kind: "component", type: TuiTreeComponent, selector: "tui-tree", inputs: ["value", "trackBy", "content"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiTreeItem, selector: "tui-tree-item" }, { kind: "directive", type: TuiTreeNode, selector: "tui-tree-item[tuiTreeNode]", inputs: ["tuiTreeNode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: TuiTreeComponent, isStandalone: true, selector: "tui-tree", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tree" } }, providers: [tuiProvide(TUI_TREE_NODE, TuiTreeComponent)], viewQueries: [{ propertyName: "item", first: true, predicate: TuiTreeItem, descendants: true, isSignal: true }, { propertyName: "child", first: true, predicate: TuiTreeComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<tui-tree-item\n    #view\n    [tuiTreeNode]=\"value()\"\n>\n    @if (value() !== children()) {\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: value(), node: view}\">\n            {{ text }}\n        </ng-container>\n    }\n    @for (child of children(); track trackBy()($index, child)) {\n        <tui-tree\n            [content]=\"content()\"\n            [trackBy]=\"trackBy()\"\n            [value]=\"child\"\n        />\n    }\n</tui-tree-item>\n", styles: [":host{position:relative;display:block}\n"], dependencies: [{ kind: "component", type: TuiTreeComponent, selector: "tui-tree", inputs: ["value", "trackBy", "content"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiTreeItem, selector: "tui-tree-item" }, { kind: "directive", type: TuiTreeNode, selector: "tui-tree-item[tuiTreeNode]", inputs: ["tuiTreeNode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tui-tree', imports: [PolymorpheusOutlet, TuiTreeItem, TuiTreeNode], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiProvide(TUI_TREE_NODE, TuiTreeComponent)], host: { role: 'tree' }, template: "<tui-tree-item\n    #view\n    [tuiTreeNode]=\"value()\"\n>\n    @if (value() !== children()) {\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: value(), node: view}\">\n            {{ text }}\n        </ng-container>\n    }\n    @for (child of children(); track trackBy()($index, child)) {\n        <tui-tree\n            [content]=\"content()\"\n            [trackBy]=\"trackBy()\"\n            [value]=\"child\"\n        />\n    }\n</tui-tree-item>\n", styles: [":host{position:relative;display:block}\n"] }]
         }] });
@@ -221,13 +221,13 @@ class TuiTreeControllerDirective {
         this.toggled.emit(value);
         this.map().set(value, !expanded);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeControllerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", type: TuiTreeControllerDirective, isStandalone: true, selector: "[tuiTreeController][map]", inputs: { fallback: { classPropertyName: "fallback", publicName: "tuiTreeController", isSignal: true, isRequired: false, transformFunction: null }, map: { classPropertyName: "map", publicName: "map", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggled: "toggled" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeControllerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: TuiTreeControllerDirective, isStandalone: true, selector: "[tuiTreeController][map]", inputs: { fallback: { classPropertyName: "fallback", publicName: "tuiTreeController", isSignal: true, isRequired: false, transformFunction: null }, map: { classPropertyName: "map", publicName: "map", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggled: "toggled" }, providers: [
             tuiProvide(TUI_TREE_ACCESSOR, TuiTreeControllerDirective),
             tuiProvide(TUI_TREE_CONTROLLER, TuiTreeControllerDirective),
         ], exportAs: ["tuiTreeController"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeControllerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeControllerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiTreeController][map]',
@@ -250,10 +250,10 @@ class TuiTreeItemController {
     toggle(item) {
         this.map.set(item, !this.isExpanded(item));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeItemController, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", type: TuiTreeItemController, isStandalone: true, selector: "[tuiTreeController]:not([map])", inputs: { fallback: { classPropertyName: "fallback", publicName: "tuiTreeController", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiProvide(TUI_TREE_CONTROLLER, TuiTreeItemController)], exportAs: ["tuiTreeController"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeItemController, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: TuiTreeItemController, isStandalone: true, selector: "[tuiTreeController]:not([map])", inputs: { fallback: { classPropertyName: "fallback", publicName: "tuiTreeController", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiProvide(TUI_TREE_CONTROLLER, TuiTreeItemController)], exportAs: ["tuiTreeController"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeItemController, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeItemController, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiTreeController]:not([map])',
@@ -281,10 +281,10 @@ class TuiTreeService {
         this.map.set(item, [this.loading]);
         this.load$.next(item);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiTreeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiTreeService, decorators: [{
             type: Injectable
         }] });
 

package/fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs

@@ -11,10 +11,10 @@ class TuiAppearanceProxy {
         this.m = tuiAppearanceMode(this.a.tuiAppearanceMode, O);
         this.s = tuiAppearanceState(this.a.tuiAppearanceState, O);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiAppearanceProxy, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: TuiAppearanceProxy, isStandalone: true, hostDirectives: [{ directive: i1.TuiAppearance }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiAppearanceProxy, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: TuiAppearanceProxy, isStandalone: true, hostDirectives: [{ directive: i1.TuiAppearance }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiAppearanceProxy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiAppearanceProxy, decorators: [{
             type: Directive,
             args: [{ hostDirectives: [TuiAppearance] }]
         }] });

package/fesm2022/taiga-ui-kit-directives-button-group.mjs

@@ -1,28 +1,30 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, ViewEncapsulation, Component, Directive } from '@angular/core';
+import { ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Directive } from '@angular/core';
 import { TUI_VERSION } from '@taiga-ui/cdk/constants';
 import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
+import { TUI_FONT_OFFSET } from '@taiga-ui/core/utils/miscellaneous';
 
 class Styles {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-button-group-5.9.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) tui-elastic-container{transition-property:background,height,border-radius;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;border-radius:var(--tui-radius-xl);overflow:hidden}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) tui-elastic-container .t-wrapper{display:flex;justify-content:center}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) tui-elastic-container{inline-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;border:none;outline:none;background:transparent;align-items:center;flex:1;flex-direction:column;padding:1.125rem .25rem;gap:.5rem;font:var(--tui-typography-ui-s);max-inline-size:calc(50% - 1.75rem);cursor:pointer;color:var(--tui-text-action);text-align:center;text-decoration:none;clip-path:inset(0)}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:first-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:first-child{clip-path:inset(0 0 0 -10rem)}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:last-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:last-child{clip-path:inset(0 -10rem 0 0)}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:active,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:active{background:var(--tui-background-neutral-1)}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:after{position:absolute;inset-block-start:0;background:inherit;inline-size:1.75rem;block-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:first-child:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:first-child:before{content:\"\";inset-inline-start:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:last-child:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:last-child:after{content:\"\";inset-inline-end:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button tui-icon,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a tui-icon{font-size:1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]):has(button:only-child){border-radius:1rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:only-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:only-child{inline-size:100%;flex-direction:row;font:var(--tui-typography-ui-l);max-inline-size:100%;justify-content:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-button-group-5.10.0-canary.ae2d96d"], ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) tui-elastic-container{transition-property:background,height,border-radius;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;border-radius:var(--tui-radius-xl);overflow:hidden}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) tui-elastic-container .t-wrapper{display:flex;justify-content:center}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) tui-elastic-container{inline-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;border:none;outline:none;background:transparent;align-items:center;flex:1;flex-direction:column;padding:1.125rem .25rem;gap:.5rem;font:var(--tui-typography-ui-s);min-block-size:var(--tui-height-l);max-inline-size:calc(50% - 1.75rem);cursor:pointer;color:var(--tui-text-action);text-align:center;text-decoration:none;clip-path:inset(0)}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:first-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:first-child{clip-path:inset(0 0 0 -10rem)}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:last-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:last-child{clip-path:inset(0 -10rem 0 0)}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:active,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:active{background:var(--tui-background-neutral-1)}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:after{position:absolute;inset-block-start:0;background:inherit;inline-size:1.75rem;block-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:first-child:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:first-child:before{content:\"\";inset-inline-start:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:last-child:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:last-child:after{content:\"\";inset-inline-end:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button tui-icon,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a tui-icon{font-size:1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):has(:is(button,a):only-child){border-radius:1rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:only-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:only-child{inline-size:100%;flex-direction:row;font:var(--tui-typography-ui-l);max-inline-size:100%;justify-content:center;padding-block:0}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])._stack:not(:has(:is(button,a):only-child)){flex-direction:column;padding:.5rem 0}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])._stack:not(:has(:is(button,a):only-child)) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])._stack:not(:has(:is(button,a):only-child)) a{min-block-size:var(--tui-height-m);max-inline-size:100%;flex-direction:row;padding:0 1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Styles, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-button-group-${TUI_VERSION}`, styles: ["[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) tui-elastic-container{transition-property:background,height,border-radius;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;border-radius:var(--tui-radius-xl);overflow:hidden}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) tui-elastic-container .t-wrapper{display:flex;justify-content:center}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) tui-elastic-container{inline-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;border:none;outline:none;background:transparent;align-items:center;flex:1;flex-direction:column;padding:1.125rem .25rem;gap:.5rem;font:var(--tui-typography-ui-s);max-inline-size:calc(50% - 1.75rem);cursor:pointer;color:var(--tui-text-action);text-align:center;text-decoration:none;clip-path:inset(0)}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:first-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:first-child{clip-path:inset(0 0 0 -10rem)}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:last-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:last-child{clip-path:inset(0 -10rem 0 0)}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:active,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:active{background:var(--tui-background-neutral-1)}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:after{position:absolute;inset-block-start:0;background:inherit;inline-size:1.75rem;block-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:first-child:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:first-child:before{content:\"\";inset-inline-start:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:last-child:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:last-child:after{content:\"\";inset-inline-end:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button tui-icon,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a tui-icon{font-size:1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]):has(button:only-child){border-radius:1rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) button:only-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.9.0\"]) a:only-child{inline-size:100%;flex-direction:row;font:var(--tui-typography-ui-l);max-inline-size:100%;justify-content:center}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-button-group-${TUI_VERSION}`, styles: ["[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) tui-elastic-container{transition-property:background,height,border-radius;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;border-radius:var(--tui-radius-xl);overflow:hidden}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) tui-elastic-container .t-wrapper{display:flex;justify-content:center}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) tui-elastic-container{inline-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;border:none;outline:none;background:transparent;align-items:center;flex:1;flex-direction:column;padding:1.125rem .25rem;gap:.5rem;font:var(--tui-typography-ui-s);min-block-size:var(--tui-height-l);max-inline-size:calc(50% - 1.75rem);cursor:pointer;color:var(--tui-text-action);text-align:center;text-decoration:none;clip-path:inset(0)}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:first-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:first-child{clip-path:inset(0 0 0 -10rem)}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:last-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:last-child{clip-path:inset(0 -10rem 0 0)}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:active,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:active{background:var(--tui-background-neutral-1)}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:after{position:absolute;inset-block-start:0;background:inherit;inline-size:1.75rem;block-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:first-child:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:first-child:before{content:\"\";inset-inline-start:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:last-child:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:last-child:after{content:\"\";inset-inline-end:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button tui-icon,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a tui-icon{font-size:1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):has(:is(button,a):only-child){border-radius:1rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) button:only-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]) a:only-child{inline-size:100%;flex-direction:row;font:var(--tui-typography-ui-l);max-inline-size:100%;justify-content:center;padding-block:0}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])._stack:not(:has(:is(button,a):only-child)){flex-direction:column;padding:.5rem 0}[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])._stack:not(:has(:is(button,a):only-child)) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])._stack:not(:has(:is(button,a):only-child)) a{min-block-size:var(--tui-height-m);max-inline-size:100%;flex-direction:row;padding:0 1rem}\n"] }]
         }] });
 class TuiButtonGroup {
     constructor() {
+        this.offset = inject(TUI_FONT_OFFSET);
         this.nothing = tuiWithStyles(Styles);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: TuiButtonGroup, isStandalone: true, selector: "[tuiButtonGroup]", host: { attributes: { "data-tui-version": "5.9.0" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: TuiButtonGroup, isStandalone: true, selector: "[tuiButtonGroup]", host: { attributes: { "data-tui-version": "5.10.0-canary.ae2d96d" }, properties: { "class._stack": "offset() > 10" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiButtonGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiButtonGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiButtonGroup]',
-                    host: { 'data-tui-version': TUI_VERSION },
+                    host: { 'data-tui-version': TUI_VERSION, '[class._stack]': 'offset() > 10' },
                 }]
         }] });
 

package/fesm2022/taiga-ui-kit-directives-button-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives-button-group.mjs","sources":["../../../projects/kit/directives/button-group/button-group.directive.ts","../../../projects/kit/directives/button-group/taiga-ui-kit-directives-button-group.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './button-group.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-button-group-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiButtonGroup]',\n    host: {'data-tui-version': TUI_VERSION},\n})\nexport class TuiButtonGroup {\n    protected readonly nothing = tuiWithStyles(Styles);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AASA,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,8GAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,21FAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,iBAAA,EAAoB,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,21FAAA,CAAA,EAAA;;MAQlC,cAAc,CAAA;AAJ3B,IAAA,WAAA,GAAA;AAKuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AACrD,IAAA;+GAFY,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,IAAI,EAAE,EAAC,kBAAkB,EAAE,WAAW,EAAC;AAC1C,iBAAA;;;ACzBD;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-kit-directives-button-group.mjs","sources":["../../../projects/kit/directives/button-group/button-group.directive.ts","../../../projects/kit/directives/button-group/taiga-ui-kit-directives-button-group.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    inject,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_FONT_OFFSET} from '@taiga-ui/core/utils/miscellaneous';\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './button-group.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-button-group-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiButtonGroup]',\n    host: {'data-tui-version': TUI_VERSION, '[class._stack]': 'offset() > 10'},\n})\nexport class TuiButtonGroup {\n    protected readonly offset = inject(TUI_FONT_OFFSET);\n    protected readonly nothing = tuiWithStyles(Styles);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAWA,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,8HAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ixHAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,iBAAA,EAAoB,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,ixHAAA,CAAA,EAAA;;MAQlC,cAAc,CAAA;AAJ3B,IAAA,WAAA,GAAA;AAKuB,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;AAChC,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AACrD,IAAA;+GAHY,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE,EAAC,kBAAkB,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAC;AAC7E,iBAAA;;;AC3BD;;AAEG;;;;"}

package/fesm2022/taiga-ui-kit-directives-button-select.mjs

@@ -27,14 +27,14 @@ class TuiButtonSelect extends TuiControl {
             this.open.set(false);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiButtonSelect, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: TuiButtonSelect, isStandalone: true, selector: "button[tuiButtonSelect]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiButtonSelect, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: TuiButtonSelect, isStandalone: true, selector: "button[tuiButtonSelect]", providers: [
             tuiAsOptionContent(TuiSelectOption),
             tuiAsDataListHost(TuiButtonSelect),
             tuiDropdownOptionsProvider({ align: 'end' }),
         ], usesInheritance: true, hostDirectives: [{ directive: i1.TuiDropdownDirective }, { directive: i2.TuiNativeValidator }, { directive: i1.TuiWithDropdownOpen }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiButtonSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiButtonSelect, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[tuiButtonSelect]',

package/fesm2022/taiga-ui-kit-directives-chevron.mjs

@@ -11,12 +11,12 @@ const TUI_CHEVRON = new InjectionToken(ngDevMode ? 'TUI_CHEVRON' : '', {
     factory: () => '@tui.chevron-down',
 });
 class Styles {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-chevron-5.9.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.9.0\"]):after,tui-icon[tuiChevron]:where(*[data-tui-version=\"5.9.0\"]):before{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer;font-size:1rem}[tuiButton][data-size=m][tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.9.0\"]):after{margin-inline-end:-.125rem}[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.9.0\"])._chevron-rotated:after,tui-icon[tuiChevron]:where(*[data-tui-version=\"5.9.0\"])._chevron-rotated:before{transform:rotate(180deg)}tui-textfield[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.9.0\"]){--t-stroke: var(--tui-stroke-width)}tui-textfield[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.9.0\"]):after{transform:rotate(0) scale(calc(2 / 3));font-size:1.5rem;--tui-stroke-width: calc(var(--t-stroke) / 2 * 3)}tui-textfield[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.9.0\"])._chevron-rotated:after{transform:rotate(180deg) scale(calc(2 / 3))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-chevron-5.10.0-canary.ae2d96d"], ngImport: i0, template: '', isInline: true, styles: ["[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):after,tui-icon[tuiChevron]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):before{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer;font-size:1rem}[tuiButton][data-size=m][tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):after{margin-inline-end:-.125rem}[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])._chevron-rotated:after,tui-icon[tuiChevron]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])._chevron-rotated:before{transform:rotate(180deg)}tui-textfield[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]){--t-stroke: var(--tui-stroke-width)}tui-textfield[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):after{transform:rotate(0) scale(calc(2 / 3));font-size:1.5rem;--tui-stroke-width: calc(var(--t-stroke) / 2 * 3)}tui-textfield[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])._chevron-rotated:after{transform:rotate(180deg) scale(calc(2 / 3))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Styles, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-chevron-${TUI_VERSION}`, styles: ["[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.9.0\"]):after,tui-icon[tuiChevron]:where(*[data-tui-version=\"5.9.0\"]):before{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer;font-size:1rem}[tuiButton][data-size=m][tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.9.0\"]):after{margin-inline-end:-.125rem}[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.9.0\"])._chevron-rotated:after,tui-icon[tuiChevron]:where(*[data-tui-version=\"5.9.0\"])._chevron-rotated:before{transform:rotate(180deg)}tui-textfield[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.9.0\"]){--t-stroke: var(--tui-stroke-width)}tui-textfield[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.9.0\"]):after{transform:rotate(0) scale(calc(2 / 3));font-size:1.5rem;--tui-stroke-width: calc(var(--t-stroke) / 2 * 3)}tui-textfield[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.9.0\"])._chevron-rotated:after{transform:rotate(180deg) scale(calc(2 / 3))}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-chevron-${TUI_VERSION}`, styles: ["[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):after,tui-icon[tuiChevron]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):before{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer;font-size:1rem}[tuiButton][data-size=m][tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):after{margin-inline-end:-.125rem}[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])._chevron-rotated:after,tui-icon[tuiChevron]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])._chevron-rotated:before{transform:rotate(180deg)}tui-textfield[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]){--t-stroke: var(--tui-stroke-width)}tui-textfield[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):after{transform:rotate(0) scale(calc(2 / 3));font-size:1.5rem;--tui-stroke-width: calc(var(--t-stroke) / 2 * 3)}tui-textfield[tuiChevron][tuiIcons]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])._chevron-rotated:after{transform:rotate(180deg) scale(calc(2 / 3))}\n"] }]
         }] });
 class TuiChevron {
     constructor() {
@@ -26,10 +26,10 @@ class TuiChevron {
         this.toggle = effect(() => this.el.classList.toggle('_chevron-rotated', this.rotated() || (this.rotated() === '' && !!this.dropdown?.ref())));
         this.rotated = input('', { alias: 'tuiChevron' });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiChevron, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", type: TuiChevron, isStandalone: true, selector: "[tuiChevron]", inputs: { rotated: { classPropertyName: "rotated", publicName: "tuiChevron", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiChevron": "" } }, providers: [tuiProvide(TUI_ICON_END, TUI_CHEVRON)], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiChevron, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: TuiChevron, isStandalone: true, selector: "[tuiChevron]", inputs: { rotated: { classPropertyName: "rotated", publicName: "tuiChevron", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiChevron": "" } }, providers: [tuiProvide(TUI_ICON_END, TUI_CHEVRON)], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiChevron, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiChevron, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiChevron]',

package/fesm2022/taiga-ui-kit-directives-chevron.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives-chevron.mjs","sources":["../../../projects/kit/directives/chevron/chevron.directive.ts","../../../projects/kit/directives/chevron/taiga-ui-kit-directives-chevron.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    effect,\n    inject,\n    InjectionToken,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiDropdownDirective} from '@taiga-ui/core/portals/dropdown';\nimport {TUI_ICON_END} from '@taiga-ui/core/tokens';\n\nexport const TUI_CHEVRON = new InjectionToken(ngDevMode ? 'TUI_CHEVRON' : '', {\n    factory: () => '@tui.chevron-down',\n});\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './chevron.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-chevron-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiChevron]',\n    providers: [tuiProvide(TUI_ICON_END, TUI_CHEVRON)],\n    host: {tuiChevron: ''},\n})\nexport class TuiChevron {\n    private readonly el = tuiInjectElement();\n    private readonly dropdown = inject(TuiDropdownDirective, {optional: true});\n\n    protected readonly nothing = tuiWithStyles(Styles);\n\n    protected readonly toggle = effect(() =>\n        this.el.classList.toggle(\n            '_chevron-rotated',\n            this.rotated() || (this.rotated() === '' && !!this.dropdown?.ref()),\n        ),\n    );\n\n    public readonly rotated = input<boolean | ''>('', {alias: 'tuiChevron'});\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAiBO,MAAM,WAAW,GAAG,IAAI,cAAc,CAAC,SAAS,GAAG,aAAa,GAAG,EAAE,EAAE;AAC1E,IAAA,OAAO,EAAE,MAAM,mBAAmB;AACrC,CAAA;AAED,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,yGAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kgCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,YAAA,EAAe,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,kgCAAA,CAAA,EAAA;;MAS7B,UAAU,CAAA;AALvB,IAAA,WAAA,GAAA;QAMqB,IAAA,CAAA,EAAE,GAAG,gBAAgB,EAAE;QACvB,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,oBAAoB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;AAEvD,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AAE/B,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAC/B,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CACpB,kBAAkB,EAClB,IAAI,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CACtE,CACJ;QAEe,IAAA,CAAA,OAAO,GAAG,KAAK,CAAe,EAAE,EAAE,EAAC,KAAK,EAAE,YAAY,EAAC,CAAC;AAC3E,IAAA;+GAdY,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,EAAA,EAAA,SAAA,EAHR,CAAC,UAAU,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAGzC,UAAU,EAAA,UAAA,EAAA,CAAA;kBALtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;oBACxB,SAAS,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;AAClD,oBAAA,IAAI,EAAE,EAAC,UAAU,EAAE,EAAE,EAAC;AACzB,iBAAA;;;ACtCD;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-kit-directives-chevron.mjs","sources":["../../../projects/kit/directives/chevron/chevron.directive.ts","../../../projects/kit/directives/chevron/taiga-ui-kit-directives-chevron.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    effect,\n    inject,\n    InjectionToken,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiDropdownDirective} from '@taiga-ui/core/portals/dropdown';\nimport {TUI_ICON_END} from '@taiga-ui/core/tokens';\n\nexport const TUI_CHEVRON = new InjectionToken(ngDevMode ? 'TUI_CHEVRON' : '', {\n    factory: () => '@tui.chevron-down',\n});\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './chevron.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-chevron-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiChevron]',\n    providers: [tuiProvide(TUI_ICON_END, TUI_CHEVRON)],\n    host: {tuiChevron: ''},\n})\nexport class TuiChevron {\n    private readonly el = tuiInjectElement();\n    private readonly dropdown = inject(TuiDropdownDirective, {optional: true});\n\n    protected readonly nothing = tuiWithStyles(Styles);\n\n    protected readonly toggle = effect(() =>\n        this.el.classList.toggle(\n            '_chevron-rotated',\n            this.rotated() || (this.rotated() === '' && !!this.dropdown?.ref()),\n        ),\n    );\n\n    public readonly rotated = input<boolean | ''>('', {alias: 'tuiChevron'});\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAiBO,MAAM,WAAW,GAAG,IAAI,cAAc,CAAC,SAAS,GAAG,aAAa,GAAG,EAAE,EAAE;AAC1E,IAAA,OAAO,EAAE,MAAM,mBAAmB;AACrC,CAAA;AAED,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,yHAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,koCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,YAAA,EAAe,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,koCAAA,CAAA,EAAA;;MAS7B,UAAU,CAAA;AALvB,IAAA,WAAA,GAAA;QAMqB,IAAA,CAAA,EAAE,GAAG,gBAAgB,EAAE;QACvB,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,oBAAoB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;AAEvD,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AAE/B,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAC/B,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CACpB,kBAAkB,EAClB,IAAI,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CACtE,CACJ;QAEe,IAAA,CAAA,OAAO,GAAG,KAAK,CAAe,EAAE,EAAE,EAAC,KAAK,EAAE,YAAY,EAAC,CAAC;AAC3E,IAAA;+GAdY,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,EAAA,EAAA,SAAA,EAHR,CAAC,UAAU,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAGzC,UAAU,EAAA,UAAA,EAAA,CAAA;kBALtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;oBACxB,SAAS,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;AAClD,oBAAA,IAAI,EAAE,EAAC,UAAU,EAAE,EAAE,EAAC;AACzB,iBAAA;;;ACtCD;;AAEG;;;;"}

package/fesm2022/taiga-ui-kit-directives-connected.mjs

@@ -4,21 +4,21 @@ import { TUI_VERSION } from '@taiga-ui/cdk/constants';
 import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
 
 class Styles {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-connected-5.9.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiConnected]:where(*[data-tui-version=\"5.9.0\"]){--t-image-size: 2.5rem;--t-connected-height: calc(100% - var(--t-image-size) - .5rem)}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiCell]{padding:1rem}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiCell][data-size=m]{--t-image-size: 2rem}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiCell][data-size=s]{--t-image-size: 1.5rem}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])[tuiCardLarge][data-space] [tuiCell]{padding:1rem;margin:-1rem -1rem calc(1rem - var(--t-space))}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])[tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-block-end:-1rem}tui-accordion[tuiConnected]:where(*[data-tui-version=\"5.9.0\"]){--t-image-size: 2rem}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiAccordion]:before,[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiCell]:not(:last-of-type):before,[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiStep]:not(:last-of-type):before{content:\"\";position:absolute;display:block;inset-block-start:calc(var(--t-image-size) + .25rem);inset-inline-start:calc(var(--t-image-size) / 2);block-size:var(--t-connected-height);inline-size:1px;color:var(--tui-border-normal);background:linear-gradient(to bottom,currentColor 75%,transparent 75%) top center / 300% 300%;background-clip:content-box;padding:inherit}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiAccordion]{gap:1rem;--t-margin: 0}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiAccordion]:before{inset-block-start:0;inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;margin:0;background:var(--tui-border-normal);-webkit-mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));-webkit-mask-size:auto;mask-size:auto}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiAccordion]:first-of-type:before{-webkit-mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiAccordion]:last-of-type:before{-webkit-mask-image:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask-image:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>tui-expand>*{padding:0;padding-inline-start:3rem}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>tui-expand:not(:last-child):before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;inline-size:1px;background:var(--tui-border-normal)}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiStep]{--t-image-size: 2rem;--t-connected-height: calc(100% - var(--t-image-size))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-connected-5.10.0-canary.ae2d96d"], ngImport: i0, template: '', isInline: true, styles: ["[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]){--t-image-size: 2.5rem;--t-connected-height: calc(100% - var(--t-image-size) - .5rem)}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiCell]{padding:1rem}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiCell][data-size=m]{--t-image-size: 2rem}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiCell][data-size=s]{--t-image-size: 1.5rem}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])[tuiCardLarge][data-space] [tuiCell]{padding:1rem;margin:-1rem -1rem calc(1rem - var(--t-space))}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])[tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-block-end:-1rem}tui-accordion[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]){--t-image-size: 2rem}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiAccordion]:before,[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiCell]:not(:last-of-type):before,[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiStep]:not(:last-of-type):before{content:\"\";position:absolute;display:block;inset-block-start:calc(var(--t-image-size) + .25rem);inset-inline-start:calc(var(--t-image-size) / 2);block-size:var(--t-connected-height);inline-size:1px;color:var(--tui-border-normal);background:linear-gradient(to bottom,currentColor 75%,transparent 75%) top center / 300% 300%;background-clip:content-box;padding:inherit}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiAccordion]{gap:1rem;--t-margin: 0}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiAccordion]:before{inset-block-start:0;inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;margin:0;background:var(--tui-border-normal);-webkit-mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));-webkit-mask-size:auto;mask-size:auto}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiAccordion]:first-of-type:before{-webkit-mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiAccordion]:last-of-type:before{-webkit-mask-image:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask-image:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>tui-expand>*{padding:0;padding-inline-start:3rem}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>tui-expand:not(:last-child):before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;inline-size:1px;background:var(--tui-border-normal)}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiStep]{--t-image-size: 2rem;--t-connected-height: calc(100% - var(--t-image-size))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Styles, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-connected-${TUI_VERSION}`, styles: ["[tuiConnected]:where(*[data-tui-version=\"5.9.0\"]){--t-image-size: 2.5rem;--t-connected-height: calc(100% - var(--t-image-size) - .5rem)}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiCell]{padding:1rem}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiCell][data-size=m]{--t-image-size: 2rem}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiCell][data-size=s]{--t-image-size: 1.5rem}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])[tuiCardLarge][data-space] [tuiCell]{padding:1rem;margin:-1rem -1rem calc(1rem - var(--t-space))}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])[tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-block-end:-1rem}tui-accordion[tuiConnected]:where(*[data-tui-version=\"5.9.0\"]){--t-image-size: 2rem}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiAccordion]:before,[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiCell]:not(:last-of-type):before,[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiStep]:not(:last-of-type):before{content:\"\";position:absolute;display:block;inset-block-start:calc(var(--t-image-size) + .25rem);inset-inline-start:calc(var(--t-image-size) / 2);block-size:var(--t-connected-height);inline-size:1px;color:var(--tui-border-normal);background:linear-gradient(to bottom,currentColor 75%,transparent 75%) top center / 300% 300%;background-clip:content-box;padding:inherit}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiAccordion]{gap:1rem;--t-margin: 0}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiAccordion]:before{inset-block-start:0;inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;margin:0;background:var(--tui-border-normal);-webkit-mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));-webkit-mask-size:auto;mask-size:auto}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiAccordion]:first-of-type:before{-webkit-mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiAccordion]:last-of-type:before{-webkit-mask-image:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask-image:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>tui-expand>*{padding:0;padding-inline-start:3rem}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>tui-expand:not(:last-child):before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;inline-size:1px;background:var(--tui-border-normal)}[tuiConnected]:where(*[data-tui-version=\"5.9.0\"])>[tuiStep]{--t-image-size: 2rem;--t-connected-height: calc(100% - var(--t-image-size))}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-connected-${TUI_VERSION}`, styles: ["[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]){--t-image-size: 2.5rem;--t-connected-height: calc(100% - var(--t-image-size) - .5rem)}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiCell]{padding:1rem}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiCell][data-size=m]{--t-image-size: 2rem}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiCell][data-size=s]{--t-image-size: 1.5rem}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])[tuiCardLarge][data-space] [tuiCell]{padding:1rem;margin:-1rem -1rem calc(1rem - var(--t-space))}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])[tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-block-end:-1rem}tui-accordion[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]){--t-image-size: 2rem}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiAccordion]:before,[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiCell]:not(:last-of-type):before,[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiStep]:not(:last-of-type):before{content:\"\";position:absolute;display:block;inset-block-start:calc(var(--t-image-size) + .25rem);inset-inline-start:calc(var(--t-image-size) / 2);block-size:var(--t-connected-height);inline-size:1px;color:var(--tui-border-normal);background:linear-gradient(to bottom,currentColor 75%,transparent 75%) top center / 300% 300%;background-clip:content-box;padding:inherit}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiAccordion]{gap:1rem;--t-margin: 0}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiAccordion]:before{inset-block-start:0;inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;margin:0;background:var(--tui-border-normal);-webkit-mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));-webkit-mask-size:auto;mask-size:auto}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiAccordion]:first-of-type:before{-webkit-mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiAccordion]:last-of-type:before{-webkit-mask-image:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask-image:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>tui-expand>*{padding:0;padding-inline-start:3rem}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>tui-expand:not(:last-child):before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;inline-size:1px;background:var(--tui-border-normal)}[tuiConnected]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])>[tuiStep]{--t-image-size: 2rem;--t-connected-height: calc(100% - var(--t-image-size))}\n"] }]
         }] });
 class TuiConnected {
     constructor() {
         this.nothing = tuiWithStyles(Styles);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiConnected, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: TuiConnected, isStandalone: true, selector: "[tuiConnected]", host: { attributes: { "data-tui-version": "5.9.0" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiConnected, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: TuiConnected, isStandalone: true, selector: "[tuiConnected]", host: { attributes: { "data-tui-version": "5.10.0-canary.ae2d96d" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiConnected, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiConnected, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiConnected]',

package/fesm2022/taiga-ui-kit-directives-connected.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives-connected.mjs","sources":["../../../projects/kit/directives/connected/connected.directive.ts","../../../projects/kit/directives/connected/taiga-ui-kit-directives-connected.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './connected.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-connected-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiConnected]',\n    host: {'data-tui-version': TUI_VERSION},\n})\nexport class TuiConnected {\n    protected readonly nothing = tuiWithStyles(Styles);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AASA,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,2GAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qxGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,cAAA,EAAiB,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,qxGAAA,CAAA,EAAA;;MAQ/B,YAAY,CAAA;AAJzB,IAAA,WAAA,GAAA;AAKuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AACrD,IAAA;+GAFY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE,EAAC,kBAAkB,EAAE,WAAW,EAAC;AAC1C,iBAAA;;;ACzBD;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-kit-directives-connected.mjs","sources":["../../../projects/kit/directives/connected/connected.directive.ts","../../../projects/kit/directives/connected/taiga-ui-kit-directives-connected.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './connected.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-connected-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiConnected]',\n    host: {'data-tui-version': TUI_VERSION},\n})\nexport class TuiConnected {\n    protected readonly nothing = tuiWithStyles(Styles);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AASA,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,2HAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qiHAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,cAAA,EAAiB,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,qiHAAA,CAAA,EAAA;;MAQ/B,YAAY,CAAA;AAJzB,IAAA,WAAA,GAAA;AAKuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AACrD,IAAA;+GAFY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE,EAAC,kBAAkB,EAAE,WAAW,EAAC;AAC1C,iBAAA;;;ACzBD;;AAEG;;;;"}

package/fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs

@@ -65,10 +65,10 @@ class TuiDataListDropdownManager {
         });
         item?.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiDataListDropdownManager, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.21", type: TuiDataListDropdownManager, isStandalone: true, selector: "tui-data-list[tuiDataListDropdownManager]", queries: [{ propertyName: "dropdowns", predicate: TuiDropdownDirective, descendants: true, isSignal: true }, { propertyName: "els", predicate: TuiDropdownDirective, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiDataListDropdownManager, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.22", type: TuiDataListDropdownManager, isStandalone: true, selector: "tui-data-list[tuiDataListDropdownManager]", queries: [{ propertyName: "dropdowns", predicate: TuiDropdownDirective, descendants: true, isSignal: true }, { propertyName: "els", predicate: TuiDropdownDirective, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiDataListDropdownManager, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiDataListDropdownManager, decorators: [{
             type: Directive,
             args: [{ selector: 'tui-data-list[tuiDataListDropdownManager]' }]
         }] });

package/fesm2022/taiga-ui-kit-directives-fade.mjs

@@ -11,12 +11,12 @@ import { merge, fromEvent, filter } from 'rxjs';
 
 const BUFFER = 1; // buffer for rounding issues
 class Styles {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-fade-5.9.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiFade]:where(*[data-tui-version=\"5.9.0\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;overflow:auto;text-overflow:unset!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:where(*[data-tui-version=\"5.9.0\"])::-webkit-scrollbar,[tuiFade]:where(*[data-tui-version=\"5.9.0\"])::-webkit-scrollbar-thumb{display:none}[tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical]){overflow-y:hidden;-webkit-mask-image:linear-gradient(to right,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to left,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to left,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;-webkit-mask-size:calc(51% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),calc(50% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),100% calc(100% - var(--t-line-height, 100%));mask-size:calc(51% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),calc(50% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),100% calc(100% - var(--t-line-height, 100%))}[tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical])._start{-webkit-mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top}[tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical])._end{-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top}[tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[dir=rtl] [tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical])._end{-webkit-mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top}[dir=rtl] [tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical])._start{-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top}[dir=rtl] [tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade]:where(*[data-tui-version=\"5.9.0\"])[data-orientation=vertical]{overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to top,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to top,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset)));-webkit-mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);-webkit-mask-size:100% calc(51% + var(--t-fade-size) + var(--t-fade-offset));mask-size:100% calc(51% + var(--t-fade-size) + var(--t-fade-offset))}[tuiFade]:where(*[data-tui-version=\"5.9.0\"])[data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);mask-position:left top,left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px)}[tuiFade]:where(*[data-tui-version=\"5.9.0\"])[data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left bottom;mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left bottom}[tuiFade]:where(*[data-tui-version=\"5.9.0\"])[data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-fade-5.10.0-canary.ae2d96d"], ngImport: i0, template: '', isInline: true, styles: ["[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;overflow:auto;text-overflow:unset!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])::-webkit-scrollbar,[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])::-webkit-scrollbar-thumb{display:none}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical]){overflow-y:hidden;-webkit-mask-image:linear-gradient(to right,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to left,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to left,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;-webkit-mask-size:calc(51% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),calc(50% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),100% calc(100% - var(--t-line-height, 100%));mask-size:calc(51% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),calc(50% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),100% calc(100% - var(--t-line-height, 100%))}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical])._start{-webkit-mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical])._end{-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[dir=rtl] [tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical])._end{-webkit-mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top}[dir=rtl] [tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical])._start{-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top}[dir=rtl] [tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])[data-orientation=vertical]{overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to top,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to top,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset)));-webkit-mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);-webkit-mask-size:100% calc(51% + var(--t-fade-size) + var(--t-fade-offset));mask-size:100% calc(51% + var(--t-fade-size) + var(--t-fade-offset))}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])[data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);mask-position:left top,left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px)}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])[data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left bottom;mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left bottom}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])[data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Styles, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-fade-${TUI_VERSION}`, styles: ["[tuiFade]:where(*[data-tui-version=\"5.9.0\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;overflow:auto;text-overflow:unset!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:where(*[data-tui-version=\"5.9.0\"])::-webkit-scrollbar,[tuiFade]:where(*[data-tui-version=\"5.9.0\"])::-webkit-scrollbar-thumb{display:none}[tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical]){overflow-y:hidden;-webkit-mask-image:linear-gradient(to right,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to left,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to left,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;-webkit-mask-size:calc(51% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),calc(50% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),100% calc(100% - var(--t-line-height, 100%));mask-size:calc(51% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),calc(50% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),100% calc(100% - var(--t-line-height, 100%))}[tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical])._start{-webkit-mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top}[tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical])._end{-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top}[tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[dir=rtl] [tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical])._end{-webkit-mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top}[dir=rtl] [tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical])._start{-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top}[dir=rtl] [tuiFade]:where(*[data-tui-version=\"5.9.0\"]):not([data-orientation=vertical])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade]:where(*[data-tui-version=\"5.9.0\"])[data-orientation=vertical]{overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to top,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to top,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset)));-webkit-mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);-webkit-mask-size:100% calc(51% + var(--t-fade-size) + var(--t-fade-offset));mask-size:100% calc(51% + var(--t-fade-size) + var(--t-fade-offset))}[tuiFade]:where(*[data-tui-version=\"5.9.0\"])[data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);mask-position:left top,left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px)}[tuiFade]:where(*[data-tui-version=\"5.9.0\"])[data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left bottom;mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left bottom}[tuiFade]:where(*[data-tui-version=\"5.9.0\"])[data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-fade-${TUI_VERSION}`, styles: ["[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;overflow:auto;text-overflow:unset!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])::-webkit-scrollbar,[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])::-webkit-scrollbar-thumb{display:none}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical]){overflow-y:hidden;-webkit-mask-image:linear-gradient(to right,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to left,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to left,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;-webkit-mask-size:calc(51% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),calc(50% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),100% calc(100% - var(--t-line-height, 100%));mask-size:calc(51% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),calc(50% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),100% calc(100% - var(--t-line-height, 100%))}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical])._start{-webkit-mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical])._end{-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[dir=rtl] [tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical])._end{-webkit-mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top}[dir=rtl] [tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical])._start{-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top}[dir=rtl] [tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"]):not([data-orientation=vertical])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])[data-orientation=vertical]{overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to top,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to top,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset)));-webkit-mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);-webkit-mask-size:100% calc(51% + var(--t-fade-size) + var(--t-fade-offset));mask-size:100% calc(51% + var(--t-fade-size) + var(--t-fade-offset))}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])[data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);mask-position:left top,left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px)}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])[data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left bottom;mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left bottom}[tuiFade]:where(*[data-tui-version=\"5.10.0-canary.ae2d96d\"])[data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"] }]
         }] });
 class TuiFade {
     constructor() {
@@ -46,8 +46,8 @@ class TuiFade {
                 // horizontal multiline fade can kick in early due to hanging elements of fonts so using bigger buffer
                 scrollHeight > clientHeight + 4 * BUFFER;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiFade, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", type: TuiFade, isStandalone: true, selector: "[tuiFade]", inputs: { lineHeight: { classPropertyName: "lineHeight", publicName: "tuiFadeHeight", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "tuiFadeSize", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "tuiFadeOffset", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "tuiFade", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.9.0" }, properties: { "attr.data-orientation": "orientation()", "style.--t-fade-offset": "offset()", "style.--t-fade-size": "size()", "style.--t-line-height": "lineHeight()", "style.line-height": "lineHeight()", "style.transition": "\"none\"" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiFade, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: TuiFade, isStandalone: true, selector: "[tuiFade]", inputs: { lineHeight: { classPropertyName: "lineHeight", publicName: "tuiFadeHeight", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "tuiFadeSize", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "tuiFadeOffset", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "tuiFade", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.10.0-canary.ae2d96d" }, properties: { "attr.data-orientation": "orientation()", "style.--t-fade-offset": "offset()", "style.--t-fade-size": "size()", "style.--t-line-height": "lineHeight()", "style.line-height": "lineHeight()", "style.transition": "\"none\"" } }, providers: [
             WaResizeObserverService,
             WaMutationObserverService,
             {
@@ -56,7 +56,7 @@ class TuiFade {
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiFade, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TuiFade, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiFade]',