@taiga-ui/kit 5.0.0-rc.4 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-textarea.mjs","sources":["../../../projects/kit/components/textarea/textarea.options.ts","../../../projects/kit/components/textarea/textarea.component.ts","../../../projects/kit/components/textarea/textarea.template.html","../../../projects/kit/components/textarea/textarea.directive.ts","../../../projects/kit/components/textarea/textarea.ts","../../../projects/kit/components/textarea/taiga-ui-kit-components-textarea.ts"],"sourcesContent":["import {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nexport interface TuiTextareaOptions {\n    min: number;\n    max: number;\n    content: PolymorpheusContent<TuiContext<string>>;\n}\n\nexport const [TUI_TEXTAREA_OPTIONS, tuiTextareaOptionsProvider] =\n    tuiCreateOptions<TuiTextareaOptions>({\n        min: 1,\n        max: 3,\n        content: ({$implicit}) => $implicit,\n    });\n","import {\n    type AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    inject,\n    input,\n    TemplateRef,\n    viewChild,\n    ViewContainerRef,\n} from '@angular/core';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\nimport {TUI_SCROLL_REF, TuiScrollControls} from '@taiga-ui/core/components/scrollbar';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TUI_TEXTAREA_OPTIONS} from './textarea.options';\n\n@Component({\n    selector: 'textarea[tuiTextarea]',\n    imports: [PolymorpheusOutlet, TuiScrollControls],\n    templateUrl: './textarea.template.html',\n    styleUrl: './textarea.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiProvide(TUI_SCROLL_REF, ElementRef)],\n    hostDirectives: [TuiWithInput],\n    host: {\n        ngSkipHydration: 'true',\n        '[class._mobile]': 'isMobile',\n        '(scroll.zoneless)': 'onScroll()',\n        // To trigger CD for #text\n        '(scroll.once)': 'onScroll()',\n    },\n})\nexport class TuiTextareaComponent implements AfterViewInit {\n    private readonly template = viewChild.required(TemplateRef);\n    private readonly options = inject(TUI_TEXTAREA_OPTIONS);\n    private readonly vcr = inject(ViewContainerRef);\n    private readonly text = viewChild('text', {read: ElementRef});\n\n    protected readonly el = tuiInjectElement<HTMLTextAreaElement>();\n    protected readonly textfield = inject(TuiTextfieldComponent<string>);\n    protected readonly isMobile = inject(WA_IS_MOBILE);\n\n    public readonly min = input(this.options.min);\n    public readonly max = input(this.options.max);\n    public readonly content = input(this.options.content);\n\n    public ngAfterViewInit(): void {\n        this.vcr.createEmbeddedView(this.template());\n    }\n\n    protected onScroll(): void {\n        this.text()?.nativeElement.scrollTo({top: this.el.scrollTop});\n    }\n}\n","<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","import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    type DoCheck,\n    inject,\n    input,\n    signal,\n    ViewContainerRef,\n} from '@angular/core';\nimport {\n    type AbstractControl,\n    NG_VALIDATORS,\n    type ValidationErrors,\n    type Validator,\n    Validators,\n} from '@angular/forms';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {\n    TUI_TEXTFIELD_OPTIONS,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core/components/textfield';\nimport {injectContext, PolymorpheusComponent} from '@taiga-ui/polymorpheus';\n\nimport {tuiTextareaOptionsProvider} from './textarea.options';\n\n@Component({\n    template: '{{ length() }} / {{ limit() }}',\n    styles: `\n        :host {\n            z-index: 1;\n            inline-size: 100%;\n            order: 2;\n            text-align: end;\n            pointer-events: none;\n            padding-block-end: 0.75rem;\n            font: var(--tui-typography-ui-2xs);\n            color: var(--tui-text-secondary);\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nclass TuiTextareaCounter {\n    public readonly limit = signal(0);\n    public readonly length = signal(0);\n}\n\n@Component({\n    template: `\n        <span [textContent]=\"context.$implicit.slice(0, limit())\"></span>\n        <span [textContent]=\"context.$implicit.slice(limit())\"></span>\n    `,\n    styles: `\n        span:last-child {\n            background: linear-gradient(\n                transparent 0.25rem,\n                var(--tui-status-negative-pale) 0.25rem,\n                var(--tui-status-negative-pale) 100%\n            );\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nclass TuiTextareaLimit {\n    protected readonly limit = inject(TuiTextareaDirective).limit;\n    protected readonly context = injectContext<TuiContext<string>>();\n}\n\nconst COMPONENT = new PolymorpheusComponent(TuiTextareaLimit);\n\n@Directive({\n    selector: '[tuiTextarea][limit]',\n    providers: [\n        tuiProvide(NG_VALIDATORS, TuiTextareaDirective, true),\n        tuiTextareaOptionsProvider({content: COMPONENT}),\n    ],\n    host: {'[style.border-block-end-width.rem]': 'size() === \"l\" ? 1.875 : 1.75'},\n})\nexport class TuiTextareaDirective implements Validator, DoCheck {\n    private readonly textfield = inject(TuiTextfieldComponent);\n    private readonly ref = inject(ViewContainerRef).createComponent(TuiTextareaCounter);\n\n    public readonly size = inject(TUI_TEXTFIELD_OPTIONS).size;\n    public readonly limit = input(0);\n\n    public ngDoCheck(): void {\n        this.ref.instance.length.set(this.textfield.value().length);\n        this.ref.instance.limit.set(this.limit());\n    }\n\n    public validate(control: AbstractControl): ValidationErrors | null {\n        return Validators.maxLength(this.limit())(control);\n    }\n}\n","import {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiTextareaComponent} from './textarea.component';\nimport {TuiTextareaDirective} from './textarea.directive';\n\nexport const TuiTextarea = [\n    TuiTextareaComponent,\n    TuiTextareaDirective,\n    TuiLabel,\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n    TuiDropdownContent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAUa,CAAC,oBAAoB,EAAE,0BAA0B,CAAC,GAC3D,gBAAgB,CAAqB;AACjC,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,GAAG,EAAE,CAAC;IACN,OAAO,EAAE,CAAC,EAAC,SAAS,EAAC,KAAK,SAAS;AACtC,CAAA;;MCsBQ,oBAAoB,CAAA;AAhBjC,IAAA,WAAA,GAAA;AAiBqB,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC;AAC1C,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,oBAAoB,CAAC;AACtC,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,gBAAgB,CAAC;QAC9B,IAAI,CAAA,IAAA,GAAG,SAAS,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,CAAC;QAE1C,IAAE,CAAA,EAAA,GAAG,gBAAgB,EAAuB;AAC5C,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,EAAC,qBAA6B,EAAC;AACjD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAC;QAElC,IAAG,CAAA,GAAA,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;QAC7B,IAAG,CAAA,GAAA,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;QAC7B,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;AASxD;IAPU,eAAe,GAAA;QAClB,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;;IAGtC,QAAQ,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,EAAE,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAC,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS,EAAC,CAAC;;+GAnBxD,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,imBAVlB,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,EAWJ,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,WAAW,0HAGT,UAAU,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzC/D,gfAiBA,EDMc,MAAA,EAAA,CAAA,s/DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,kBAAkB,8HAAE,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FActC,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAhBhC,SAAS;+BACI,uBAAuB,EAAA,OAAA,EACxB,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,EAAA,eAAA,EAG/B,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,EACnC,cAAA,EAAA,CAAC,YAAY,CAAC,EACxB,IAAA,EAAA;AACF,wBAAA,eAAe,EAAE,MAAM;AACvB,wBAAA,iBAAiB,EAAE,UAAU;AAC7B,wBAAA,mBAAmB,EAAE,YAAY;;AAEjC,wBAAA,eAAe,EAAE,YAAY;AAChC,qBAAA,EAAA,QAAA,EAAA,gfAAA,EAAA,MAAA,EAAA,CAAA,s/DAAA,CAAA,EAAA;;;AERL,MAgBM,kBAAkB,CAAA;AAhBxB,IAAA,WAAA,GAAA;AAiBoB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;AACjB,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;AACrC;+GAHK,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,wEAfV,gCAAgC,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2KAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAexC,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAhBvB,SAAS;+BACI,gCAAgC,EAAA,eAAA,EAazB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,2KAAA,CAAA,EAAA;;AAOnD,MAgBM,gBAAgB,CAAA;AAhBtB,IAAA,WAAA,GAAA;AAiBuB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC,KAAK;QAC1C,IAAO,CAAA,OAAA,GAAG,aAAa,EAAsB;AACnE;+GAHK,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAfR,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;AAGT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+IAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAYC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAhBrB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA;;;KAGT,EAUgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,+IAAA,CAAA,EAAA;;AAOnD,MAAM,SAAS,GAAG,IAAI,qBAAqB,CAAC,gBAAgB,CAAC;MAUhD,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;AASqB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,qBAAqB,CAAC;QACzC,IAAG,CAAA,GAAA,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC;AAEnE,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,IAAI;AACzC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;AAUnC;IARU,SAAS,GAAA;AACZ,QAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC;AAC3D,QAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;;AAGtC,IAAA,QAAQ,CAAC,OAAwB,EAAA;AACpC,QAAA,OAAO,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC;;+GAb7C,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,EANlB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kCAAA,EAAA,iCAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA,UAAU,CAAC,aAAa,EAAE,oBAAoB,EAAE,IAAI,CAAC;AACrD,YAAA,0BAA0B,CAAC,EAAC,OAAO,EAAE,SAAS,EAAC,CAAC;AACnD,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAGQ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,SAAS,EAAE;AACP,wBAAA,UAAU,CAAC,aAAa,EAAwB,oBAAA,EAAA,IAAI,CAAC;AACrD,wBAAA,0BAA0B,CAAC,EAAC,OAAO,EAAE,SAAS,EAAC,CAAC;AACnD,qBAAA;AACD,oBAAA,IAAI,EAAE,EAAC,oCAAoC,EAAE,+BAA+B,EAAC;AAChF,iBAAA;;;ACpEY,MAAA,WAAW,GAAG;IACvB,oBAAoB;IACpB,oBAAoB;IACpB,QAAQ;IACR,qBAAqB;IACrB,4BAA4B;IAC5B,kBAAkB;;;AChBtB;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-textarea.mjs","sources":["../../../projects/kit/components/textarea/textarea.options.ts","../../../projects/kit/components/textarea/textarea.component.ts","../../../projects/kit/components/textarea/textarea.template.html","../../../projects/kit/components/textarea/textarea.directive.ts","../../../projects/kit/components/textarea/textarea.ts","../../../projects/kit/components/textarea/taiga-ui-kit-components-textarea.ts"],"sourcesContent":["import {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nexport interface TuiTextareaOptions {\n    min: number;\n    max: number;\n    content: PolymorpheusContent<TuiContext<string>>;\n}\n\nexport const [TUI_TEXTAREA_OPTIONS, tuiTextareaOptionsProvider] =\n    tuiCreateOptions<TuiTextareaOptions>({\n        min: 1,\n        max: 3,\n        content: ({$implicit}) => $implicit,\n    });\n","import {\n    type AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    inject,\n    input,\n    TemplateRef,\n    viewChild,\n    ViewContainerRef,\n} from '@angular/core';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\nimport {TUI_SCROLL_REF, TuiScrollControls} from '@taiga-ui/core/components/scrollbar';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TUI_TEXTAREA_OPTIONS} from './textarea.options';\n\n@Component({\n    selector: 'textarea[tuiTextarea]',\n    imports: [PolymorpheusOutlet, TuiScrollControls],\n    templateUrl: './textarea.template.html',\n    styleUrl: './textarea.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiProvide(TUI_SCROLL_REF, ElementRef)],\n    hostDirectives: [TuiWithInput],\n    host: {\n        ngSkipHydration: 'true',\n        '[class._mobile]': 'isMobile',\n        '(scroll.zoneless)': 'onScroll()',\n        // To trigger CD for #text\n        '(scroll.once)': 'onScroll()',\n    },\n})\nexport class TuiTextareaComponent implements AfterViewInit {\n    private readonly template = viewChild.required(TemplateRef);\n    private readonly options = inject(TUI_TEXTAREA_OPTIONS);\n    private readonly vcr = inject(ViewContainerRef);\n    private readonly text = viewChild('text', {read: ElementRef});\n\n    protected readonly el = tuiInjectElement<HTMLTextAreaElement>();\n    protected readonly textfield = inject(TuiTextfieldComponent<string>);\n    protected readonly isMobile = inject(WA_IS_MOBILE);\n\n    public readonly min = input(this.options.min);\n    public readonly max = input(this.options.max);\n    public readonly content = input(this.options.content);\n\n    public ngAfterViewInit(): void {\n        this.vcr.createEmbeddedView(this.template());\n    }\n\n    protected onScroll(): void {\n        this.text()?.nativeElement.scrollTo({top: this.el.scrollTop});\n    }\n}\n","<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","import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    type DoCheck,\n    inject,\n    input,\n    signal,\n    ViewContainerRef,\n} from '@angular/core';\nimport {\n    type AbstractControl,\n    NG_VALIDATORS,\n    type ValidationErrors,\n    type Validator,\n    Validators,\n} from '@angular/forms';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {TUI_TEXTFIELD_OPTIONS} from '@taiga-ui/core/components/textfield';\nimport {TUI_TEXTFIELD_VALUE} from '@taiga-ui/core/tokens';\nimport {injectContext, PolymorpheusComponent} from '@taiga-ui/polymorpheus';\n\nimport {tuiTextareaOptionsProvider} from './textarea.options';\n\n@Component({\n    template: '{{ length() }} / {{ limit() }}',\n    styles: `\n        :host {\n            z-index: 1;\n            inline-size: 100%;\n            order: 2;\n            text-align: end;\n            pointer-events: none;\n            padding-block-end: 0.75rem;\n            font: var(--tui-typography-ui-2xs);\n            color: var(--tui-text-secondary);\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nclass TuiTextareaCounter {\n    public readonly limit = signal(0);\n    public readonly length = signal(0);\n}\n\n@Component({\n    template: `\n        <span [textContent]=\"context.$implicit.slice(0, limit())\"></span>\n        <span [textContent]=\"context.$implicit.slice(limit())\"></span>\n    `,\n    styles: `\n        span:last-child {\n            background: linear-gradient(\n                transparent 0.25rem,\n                var(--tui-status-negative-pale) 0.25rem,\n                var(--tui-status-negative-pale) 100%\n            );\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nclass TuiTextareaLimit {\n    protected readonly limit = inject(TuiTextareaDirective).limit;\n    protected readonly context = injectContext<TuiContext<string>>();\n}\n\nconst COMPONENT = new PolymorpheusComponent(TuiTextareaLimit);\n\n@Directive({\n    selector: '[tuiTextarea][limit]',\n    providers: [\n        tuiProvide(NG_VALIDATORS, TuiTextareaDirective, true),\n        tuiTextareaOptionsProvider({content: COMPONENT}),\n    ],\n    host: {'[style.border-block-end-width.rem]': 'size() === \"l\" ? 1.875 : 1.75'},\n})\nexport class TuiTextareaDirective implements Validator, DoCheck {\n    private readonly value = inject(TUI_TEXTFIELD_VALUE);\n    private readonly ref = inject(ViewContainerRef).createComponent(TuiTextareaCounter);\n\n    public readonly size = inject(TUI_TEXTFIELD_OPTIONS).size;\n    public readonly limit = input(0);\n\n    public ngDoCheck(): void {\n        this.ref.instance.length.set(this.value().length);\n        this.ref.instance.limit.set(this.limit());\n    }\n\n    public validate(control: AbstractControl): ValidationErrors | null {\n        return Validators.maxLength(this.limit())(control);\n    }\n}\n","import {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiTextareaComponent} from './textarea.component';\nimport {TuiTextareaDirective} from './textarea.directive';\n\nexport const TuiTextarea = [\n    TuiTextareaComponent,\n    TuiTextareaDirective,\n    TuiLabel,\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n    TuiDropdownContent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, input, model, signal, ChangeDetectionStrategy, ViewEncapsulation, Component, PLATFORM_ID, Injectable, viewChild, ElementRef, Directive } from '@angular/core';
+import { TUI_VERSION } from '@taiga-ui/cdk/constants';
 import { tuiInjectElement, tuiGetActualTarget, tuiIsElement } from '@taiga-ui/cdk/utils/dom';
 import { isPlatformBrowser, DOCUMENT } from '@angular/common';
 import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
@@ -70,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.18", ngImport: i0, type: TuiTilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", 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: { listeners: { "pointerleave.zoneless": "rearrange()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiTilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.19", 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.0.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{position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}tui-tiles._dragged tui-tile>.t-wrapper{pointer-events:none}tui-tiles._dragged tui-tile:not(._dragged)>.t-wrapper,tui-tiles: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>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile._dragged>.t-wrapper,tui-tile:has(tui-tile._dragged)>.t-wrapper{z-index:1}tui-tile [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.0.0\"]){position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}tui-tiles:where(*[data-tui-version=\"5.0.0\"])._dragged tui-tile>.t-wrapper{pointer-events:none}tui-tiles:where(*[data-tui-version=\"5.0.0\"])._dragged tui-tile:not(._dragged)>.t-wrapper,tui-tiles:where(*[data-tui-version=\"5.0.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.0.0\"])>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile:where(*[data-tui-version=\"5.0.0\"])._dragged>.t-wrapper,tui-tile:where(*[data-tui-version=\"5.0.0\"]):has(tui-tile:where(*[data-tui-version=\"5.0.0\"])._dragged)>.t-wrapper{z-index:1}tui-tile:where(*[data-tui-version=\"5.0.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.18", ngImport: i0, type: TuiTilesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiTilesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tui-tiles', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         WaResizeObserverService,
@@ -89,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                             provide: WA_MUTATION_OBSERVER_INIT,
                             useValue: { childList: true },
                         },
-                    ], host: { '(pointerleave.zoneless)': 'rearrange()' }, styles: ["tui-tiles{position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}tui-tiles._dragged tui-tile>.t-wrapper{pointer-events:none}tui-tiles._dragged tui-tile:not(._dragged)>.t-wrapper,tui-tiles: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>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile._dragged>.t-wrapper,tui-tile:has(tui-tile._dragged)>.t-wrapper{z-index:1}tui-tile [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.0.0\"]){position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}tui-tiles:where(*[data-tui-version=\"5.0.0\"])._dragged tui-tile>.t-wrapper{pointer-events:none}tui-tiles:where(*[data-tui-version=\"5.0.0\"])._dragged tui-tile:not(._dragged)>.t-wrapper,tui-tiles:where(*[data-tui-version=\"5.0.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.0.0\"])>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile:where(*[data-tui-version=\"5.0.0\"])._dragged>.t-wrapper,tui-tile:where(*[data-tui-version=\"5.0.0\"]):has(tui-tile:where(*[data-tui-version=\"5.0.0\"])._dragged)>.t-wrapper{z-index:1}tui-tile:where(*[data-tui-version=\"5.0.0\"]) [tuiTileHandle]{touch-action:none;-webkit-user-select:none;user-select:none}\n"] }]
         }] });
 
 class TuiTileService {
@@ -164,10 +165,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.18", ngImport: i0, type: TuiTileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTileService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiTileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiTileService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTileService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiTileService, decorators: [{
             type: Injectable
         }] });
 
@@ -201,12 +202,13 @@ class TuiTile {
             this.tiles.element.set(null);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTile, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.18", 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: { 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.19", ngImport: i0, type: TuiTile, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.19", 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.0.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.18", ngImport: i0, type: TuiTile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiTile, decorators: [{
             type: Component,
             args: [{ selector: 'tui-tile', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TuiTileService], host: {
+                        'data-tui-version': TUI_VERSION,
                         '[class._dragged]': 'dragged()',
                         '[style.grid-column]': '`span var(--tui-width, ${width()})`',
                         '[style.grid-row]': '`span var(--tui-height, ${height()})`',
@@ -245,10 +247,10 @@ class TuiTileHandle {
         }
         this.onPointer(x, y);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTileHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", 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.19", ngImport: i0, type: TuiTileHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: TuiTileHandle, isStandalone: true, selector: "[tuiTileHandle]", host: { listeners: { "pointerdown.zoneless.prevent": "onStart($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTileHandle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiTileHandle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiTileHandle]',

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-tiles.mjs","sources":["../../../projects/kit/components/tiles/tiles.tokens.ts","../../../projects/kit/components/tiles/tiles.component.ts","../../../projects/kit/components/tiles/tile.service.ts","../../../projects/kit/components/tiles/tile.component.ts","../../../projects/kit/components/tiles/tile.template.html","../../../projects/kit/components/tiles/tile-handle.directive.ts","../../../projects/kit/components/tiles/tiles.ts","../../../projects/kit/components/tiles/taiga-ui-kit-components-tiles.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\n\nexport type TuiReorderFunction = (\n    order: Map<number, number>,\n    currentIndex: number,\n    newIndex: number,\n) => Map<number, number>;\n\nexport const tuiTilesSwap: TuiReorderFunction = (order, currentIndex, newIndex) => {\n    if (!order.has(currentIndex) || !order.has(newIndex)) {\n        return order;\n    }\n\n    const dragged = order.get(currentIndex) ?? currentIndex;\n    const placement = order.get(newIndex) ?? newIndex;\n    const newOrder = new Map(order);\n\n    newOrder.set(currentIndex, placement);\n    newOrder.set(newIndex, dragged);\n\n    return newOrder;\n};\n\nexport const tuiTilesShift: TuiReorderFunction = (order, currentIndex, newIndex) => {\n    if (!order.has(currentIndex) || !order.has(newIndex)) {\n        return order;\n    }\n\n    const dragged = order.get(currentIndex) ?? currentIndex;\n    const placement = order.get(newIndex) ?? newIndex;\n    const newOrder = new Map(order);\n    const flipped = new Map(Array.from(order).map(([a, b]) => [b, a]));\n\n    if ((placement - dragged) / Math.abs(placement - dragged) > 0) {\n        for (let i = placement; i > dragged; i--) {\n            newOrder.set(flipped.get(i) ?? i, i - 1);\n        }\n    } else {\n        for (let i = placement; i < dragged; i++) {\n            newOrder.set(flipped.get(i) ?? i, i + 1);\n        }\n    }\n\n    newOrder.set(currentIndex, placement);\n\n    return newOrder;\n};\n\nexport const TUI_TILES_REORDER = new InjectionToken<TuiReorderFunction>(\n    ngDevMode ? 'TUI_TILES_REORDER' : '',\n    {factory: () => tuiTilesSwap},\n);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    input,\n    model,\n    signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {\n    WA_MUTATION_OBSERVER_INIT,\n    WaMutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {debounce, filter, map, Subject, timer} from 'rxjs';\n\nimport {TUI_TILES_REORDER} from './tiles.tokens';\n\n@Component({\n    selector: 'tui-tiles',\n    template: '<ng-content />',\n    styleUrl: './tiles.style.less',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        WaResizeObserverService,\n        WaMutationObserverService,\n        {\n            provide: WA_MUTATION_OBSERVER_INIT,\n            useValue: {childList: true},\n        },\n    ],\n    host: {'(pointerleave.zoneless)': 'rearrange()'},\n})\nexport class TuiTilesComponent {\n    private readonly el$ = new Subject<Element | undefined>();\n    private readonly handler = inject(TUI_TILES_REORDER);\n\n    protected readonly sub = this.el$\n        .pipe(\n            debounce(() => timer(this.debounce())),\n            filter(this.filter.bind(this)),\n            map((element) => this.reorder(element)),\n            takeUntilDestroyed(),\n        )\n        .subscribe((order) => this.order.set(order));\n\n    public readonly debounce = input(0);\n    public readonly order = model(new Map<number, number>());\n\n    public readonly element = signal<Element | null>(null);\n    public readonly el = tuiInjectElement();\n\n    public rearrange(element?: Element): void {\n        this.el$.next(element);\n    }\n\n    private filter(element?: Element): element is Element {\n        return !!this.element() && !!element && this.element() !== element;\n    }\n\n    private reorder(element: Element): Map<number, number> {\n        const elements = Array.from(this.el.children);\n        const currentIndex = elements.indexOf(this.element() || element);\n        const newIndex = elements.indexOf(element);\n        const order = this.order().size\n            ? new Map(this.order())\n            : new Map(elements.map((_, index) => [index, index]));\n\n        return this.handler(order, currentIndex, newIndex);\n    }\n}\n","import {isPlatformBrowser} from '@angular/common';\nimport {inject, Injectable, type OnDestroy, PLATFORM_ID} from '@angular/core';\nimport {toObservable} from '@angular/core/rxjs-interop';\nimport {WaMutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiZonefreeScheduler} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiArrayShallowEquals, tuiPx} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n    BehaviorSubject,\n    combineLatest,\n    debounceTime,\n    distinctUntilChanged,\n    map,\n    type Observable,\n    startWith,\n    Subscription,\n} from 'rxjs';\n\nimport {TuiTilesComponent} from './tiles.component';\n\n@Injectable()\nexport class TuiTileService implements OnDestroy {\n    private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n    private readonly el = tuiInjectElement();\n    private readonly tiles = inject(TuiTilesComponent);\n    private readonly sub = new Subscription();\n    private readonly offset$ = new BehaviorSubject<readonly [number, number]>([NaN, NaN]);\n    private readonly position$: Observable<readonly [number, number]> = combineLatest([\n        this.offset$.pipe(distinctUntilChanged(tuiArrayShallowEquals)),\n        inject(WaResizeObserverService).pipe(startWith(null)),\n        inject(WaMutationObserverService).pipe(startWith(null)),\n        toObservable(this.tiles.order).pipe(debounceTime(0, tuiZonefreeScheduler())),\n    ]).pipe(map(([offset]) => offset));\n\n    public init(element?: HTMLElement): void {\n        if (this.isBrowser && element) {\n            this.sub.add(\n                this.position$.subscribe((offset) => {\n                    this.setPosition(element, offset);\n                    this.setRect(element, offset);\n                }),\n            );\n        } else {\n            this.el.style.setProperty('position', 'relative');\n        }\n    }\n\n    public setOffset(offset: readonly [number, number]): void {\n        this.offset$.next(offset);\n    }\n\n    public ngOnDestroy(): void {\n        this.sub.unsubscribe();\n    }\n\n    private getRect([left, top]: readonly [number, number]): DOMRect {\n        const elTop = Number.isNaN(top) ? this.el.offsetTop : top;\n        const elLeft = Number.isNaN(left) ? this.el.offsetLeft : left;\n\n        const rect = {\n            top: elTop,\n            left: elLeft,\n            width: this.el.clientWidth,\n            height: this.el.clientHeight,\n            right: NaN,\n            bottom: NaN,\n            y: elTop,\n            x: elLeft,\n        };\n\n        return {\n            ...rect,\n            toJSON: () => JSON.stringify(rect),\n        };\n    }\n\n    private setRect({style}: HTMLElement, offset: readonly [number, number]): void {\n        const {top, left, width, height} = this.getRect(offset);\n\n        style.top = tuiPx(top);\n        style.left = tuiPx(left);\n        style.width = tuiPx(width);\n        style.height = tuiPx(height);\n    }\n\n    private setPosition(element: HTMLElement, [left]: readonly [number, number]): void {\n        if (!Number.isNaN(left)) {\n            element.style.setProperty('position', 'fixed');\n            element.style.setProperty('transition', 'none');\n\n            return;\n        }\n\n        const {style} = element;\n        const rect = element.getBoundingClientRect();\n        const host = this.el.getBoundingClientRect();\n\n        style.removeProperty('position');\n        style.removeProperty('transition');\n        style.removeProperty('top');\n        style.removeProperty('left');\n\n        style.top = tuiPx(rect.top - host.top + this.el.offsetTop);\n        style.left = tuiPx(rect.left - host.left + this.el.offsetLeft);\n    }\n}\n","import {\n    type AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    inject,\n    input,\n    type OnDestroy,\n    signal,\n    viewChild,\n} from '@angular/core';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\n\nimport {TuiTileService} from './tile.service';\nimport {TuiTilesComponent} from './tiles.component';\n\n@Component({\n    selector: 'tui-tile',\n    templateUrl: './tile.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiTileService],\n    host: {\n        '[class._dragged]': 'dragged()',\n        '[style.grid-column]': '`span var(--tui-width, ${width()})`',\n        '[style.grid-row]': '`span var(--tui-height, ${height()})`',\n        '(pointerenter)': 'tiles.rearrange(element)',\n    },\n})\nexport class TuiTile implements OnDestroy, AfterViewInit {\n    private readonly wrapper = viewChild('wrapper', {read: ElementRef});\n    private readonly service = inject(TuiTileService);\n\n    protected readonly tiles = inject(TuiTilesComponent);\n    protected readonly dragged = signal(false);\n\n    public readonly width = input(1);\n    public readonly height = input(1);\n    public readonly element = tuiInjectElement();\n\n    public onDrag(offset: readonly [number, number]): void {\n        const dragged = !Number.isNaN(offset[0]);\n\n        this.dragged.set(this.dragged() || dragged);\n\n        this.tiles.element.set(dragged ? this.element : null);\n        this.service.setOffset(offset);\n\n        if (dragged) {\n            this.tiles.el.classList.add('_dragged');\n        } else {\n            this.tiles.el.classList.remove('_dragged');\n        }\n    }\n\n    public ngAfterViewInit(): void {\n        this.service.init(this.wrapper()?.nativeElement);\n    }\n\n    public ngOnDestroy(): void {\n        if (this.tiles.element() === this.element) {\n            this.tiles.element.set(null);\n        }\n    }\n}\n","<div\n    #wrapper\n    class=\"t-wrapper\"\n    (transitionend.self)=\"dragged.set(false)\"\n>\n    <ng-content />\n</div>\n","import {DOCUMENT} from '@angular/common';\nimport {Directive, inject} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiTypedFromEvent} from '@taiga-ui/cdk/observables';\nimport {tuiGetActualTarget, tuiIsElement} from '@taiga-ui/cdk/utils/dom';\nimport {filter, merge} from 'rxjs';\n\nimport {TuiTile} from './tile.component';\n\n@Directive({\n    selector: '[tuiTileHandle]',\n    host: {'(pointerdown.zoneless.prevent)': 'onStart($event)'},\n})\nexport class TuiTileHandle {\n    private readonly doc = inject(DOCUMENT);\n    private readonly tile = inject(TuiTile);\n    private x = NaN;\n    private y = NaN;\n\n    protected readonly pointerSub = merge(\n        tuiTypedFromEvent(this.doc, 'pointerup'),\n        tuiTypedFromEvent(this.doc, 'pointermove'),\n    )\n        .pipe(\n            filter(() => !Number.isNaN(this.x)),\n            takeUntilDestroyed(),\n        )\n        .subscribe(({x, y, type}) => {\n            if (type === 'pointerup') {\n                this.onPointer();\n            } else {\n                this.tile.onDrag([x - this.x, y - this.y]);\n            }\n        });\n\n    protected onPointer(x = NaN, y = NaN): void {\n        const {left, top} = this.tile.element.getBoundingClientRect();\n\n        this.x = x - left;\n        this.y = y - top;\n        this.tile.onDrag([NaN, NaN]);\n    }\n\n    protected onStart(event: PointerEvent): void {\n        const target = tuiGetActualTarget(event);\n        const {x, y, pointerId} = event;\n\n        if (tuiIsElement(target)) {\n            target.releasePointerCapture(pointerId);\n        }\n\n        this.onPointer(x, y);\n    }\n}\n","import {TuiTile} from './tile.component';\nimport {TuiTileHandle} from './tile-handle.directive';\nimport {TuiTilesComponent} from './tiles.component';\n\nexport const TuiTiles = [TuiTilesComponent, TuiTile, TuiTileHandle] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-tiles.mjs","sources":["../../../projects/kit/components/tiles/tiles.tokens.ts","../../../projects/kit/components/tiles/tiles.component.ts","../../../projects/kit/components/tiles/tile.service.ts","../../../projects/kit/components/tiles/tile.component.ts","../../../projects/kit/components/tiles/tile.template.html","../../../projects/kit/components/tiles/tile-handle.directive.ts","../../../projects/kit/components/tiles/tiles.ts","../../../projects/kit/components/tiles/taiga-ui-kit-components-tiles.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\n\nexport type TuiReorderFunction = (\n    order: Map<number, number>,\n    currentIndex: number,\n    newIndex: number,\n) => Map<number, number>;\n\nexport const tuiTilesSwap: TuiReorderFunction = (order, currentIndex, newIndex) => {\n    if (!order.has(currentIndex) || !order.has(newIndex)) {\n        return order;\n    }\n\n    const dragged = order.get(currentIndex) ?? currentIndex;\n    const placement = order.get(newIndex) ?? newIndex;\n    const newOrder = new Map(order);\n\n    newOrder.set(currentIndex, placement);\n    newOrder.set(newIndex, dragged);\n\n    return newOrder;\n};\n\nexport const tuiTilesShift: TuiReorderFunction = (order, currentIndex, newIndex) => {\n    if (!order.has(currentIndex) || !order.has(newIndex)) {\n        return order;\n    }\n\n    const dragged = order.get(currentIndex) ?? currentIndex;\n    const placement = order.get(newIndex) ?? newIndex;\n    const newOrder = new Map(order);\n    const flipped = new Map(Array.from(order).map(([a, b]) => [b, a]));\n\n    if ((placement - dragged) / Math.abs(placement - dragged) > 0) {\n        for (let i = placement; i > dragged; i--) {\n            newOrder.set(flipped.get(i) ?? i, i - 1);\n        }\n    } else {\n        for (let i = placement; i < dragged; i++) {\n            newOrder.set(flipped.get(i) ?? i, i + 1);\n        }\n    }\n\n    newOrder.set(currentIndex, placement);\n\n    return newOrder;\n};\n\nexport const TUI_TILES_REORDER = new InjectionToken<TuiReorderFunction>(\n    ngDevMode ? 'TUI_TILES_REORDER' : '',\n    {factory: () => tuiTilesSwap},\n);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    input,\n    model,\n    signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {\n    WA_MUTATION_OBSERVER_INIT,\n    WaMutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {debounce, filter, map, Subject, timer} from 'rxjs';\n\nimport {TUI_TILES_REORDER} from './tiles.tokens';\n\n@Component({\n    selector: 'tui-tiles',\n    template: '<ng-content />',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './tiles.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        WaResizeObserverService,\n        WaMutationObserverService,\n        {\n            provide: WA_MUTATION_OBSERVER_INIT,\n            useValue: {childList: true},\n        },\n    ],\n    host: {'data-tui-version': TUI_VERSION, '(pointerleave.zoneless)': 'rearrange()'},\n})\nexport class TuiTilesComponent {\n    private readonly el$ = new Subject<Element | undefined>();\n    private readonly handler = inject(TUI_TILES_REORDER);\n\n    protected readonly sub = this.el$\n        .pipe(\n            debounce(() => timer(this.debounce())),\n            filter(this.filter.bind(this)),\n            map((element) => this.reorder(element)),\n            takeUntilDestroyed(),\n        )\n        .subscribe((order) => this.order.set(order));\n\n    public readonly debounce = input(0);\n    public readonly order = model(new Map<number, number>());\n\n    public readonly element = signal<Element | null>(null);\n    public readonly el = tuiInjectElement();\n\n    public rearrange(element?: Element): void {\n        this.el$.next(element);\n    }\n\n    private filter(element?: Element): element is Element {\n        return !!this.element() && !!element && this.element() !== element;\n    }\n\n    private reorder(element: Element): Map<number, number> {\n        const elements = Array.from(this.el.children);\n        const currentIndex = elements.indexOf(this.element() || element);\n        const newIndex = elements.indexOf(element);\n        const order = this.order().size\n            ? new Map(this.order())\n            : new Map(elements.map((_, index) => [index, index]));\n\n        return this.handler(order, currentIndex, newIndex);\n    }\n}\n","import {isPlatformBrowser} from '@angular/common';\nimport {inject, Injectable, type OnDestroy, PLATFORM_ID} from '@angular/core';\nimport {toObservable} from '@angular/core/rxjs-interop';\nimport {WaMutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiZonefreeScheduler} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiArrayShallowEquals, tuiPx} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n    BehaviorSubject,\n    combineLatest,\n    debounceTime,\n    distinctUntilChanged,\n    map,\n    type Observable,\n    startWith,\n    Subscription,\n} from 'rxjs';\n\nimport {TuiTilesComponent} from './tiles.component';\n\n@Injectable()\nexport class TuiTileService implements OnDestroy {\n    private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n    private readonly el = tuiInjectElement();\n    private readonly tiles = inject(TuiTilesComponent);\n    private readonly sub = new Subscription();\n    private readonly offset$ = new BehaviorSubject<readonly [number, number]>([NaN, NaN]);\n    private readonly position$: Observable<readonly [number, number]> = combineLatest([\n        this.offset$.pipe(distinctUntilChanged(tuiArrayShallowEquals)),\n        inject(WaResizeObserverService).pipe(startWith(null)),\n        inject(WaMutationObserverService).pipe(startWith(null)),\n        toObservable(this.tiles.order).pipe(debounceTime(0, tuiZonefreeScheduler())),\n    ]).pipe(map(([offset]) => offset));\n\n    public init(element?: HTMLElement): void {\n        if (this.isBrowser && element) {\n            this.sub.add(\n                this.position$.subscribe((offset) => {\n                    this.setPosition(element, offset);\n                    this.setRect(element, offset);\n                }),\n            );\n        } else {\n            this.el.style.setProperty('position', 'relative');\n        }\n    }\n\n    public setOffset(offset: readonly [number, number]): void {\n        this.offset$.next(offset);\n    }\n\n    public ngOnDestroy(): void {\n        this.sub.unsubscribe();\n    }\n\n    private getRect([left, top]: readonly [number, number]): DOMRect {\n        const elTop = Number.isNaN(top) ? this.el.offsetTop : top;\n        const elLeft = Number.isNaN(left) ? this.el.offsetLeft : left;\n\n        const rect = {\n            top: elTop,\n            left: elLeft,\n            width: this.el.clientWidth,\n            height: this.el.clientHeight,\n            right: NaN,\n            bottom: NaN,\n            y: elTop,\n            x: elLeft,\n        };\n\n        return {\n            ...rect,\n            toJSON: () => JSON.stringify(rect),\n        };\n    }\n\n    private setRect({style}: HTMLElement, offset: readonly [number, number]): void {\n        const {top, left, width, height} = this.getRect(offset);\n\n        style.top = tuiPx(top);\n        style.left = tuiPx(left);\n        style.width = tuiPx(width);\n        style.height = tuiPx(height);\n    }\n\n    private setPosition(element: HTMLElement, [left]: readonly [number, number]): void {\n        if (!Number.isNaN(left)) {\n            element.style.setProperty('position', 'fixed');\n            element.style.setProperty('transition', 'none');\n\n            return;\n        }\n\n        const {style} = element;\n        const rect = element.getBoundingClientRect();\n        const host = this.el.getBoundingClientRect();\n\n        style.removeProperty('position');\n        style.removeProperty('transition');\n        style.removeProperty('top');\n        style.removeProperty('left');\n\n        style.top = tuiPx(rect.top - host.top + this.el.offsetTop);\n        style.left = tuiPx(rect.left - host.left + this.el.offsetLeft);\n    }\n}\n","import {\n    type AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    inject,\n    input,\n    type OnDestroy,\n    signal,\n    viewChild,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\n\nimport {TuiTileService} from './tile.service';\nimport {TuiTilesComponent} from './tiles.component';\n\n@Component({\n    selector: 'tui-tile',\n    templateUrl: './tile.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiTileService],\n    host: {\n        'data-tui-version': TUI_VERSION,\n        '[class._dragged]': 'dragged()',\n        '[style.grid-column]': '`span var(--tui-width, ${width()})`',\n        '[style.grid-row]': '`span var(--tui-height, ${height()})`',\n        '(pointerenter)': 'tiles.rearrange(element)',\n    },\n})\nexport class TuiTile implements OnDestroy, AfterViewInit {\n    private readonly wrapper = viewChild('wrapper', {read: ElementRef});\n    private readonly service = inject(TuiTileService);\n\n    protected readonly tiles = inject(TuiTilesComponent);\n    protected readonly dragged = signal(false);\n\n    public readonly width = input(1);\n    public readonly height = input(1);\n    public readonly element = tuiInjectElement();\n\n    public onDrag(offset: readonly [number, number]): void {\n        const dragged = !Number.isNaN(offset[0]);\n\n        this.dragged.set(this.dragged() || dragged);\n\n        this.tiles.element.set(dragged ? this.element : null);\n        this.service.setOffset(offset);\n\n        if (dragged) {\n            this.tiles.el.classList.add('_dragged');\n        } else {\n            this.tiles.el.classList.remove('_dragged');\n        }\n    }\n\n    public ngAfterViewInit(): void {\n        this.service.init(this.wrapper()?.nativeElement);\n    }\n\n    public ngOnDestroy(): void {\n        if (this.tiles.element() === this.element) {\n            this.tiles.element.set(null);\n        }\n    }\n}\n","<div\n    #wrapper\n    class=\"t-wrapper\"\n    (transitionend.self)=\"dragged.set(false)\"\n>\n    <ng-content />\n</div>\n","import {DOCUMENT} from '@angular/common';\nimport {Directive, inject} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiTypedFromEvent} from '@taiga-ui/cdk/observables';\nimport {tuiGetActualTarget, tuiIsElement} from '@taiga-ui/cdk/utils/dom';\nimport {filter, merge} from 'rxjs';\n\nimport {TuiTile} from './tile.component';\n\n@Directive({\n    selector: '[tuiTileHandle]',\n    host: {'(pointerdown.zoneless.prevent)': 'onStart($event)'},\n})\nexport class TuiTileHandle {\n    private readonly doc = inject(DOCUMENT);\n    private readonly tile = inject(TuiTile);\n    private x = NaN;\n    private y = NaN;\n\n    protected readonly pointerSub = merge(\n        tuiTypedFromEvent(this.doc, 'pointerup'),\n        tuiTypedFromEvent(this.doc, 'pointermove'),\n    )\n        .pipe(\n            filter(() => !Number.isNaN(this.x)),\n            takeUntilDestroyed(),\n        )\n        .subscribe(({x, y, type}) => {\n            if (type === 'pointerup') {\n                this.onPointer();\n            } else {\n                this.tile.onDrag([x - this.x, y - this.y]);\n            }\n        });\n\n    protected onPointer(x = NaN, y = NaN): void {\n        const {left, top} = this.tile.element.getBoundingClientRect();\n\n        this.x = x - left;\n        this.y = y - top;\n        this.tile.onDrag([NaN, NaN]);\n    }\n\n    protected onStart(event: PointerEvent): void {\n        const target = tuiGetActualTarget(event);\n        const {x, y, pointerId} = event;\n\n        if (tuiIsElement(target)) {\n            target.releasePointerCapture(pointerId);\n        }\n\n        this.onPointer(x, y);\n    }\n}\n","import {TuiTile} from './tile.component';\nimport {TuiTileHandle} from './tile-handle.directive';\nimport {TuiTilesComponent} from './tiles.component';\n\nexport const TuiTiles = [TuiTilesComponent, TuiTile, TuiTileHandle] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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.18", ngImport: i0, type: TuiTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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.inset-inline-start.%": "timeline.d() * offset()", "style.inline-size.%": "timeline.d() * (value()[1] - value()[0])" } }, 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.19", ngImport: i0, type: TuiTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", 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.inset-inline-start.%": "timeline.d() * offset()", "style.inline-size.%": "timeline.d() * (value()[1] - value()[0])" } }, 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.18", ngImport: i0, type: TuiTimelineItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiTimelineItem, decorators: [{
             type: Component,
             args: [{ selector: 'label[tuiTimelineItem]', imports: [FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[style.inset-inline-start.%]': 'timeline.d() * offset()',
@@ -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.18", ngImport: i0, type: TuiTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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.19", ngImport: i0, type: TuiTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", 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.18", ngImport: i0, type: TuiTimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", 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-timeline.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-timeline.mjs","sources":["../../../projects/kit/components/timeline/timeline-item.component.ts","../../../projects/kit/components/timeline/timeline-item.template.html","../../../projects/kit/components/timeline/timeline.component.ts","../../../projects/kit/components/timeline/timeline.template.html","../../../projects/kit/components/timeline/timeline.ts","../../../projects/kit/components/timeline/taiga-ui-kit-components-timeline.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    linkedSignal,\n    model,\n} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\n\nimport {TuiTimelineComponent} from './timeline.component';\n\n@Component({\n    selector: 'label[tuiTimelineItem]',\n    imports: [FormsModule],\n    templateUrl: './timeline-item.template.html',\n    styleUrl: './timeline-item.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[style.inset-inline-start.%]': 'timeline.d() * offset()',\n        '[style.inline-size.%]': 'timeline.d() * (value()[1] - value()[0])',\n    },\n})\nexport class TuiTimelineItem {\n    protected readonly timeline = inject(TuiTimelineComponent);\n    protected readonly offset = linkedSignal(() => this.value()[0]);\n\n    public readonly draggable = input(true);\n    public readonly resizable = input(true);\n    public readonly value = model<readonly [number, number]>([0, 0]);\n    public readonly min = computed((array = this.timeline.value()) =>\n        array.reduce(\n            (min, [_, end]) => (end <= this.value()[0] && end > min ? end : min),\n            0,\n        ),\n    );\n\n    public readonly max = computed((array = this.timeline.value()) =>\n        array.reduce(\n            (max, [start]) => (start >= this.value()[1] && start < max ? start : max),\n            this.timeline.max(),\n        ),\n    );\n\n    protected update(input: HTMLInputElement): void {\n        const length = this.value()[1] - this.value()[0];\n        const [start, end] = this.timeline\n            .gaps()\n            .map(([start, end]): [number, number] => [\n                end === this.max() ? this.min() : start,\n                start === this.min() ? this.max() : end,\n            ])\n            .find(\n                ([start, end]) =>\n                    end - start >= length &&\n                    this.offset() >= start &&\n                    this.offset() < end,\n            ) ?? [this.min(), this.max()];\n\n        this.offset.set(Math.max(Math.min(this.offset(), end - length), start));\n        this.value.set([this.offset(), this.offset() + length]);\n        input.valueAsNumber = this.offset();\n    }\n}\n","@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","import {NgTemplateOutlet} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChildren,\n    input,\n    type TemplateRef,\n} from '@angular/core';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {type TuiOrientation} from '@taiga-ui/core/types';\n\nimport {TuiTimelineItem} from './timeline-item.component';\n\n@Component({\n    selector: 'tui-timeline',\n    imports: [NgTemplateOutlet],\n    templateUrl: './timeline.template.html',\n    styleUrl: './timeline.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {'[attr.data-orientation]': 'orientation()'},\n})\nexport class TuiTimelineComponent {\n    public readonly items = contentChildren(TuiTimelineItem);\n    public readonly d = computed(() => 100 / this.max());\n    public readonly value = computed(() => this.items().map(({value}) => value()));\n    public readonly gaps = computed((value = this.value().slice()) =>\n        [[0, this.max()], ...value.sort(([a], [b]) => a - b)].map(\n            ([_, end = 0], index, array) =>\n                [index ? end : 0, array[index + 1]?.[0] ?? this.max()] as const,\n        ),\n    );\n\n    public readonly orientation = input<TuiOrientation>('horizontal');\n    public readonly template = input<TemplateRef<TuiContext<number>>>();\n    public readonly max = input(100);\n}\n","@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","import {TuiTimelineComponent} from './timeline.component';\nimport {TuiTimelineItem} from './timeline-item.component';\n\nexport const TuiTimeline = [TuiTimelineComponent, TuiTimelineItem] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-timeline.mjs","sources":["../../../projects/kit/components/timeline/timeline-item.component.ts","../../../projects/kit/components/timeline/timeline-item.template.html","../../../projects/kit/components/timeline/timeline.component.ts","../../../projects/kit/components/timeline/timeline.template.html","../../../projects/kit/components/timeline/timeline.ts","../../../projects/kit/components/timeline/taiga-ui-kit-components-timeline.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    linkedSignal,\n    model,\n} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\n\nimport {TuiTimelineComponent} from './timeline.component';\n\n@Component({\n    selector: 'label[tuiTimelineItem]',\n    imports: [FormsModule],\n    templateUrl: './timeline-item.template.html',\n    styleUrl: './timeline-item.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[style.inset-inline-start.%]': 'timeline.d() * offset()',\n        '[style.inline-size.%]': 'timeline.d() * (value()[1] - value()[0])',\n    },\n})\nexport class TuiTimelineItem {\n    protected readonly timeline = inject(TuiTimelineComponent);\n    protected readonly offset = linkedSignal(() => this.value()[0]);\n\n    public readonly draggable = input(true);\n    public readonly resizable = input(true);\n    public readonly value = model<readonly [number, number]>([0, 0]);\n    public readonly min = computed((array = this.timeline.value()) =>\n        array.reduce(\n            (min, [_, end]) => (end <= this.value()[0] && end > min ? end : min),\n            0,\n        ),\n    );\n\n    public readonly max = computed((array = this.timeline.value()) =>\n        array.reduce(\n            (max, [start]) => (start >= this.value()[1] && start < max ? start : max),\n            this.timeline.max(),\n        ),\n    );\n\n    protected update(input: HTMLInputElement): void {\n        const length = this.value()[1] - this.value()[0];\n        const [start, end] = this.timeline\n            .gaps()\n            .map(([start, end]): [number, number] => [\n                end === this.max() ? this.min() : start,\n                start === this.min() ? this.max() : end,\n            ])\n            .find(\n                ([start, end]) =>\n                    end - start >= length &&\n                    this.offset() >= start &&\n                    this.offset() < end,\n            ) ?? [this.min(), this.max()];\n\n        this.offset.set(Math.max(Math.min(this.offset(), end - length), start));\n        this.value.set([this.offset(), this.offset() + length]);\n        input.valueAsNumber = this.offset();\n    }\n}\n","@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","import {NgTemplateOutlet} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChildren,\n    input,\n    type TemplateRef,\n} from '@angular/core';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {type TuiOrientation} from '@taiga-ui/core/types';\n\nimport {TuiTimelineItem} from './timeline-item.component';\n\n@Component({\n    selector: 'tui-timeline',\n    imports: [NgTemplateOutlet],\n    templateUrl: './timeline.template.html',\n    styleUrl: './timeline.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {'[attr.data-orientation]': 'orientation()'},\n})\nexport class TuiTimelineComponent {\n    public readonly items = contentChildren(TuiTimelineItem);\n    public readonly d = computed(() => 100 / this.max());\n    public readonly value = computed(() => this.items().map(({value}) => value()));\n    public readonly gaps = computed((value = this.value().slice()) =>\n        [[0, this.max()], ...value.sort(([a], [b]) => a - b)].map(\n            ([_, end = 0], index, array) =>\n                [index ? end : 0, array[index + 1]?.[0] ?? this.max()] as const,\n        ),\n    );\n\n    public readonly orientation = input<TuiOrientation>('horizontal');\n    public readonly template = input<TemplateRef<TuiContext<number>>>();\n    public readonly max = input(100);\n}\n","@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","import {TuiTimelineComponent} from './timeline.component';\nimport {TuiTimelineItem} from './timeline-item.component';\n\nexport const TuiTimeline = [TuiTimelineComponent, TuiTimelineItem] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Directive, viewChild, ElementRef, InjectionToken, Injectable, input } from '@angular/core';
-import '@taiga-ui/cdk/constants';
+import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, inject, Directive, viewChild, ElementRef, InjectionToken, Injectable } from '@angular/core';
+import { TUI_VERSION } from '@taiga-ui/cdk/constants';
 import { TUI_PLATFORM } from '@taiga-ui/cdk/tokens';
+import { tuiDirectiveBinding, tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
 import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
 import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
 import { tuiButtonOptionsProvider, TuiButton } from '@taiga-ui/core/components/button';
@@ -10,9 +11,11 @@ import { TuiWithIcons } from '@taiga-ui/core/directives/icons';
 import { TUI_ICON_END, TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
 import { tuiAvatarOptionsProvider } from '@taiga-ui/kit/components/avatar';
 import { tuiBadgeOptionsProvider } from '@taiga-ui/kit/components/badge';
+import * as i2 from '@taiga-ui/kit/components/shrink-wrap';
+import { TuiShrinkWrapDirective, TuiShrinkWrap } from '@taiga-ui/kit/components/shrink-wrap';
 import * as i1$2 from '@taiga-ui/cdk/portals';
 import { tuiAsPortal, TuiPortalDirective } from '@taiga-ui/cdk/portals';
-import * as i2 from '@taiga-ui/core/portals/alert';
+import * as i2$1 from '@taiga-ui/core/portals/alert';
 import { TuiAlertDirective, TuiAlertService } from '@taiga-ui/core/portals/alert';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { WA_IS_MOBILE } from '@ng-web-apis/platform';
@@ -20,23 +23,24 @@ import * as i1$1 from '@taiga-ui/cdk/directives/animated';
 import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
 import { TuiSwipe } from '@taiga-ui/cdk/directives/swipe';
 import { injectContext, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
-import { of, switchMap, timer, EMPTY, takeUntil, fromEvent, repeat } from 'rxjs';
-import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
+import { of, switchMap, EMPTY, timer, takeUntil, fromEvent, repeat } from 'rxjs';
 
 class Styles {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-toast" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"]){transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.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;overflow:hidden}[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"])>*,[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"]):after,[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"]):before{max-inline-size:50%;margin:0 -.25rem}[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"]):after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiAvatar]{margin-inline-end:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-toast-5.0.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiToast]:where(*[data-tui-version=\"5.0.0\"]){transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.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.0.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:where(*[data-tui-version=\"5.0.0\"])>*:not(tui-shrink-wrap),[tuiToast]:where(*[data-tui-version=\"5.0.0\"]):after,[tuiToast]:where(*[data-tui-version=\"5.0.0\"]):before{max-inline-size:50%;margin:0 -.25rem}[tuiToast]:where(*[data-tui-version=\"5.0.0\"]):after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast]:where(*[data-tui-version=\"5.0.0\"]) [tuiAvatar]{margin-inline-end:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-toast' }, styles: ["[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"]){transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.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;overflow:hidden}[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"])>*,[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"]):after,[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"]):before{max-inline-size:50%;margin:0 -.25rem}[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"]):after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast]:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiAvatar]{margin-inline-end:0}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-toast-${TUI_VERSION}`, styles: ["[tuiToast]:where(*[data-tui-version=\"5.0.0\"]){transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.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.0.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:where(*[data-tui-version=\"5.0.0\"])>*:not(tui-shrink-wrap),[tuiToast]:where(*[data-tui-version=\"5.0.0\"]):after,[tuiToast]:where(*[data-tui-version=\"5.0.0\"]):before{max-inline-size:50%;margin:0 -.25rem}[tuiToast]:where(*[data-tui-version=\"5.0.0\"]):after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast]:where(*[data-tui-version=\"5.0.0\"]) [tuiAvatar]{margin-inline-end:0}\n"] }]
         }] });
 class TuiToastDirective {
     constructor() {
+        this.tuiShrinkWrap = input('min(calc(100vw - 2rem), 25rem)');
         this.nothing = tuiWithStyles(Styles);
+        this.width = tuiDirectiveBinding(TuiShrinkWrapDirective, 'tuiShrinkWrap', this.tuiShrinkWrap);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.19", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", inputs: { tuiShrinkWrap: { classPropertyName: "tuiShrinkWrap", publicName: "tuiShrinkWrap", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             tuiBadgeOptionsProvider({ size: 'l' }),
             tuiAvatarOptionsProvider(() => ({
                 size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',
@@ -51,9 +55,9 @@ class TuiToastDirective {
                     ? inject(TUI_COMMON_ICONS).more
                     : '',
             },
-        ], hostDirectives: [{ directive: i1.TuiWithIcons }], ngImport: i0 }); }
+        ], hostDirectives: [{ directive: i1.TuiWithIcons }, { directive: i2.TuiShrinkWrapDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiToastDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiToastDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiToast]:not(ng-template)',
@@ -73,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                                 : '',
                         },
                     ],
-                    hostDirectives: [TuiWithIcons],
+                    hostDirectives: [TuiWithIcons, TuiShrinkWrapDirective],
                 }]
         }] });
 
@@ -98,16 +102,16 @@ class TuiToastComponent {
             this.context.$implicit.complete();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiToastComponent, isStandalone: true, selector: "tui-toast", host: { attributes: { "role": "status" }, properties: { "class._mobile": "isMobile", "attr.data-appearance": "context.appearance" } }, viewQueries: [{ propertyName: "close", first: true, predicate: TuiButton, descendants: true, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiAnimated }, { directive: i2.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        {{ text }}\n    </div>\n    @if (context.closable && !isMobile) {\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"icons.close\"\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 2rem;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: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiSwipe, selector: "[tuiSwipe]", outputs: ["tuiSwipe"] }, { kind: "directive", type: TuiToastDirective, selector: "[tuiToast]:not(ng-template)" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: TuiToastComponent, isStandalone: true, selector: "tui-toast", host: { attributes: { "role": "status" }, properties: { "class._mobile": "isMobile", "attr.data-appearance": "context.appearance" } }, 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            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"icons.close\"\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 2rem;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: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { 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.18", ngImport: i0, type: TuiToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-toast', imports: [PolymorpheusOutlet, TuiButton, TuiSwipe, TuiToastDirective], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiAnimated, TuiAlertDirective], host: {
+            args: [{ selector: 'tui-toast', imports: [PolymorpheusOutlet, TuiButton, TuiShrinkWrap, TuiSwipe, TuiToastDirective], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiAnimated, TuiAlertDirective], host: {
                         role: 'status',
                         '[class._mobile]': 'isMobile',
                         '[attr.data-appearance]': 'context.appearance',
-                    }, 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        {{ text }}\n    </div>\n    @if (context.closable && !isMobile) {\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"icons.close\"\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 2rem;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"] }]
+                    }, 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            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"icons.close\"\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 2rem;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"] }]
         }] });
 
 const TUI_TOAST_CONCURRENCY = new InjectionToken(ngDevMode ? 'TUI_TOAST_CONCURRENCY' : '', { factory: () => (inject(WA_IS_MOBILE) ? 1 : 2) });
@@ -125,10 +129,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.18", ngImport: i0, type: TuiToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiToastService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiToastService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiToastService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -136,10 +140,10 @@ class TuiToastTemplate {
     constructor() {
         this.tuiToastOptions = input({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiToastTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", 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.19", ngImport: i0, type: TuiToastTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.19", 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.18", ngImport: i0, type: TuiToastTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiToastTemplate, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[tuiToast]',