@taiga-ui/kit 4.52.0-canary.a4e325d → 4.52.0-canary.a59c4d0

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    {\n        factory: () => tuiTilesSwap,\n    },\n);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    Input,\n    Output,\n    signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {\n    MutationObserverService,\n    WA_MUTATION_OBSERVER_INIT,\n} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {BehaviorSubject, debounce, filter, map, Subject, timer} from 'rxjs';\n\nimport {TUI_TILES_REORDER} from './tiles.tokens';\n\n@Component({\n    standalone: true,\n    selector: 'tui-tiles',\n    template: '<ng-content />',\n    styleUrls: ['./tiles.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        ResizeObserverService,\n        MutationObserverService,\n        {\n            provide: WA_MUTATION_OBSERVER_INIT,\n            useValue: {childList: true},\n        },\n    ],\n    host: {\n        '(pointerleave.zoneless)': 'rearrange()',\n    },\n})\nexport class TuiTilesComponent {\n    private readonly el$ = new Subject<Element | undefined>();\n    private readonly handler = inject(TUI_TILES_REORDER);\n\n    @Input()\n    public debounce = 0;\n\n    @Output()\n    public readonly orderChange = this.el$.pipe(\n        debounce(() => timer(this.debounce)),\n        filter(this.filter.bind(this)),\n        map((element) => this.reorder(element)),\n    );\n\n    public readonly element = signal<Element | null>(null);\n    public readonly el = tuiInjectElement();\n\n    public readonly order$ = new BehaviorSubject(new Map<number, number>());\n\n    @Input()\n    public set order(map: Map<number, number>) {\n        this.order$.next(map);\n    }\n\n    public get order(): Map<number, number> {\n        return this.order$.value;\n    }\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        this.order$.next(this.handler(order, currentIndex, newIndex));\n\n        return this.order$.value;\n    }\n}\n","import {isPlatformBrowser} from '@angular/common';\nimport {inject, Injectable, type OnDestroy, PLATFORM_ID} from '@angular/core';\nimport {MutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} 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(ResizeObserverService).pipe(startWith(null)),\n        inject(MutationObserverService).pipe(startWith(null)),\n        this.tiles.order$.pipe(debounceTime(0, tuiZonefreeScheduler())),\n    ]).pipe(map(([offset]) => offset));\n\n    public init(element: HTMLElement): void {\n        if (this.isBrowser) {\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    type 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    standalone: true,\n    selector: 'tui-tile',\n    templateUrl: './tile.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiTileService],\n    host: {\n        '[class._dragged]': 'dragged()',\n        '[style.gridColumn]': 'column',\n        '[style.gridRow]': 'row',\n        '(pointerenter)': 'onEnter()',\n    },\n})\nexport class TuiTile implements OnDestroy, AfterViewInit {\n    @ViewChild('wrapper')\n    private readonly wrapper?: ElementRef<HTMLElement>;\n\n    private readonly service = inject(TuiTileService);\n    private readonly tiles = inject(TuiTilesComponent);\n\n    protected dragged = signal(false);\n\n    @Input()\n    public width = 1;\n\n    @Input()\n    public height = 1;\n\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        if (this.wrapper) {\n            this.service.init(this.wrapper.nativeElement);\n        }\n    }\n\n    public ngOnDestroy(): void {\n        if (this.tiles.element() === this.element) {\n            this.tiles.element.set(null);\n        }\n    }\n\n    protected get column(): string {\n        return `span var(--tui-width, ${this.width})`;\n    }\n\n    protected get row(): string {\n        return `span var(--tui-height, ${this.height})`;\n    }\n\n    protected onEnter(): void {\n        this.tiles.rearrange(this.element);\n    }\n\n    protected onTransitionEnd(): void {\n        this.dragged.set(false);\n    }\n}\n","<div\n    #wrapper\n    class=\"t-wrapper\"\n    (transitionend.self)=\"onTransitionEnd()\"\n>\n    <ng-content />\n</div>\n","import {Directive, inject} from '@angular/core';\nimport {tuiGetActualTarget, tuiIsElement} from '@taiga-ui/cdk/utils/dom';\nimport {shouldCall} from '@taiga-ui/event-plugins';\n\nimport {TuiTile} from './tile.component';\n\nfunction isInteracting(this: TuiTileHandle, x = NaN): boolean {\n    return !Number.isNaN(x) || !Number.isNaN(this['x']);\n}\n\nfunction isDragging(this: TuiTileHandle): boolean {\n    return !Number.isNaN(this['x']);\n}\n\n@Directive({\n    standalone: true,\n    selector: '[tuiTileHandle]',\n    host: {\n        '[style.touchAction]': '\"none\"',\n        '[style.userSelect]': '\"none\"',\n        '(pointerdown.zoneless.prevent)': 'onStart($event)',\n        '(document:pointerup.zoneless)': 'onPointer()',\n        '(document:pointermove.zoneless)': 'onMove($event.x, $event.y)',\n    },\n})\nexport class TuiTileHandle {\n    private readonly tile = inject(TuiTile);\n    private x = NaN;\n    private y = NaN;\n\n    @shouldCall(isInteracting)\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    @shouldCall(isDragging)\n    protected onMove(x: number, y: number): void {\n        this.tile.onDrag([x - this.x, y - this.y]);\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":";;;;;;;;;;;;AAQO,MAAM,YAAY,GAAuB,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,KAAI;AAC9E,IAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;AAClD,QAAA,OAAO,KAAK;IAChB;IAEA,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,YAAY;IACvD,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,QAAQ;AACjD,IAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;AAE/B,IAAA,QAAQ,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC;AACrC,IAAA,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC;AAE/B,IAAA,OAAO,QAAQ;AACnB;AAEO,MAAM,aAAa,GAAuB,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,KAAI;AAC/E,IAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;AAClD,QAAA,OAAO,KAAK;IAChB;IAEA,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,YAAY;IACvD,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,QAAQ;AACjD,IAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;AAC/B,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAElE,IAAA,IAAI,CAAC,SAAS,GAAG,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE;AAC3D,QAAA,KAAK,IAAI,CAAC,GAAG,SAAS,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE;AACtC,YAAA,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QAC5C;IACJ;SAAO;AACH,QAAA,KAAK,IAAI,CAAC,GAAG,SAAS,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE;AACtC,YAAA,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QAC5C;IACJ;AAEA,IAAA,QAAQ,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC;AAErC,IAAA,OAAO,QAAQ;AACnB;AAEO,MAAM,iBAAiB,GAAG,IAAI,cAAc,CAC/C,SAAS,GAAG,mBAAmB,GAAG,EAAE,EACpC;AACI,IAAA,OAAO,EAAE,MAAM,YAAY;AAC9B,CAAA;;MCdQ,iBAAiB,CAAA;AAnB9B,IAAA,WAAA,GAAA;AAoBqB,QAAA,IAAA,CAAA,GAAG,GAAG,IAAI,OAAO,EAAuB;AACxC,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAG7C,IAAA,CAAA,QAAQ,GAAG,CAAC;QAGH,IAAA,CAAA,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CACvC,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EACpC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAC9B,GAAG,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAC1C;AAEe,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;QACtC,IAAA,CAAA,EAAE,GAAG,gBAAgB,EAAE;QAEvB,IAAA,CAAA,MAAM,GAAG,IAAI,eAAe,CAAC,IAAI,GAAG,EAAkB,CAAC;AA+B1E,IAAA;IA7BG,IACW,KAAK,CAAC,GAAwB,EAAA;AACrC,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;IACzB;AAEA,IAAA,IAAW,KAAK,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK;IAC5B;AAEO,IAAA,SAAS,CAAC,OAAiB,EAAA;AAC9B,QAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IAC1B;AAEQ,IAAA,MAAM,CAAC,OAAiB,EAAA;AAC5B,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,OAAO;IACtE;AAEQ,IAAA,OAAO,CAAC,OAAgB,EAAA;AAC5B,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC;AAC7C,QAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,OAAO,CAAC;QAChE,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC;AAC1C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;AACrB,cAAE,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK;cAClB,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;AAEzD,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;AAE7D,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK;IAC5B;8GA/CS,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,uBAAA,EAAA,aAAA,EAAA,EAAA,EAAA,SAAA,EAZf;YACP,qBAAqB;YACrB,uBAAuB;AACvB,YAAA;AACI,gBAAA,OAAO,EAAE,yBAAyB;AAClC,gBAAA,QAAQ,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC;AAC9B,aAAA;AACJ,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAXS,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kiBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAgBjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAnB7B,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EAAA,QAAA,EACN,WAAW,EAAA,QAAA,EACX,gBAAgB,EAAA,aAAA,EAEX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;wBACP,qBAAqB;wBACrB,uBAAuB;AACvB,wBAAA;AACI,4BAAA,OAAO,EAAE,yBAAyB;AAClC,4BAAA,QAAQ,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC;AAC9B,yBAAA;qBACJ,EAAA,IAAA,EACK;AACF,wBAAA,yBAAyB,EAAE,aAAa;AAC3C,qBAAA,EAAA,MAAA,EAAA,CAAA,kiBAAA,CAAA,EAAA;8BAOM,QAAQ,EAAA,CAAA;sBADd;gBAIe,WAAW,EAAA,CAAA;sBAD1B;gBAaU,KAAK,EAAA,CAAA;sBADf;;;MCpCQ,cAAc,CAAA;AAD3B,IAAA,WAAA,GAAA;QAEqB,IAAA,CAAA,SAAS,GAAG,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAClD,IAAA,CAAA,EAAE,GAAG,gBAAgB,EAAE;AACvB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC;AACjC,QAAA,IAAA,CAAA,GAAG,GAAG,IAAI,YAAY,EAAE;QACxB,IAAA,CAAA,OAAO,GAAG,IAAI,eAAe,CAA4B,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACpE,IAAA,CAAA,SAAS,GAA0C,aAAa,CAAC;YAC9E,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;YAC9D,MAAM,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACnD,MAAM,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AACrD,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,oBAAoB,EAAE,CAAC,CAAC;AAClE,SAAA,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,CAAC;AAyErC,IAAA;AAvEU,IAAA,IAAI,CAAC,OAAoB,EAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CACR,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,MAAM,KAAI;AAChC,gBAAA,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC;AACjC,gBAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC;YACjC,CAAC,CAAC,CACL;QACL;aAAO;YACH,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC;QACrD;IACJ;AAEO,IAAA,SAAS,CAAC,MAAiC,EAAA;AAC9C,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;IAC7B;IAEO,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE;IAC1B;AAEQ,IAAA,OAAO,CAAC,CAAC,IAAI,EAAE,GAAG,CAA4B,EAAA;QAClD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,GAAG;QACzD,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,GAAG,IAAI;AAE7D,QAAA,MAAM,IAAI,GAAG;AACT,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,WAAW;AAC1B,YAAA,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,YAAY;AAC5B,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,CAAC,EAAE,KAAK;AACR,YAAA,CAAC,EAAE,MAAM;SACZ;QAED,OAAO;AACH,YAAA,GAAG,IAAI;YACP,MAAM,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;SACrC;IACL;AAEQ,IAAA,OAAO,CAAC,EAAC,KAAK,EAAc,EAAE,MAAiC,EAAA;AACnE,QAAA,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;AAEvD,QAAA,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;AACtB,QAAA,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;AACxB,QAAA,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;AAC1B,QAAA,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAChC;AAEQ,IAAA,WAAW,CAAC,OAAoB,EAAE,CAAC,IAAI,CAA4B,EAAA;QACvE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YACrB,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,OAAO,CAAC;YAC9C,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,MAAM,CAAC;YAE/C;QACJ;AAEA,QAAA,MAAM,EAAC,KAAK,EAAC,GAAG,OAAO;AACvB,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,EAAE;AAE5C,QAAA,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;AAChC,QAAA,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC;AAClC,QAAA,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;AAC3B,QAAA,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;AAE5B,QAAA,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC;AAC1D,QAAA,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC;IAClE;8GAnFS,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;kHAAd,cAAc,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B;;;MCSY,OAAO,CAAA;AAbpB,IAAA,WAAA,GAAA;AAiBqB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC;AAChC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAExC,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC;QAG1B,IAAA,CAAA,KAAK,GAAG,CAAC;QAGT,IAAA,CAAA,MAAM,GAAG,CAAC;QAED,IAAA,CAAA,OAAO,GAAG,gBAAgB,EAAE;AA4C/C,IAAA;AA1CU,IAAA,MAAM,CAAC,MAAiC,EAAA;AAC3C,QAAA,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAExC,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,OAAO,CAAC;AAE3C,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACrD,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;QAE9B,IAAI,OAAO,EAAE;YACT,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;QAC3C;aAAO;YACH,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC;QAC9C;IACJ;IAEO,eAAe,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;QACjD;IACJ;IAEO,WAAW,GAAA;QACd,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,OAAO,EAAE;YACvC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QAChC;IACJ;AAEA,IAAA,IAAc,MAAM,GAAA;AAChB,QAAA,OAAO,CAAA,sBAAA,EAAyB,IAAI,CAAC,KAAK,GAAG;IACjD;AAEA,IAAA,IAAc,GAAG,GAAA;AACb,QAAA,OAAO,CAAA,uBAAA,EAA0B,IAAI,CAAC,MAAM,GAAG;IACnD;IAEU,OAAO,GAAA;QACb,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;IACtC;IAEU,eAAe,GAAA;AACrB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;IAC3B;8GA1DS,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAP,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,cAAA,EAAA,WAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,KAAA,EAAA,EAAA,EAAA,SAAA,EARL,CAAC,cAAc,CAAC,8HCrB/B,8HAOA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDsBa,OAAO,EAAA,UAAA,EAAA,CAAA;kBAbnB,SAAS;iCACM,IAAI,EAAA,QAAA,EACN,UAAU,EAAA,eAAA,EAEH,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,cAAc,CAAC,EAAA,IAAA,EACrB;AACF,wBAAA,kBAAkB,EAAE,WAAW;AAC/B,wBAAA,oBAAoB,EAAE,QAAQ;AAC9B,wBAAA,iBAAiB,EAAE,KAAK;AACxB,wBAAA,gBAAgB,EAAE,WAAW;AAChC,qBAAA,EAAA,QAAA,EAAA,8HAAA,EAAA;8BAIgB,OAAO,EAAA,CAAA;sBADvB,SAAS;uBAAC,SAAS;gBASb,KAAK,EAAA,CAAA;sBADX;gBAIM,MAAM,EAAA,CAAA;sBADZ;;;AEnCL,SAAS,aAAa,CAAsB,CAAC,GAAG,GAAG,EAAA;AAC/C,IAAA,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACvD;AAEA,SAAS,UAAU,GAAA;IACf,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACnC;MAaa,aAAa,CAAA;AAX1B,IAAA,WAAA,GAAA;AAYqB,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;QAC/B,IAAA,CAAA,CAAC,GAAG,GAAG;QACP,IAAA,CAAA,CAAC,GAAG,GAAG;AA0BlB,IAAA;AAvBa,IAAA,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAA;AAChC,QAAA,MAAM,EAAC,IAAI,EAAE,GAAG,EAAC,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE;AAE7D,QAAA,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI;AACjB,QAAA,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG;QAChB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAChC;IAGU,MAAM,CAAC,CAAS,EAAE,CAAS,EAAA;AACjC,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9C;AAEU,IAAA,OAAO,CAAC,KAAmB,EAAA;AACjC,QAAA,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC;QACxC,MAAM,EAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAC,GAAG,KAAK;AAE/B,QAAA,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE;AACtB,YAAA,MAAM,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAC3C;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IACxB;8GA5BS,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,8BAAA,EAAA,iBAAA,EAAA,6BAAA,EAAA,aAAA,EAAA,+BAAA,EAAA,4BAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AAMZ,UAAA,CAAA;IADT,UAAU,CAAC,aAAa;AAOxB,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,WAAA,EAAA,IAAA,CAAA;AAGS,UAAA,CAAA;IADT,UAAU,CAAC,UAAU;AAGrB,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,CAAA;2FAjBQ,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,IAAI,EAAE;AACF,wBAAA,qBAAqB,EAAE,QAAQ;AAC/B,wBAAA,oBAAoB,EAAE,QAAQ;AAC9B,wBAAA,gCAAgC,EAAE,iBAAiB;AACnD,wBAAA,+BAA+B,EAAE,aAAa;AAC9C,wBAAA,iCAAiC,EAAE,4BAA4B;AAClE,qBAAA;AACJ,iBAAA;AAOa,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,SAAS,MAST,MAAM,EAAA,EAAA,EAAA,EAAA,CAAA;;ACpCb,MAAM,QAAQ,GAAG,CAAC,iBAAiB,EAAE,OAAO,EAAE,aAAa;;ACJlE;;AAEG;;;;"}
+{"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    {\n        factory: () => tuiTilesSwap,\n    },\n);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    Input,\n    Output,\n    signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {\n    MutationObserverService,\n    WA_MUTATION_OBSERVER_INIT,\n} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {BehaviorSubject, debounce, filter, map, Subject, timer} from 'rxjs';\n\nimport {TUI_TILES_REORDER} from './tiles.tokens';\n\n@Component({\n    standalone: true,\n    selector: 'tui-tiles',\n    template: '<ng-content />',\n    styleUrl: './tiles.style.less',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        ResizeObserverService,\n        MutationObserverService,\n        {\n            provide: WA_MUTATION_OBSERVER_INIT,\n            useValue: {childList: true},\n        },\n    ],\n    host: {\n        '(pointerleave.zoneless)': 'rearrange()',\n    },\n})\nexport class TuiTilesComponent {\n    private readonly el$ = new Subject<Element | undefined>();\n    private readonly handler = inject(TUI_TILES_REORDER);\n\n    @Input()\n    public debounce = 0;\n\n    @Output()\n    public readonly orderChange = this.el$.pipe(\n        debounce(() => timer(this.debounce)),\n        filter(this.filter.bind(this)),\n        map((element) => this.reorder(element)),\n    );\n\n    public readonly element = signal<Element | null>(null);\n    public readonly el = tuiInjectElement();\n\n    public readonly order$ = new BehaviorSubject(new Map<number, number>());\n\n    @Input()\n    public set order(map: Map<number, number>) {\n        this.order$.next(map);\n    }\n\n    public get order(): Map<number, number> {\n        return this.order$.value;\n    }\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        this.order$.next(this.handler(order, currentIndex, newIndex));\n\n        return this.order$.value;\n    }\n}\n","import {isPlatformBrowser} from '@angular/common';\nimport {inject, Injectable, type OnDestroy, PLATFORM_ID} from '@angular/core';\nimport {MutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} 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(ResizeObserverService).pipe(startWith(null)),\n        inject(MutationObserverService).pipe(startWith(null)),\n        this.tiles.order$.pipe(debounceTime(0, tuiZonefreeScheduler())),\n    ]).pipe(map(([offset]) => offset));\n\n    public init(element: HTMLElement): void {\n        if (this.isBrowser) {\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    type 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    standalone: true,\n    selector: 'tui-tile',\n    templateUrl: './tile.template.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiTileService],\n    host: {\n        '[class._dragged]': 'dragged()',\n        '[style.gridColumn]': 'column',\n        '[style.gridRow]': 'row',\n        '(pointerenter)': 'onEnter()',\n    },\n})\nexport class TuiTile implements OnDestroy, AfterViewInit {\n    @ViewChild('wrapper')\n    private readonly wrapper?: ElementRef<HTMLElement>;\n\n    private readonly service = inject(TuiTileService);\n    private readonly tiles = inject(TuiTilesComponent);\n\n    protected dragged = signal(false);\n\n    @Input()\n    public width = 1;\n\n    @Input()\n    public height = 1;\n\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        if (this.wrapper) {\n            this.service.init(this.wrapper.nativeElement);\n        }\n    }\n\n    public ngOnDestroy(): void {\n        if (this.tiles.element() === this.element) {\n            this.tiles.element.set(null);\n        }\n    }\n\n    protected get column(): string {\n        return `span var(--tui-width, ${this.width})`;\n    }\n\n    protected get row(): string {\n        return `span var(--tui-height, ${this.height})`;\n    }\n\n    protected onEnter(): void {\n        this.tiles.rearrange(this.element);\n    }\n\n    protected onTransitionEnd(): void {\n        this.dragged.set(false);\n    }\n}\n","<div\n    #wrapper\n    class=\"t-wrapper\"\n    (transitionend.self)=\"onTransitionEnd()\"\n>\n    <ng-content />\n</div>\n","import {Directive, inject} from '@angular/core';\nimport {tuiGetActualTarget, tuiIsElement} from '@taiga-ui/cdk/utils/dom';\nimport {shouldCall} from '@taiga-ui/event-plugins';\n\nimport {TuiTile} from './tile.component';\n\nfunction isInteracting(this: TuiTileHandle, x = NaN): boolean {\n    return !Number.isNaN(x) || !Number.isNaN(this['x']);\n}\n\nfunction isDragging(this: TuiTileHandle): boolean {\n    return !Number.isNaN(this['x']);\n}\n\n@Directive({\n    standalone: true,\n    selector: '[tuiTileHandle]',\n    host: {\n        '[style.touchAction]': '\"none\"',\n        '[style.userSelect]': '\"none\"',\n        '(pointerdown.zoneless.prevent)': 'onStart($event)',\n        '(document:pointerup.zoneless)': 'onPointer()',\n        '(document:pointermove.zoneless)': 'onMove($event.x, $event.y)',\n    },\n})\nexport class TuiTileHandle {\n    private readonly tile = inject(TuiTile);\n    private x = NaN;\n    private y = NaN;\n\n    @shouldCall(isInteracting)\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    @shouldCall(isDragging)\n    protected onMove(x: number, y: number): void {\n        this.tile.onDrag([x - this.x, y - this.y]);\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-toast.mjs

@@ -0,0 +1,166 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Directive, viewChild, ElementRef, Injectable } from '@angular/core';
+import { TUI_PLATFORM, TUI_IS_MOBILE } from '@taiga-ui/cdk/tokens';
+import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
+import { tuiWithStyles, tuiCreateToken, tuiCreateTokenFromFactory } from '@taiga-ui/cdk/utils/miscellaneous';
+import { tuiButtonOptionsProvider } from '@taiga-ui/core/components';
+import * as i1 from '@taiga-ui/core/directives/icons';
+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 { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
+import { TuiPopoverService, tuiAsPopover } from '@taiga-ui/cdk/services';
+import { TUI_ALERTS } from '@taiga-ui/core/components/alert';
+import { of, switchMap, timer, EMPTY, takeUntil, fromEvent, repeat, BehaviorSubject, pairwise } from 'rxjs';
+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 { TuiButton } from '@taiga-ui/core/components/button';
+import { injectContext, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
+import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
+
+class TuiToastStyles {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiToastStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiToastStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-toast" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiToast]{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-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;overflow:hidden}[tuiToast]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]>*,[tuiToast]:after,[tuiToast]:before{max-inline-size:50%;margin:0 -.25rem}[tuiToast]:after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast] [tuiAvatar]{margin-inline-end:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiToastStyles, decorators: [{
+            type: Component,
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-toast' }, styles: ["[tuiToast]{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-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;overflow:hidden}[tuiToast]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]>*,[tuiToast]:after,[tuiToast]:before{max-inline-size:50%;margin:0 -.25rem}[tuiToast]:after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast] [tuiAvatar]{margin-inline-end:0}\n"] }]
+        }] });
+class TuiToastDirective {
+    constructor() {
+        this.nothing = tuiWithStyles(TuiToastStyles);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", providers: [
+            tuiBadgeOptionsProvider({ size: 'l' }),
+            tuiAvatarOptionsProvider(() => ({
+                size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',
+            })),
+            tuiButtonOptionsProvider(() => ({
+                size: 's',
+                appearance: inject(TUI_PLATFORM) === 'web' ? 'secondary-grayscale' : 'secondary',
+            })),
+            {
+                provide: TUI_ICON_END,
+                useFactory: () => tuiInjectElement().matches('a, button')
+                    ? inject(TUI_COMMON_ICONS).more
+                    : '',
+            },
+        ], hostDirectives: [{ directive: i1.TuiWithIcons }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiToastDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiToast]:not(ng-template)',
+                    providers: [
+                        tuiBadgeOptionsProvider({ size: 'l' }),
+                        tuiAvatarOptionsProvider(() => ({
+                            size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',
+                        })),
+                        tuiButtonOptionsProvider(() => ({
+                            size: 's',
+                            appearance: inject(TUI_PLATFORM) === 'web' ? 'secondary-grayscale' : 'secondary',
+                        })),
+                        {
+                            provide: TUI_ICON_END,
+                            useFactory: () => tuiInjectElement().matches('a, button')
+                                ? inject(TUI_COMMON_ICONS).more
+                                : '',
+                        },
+                    ],
+                    hostDirectives: [TuiWithIcons],
+                }]
+        }] });
+
+class TuiToastComponent {
+    constructor() {
+        this.close = viewChild(TuiButton, { read: ElementRef });
+        this.el = tuiInjectElement();
+        this.isMobile = inject(TUI_IS_MOBILE);
+        this.context = injectContext();
+        this.icons = inject(TUI_COMMON_ICONS);
+        this.$ = of(this.context.autoClose)
+            .pipe(switchMap((autoClose) => (autoClose ? timer(autoClose) : EMPTY)), takeUntil(fromEvent(this.el, 'mouseenter')), repeat({ delay: () => fromEvent(this.el, 'mouseleave') }), takeUntilDestroyed())
+            .subscribe(() => this.context.$implicit.complete());
+    }
+    ngAfterViewInit() {
+        if (this.close()) {
+            this.el.querySelector('[tuiToast]')?.appendChild(this.close()?.nativeElement);
+        }
+    }
+    onSwipe() {
+        if (this.context.closable) {
+            this.context.$implicit.complete();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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 }], 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: ["::ng-deep *:has(>tui-toast){flex-direction:column-reverse!important;justify-content:flex-end}:host{transition-property:grid-template-rows;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;top:1.25rem;display:grid;margin:0 auto;touch-action:none;animation-fill-mode:both;--tui-from: translate3d(0, -2rem, 0)}:host.tui-enter{place-items:end;animation-name:tuiSlide,tuiCollapse}:host.tui-leave{animation-name:tuiFade,tuiCollapse}:host.tui-leave:first-child{animation-name:tuiFade}:host._mobile{top:env(safe-area-inset-top)}:host._mobile.tui-enter{animation-delay:var(--tui-duration)}:host._mobile.tui-leave{place-items:end;animation-name:tuiSlide,tuiCollapse}.t-wrapper{grid-row:1 / span 2}.t-wrapper:before{content:\"\";display:block;block-size:.75rem}:host._mobile .t-wrapper:before{block-size:.25rem}\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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-toast', imports: [PolymorpheusOutlet, TuiButton, TuiSwipe, TuiToastDirective], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiAnimated], 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: ["::ng-deep *:has(>tui-toast){flex-direction:column-reverse!important;justify-content:flex-end}:host{transition-property:grid-template-rows;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;top:1.25rem;display:grid;margin:0 auto;touch-action:none;animation-fill-mode:both;--tui-from: translate3d(0, -2rem, 0)}:host.tui-enter{place-items:end;animation-name:tuiSlide,tuiCollapse}:host.tui-leave{animation-name:tuiFade,tuiCollapse}:host.tui-leave:first-child{animation-name:tuiFade}:host._mobile{top:env(safe-area-inset-top)}:host._mobile.tui-enter{animation-delay:var(--tui-duration)}:host._mobile.tui-leave{place-items:end;animation-name:tuiSlide,tuiCollapse}.t-wrapper{grid-row:1 / span 2}.t-wrapper:before{content:\"\";display:block;block-size:.75rem}:host._mobile .t-wrapper:before{block-size:.25rem}\n"] }]
+        }] });
+
+const TUI_TOAST_DEFAULT_OPTIONS = {
+    appearance: '',
+    autoClose: 5000,
+    closable: true,
+};
+const [TUI_TOAST_OPTIONS, tuiToastOptionsProvider] = tuiCreateOptions(TUI_TOAST_DEFAULT_OPTIONS);
+
+const TOASTS = tuiCreateToken(new BehaviorSubject([]));
+const TUI_TOASTS_CONCURRENCY = tuiCreateTokenFromFactory(() => inject(TUI_IS_MOBILE) ? 1 : 2);
+class TuiToastService extends TuiPopoverService {
+    constructor() {
+        super(...arguments);
+        this.concurrency = inject(TUI_TOASTS_CONCURRENCY);
+        this.alerts = inject(TUI_ALERTS);
+        this.sub = this.items$
+            .pipe(pairwise(), takeUntilDestroyed())
+            .subscribe(([prev, next]) => {
+            const closed = prev.filter((item) => !next.includes(item));
+            const alerts = this.alerts.value.filter((item) => !closed.includes(item));
+            const toasts = new Set([...alerts, ...next.slice(0, this.concurrency)]);
+            this.alerts.next(Array.from(toasts));
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiToastService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiToastService, providedIn: 'root', useFactory: () => new TuiToastService(TOASTS, TuiToastComponent, inject(TUI_TOAST_OPTIONS)) }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                    useFactory: () => new TuiToastService(TOASTS, TuiToastComponent, inject(TUI_TOAST_OPTIONS)),
+                }]
+        }] });
+class TuiToastTemplate extends TuiPopoverDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiToastTemplate, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiToastTemplate, isStandalone: true, selector: "ng-template[tuiToast]", inputs: { options: ["tuiToastOptions", "options"], open: ["tuiToast", "open"] }, outputs: { openChange: "tuiToastChange" }, providers: [tuiAsPopover(TuiToastService)], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiToastTemplate, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'ng-template[tuiToast]',
+                    inputs: ['options: tuiToastOptions', 'open: tuiToast'],
+                    outputs: ['openChange: tuiToastChange'],
+                    providers: [tuiAsPopover(TuiToastService)],
+                }]
+        }] });
+
+const TuiToast = [TuiToastDirective, TuiToastTemplate];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_TOASTS_CONCURRENCY, TUI_TOAST_DEFAULT_OPTIONS, TUI_TOAST_OPTIONS, TuiToast, TuiToastComponent, TuiToastDirective, TuiToastService, TuiToastTemplate, tuiToastOptionsProvider };
+//# sourceMappingURL=taiga-ui-kit-components-toast.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-toast.mjs","sources":["../../../projects/kit/components/toast/toast.directive.ts","../../../projects/kit/components/toast/toast.component.ts","../../../projects/kit/components/toast/toast.template.html","../../../projects/kit/components/toast/toast.options.ts","../../../projects/kit/components/toast/toast.service.ts","../../../projects/kit/components/toast/toast.ts","../../../projects/kit/components/toast/taiga-ui-kit-components-toast.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    inject,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_PLATFORM} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components';\nimport {TuiWithIcons} from '@taiga-ui/core/directives/icons';\nimport {TUI_COMMON_ICONS, TUI_ICON_END} from '@taiga-ui/core/tokens';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {tuiBadgeOptionsProvider} from '@taiga-ui/kit/components/badge';\n\n@Component({\n    template: '',\n    styles: '@import \"@taiga-ui/kit/styles/components/toast.less\";',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {class: 'tui-toast'},\n})\nclass TuiToastStyles {}\n\n@Directive({\n    selector: '[tuiToast]:not(ng-template)',\n    providers: [\n        tuiBadgeOptionsProvider({size: 'l'}),\n        tuiAvatarOptionsProvider(() => ({\n            size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',\n        })),\n        tuiButtonOptionsProvider(() => ({\n            size: 's',\n            appearance:\n                inject(TUI_PLATFORM) === 'web' ? 'secondary-grayscale' : 'secondary',\n        })),\n        {\n            provide: TUI_ICON_END,\n            useFactory: () =>\n                tuiInjectElement().matches('a, button')\n                    ? inject(TUI_COMMON_ICONS).more\n                    : '',\n        },\n    ],\n    hostDirectives: [TuiWithIcons],\n})\nexport class TuiToastDirective {\n    protected readonly nothing = tuiWithStyles(TuiToastStyles);\n}\n","import {\n    type AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    inject,\n    viewChild,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {TuiSwipe} from '@taiga-ui/cdk/directives/swipe';\nimport {type TuiPopover} from '@taiga-ui/cdk/services';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {injectContext, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\nimport {EMPTY, fromEvent, of, repeat, switchMap, takeUntil, timer} from 'rxjs';\n\nimport {TuiToastDirective} from './toast.directive';\nimport {type TuiToastOptions} from './toast.options';\n\n@Component({\n    selector: 'tui-toast',\n    imports: [PolymorpheusOutlet, TuiButton, TuiSwipe, TuiToastDirective],\n    templateUrl: './toast.template.html',\n    styleUrl: './toast.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [TuiAnimated],\n    host: {\n        role: 'status',\n        '[class._mobile]': 'isMobile',\n        '[attr.data-appearance]': 'context.appearance',\n    },\n})\nexport class TuiToastComponent<O, I> implements AfterViewInit {\n    private readonly close = viewChild(TuiButton, {read: ElementRef});\n\n    private readonly el = tuiInjectElement();\n\n    protected readonly isMobile = inject(TUI_IS_MOBILE);\n    protected readonly context = injectContext<TuiPopover<TuiToastOptions<I>, O>>();\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n    protected readonly $ = of(this.context.autoClose)\n        .pipe(\n            switchMap((autoClose) => (autoClose ? timer(autoClose) : EMPTY)),\n            takeUntil(fromEvent(this.el, 'mouseenter')),\n            repeat({delay: () => fromEvent(this.el, 'mouseleave')}),\n            takeUntilDestroyed(),\n        )\n        .subscribe(() => this.context.$implicit.complete());\n\n    public ngAfterViewInit(): void {\n        if (this.close()) {\n            this.el.querySelector('[tuiToast]')?.appendChild(this.close()?.nativeElement);\n        }\n    }\n\n    protected onSwipe(): void {\n        if (this.context.closable) {\n            this.context.$implicit.complete();\n        }\n    }\n}\n","<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","import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiToastOptions<I> {\n    autoClose: number;\n    closable: boolean;\n    appearance: string;\n    data?: I;\n}\n\nexport const TUI_TOAST_DEFAULT_OPTIONS: TuiToastOptions<void> = {\n    appearance: '',\n    autoClose: 5000,\n    closable: true,\n};\n\nexport const [TUI_TOAST_OPTIONS, tuiToastOptionsProvider] = tuiCreateOptions(\n    TUI_TOAST_DEFAULT_OPTIONS,\n);\n","import {Directive, inject, Injectable} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {TuiPopoverDirective} from '@taiga-ui/cdk/directives/popover';\nimport {tuiAsPopover, type TuiPopover, TuiPopoverService} from '@taiga-ui/cdk/services';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {\n    tuiCreateToken,\n    tuiCreateTokenFromFactory,\n} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_ALERTS} from '@taiga-ui/core/components/alert';\nimport {BehaviorSubject, pairwise} from 'rxjs';\n\nimport {TuiToastComponent} from './toast.component';\nimport {TUI_TOAST_OPTIONS, type TuiToastOptions} from './toast.options';\n\nconst TOASTS = tuiCreateToken(\n    new BehaviorSubject<ReadonlyArray<TuiPopover<TuiToastOptions<unknown>, any>>>([]),\n);\n\nexport const TUI_TOASTS_CONCURRENCY = tuiCreateTokenFromFactory<number>(() =>\n    inject(TUI_IS_MOBILE) ? 1 : 2,\n);\n\n@Injectable({\n    providedIn: 'root',\n    useFactory: () =>\n        new TuiToastService(TOASTS, TuiToastComponent, inject(TUI_TOAST_OPTIONS)),\n})\nexport class TuiToastService extends TuiPopoverService<TuiToastOptions<any>> {\n    private readonly concurrency = inject(TUI_TOASTS_CONCURRENCY);\n    private readonly alerts = inject(TUI_ALERTS);\n\n    protected readonly sub = this.items$\n        .pipe(pairwise(), takeUntilDestroyed())\n        .subscribe(([prev, next]) => {\n            const closed = prev.filter((item) => !next.includes(item));\n            const alerts = this.alerts.value.filter((item) => !closed.includes(item));\n            const toasts = new Set([...alerts, ...next.slice(0, this.concurrency)]);\n\n            this.alerts.next(Array.from(toasts));\n        });\n}\n\n@Directive({\n    standalone: true,\n    selector: 'ng-template[tuiToast]',\n    inputs: ['options: tuiToastOptions', 'open: tuiToast'],\n    outputs: ['openChange: tuiToastChange'],\n    providers: [tuiAsPopover(TuiToastService)],\n})\nexport class TuiToastTemplate<T> extends TuiPopoverDirective<TuiToastOptions<T>> {}\n","import {TuiToastDirective} from './toast.directive';\nimport {TuiToastTemplate} from './toast.service';\n\nexport const TuiToast = [TuiToastDirective, TuiToastTemplate] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { NgIf, NgTemplateOutlet, AsyncPipe, NgForOf } from '@angular/common';
+import { NgTemplateOutlet, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Input, Directive, inject, forwardRef, ChangeDetectionStrategy, Component, InjectionToken, SkipSelf, ContentChildren, ViewChild, EventEmitter, Output, Injectable } from '@angular/core';
 import { TuiLet } from '@taiga-ui/cdk/directives/let';
@@ -8,7 +8,7 @@ import { Subject, map, distinctUntilChanged, startWith, mergeMap, tap } from 'rx
 import { EMPTY_ARRAY, EMPTY_FUNCTION, TUI_TRUE_HANDLER, EMPTY_QUERY } from '@taiga-ui/cdk/constants';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
-import { TuiExpandComponent } from '@taiga-ui/core/components/expand';
+import { TuiExpand } from '@taiga-ui/core/components/expand';
 import { TuiButton } from '@taiga-ui/core/components/button';
 import { TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
 import { TUI_MORE_WORD } from '@taiga-ui/kit/tokens';
@@ -20,10 +20,10 @@ class TuiTreeChildren {
     static defaultHandler(item) {
         return Array.isArray(item) ? item : EMPTY_ARRAY;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeChildren, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: TuiTreeChildren, isStandalone: true, selector: "tui-tree[childrenHandler]", inputs: { childrenHandler: "childrenHandler" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeChildren, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiTreeChildren, isStandalone: true, selector: "tui-tree[childrenHandler]", inputs: { childrenHandler: "childrenHandler" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeChildren, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeChildren, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -47,14 +47,14 @@ class TuiTreeItemContent {
     onClick() {
         this.controller.toggle(this.context.$implicit);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeItemContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TuiTreeItemContent, isStandalone: true, selector: "ng-component", host: { properties: { "class._expandable": "isExpandable" } }, ngImport: i0, template: "<button\n    *ngIf=\"isExpandable\"\n    appearance=\"flat\"\n    size=\"xs\"\n    tuiIconButton\n    type=\"button\"\n    class=\"t-button\"\n    [class.t-button_expanded]=\"context.$implicit.expanded()\"\n    [iconStart]=\"icons.more\"\n    [style.border-radius.%]=\"100\"\n    (click)=\"onClick()\"\n>\n    {{ more() }}\n</button>\n<ng-container [ngTemplateOutlet]=\"context.template\" />\n", styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-inline-start:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-end:.5rem}.t-button_expanded{transform:rotate(90deg)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeItemContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiTreeItemContent, isStandalone: true, selector: "ng-component", host: { properties: { "class._expandable": "isExpandable" } }, ngImport: i0, template: "@if (isExpandable) {\n    <button\n        appearance=\"flat\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-button\"\n        [class.t-button_expanded]=\"context.$implicit.expanded()\"\n        [iconStart]=\"icons.more\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"onClick()\"\n    >\n        {{ more() }}\n    </button>\n}\n<ng-container [ngTemplateOutlet]=\"context.template\" />\n", styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-inline-start:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-end:.5rem}.t-button_expanded{transform:rotate(90deg)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeItemContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeItemContent, decorators: [{
             type: Component,
-            args: [{ imports: [NgIf, NgTemplateOutlet, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ imports: [NgTemplateOutlet, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class._expandable]': 'isExpandable',
-                    }, template: "<button\n    *ngIf=\"isExpandable\"\n    appearance=\"flat\"\n    size=\"xs\"\n    tuiIconButton\n    type=\"button\"\n    class=\"t-button\"\n    [class.t-button_expanded]=\"context.$implicit.expanded()\"\n    [iconStart]=\"icons.more\"\n    [style.border-radius.%]=\"100\"\n    (click)=\"onClick()\"\n>\n    {{ more() }}\n</button>\n<ng-container [ngTemplateOutlet]=\"context.template\" />\n", styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-inline-start:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-end:.5rem}.t-button_expanded{transform:rotate(90deg)}\n"] }]
+                    }, template: "@if (isExpandable) {\n    <button\n        appearance=\"flat\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-button\"\n        [class.t-button_expanded]=\"context.$implicit.expanded()\"\n        [iconStart]=\"icons.more\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"onClick()\"\n    >\n        {{ more() }}\n    </button>\n}\n<ng-container [ngTemplateOutlet]=\"context.template\" />\n", styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-inline-start:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-end:.5rem}.t-button_expanded{transform:rotate(90deg)}\n"] }]
         }] });
 
 const TUI_TREE_ITEM_CONTENT = new PolymorpheusComponent(TuiTreeItemContent);
@@ -127,19 +127,19 @@ class TuiTreeItem {
     checkChanges() {
         this.change$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TuiTreeItem, isStandalone: true, selector: "tui-tree-item", host: { attributes: { "role": "treeitem" }, properties: { "class._expandable": "isExpandable" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiTreeItem, isStandalone: true, selector: "tui-tree-item", host: { attributes: { "role": "treeitem" }, properties: { "class._expandable": "isExpandable" } }, providers: [
             tuiProvide(TUI_TREE_NODE, TuiTreeItem),
             {
                 provide: TUI_TREE_LEVEL,
                 deps: [[new SkipSelf(), TUI_TREE_LEVEL]],
                 useFactory: (level) => ++level,
             },
-        ], queries: [{ propertyName: "nested", predicate: TUI_TREE_NODE }], ngImport: i0, template: "<ng-template #template>\n    <ng-content />\n</ng-template>\n<ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: this, template: template}\">\n    {{ text }}\n</ng-container>\n<tui-expand\n    *ngIf=\"isExpandable\"\n    role=\"group\"\n    class=\"t-children\"\n    [expanded]=\"expanded()\"\n>\n    <div>\n        <ng-content select=\"tui-tree-item\" />\n        <ng-content select=\"tui-tree\" />\n    </div>\n</tui-expand>\n<ng-container *ngIf=\"attached()\" />\n", styles: [":host{display:block}.t-children{position:relative;margin-inline-start:var(--tui-tree-item-indent, 1.5rem)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "nested", predicate: TUI_TREE_NODE }], ngImport: i0, template: "<ng-template #template>\n    <ng-content />\n</ng-template>\n<ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: this, template: template}\">\n    {{ text }}\n</ng-container>\n@if (isExpandable) {\n    <tui-expand\n        role=\"group\"\n        class=\"t-children\"\n        [expanded]=\"expanded()\"\n    >\n        <div>\n            <ng-content select=\"tui-tree-item\" />\n            <ng-content select=\"tui-tree\" />\n        </div>\n    </tui-expand>\n}\n@if (attached()) {}\n", styles: [":host{display:block}.t-children{position:relative;margin-inline-start:var(--tui-tree-item-indent, 1.5rem)}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiExpand, selector: "tui-expand", inputs: ["expanded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeItem, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-tree-item', imports: [NgIf, PolymorpheusOutlet, TuiExpandComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ selector: 'tui-tree-item', imports: [PolymorpheusOutlet, TuiExpand], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         tuiProvide(TUI_TREE_NODE, TuiTreeItem),
                         {
                             provide: TUI_TREE_LEVEL,
@@ -149,7 +149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
                     ], host: {
                         role: 'treeitem',
                         '[class._expandable]': 'isExpandable',
-                    }, template: "<ng-template #template>\n    <ng-content />\n</ng-template>\n<ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: this, template: template}\">\n    {{ text }}\n</ng-container>\n<tui-expand\n    *ngIf=\"isExpandable\"\n    role=\"group\"\n    class=\"t-children\"\n    [expanded]=\"expanded()\"\n>\n    <div>\n        <ng-content select=\"tui-tree-item\" />\n        <ng-content select=\"tui-tree\" />\n    </div>\n</tui-expand>\n<ng-container *ngIf=\"attached()\" />\n", styles: [":host{display:block}.t-children{position:relative;margin-inline-start:var(--tui-tree-item-indent, 1.5rem)}\n"] }]
+                    }, template: "<ng-template #template>\n    <ng-content />\n</ng-template>\n<ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: this, template: template}\">\n    {{ text }}\n</ng-container>\n@if (isExpandable) {\n    <tui-expand\n        role=\"group\"\n        class=\"t-children\"\n        [expanded]=\"expanded()\"\n    >\n        <div>\n            <ng-content select=\"tui-tree-item\" />\n            <ng-content select=\"tui-tree\" />\n        </div>\n    </tui-expand>\n}\n@if (attached()) {}\n", styles: [":host{display:block}.t-children{position:relative;margin-inline-start:var(--tui-tree-item-indent, 1.5rem)}\n"] }]
         }], propDecorators: { nested: [{
                 type: ContentChildren,
                 args: [TUI_TREE_NODE]
@@ -168,10 +168,10 @@ class TuiTreeNode {
     ngOnDestroy() {
         this.directive?.unregister(this.component);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: TuiTreeNode, isStandalone: true, selector: "tui-tree-item[tuiTreeNode]", inputs: { value: ["tuiTreeNode", "value"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiTreeNode, isStandalone: true, selector: "tui-tree-item[tuiTreeNode]", inputs: { value: ["tuiTreeNode", "value"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeNode, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeNode, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -203,20 +203,12 @@ class TuiTreeComponent {
     get handler() {
         return this.directive?.childrenHandler || TuiTreeChildren.defaultHandler;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TuiTreeComponent, isStandalone: true, selector: "tui-tree", inputs: { value: "value", trackBy: "trackBy", content: "content" }, host: { attributes: { "role": "tree" } }, providers: [tuiProvide(TUI_TREE_NODE, TuiTreeComponent)], viewQueries: [{ propertyName: "item", first: true, predicate: i0.forwardRef(() => TuiTreeItem), descendants: true }, { propertyName: "child", first: true, predicate: i0.forwardRef(() => TuiTreeComponent), descendants: true }], ngImport: i0, template: "<tui-tree-item\n    *tuiLet=\"children$ | async as children\"\n    #view\n    [tuiTreeNode]=\"value\"\n>\n    <ng-container *ngIf=\"value !== children\">\n        <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: value, node: view}\">\n            {{ text }}\n        </ng-container>\n    </ng-container>\n    <tui-tree\n        *ngFor=\"let child of children; trackBy: trackBy\"\n        [content]=\"content\"\n        [trackBy]=\"trackBy\"\n        [value]=\"child\"\n    />\n</tui-tree-item>\n", styles: [":host{position:relative;display:block}\n"], dependencies: [{ kind: "component", type: TuiTreeComponent, selector: "tui-tree", inputs: ["value", "trackBy", "content"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: TuiTreeItem, selector: "tui-tree-item" }, { kind: "directive", type: TuiTreeNode, selector: "tui-tree-item[tuiTreeNode]", inputs: ["tuiTreeNode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiTreeComponent, isStandalone: true, selector: "tui-tree", inputs: { value: "value", trackBy: "trackBy", content: "content" }, host: { attributes: { "role": "tree" } }, providers: [tuiProvide(TUI_TREE_NODE, TuiTreeComponent)], viewQueries: [{ propertyName: "item", first: true, predicate: i0.forwardRef(() => TuiTreeItem), descendants: true }, { propertyName: "child", first: true, predicate: i0.forwardRef(() => TuiTreeComponent), descendants: true }], ngImport: i0, template: "<tui-tree-item\n    *tuiLet=\"children$ | async as children\"\n    #view\n    [tuiTreeNode]=\"value\"\n>\n    @if (value !== children) {\n        <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: value, node: view}\">\n            {{ text }}\n        </ng-container>\n    }\n    @for (child of children; track trackBy($index, child)) {\n        <tui-tree\n            [content]=\"content\"\n            [trackBy]=\"trackBy\"\n            [value]=\"child\"\n        />\n    }\n</tui-tree-item>\n", styles: [":host{position:relative;display:block}\n"], dependencies: [{ kind: "component", type: TuiTreeComponent, selector: "tui-tree", inputs: ["value", "trackBy", "content"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: TuiTreeItem, selector: "tui-tree-item" }, { kind: "directive", type: TuiTreeNode, selector: "tui-tree-item[tuiTreeNode]", inputs: ["tuiTreeNode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-tree', imports: [
-                        AsyncPipe,
-                        NgForOf,
-                        NgIf,
-                        PolymorpheusOutlet,
-                        TuiLet,
-                        TuiTreeItem,
-                        TuiTreeNode,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiProvide(TUI_TREE_NODE, TuiTreeComponent)], host: { role: 'tree' }, template: "<tui-tree-item\n    *tuiLet=\"children$ | async as children\"\n    #view\n    [tuiTreeNode]=\"value\"\n>\n    <ng-container *ngIf=\"value !== children\">\n        <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: value, node: view}\">\n            {{ text }}\n        </ng-container>\n    </ng-container>\n    <tui-tree\n        *ngFor=\"let child of children; trackBy: trackBy\"\n        [content]=\"content\"\n        [trackBy]=\"trackBy\"\n        [value]=\"child\"\n    />\n</tui-tree-item>\n", styles: [":host{position:relative;display:block}\n"] }]
+            args: [{ selector: 'tui-tree', imports: [AsyncPipe, PolymorpheusOutlet, TuiLet, TuiTreeItem, TuiTreeNode], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiProvide(TUI_TREE_NODE, TuiTreeComponent)], host: { role: 'tree' }, template: "<tui-tree-item\n    *tuiLet=\"children$ | async as children\"\n    #view\n    [tuiTreeNode]=\"value\"\n>\n    @if (value !== children) {\n        <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: value, node: view}\">\n            {{ text }}\n        </ng-container>\n    }\n    @for (child of children; track trackBy($index, child)) {\n        <tui-tree\n            [content]=\"content\"\n            [trackBy]=\"trackBy\"\n            [value]=\"child\"\n        />\n    }\n</tui-tree-item>\n", styles: [":host{position:relative;display:block}\n"] }]
         }], propDecorators: { item: [{
                 type: ViewChild,
                 args: [forwardRef(() => TuiTreeItem)]
@@ -260,13 +252,13 @@ class TuiTreeControllerDirective {
         this.toggled.emit(value);
         this.map.set(value, !expanded);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeControllerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: TuiTreeControllerDirective, isStandalone: true, selector: "[tuiTreeController][map]", inputs: { fallback: ["tuiTreeController", "fallback"], map: "map" }, outputs: { toggled: "toggled" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeControllerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiTreeControllerDirective, isStandalone: true, selector: "[tuiTreeController][map]", inputs: { fallback: ["tuiTreeController", "fallback"], map: "map" }, outputs: { toggled: "toggled" }, providers: [
             tuiProvide(TUI_TREE_ACCESSOR, TuiTreeControllerDirective),
             tuiProvide(TUI_TREE_CONTROLLER, TuiTreeControllerDirective),
         ], exportAs: ["tuiTreeController"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeControllerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeControllerDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -297,10 +289,10 @@ class TuiTreeItemController {
     toggle(item) {
         this.map.set(item, !this.isExpanded(item));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeItemController, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: TuiTreeItemController, isStandalone: true, selector: "[tuiTreeController]:not([map])", inputs: { fallback: ["tuiTreeController", "fallback"] }, providers: [tuiProvide(TUI_TREE_CONTROLLER, TuiTreeItemController)], exportAs: ["tuiTreeController"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeItemController, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiTreeItemController, isStandalone: true, selector: "[tuiTreeController]:not([map])", inputs: { fallback: ["tuiTreeController", "fallback"] }, providers: [tuiProvide(TUI_TREE_CONTROLLER, TuiTreeItemController)], exportAs: ["tuiTreeController"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeItemController, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeItemController, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -332,10 +324,10 @@ class TuiTreeService {
         this.map.set(item, [this.loading]);
         this.load$.next(item);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTreeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeService, decorators: [{
             type: Injectable
         }] });