@taiga-ui/kit 5.11.0 → 5.12.0

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

@@ -40,10 +40,10 @@ class TuiTextareaComponent {
             this.text()?.nativeElement.scrollTo({ top: this.el.scrollTop });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.24", type: TuiTextareaComponent, isStandalone: true, selector: "textarea[tuiTextarea]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "scroll.once": "onScroll()", "scroll.zoneless": "onScroll()" }, properties: { "class._mobile": "isMobile" } }, providers: [tuiProvide(TUI_SCROLL_REF, ElementRef)], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }, { propertyName: "text", first: true, predicate: ["text"], descendants: true, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1.TuiWithInput }], ngImport: i0, template: "<ng-template>\n    @if (!isMobile) {\n        <tui-scroll-controls\n            class=\"t-scroll\"\n            (click.prevent)=\"(0)\"\n        />\n    }\n    <span\n        #text\n        aria-hidden=\"true\"\n        class=\"t-ghost\"\n        [style.max-height.em]=\"1.25 * max()\"\n        [style.min-height.em]=\"1.25 * min()\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: el.value}\">{{ text }}</ng-container>\n    </span>\n</ng-template>\n", styles: [":host-context(tui-textfield._with-label[data-size=\"m\"]._with-label[data-size=\"m\"]){border-block-start-width:calc(.5rem + var(--t-height) / 3);padding-block:0}:host-context(tui-textfield._with-label[data-size=\"l\"]._with-label[data-size=\"l\"]){border-block-start-width:calc(.625rem + var(--t-height) / 3);padding-block:0}:host-context(tui-textfield[data-size=\"s\"]){padding-block:.5rem .25rem}:host-context(tui-textfield[data-size=\"m\"]){padding-block:.875rem .25rem}:host-context(tui-textfield[data-size=\"l\"]){padding-block:1.125rem .375rem}:host-context(tui-textfield:has(.t-ghost > * > span)){overscroll-behavior:none}:host:host{block-size:100%;white-space:pre-wrap;overflow:auto;word-break:break-word;border:0 solid transparent}:host:host:not(._mobile){scrollbar-width:none;-ms-overflow-style:none}:host:host:not(._mobile)::-webkit-scrollbar,:host:host:not(._mobile)::-webkit-scrollbar-thumb{display:none}.t-scroll{position:absolute;inset:.25rem 0;min-block-size:0}::ng-deep tui-textfield._with-label[data-size=m] .t-scroll{inset-block-start:calc(.5rem + var(--t-height) / 3)}::ng-deep tui-textfield._with-label[data-size=l] .t-scroll{inset-block-start:calc(.625rem + var(--t-height) / 3)}.t-ghost{position:relative;z-index:1;order:1;inline-size:calc(100% - var(--t-start) - var(--t-end) - var(--t-side));white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;padding-inline-start:var(--t-start);padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-space));pointer-events:none;box-sizing:content-box;overflow:hidden;color:transparent}.t-ghost:after{content:\" \"}::ng-deep tui-textfield._with-label[data-size=m] textarea~.t-ghost{margin-block-start:calc(-1.25 * var(--tui-font-offset) - 1.375rem);padding-block-end:.3125rem}::ng-deep tui-textfield._with-label[data-size=l] textarea~.t-ghost{margin-block-start:calc(-1.25 * var(--tui-font-offset) - 1.75rem);padding-block-end:.5rem}::ng-deep tui-textfield[data-size=s] textarea~.t-ghost{margin-block-start:-1.625rem;padding-block-end:.5rem}::ng-deep tui-textfield[data-size=m] textarea~.t-ghost{margin-block-start:-2rem;padding-block-end:.875rem}::ng-deep tui-textfield[data-size=l] textarea~.t-ghost{margin-block-start:-2.5rem;padding-block-end:1rem}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiScrollControls, selector: "tui-scroll-controls" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiTextareaComponent, isStandalone: true, selector: "textarea[tuiTextarea]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "scroll.once": "onScroll()", "scroll.zoneless": "onScroll()" }, properties: { "class._mobile": "isMobile" } }, providers: [tuiProvide(TUI_SCROLL_REF, ElementRef)], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }, { propertyName: "text", first: true, predicate: ["text"], descendants: true, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1.TuiWithInput }], ngImport: i0, template: "<ng-template>\n    @if (!isMobile) {\n        <tui-scroll-controls\n            class=\"t-scroll\"\n            (click.prevent)=\"(0)\"\n        />\n    }\n    <span\n        #text\n        aria-hidden=\"true\"\n        class=\"t-ghost\"\n        [style.max-height.em]=\"1.25 * max()\"\n        [style.min-height.em]=\"1.25 * min()\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: el.value}\">{{ text }}</ng-container>\n    </span>\n</ng-template>\n", styles: [":host-context(tui-textfield._with-label[data-size=\"m\"]._with-label[data-size=\"m\"]){border-block-start-width:calc(.5rem + var(--t-height) / 3);padding-block:0}:host-context(tui-textfield._with-label[data-size=\"l\"]._with-label[data-size=\"l\"]){border-block-start-width:calc(.625rem + var(--t-height) / 3);padding-block:0}:host-context(tui-textfield[data-size=\"s\"]){padding-block:.5rem .25rem}:host-context(tui-textfield[data-size=\"m\"]){padding-block:.875rem .25rem}:host-context(tui-textfield[data-size=\"l\"]){padding-block:1.125rem .375rem}:host-context(tui-textfield:has(.t-ghost > * > span)){overscroll-behavior:none}:host:host{block-size:100%;white-space:pre-wrap;overflow:auto;word-break:break-word;border:0 solid transparent}:host:host:not(._mobile){scrollbar-width:none;-ms-overflow-style:none}:host:host:not(._mobile)::-webkit-scrollbar,:host:host:not(._mobile)::-webkit-scrollbar-thumb{display:none}.t-scroll{position:absolute;inset:.25rem 0;min-block-size:0}::ng-deep tui-textfield._with-label[data-size=m] .t-scroll{inset-block-start:calc(.5rem + var(--t-height) / 3)}::ng-deep tui-textfield._with-label[data-size=l] .t-scroll{inset-block-start:calc(.625rem + var(--t-height) / 3)}.t-ghost{position:relative;z-index:1;order:1;inline-size:calc(100% - var(--t-start) - var(--t-end) - var(--t-side));white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;padding-inline-start:var(--t-start);padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-space));pointer-events:none;box-sizing:content-box;overflow:hidden;color:transparent}.t-ghost:after{content:\" \"}::ng-deep tui-textfield._with-label[data-size=m] textarea~.t-ghost{margin-block-start:calc(-1.25 * var(--tui-font-offset) - 1.375rem);padding-block-end:.3125rem}::ng-deep tui-textfield._with-label[data-size=l] textarea~.t-ghost{margin-block-start:calc(-1.25 * var(--tui-font-offset) - 1.75rem);padding-block-end:.5rem}::ng-deep tui-textfield[data-size=s] textarea~.t-ghost{margin-block-start:-1.625rem;padding-block-end:.5rem}::ng-deep tui-textfield[data-size=m] textarea~.t-ghost{margin-block-start:-2rem;padding-block-end:.875rem}::ng-deep tui-textfield[data-size=l] textarea~.t-ghost{margin-block-start:-2.5rem;padding-block-end:1rem}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiScrollControls, selector: "tui-scroll-controls" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTextareaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'textarea[tuiTextarea]', imports: [PolymorpheusOutlet, TuiScrollControls], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiProvide(TUI_SCROLL_REF, ElementRef)], hostDirectives: [TuiWithInput], host: {
                         ngSkipHydration: 'true',
@@ -59,10 +59,10 @@ class TuiTextareaCounter {
         this.limit = signal(0);
         this.length = signal(0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTextareaCounter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.24", type: TuiTextareaCounter, isStandalone: true, selector: "ng-component", ngImport: i0, template: '@if (limit()) { {{ length() }} / {{ limit() }} } ', isInline: true, styles: [":host{z-index:1;inline-size:100%;order:2;text-align:end;pointer-events:none;padding-block-end:.75rem;font:var(--tui-typography-ui-2xs);color:var(--tui-text-secondary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextareaCounter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiTextareaCounter, isStandalone: true, selector: "ng-component", ngImport: i0, template: '@if (limit()) { {{ length() }} / {{ limit() }} } ', isInline: true, styles: [":host{z-index:1;inline-size:100%;order:2;text-align:end;pointer-events:none;padding-block-end:.75rem;font:var(--tui-typography-ui-2xs);color:var(--tui-text-secondary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTextareaCounter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextareaCounter, decorators: [{
             type: Component,
             args: [{ template: '@if (limit()) { {{ length() }} / {{ limit() }} } ', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{z-index:1;inline-size:100%;order:2;text-align:end;pointer-events:none;padding-block-end:.75rem;font:var(--tui-typography-ui-2xs);color:var(--tui-text-secondary)}\n"] }]
         }] });
@@ -71,15 +71,15 @@ class TuiTextareaLimit {
         this.limit = inject(TuiTextareaDirective).limit;
         this.context = injectContext();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTextareaLimit, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.24", type: TuiTextareaLimit, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextareaLimit, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiTextareaLimit, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
         <ng-container>{{ context.$implicit.slice(0, limit()) }}</ng-container>
         @if (limit() <= context.$implicit.length) {
             <span [textContent]="context.$implicit.slice(limit())"></span>
         }
     `, isInline: true, styles: ["span:last-child{background:linear-gradient(transparent .25rem,var(--tui-status-negative-pale) .25rem,var(--tui-status-negative-pale) 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTextareaLimit, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextareaLimit, decorators: [{
             type: Component,
             args: [{ template: `
         <ng-container>{{ context.$implicit.slice(0, limit()) }}</ng-container>
@@ -103,13 +103,13 @@ class TuiTextareaDirective {
     validate(control) {
         return Validators.maxLength(this.limit())(control);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTextareaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.24", type: TuiTextareaDirective, isStandalone: true, selector: "[tuiTextarea][limit]", inputs: { limit: { classPropertyName: "limit", publicName: "limit", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.border-block-end-width.rem": "size() === \"l\" ? 1.875 : 1.75" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextareaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiTextareaDirective, isStandalone: true, selector: "[tuiTextarea][limit]", inputs: { limit: { classPropertyName: "limit", publicName: "limit", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.border-block-end-width.rem": "size() === \"l\" ? 1.875 : 1.75" } }, providers: [
             tuiProvide(NG_VALIDATORS, TuiTextareaDirective, true),
             tuiTextareaOptionsProvider({ content: COMPONENT }),
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTextareaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextareaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiTextarea][limit]',

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

@@ -71,17 +71,17 @@ class TuiTilesComponent {
             : new Map(elements.map((_, index) => [index, index]));
         return this.handler(order, currentIndex, newIndex);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.24", type: TuiTilesComponent, isStandalone: true, selector: "tui-tiles", inputs: { debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { order: "orderChange" }, host: { attributes: { "data-tui-version": "5.11.0" }, listeners: { "pointerleave.zoneless": "rearrange()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiTilesComponent, isStandalone: true, selector: "tui-tiles", inputs: { debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { order: "orderChange" }, host: { attributes: { "data-tui-version": "5.12.0" }, listeners: { "pointerleave.zoneless": "rearrange()" } }, providers: [
             WaResizeObserverService,
             WaMutationObserverService,
             {
                 provide: WA_MUTATION_OBSERVER_INIT,
                 useValue: { childList: true },
             },
-        ], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-tiles:where(*[data-tui-version=\"5.11.0\"]){position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}tui-tiles:where(*[data-tui-version=\"5.11.0\"])._dragged tui-tile>.t-wrapper{pointer-events:none}tui-tiles:where(*[data-tui-version=\"5.11.0\"])._dragged tui-tile:not(._dragged)>.t-wrapper,tui-tiles:where(*[data-tui-version=\"5.11.0\"]):not(._dragged) tui-tile._dragged>.t-wrapper{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;transition-delay:1ms}tui-tile:where(*[data-tui-version=\"5.11.0\"])>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile:where(*[data-tui-version=\"5.11.0\"])._dragged>.t-wrapper,tui-tile:where(*[data-tui-version=\"5.11.0\"]):has(tui-tile:where(*[data-tui-version=\"5.11.0\"])._dragged)>.t-wrapper{z-index:1}tui-tile:where(*[data-tui-version=\"5.11.0\"]) [tuiTileHandle]{touch-action:none;-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-tiles:where(*[data-tui-version=\"5.12.0\"]){position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}tui-tiles:where(*[data-tui-version=\"5.12.0\"])._dragged tui-tile>.t-wrapper{pointer-events:none}tui-tiles:where(*[data-tui-version=\"5.12.0\"])._dragged tui-tile:not(._dragged)>.t-wrapper,tui-tiles:where(*[data-tui-version=\"5.12.0\"]):not(._dragged) tui-tile._dragged>.t-wrapper{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;transition-delay:1ms}tui-tile:where(*[data-tui-version=\"5.12.0\"])>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile:where(*[data-tui-version=\"5.12.0\"])._dragged>.t-wrapper,tui-tile:where(*[data-tui-version=\"5.12.0\"]):has(tui-tile:where(*[data-tui-version=\"5.12.0\"])._dragged)>.t-wrapper{z-index:1}tui-tile:where(*[data-tui-version=\"5.12.0\"]) [tuiTileHandle]{touch-action:none;-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTilesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTilesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tui-tiles', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         WaResizeObserverService,
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImpo
                             provide: WA_MUTATION_OBSERVER_INIT,
                             useValue: { childList: true },
                         },
-                    ], host: { 'data-tui-version': TUI_VERSION, '(pointerleave.zoneless)': 'rearrange()' }, styles: ["tui-tiles:where(*[data-tui-version=\"5.11.0\"]){position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}tui-tiles:where(*[data-tui-version=\"5.11.0\"])._dragged tui-tile>.t-wrapper{pointer-events:none}tui-tiles:where(*[data-tui-version=\"5.11.0\"])._dragged tui-tile:not(._dragged)>.t-wrapper,tui-tiles:where(*[data-tui-version=\"5.11.0\"]):not(._dragged) tui-tile._dragged>.t-wrapper{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;transition-delay:1ms}tui-tile:where(*[data-tui-version=\"5.11.0\"])>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile:where(*[data-tui-version=\"5.11.0\"])._dragged>.t-wrapper,tui-tile:where(*[data-tui-version=\"5.11.0\"]):has(tui-tile:where(*[data-tui-version=\"5.11.0\"])._dragged)>.t-wrapper{z-index:1}tui-tile:where(*[data-tui-version=\"5.11.0\"]) [tuiTileHandle]{touch-action:none;-webkit-user-select:none;user-select:none}\n"] }]
+                    ], host: { 'data-tui-version': TUI_VERSION, '(pointerleave.zoneless)': 'rearrange()' }, styles: ["tui-tiles:where(*[data-tui-version=\"5.12.0\"]){position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}tui-tiles:where(*[data-tui-version=\"5.12.0\"])._dragged tui-tile>.t-wrapper{pointer-events:none}tui-tiles:where(*[data-tui-version=\"5.12.0\"])._dragged tui-tile:not(._dragged)>.t-wrapper,tui-tiles:where(*[data-tui-version=\"5.12.0\"]):not(._dragged) tui-tile._dragged>.t-wrapper{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;transition-delay:1ms}tui-tile:where(*[data-tui-version=\"5.12.0\"])>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile:where(*[data-tui-version=\"5.12.0\"])._dragged>.t-wrapper,tui-tile:where(*[data-tui-version=\"5.12.0\"]):has(tui-tile:where(*[data-tui-version=\"5.12.0\"])._dragged)>.t-wrapper{z-index:1}tui-tile:where(*[data-tui-version=\"5.12.0\"]) [tuiTileHandle]{touch-action:none;-webkit-user-select:none;user-select:none}\n"] }]
         }] });
 
 class TuiTileService {
@@ -168,10 +168,10 @@ class TuiTileService {
         style.top = tuiPx(rect.top - host.top + this.el.offsetTop);
         style.left = tuiPx(rect.left - host.left + this.el.offsetLeft);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTileService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTileService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTileService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTileService, decorators: [{
             type: Injectable
         }] });
 
@@ -205,10 +205,10 @@ class TuiTile {
             this.tiles.element.set(null);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTile, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.24", type: TuiTile, isStandalone: true, selector: "tui-tile", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.11.0" }, listeners: { "pointerenter": "tiles.rearrange(element)" }, properties: { "class._dragged": "dragged()", "style.grid-column": "`span var(--tui-width, ${width()})`", "style.grid-row": "`span var(--tui-height, ${height()})`" } }, providers: [TuiTileService], viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div\n    #wrapper\n    class=\"t-wrapper\"\n    (transitionend.self)=\"dragged.set(false)\"\n>\n    <ng-content />\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTile, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: TuiTile, isStandalone: true, selector: "tui-tile", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.12.0" }, listeners: { "pointerenter": "tiles.rearrange(element)" }, properties: { "class._dragged": "dragged()", "style.grid-column": "`span var(--tui-width, ${width()})`", "style.grid-row": "`span var(--tui-height, ${height()})`" } }, providers: [TuiTileService], viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div\n    #wrapper\n    class=\"t-wrapper\"\n    (transitionend.self)=\"dragged.set(false)\"\n>\n    <ng-content />\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTile, decorators: [{
             type: Component,
             args: [{ selector: 'tui-tile', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TuiTileService], host: {
                         'data-tui-version': TUI_VERSION,
@@ -250,10 +250,10 @@ class TuiTileHandle {
         }
         this.onPointer(x, y);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTileHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.24", type: TuiTileHandle, isStandalone: true, selector: "[tuiTileHandle]", host: { listeners: { "pointerdown.zoneless.prevent": "onStart($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTileHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TuiTileHandle, isStandalone: true, selector: "[tuiTileHandle]", host: { listeners: { "pointerdown.zoneless.prevent": "onStart($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTileHandle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTileHandle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiTileHandle]',

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

@@ -29,10 +29,10 @@ class TuiTimelineItem {
         this.value.set([this.offset(), this.offset() + length]);
         input.valueAsNumber = this.offset();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.24", type: TuiTimelineItem, isStandalone: true, selector: "label[tuiTimelineItem]", inputs: { draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "style.inline-size.%": "timeline.d() * (value()[1] - value()[0])", "style.inset-inline-start.%": "timeline.d() * offset()" } }, ngImport: i0, template: "@if (draggable()) {\n    <input\n        #drag\n        type=\"range\"\n        class=\"t-input t-input_drag\"\n        [max]=\"timeline.max() - value()[1] + value()[0]\"\n        [style.--drag.%]=\"timeline.d() * (value()[1] - value()[0])\"\n        [(ngModel)]=\"offset\"\n        (ngModelChange)=\"update(drag)\"\n    />\n}\n@if (resizable()) {\n    <input\n        type=\"range\"\n        class=\"t-input\"\n        [max]=\"value()[1] - 1\"\n        [min]=\"min()\"\n        [style.inset-inline-end.%]=\"timeline.d() * (timeline.max() - value()[1])\"\n        [style.inset-inline-start.%]=\"timeline.d() * min()\"\n        [(ngModel)]=\"value()[0]\"\n        (ngModelChange)=\"value.set([value()[0], value()[1]])\"\n    />\n    <input\n        type=\"range\"\n        class=\"t-input\"\n        [max]=\"max()\"\n        [min]=\"value()[0] + 1\"\n        [style.inset-inline-end.%]=\"timeline.d() * (timeline.max() - max())\"\n        [style.inset-inline-start.%]=\"timeline.d() * value()[0]\"\n        [(ngModel)]=\"value()[1]\"\n        (ngModelChange)=\"value.set([value()[0], value()[1]])\"\n    />\n}\n<ng-content />\n", styles: [":host{position:absolute;inset:0;pointer-events:none}.t-input{position:fixed;inset:0;margin:0;-webkit-appearance:none;appearance:none;pointer-events:none;background:none;outline:none;cursor:ew-resize;--drag: 1rem}:host-context(tui-timeline[data-orientation=\"vertical\"]) .t-input:not(.t-input_drag){cursor:ns-resize}.t-input_drag{cursor:grab}.t-input_drag:active{cursor:grabbing}.t-input::-webkit-slider-runnable-track{block-size:100%}.t-input::-webkit-slider-thumb{block-size:100%;inline-size:var(--drag);-webkit-appearance:none;appearance:none;background:none;border:none;pointer-events:auto;border-radius:var(--tui-radius-xs)}.t-input::-moz-range-thumb{block-size:100%;inline-size:var(--drag);-webkit-appearance:none;appearance:none;background:none;border:none;pointer-events:auto;border-radius:var(--tui-radius-xs)}.t-input:focus-visible::-webkit-slider-thumb{outline:.125rem solid var(--tui-border-focus)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiTimelineItem, isStandalone: true, selector: "label[tuiTimelineItem]", inputs: { draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "style.inline-size.%": "timeline.d() * (value()[1] - value()[0])", "style.inset-inline-start.%": "timeline.d() * offset()" } }, ngImport: i0, template: "@if (draggable()) {\n    <input\n        #drag\n        type=\"range\"\n        class=\"t-input t-input_drag\"\n        [max]=\"timeline.max() - value()[1] + value()[0]\"\n        [style.--drag.%]=\"timeline.d() * (value()[1] - value()[0])\"\n        [(ngModel)]=\"offset\"\n        (ngModelChange)=\"update(drag)\"\n    />\n}\n@if (resizable()) {\n    <input\n        type=\"range\"\n        class=\"t-input\"\n        [max]=\"value()[1] - 1\"\n        [min]=\"min()\"\n        [style.inset-inline-end.%]=\"timeline.d() * (timeline.max() - value()[1])\"\n        [style.inset-inline-start.%]=\"timeline.d() * min()\"\n        [(ngModel)]=\"value()[0]\"\n        (ngModelChange)=\"value.set([value()[0], value()[1]])\"\n    />\n    <input\n        type=\"range\"\n        class=\"t-input\"\n        [max]=\"max()\"\n        [min]=\"value()[0] + 1\"\n        [style.inset-inline-end.%]=\"timeline.d() * (timeline.max() - max())\"\n        [style.inset-inline-start.%]=\"timeline.d() * value()[0]\"\n        [(ngModel)]=\"value()[1]\"\n        (ngModelChange)=\"value.set([value()[0], value()[1]])\"\n    />\n}\n<ng-content />\n", styles: [":host{position:absolute;inset:0;pointer-events:none}.t-input{position:fixed;inset:0;margin:0;-webkit-appearance:none;appearance:none;pointer-events:none;background:none;outline:none;cursor:ew-resize;--drag: 1rem}:host-context(tui-timeline[data-orientation=\"vertical\"]) .t-input:not(.t-input_drag){cursor:ns-resize}.t-input_drag{cursor:grab}.t-input_drag:active{cursor:grabbing}.t-input::-webkit-slider-runnable-track{block-size:100%}.t-input::-webkit-slider-thumb{block-size:100%;inline-size:var(--drag);-webkit-appearance:none;appearance:none;background:none;border:none;pointer-events:auto;border-radius:var(--tui-radius-xs)}.t-input::-moz-range-thumb{block-size:100%;inline-size:var(--drag);-webkit-appearance:none;appearance:none;background:none;border:none;pointer-events:auto;border-radius:var(--tui-radius-xs)}.t-input:focus-visible::-webkit-slider-thumb{outline:.125rem solid var(--tui-border-focus)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTimelineItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTimelineItem, decorators: [{
             type: Component,
             args: [{ selector: 'label[tuiTimelineItem]', imports: [FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[style.inline-size.%]': 'timeline.d() * (value()[1] - value()[0])',
@@ -50,10 +50,10 @@ class TuiTimelineComponent {
         this.template = input();
         this.max = input(100);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.24", type: TuiTimelineComponent, isStandalone: true, selector: "tui-timeline", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-orientation": "orientation()" } }, queries: [{ propertyName: "items", predicate: TuiTimelineItem, isSignal: true }], ngImport: i0, template: "@for (_ of '-'.repeat(value().length + 1); track value()[$index]) {\n    @let gap = gaps()[$index] ?? [0, 0];\n    @if (gap[0] < gap[1]) {\n        <span\n            class=\"t-gap\"\n            [style.inline-size.%]=\"(gap[1] - gap[0]) * d()\"\n            [style.inset-inline-start.%]=\"gap[0] * d()\"\n        >\n            <ng-container\n                [ngTemplateOutlet]=\"template() || null\"\n                [ngTemplateOutletContext]=\"{$implicit: $index}\"\n            />\n        </span>\n    }\n}\n<ng-content />\n", styles: [":host{display:block;transform:translateZ(0)}:host[data-orientation=vertical]{writing-mode:vertical-lr}.t-gap{position:absolute;block-size:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiTimelineComponent, isStandalone: true, selector: "tui-timeline", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-orientation": "orientation()" } }, queries: [{ propertyName: "items", predicate: TuiTimelineItem, isSignal: true }], ngImport: i0, template: "@for (_ of '-'.repeat(value().length + 1); track value()[$index]) {\n    @let gap = gaps()[$index] ?? [0, 0];\n    @if (gap[0] < gap[1]) {\n        <span\n            class=\"t-gap\"\n            [style.inline-size.%]=\"(gap[1] - gap[0]) * d()\"\n            [style.inset-inline-start.%]=\"gap[0] * d()\"\n        >\n            <ng-container\n                [ngTemplateOutlet]=\"template() || null\"\n                [ngTemplateOutletContext]=\"{$implicit: $index}\"\n            />\n        </span>\n    }\n}\n<ng-content />\n", styles: [":host{display:block;transform:translateZ(0)}:host[data-orientation=vertical]{writing-mode:vertical-lr}.t-gap{position:absolute;block-size:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTimelineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tui-timeline', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: { '[attr.data-orientation]': 'orientation()' }, template: "@for (_ of '-'.repeat(value().length + 1); track value()[$index]) {\n    @let gap = gaps()[$index] ?? [0, 0];\n    @if (gap[0] < gap[1]) {\n        <span\n            class=\"t-gap\"\n            [style.inline-size.%]=\"(gap[1] - gap[0]) * d()\"\n            [style.inset-inline-start.%]=\"gap[0] * d()\"\n        >\n            <ng-container\n                [ngTemplateOutlet]=\"template() || null\"\n                [ngTemplateOutletContext]=\"{$implicit: $index}\"\n            />\n        </span>\n    }\n}\n<ng-content />\n", styles: [":host{display:block;transform:translateZ(0)}:host[data-orientation=vertical]{writing-mode:vertical-lr}.t-gap{position:absolute;block-size:100%}\n"] }]
         }] });

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

@@ -28,12 +28,12 @@ import { injectContext, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
 import { of, switchMap, EMPTY, timer, takeUntil, fromEvent, repeat } from 'rxjs';
 
 class Styles {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.24", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-toast-5.11.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiToast]:where(*[data-tui-version=\"5.11.0\"]){transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:grid;grid-auto-flow:column;grid-row:1 / span 2;grid-template-rows:1fr auto;box-sizing:border-box;gap:0 .75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:max-content;font:var(--tui-typography-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToast]:where(*[data-tui-version=\"5.11.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>*:not(tui-shrink-wrap){max-inline-size:50%;margin:0 -.25rem}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>*{grid-row:1}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>[tuiButtonX],[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>[tuiIconButton],[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>:first-child:not(tui-shrink-wrap,[tuiButton]){grid-row:span 2}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>tui-icon:not([tuiBadge]),[tuiToast]:where(*[data-tui-version=\"5.11.0\"]):after,[tuiToast]:where(*[data-tui-version=\"5.11.0\"]):before{min-inline-size:1em;margin:0 -.25rem;grid-row:span 2}[tuiToast]:where(*[data-tui-version=\"5.11.0\"]):after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>[tuiAvatar]{margin-inline-end:0}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>tui-loader,[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>[tuiButton]{inline-size:fit-content;min-inline-size:fit-content}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])._rearranged>[tuiButton]{grid-row:2;margin:.75rem 0 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-toast-5.12.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiToast]:where(*[data-tui-version=\"5.12.0\"]){transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:grid;grid-auto-flow:column;grid-row:1 / span 2;grid-template-rows:1fr auto;box-sizing:border-box;gap:0 .75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:max-content;font:var(--tui-typography-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToast]:where(*[data-tui-version=\"5.12.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>*:not(tui-shrink-wrap){max-inline-size:50%;margin:0 -.25rem}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>*{grid-row:1}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>[tuiButtonX],[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>[tuiIconButton],[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>:first-child:not(tui-shrink-wrap,[tuiButton]){grid-row:span 2}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>tui-icon:not([tuiBadge]),[tuiToast]:where(*[data-tui-version=\"5.12.0\"]):after,[tuiToast]:where(*[data-tui-version=\"5.12.0\"]):before{min-inline-size:1em;margin:0 -.25rem;grid-row:span 2}[tuiToast]:where(*[data-tui-version=\"5.12.0\"]):after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>[tuiAvatar]{margin-inline-end:0}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>tui-loader,[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>[tuiButton]{inline-size:fit-content;min-inline-size:fit-content}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])._rearranged>[tuiButton]{grid-row:2;margin:.75rem 0 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: Styles, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-toast-${TUI_VERSION}`, styles: ["[tuiToast]:where(*[data-tui-version=\"5.11.0\"]){transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:grid;grid-auto-flow:column;grid-row:1 / span 2;grid-template-rows:1fr auto;box-sizing:border-box;gap:0 .75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:max-content;font:var(--tui-typography-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToast]:where(*[data-tui-version=\"5.11.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>*:not(tui-shrink-wrap){max-inline-size:50%;margin:0 -.25rem}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>*{grid-row:1}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>[tuiButtonX],[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>[tuiIconButton],[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>:first-child:not(tui-shrink-wrap,[tuiButton]){grid-row:span 2}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>tui-icon:not([tuiBadge]),[tuiToast]:where(*[data-tui-version=\"5.11.0\"]):after,[tuiToast]:where(*[data-tui-version=\"5.11.0\"]):before{min-inline-size:1em;margin:0 -.25rem;grid-row:span 2}[tuiToast]:where(*[data-tui-version=\"5.11.0\"]):after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>[tuiAvatar]{margin-inline-end:0}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>tui-loader,[tuiToast]:where(*[data-tui-version=\"5.11.0\"])>[tuiButton]{inline-size:fit-content;min-inline-size:fit-content}[tuiToast]:where(*[data-tui-version=\"5.11.0\"])._rearranged>[tuiButton]{grid-row:2;margin:.75rem 0 0}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-toast-${TUI_VERSION}`, styles: ["[tuiToast]:where(*[data-tui-version=\"5.12.0\"]){transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:grid;grid-auto-flow:column;grid-row:1 / span 2;grid-template-rows:1fr auto;box-sizing:border-box;gap:0 .75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:max-content;font:var(--tui-typography-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToast]:where(*[data-tui-version=\"5.12.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>*:not(tui-shrink-wrap){max-inline-size:50%;margin:0 -.25rem}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>*{grid-row:1}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>[tuiButtonX],[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>[tuiIconButton],[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>:first-child:not(tui-shrink-wrap,[tuiButton]){grid-row:span 2}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>tui-icon:not([tuiBadge]),[tuiToast]:where(*[data-tui-version=\"5.12.0\"]):after,[tuiToast]:where(*[data-tui-version=\"5.12.0\"]):before{min-inline-size:1em;margin:0 -.25rem;grid-row:span 2}[tuiToast]:where(*[data-tui-version=\"5.12.0\"]):after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>[tuiAvatar]{margin-inline-end:0}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>tui-loader,[tuiToast]:where(*[data-tui-version=\"5.12.0\"])>[tuiButton]{inline-size:fit-content;min-inline-size:fit-content}[tuiToast]:where(*[data-tui-version=\"5.12.0\"])._rearranged>[tuiButton]{grid-row:2;margin:.75rem 0 0}\n"] }]
         }] });
 class TuiToastDirective {
     constructor() {
@@ -42,8 +42,8 @@ class TuiToastDirective {
         this.offset = inject(TUI_FONT_OFFSET);
         this.width = tuiDirectiveBinding(TuiShrinkWrapDirective, 'tuiShrinkWrap', this.tuiShrinkWrap);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.24", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", inputs: { tuiShrinkWrap: { classPropertyName: "tuiShrinkWrap", publicName: "tuiShrinkWrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class._rearranged": "offset() > 10" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", inputs: { tuiShrinkWrap: { classPropertyName: "tuiShrinkWrap", publicName: "tuiShrinkWrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class._rearranged": "offset() > 10" } }, providers: [
             tuiBadgeOptionsProvider({ size: 'l' }),
             tuiAvatarOptionsProvider(() => ({
                 size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',
@@ -61,7 +61,7 @@ class TuiToastDirective {
             },
         ], hostDirectives: [{ directive: i1.TuiWithIcons }, { directive: i2.TuiShrinkWrapDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiToastDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiToastDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiToast]:not(ng-template)',
@@ -108,10 +108,10 @@ class TuiToastComponent {
             this.context.$implicit.complete();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.24", type: TuiToastComponent, isStandalone: true, selector: "tui-toast", host: { attributes: { "role": "status" }, properties: { "attr.data-appearance": "context.appearance", "class._mobile": "isMobile" } }, providers: [tuiButtonXOptionsProvider({ size: 'xs', appearance: 'icon' })], viewQueries: [{ propertyName: "close", first: true, predicate: TuiButton, descendants: true, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiAnimated }, { directive: i2$1.TuiAlertDirective }], ngImport: i0, template: "<div\n    class=\"t-wrapper\"\n    (tuiSwipe)=\"onSwipe()\"\n>\n    <div\n        *polymorpheusOutlet=\"context.content as text; context: context\"\n        tuiToast\n        [iconStart]=\"context.data?.toString() || ''\"\n    >\n        <tui-shrink-wrap><span [innerHTML]=\"text\"></span></tui-shrink-wrap>\n    </div>\n    @if (context.closable && !isMobile) {\n        <button\n            tuiButtonX\n            (click.stop.prevent)=\"context.$implicit.complete()\"\n        >\n            Close\n        </button>\n    }\n</div>\n", styles: [":host:host{inset:1.625rem 0;margin:0 auto;touch-action:none;animation-fill-mode:both}:host:host:nth-of-type(1){grid-row:5}:host:host:nth-of-type(2){grid-row:4}:host:host:nth-of-type(3){grid-row:3}:host:host:nth-of-type(4){grid-row:2}:host:host:nth-of-type(5){grid-row:1}:host:host[data-inline=center]{--tui-from: translateY(-2rem)}:host:host.tui-enter{place-items:end;animation-name:tuiSlide,tuiCollapse}:host:host.tui-leave{animation-name:tuiFade,tuiCollapse}:host:host.tui-leave:first-child{animation-name:tuiFade}:host:host[data-block=end]{inset:-1.625rem 0}:host:host[data-block=end][data-inline=center]{--tui-from: translateY(6rem)}:host:host._mobile{inset:0}:host:host._mobile.tui-enter{animation-delay:var(--tui-duration)}:host:host._mobile.tui-leave{place-items:end;animation-name:tuiSlide,tuiCollapse}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButtonX, selector: "[tuiButtonX]" }, { kind: "component", type: i2.TuiShrinkWrapComponent, selector: "tui-shrink-wrap" }, { kind: "directive", type: TuiSwipe, selector: "[tuiSwipe]", outputs: ["tuiSwipe"] }, { kind: "directive", type: TuiToastDirective, selector: "[tuiToast]:not(ng-template)", inputs: ["tuiShrinkWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiToastComponent, isStandalone: true, selector: "tui-toast", host: { attributes: { "role": "status" }, properties: { "attr.data-appearance": "context.appearance", "class._mobile": "isMobile" } }, providers: [tuiButtonXOptionsProvider({ size: 'xs', appearance: 'icon' })], viewQueries: [{ propertyName: "close", first: true, predicate: TuiButton, descendants: true, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiAnimated }, { directive: i2$1.TuiAlertDirective }], ngImport: i0, template: "<div\n    class=\"t-wrapper\"\n    (tuiSwipe)=\"onSwipe()\"\n>\n    <div\n        *polymorpheusOutlet=\"context.content as text; context: context\"\n        tuiToast\n        [iconStart]=\"context.data?.toString() || ''\"\n    >\n        <tui-shrink-wrap><span [innerHTML]=\"text\"></span></tui-shrink-wrap>\n    </div>\n    @if (context.closable && !isMobile) {\n        <button\n            tuiButtonX\n            (click.stop.prevent)=\"context.$implicit.complete()\"\n        >\n            Close\n        </button>\n    }\n</div>\n", styles: [":host:host{inset:1.625rem 0;margin:0 auto;touch-action:none;animation-fill-mode:both}:host:host:nth-of-type(1){grid-row:5}:host:host:nth-of-type(2){grid-row:4}:host:host:nth-of-type(3){grid-row:3}:host:host:nth-of-type(4){grid-row:2}:host:host:nth-of-type(5){grid-row:1}:host:host[data-inline=center]{--tui-from: translateY(-2rem)}:host:host.tui-enter{place-items:end;animation-name:tuiSlide,tuiCollapse}:host:host.tui-leave{animation-name:tuiFade,tuiCollapse}:host:host.tui-leave:first-child{animation-name:tuiFade}:host:host[data-block=end]{inset:-1.625rem 0}:host:host[data-block=end][data-inline=center]{--tui-from: translateY(6rem)}:host:host._mobile{inset:0}:host:host._mobile.tui-enter{animation-delay:var(--tui-duration)}:host:host._mobile.tui-leave{place-items:end;animation-name:tuiSlide,tuiCollapse}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButtonX, selector: "[tuiButtonX]" }, { kind: "component", type: i2.TuiShrinkWrapComponent, selector: "tui-shrink-wrap" }, { kind: "directive", type: TuiSwipe, selector: "[tuiSwipe]", outputs: ["tuiSwipe"] }, { kind: "directive", type: TuiToastDirective, selector: "[tuiToast]:not(ng-template)", inputs: ["tuiShrinkWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tui-toast', imports: [PolymorpheusOutlet, TuiButtonX, TuiShrinkWrap, TuiSwipe, TuiToastDirective], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiButtonXOptionsProvider({ size: 'xs', appearance: 'icon' })], hostDirectives: [TuiAnimated, TuiAlertDirective], host: {
                         role: 'status',
@@ -135,10 +135,10 @@ class TuiToastService extends TuiAlertService {
         this.options = inject(TUI_TOAST_OPTIONS);
         this.component = TuiToastComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiToastService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiToastService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiToastService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -146,10 +146,10 @@ class TuiToastTemplate {
     constructor() {
         this.tuiToastOptions = input({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiToastTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.24", type: TuiToastTemplate, isStandalone: true, selector: "ng-template[tuiToast]", inputs: { tuiToastOptions: { classPropertyName: "tuiToastOptions", publicName: "tuiToastOptions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsPortal(TuiToastService)], hostDirectives: [{ directive: i1$2.TuiPortalDirective, inputs: ["options", "tuiToastOptions", "open", "tuiToast"], outputs: ["openChange", "tuiToastChange"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiToastTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiToastTemplate, isStandalone: true, selector: "ng-template[tuiToast]", inputs: { tuiToastOptions: { classPropertyName: "tuiToastOptions", publicName: "tuiToastOptions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsPortal(TuiToastService)], hostDirectives: [{ directive: i1$2.TuiPortalDirective, inputs: ["options", "tuiToastOptions", "open", "tuiToast"], outputs: ["openChange", "tuiToastChange"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiToastTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiToastTemplate, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[tuiToast]',

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.24", ngImport: i0, type: TuiTreeChildren, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.24", 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.25", ngImport: i0, type: TuiTreeChildren, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeChildren, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeItemContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.24", 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.25", ngImport: i0, type: TuiTreeItemContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeItemContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.24", 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.25", ngImport: i0, type: TuiTreeItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.24", 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.25", ngImport: i0, type: TuiTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeNode, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.24", 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.25", ngImport: i0, type: TuiTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeControllerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.24", 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.25", ngImport: i0, type: TuiTreeControllerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeControllerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeItemController, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.24", 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.25", ngImport: i0, type: TuiTreeItemController, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeItemController, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiTreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTreeService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTreeService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiTreeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", 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.24", ngImport: i0, type: TuiAppearanceProxy, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.24", type: TuiAppearanceProxy, isStandalone: true, hostDirectives: [{ directive: i1.TuiAppearance }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiAppearanceProxy, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TuiAppearanceProxy, isStandalone: true, hostDirectives: [{ directive: i1.TuiAppearance }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiAppearanceProxy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiAppearanceProxy, decorators: [{
             type: Directive,
             args: [{ hostDirectives: [TuiAppearance] }]
         }] });

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

@@ -5,22 +5,22 @@ 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.24", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.24", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-button-group-5.11.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.11.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.11.0\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) tui-elastic-container .t-wrapper{display:flex;justify-content:center}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) tui-elastic-container{inline-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.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);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.11.0\"]) button:first-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:first-child{clip-path:inset(0 0 0 -10rem)}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:last-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:last-child{clip-path:inset(0 -10rem 0 0)}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:active,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:active{background:var(--tui-background-neutral-1)}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:after{position:absolute;inset-block-start:0;background:inherit;inline-size:1.75rem;block-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:first-child:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:first-child:before{content:\"\";inset-inline-start:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:last-child:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:last-child:after{content:\"\";inset-inline-end:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button tui-icon,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a tui-icon{font-size:1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]):has(:is(button,a):only-child){border-radius:1rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:only-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) 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.11.0\"])._stack:not(:has(:is(button,a):only-child)){flex-direction:column;padding:.5rem 0}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"])._stack:not(:has(:is(button,a):only-child)) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"])._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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-button-group-5.12.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.12.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.12.0\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) tui-elastic-container .t-wrapper{display:flex;justify-content:center}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) tui-elastic-container{inline-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.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);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.12.0\"]) button:first-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:first-child{clip-path:inset(0 0 0 -10rem)}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:last-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:last-child{clip-path:inset(0 -10rem 0 0)}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:active,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:active{background:var(--tui-background-neutral-1)}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:after{position:absolute;inset-block-start:0;background:inherit;inline-size:1.75rem;block-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:first-child:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:first-child:before{content:\"\";inset-inline-start:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:last-child:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:last-child:after{content:\"\";inset-inline-end:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button tui-icon,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a tui-icon{font-size:1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]):has(:is(button,a):only-child){border-radius:1rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:only-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) 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.12.0\"])._stack:not(:has(:is(button,a):only-child)){flex-direction:column;padding:.5rem 0}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"])._stack:not(:has(:is(button,a):only-child)) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"])._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.24", ngImport: i0, type: Styles, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", 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.11.0\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.11.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.11.0\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) tui-elastic-container .t-wrapper{display:flex;justify-content:center}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) tui-elastic-container{inline-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.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);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.11.0\"]) button:first-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:first-child{clip-path:inset(0 0 0 -10rem)}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:last-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:last-child{clip-path:inset(0 -10rem 0 0)}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:active,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:active{background:var(--tui-background-neutral-1)}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:after{position:absolute;inset-block-start:0;background:inherit;inline-size:1.75rem;block-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:first-child:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:first-child:before{content:\"\";inset-inline-start:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:last-child:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a:last-child:after{content:\"\";inset-inline-end:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button tui-icon,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) a tui-icon{font-size:1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]):has(:is(button,a):only-child){border-radius:1rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) button:only-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"]) 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.11.0\"])._stack:not(:has(:is(button,a):only-child)){flex-direction:column;padding:.5rem 0}[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"])._stack:not(:has(:is(button,a):only-child)) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.11.0\"])._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"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-button-group-${TUI_VERSION}`, styles: ["[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.12.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.12.0\"]),[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) tui-elastic-container .t-wrapper{display:flex;justify-content:center}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) tui-elastic-container{inline-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.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);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.12.0\"]) button:first-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:first-child{clip-path:inset(0 0 0 -10rem)}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:last-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:last-child{clip-path:inset(0 -10rem 0 0)}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:active,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:active{background:var(--tui-background-neutral-1)}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:after{position:absolute;inset-block-start:0;background:inherit;inline-size:1.75rem;block-size:100%}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:first-child:before,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:first-child:before{content:\"\";inset-inline-start:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:last-child:after,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a:last-child:after{content:\"\";inset-inline-end:-1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button tui-icon,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) a tui-icon{font-size:1.75rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]):has(:is(button,a):only-child){border-radius:1rem}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) button:only-child,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"]) 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.12.0\"])._stack:not(:has(:is(button,a):only-child)){flex-direction:column;padding:.5rem 0}[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"])._stack:not(:has(:is(button,a):only-child)) button,[tuiButtonGroup]:where(*[data-tui-version=\"5.12.0\"])._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.24", ngImport: i0, type: TuiButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.24", type: TuiButtonGroup, isStandalone: true, selector: "[tuiButtonGroup]", host: { attributes: { "data-tui-version": "5.11.0" }, properties: { "class._stack": "offset() > 10" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TuiButtonGroup, isStandalone: true, selector: "[tuiButtonGroup]", host: { attributes: { "data-tui-version": "5.12.0" }, properties: { "class._stack": "offset() > 10" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: TuiButtonGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiButtonGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiButtonGroup]',