@taiga-ui/addon-mobile 4.52.0-canary.a4e325d → 4.52.0-canary.a59c4d0

package/fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-directives-ripple.mjs","sources":["../../../projects/addon-mobile/directives/ripple/ripple.directive.ts","../../../projects/addon-mobile/directives/ripple/taiga-ui-addon-mobile-directives-ripple.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    Directive,\n    inject,\n    Input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiTypedFromEvent} from '@taiga-ui/cdk/observables';\nimport {tuiIsHTMLElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiPx, tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core/tokens';\nimport {tuiGetDuration} from '@taiga-ui/core/utils/miscellaneous';\nimport {first, merge, race, switchMap, tap} from 'rxjs';\n\nconst TO_KEYFRAMES = [\n    {\n        transform: 'scale(0)',\n        opacity: '0.12',\n    },\n    {\n        opacity: '0.12',\n    },\n];\nconst FROM_KEYFRAMES = [\n    {\n        opacity: '0.12',\n    },\n    {\n        opacity: '0',\n    },\n];\n\n@Component({\n    standalone: true,\n    template: '',\n    styleUrls: ['./ripple.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-ripple-styles',\n    },\n})\nclass TuiRippleStyles {}\n\n@Directive({\n    standalone: true,\n    selector: '[tuiRipple]',\n    host: {\n        '(pointerdown.zoneless)':\n            'start($event.clientX, $event.clientY, $event.target, $event.currentTarget)',\n    },\n})\nexport class TuiRipple {\n    private readonly doc = inject(DOCUMENT);\n    private readonly destroyRef = inject(DestroyRef);\n    private readonly animationOptions = {\n        duration: tuiGetDuration(inject(TUI_ANIMATIONS_SPEED)),\n    };\n\n    protected readonly nothing = tuiWithStyles(TuiRippleStyles);\n\n    @Input()\n    public tuiRipple = '';\n\n    protected start(x: number, y: number, target: HTMLElement, el: HTMLElement): void {\n        const element = this.tuiRipple ? target.closest(this.tuiRipple) : el;\n\n        if (!tuiIsHTMLElement(element)) {\n            return;\n        }\n\n        const ripple = this.createRipple(x, y, element.getBoundingClientRect());\n        const touchEnd$ = merge(\n            tuiTypedFromEvent(element, 'pointerup'),\n            tuiTypedFromEvent(element, 'pointercancel'),\n            tuiTypedFromEvent(element, 'pointermove'),\n        );\n\n        element.appendChild(ripple);\n\n        const animationEndOn$ = tuiTypedFromEvent(\n            ripple.animate(TO_KEYFRAMES, this.animationOptions),\n            'finish',\n        );\n\n        race(\n            touchEnd$.pipe(switchMap(() => animationEndOn$)),\n            animationEndOn$.pipe(switchMap(() => touchEnd$)),\n        )\n            .pipe(\n                first(),\n                switchMap(() =>\n                    tuiTypedFromEvent(\n                        ripple.animate(FROM_KEYFRAMES, this.animationOptions),\n                        'finish',\n                    ),\n                ),\n                first(),\n                tap(() => element.removeChild(ripple)),\n                takeUntilDestroyed(this.destroyRef),\n            )\n            .subscribe();\n    }\n\n    private createRipple(\n        clientX: number,\n        clientY: number,\n        {width, height, top, left}: DOMRect,\n    ): HTMLElement {\n        const ripple: HTMLElement = this.doc.createElement('div');\n        const radius = Math.sqrt(width * width + height * height);\n        const dimension = radius * 2;\n        const x = clientX - left - radius;\n        const y = clientY - top - radius;\n\n        Object.assign(ripple.style, {\n            position: 'absolute',\n            top: tuiPx(y),\n            left: tuiPx(x),\n            width: tuiPx(dimension),\n            height: tuiPx(dimension),\n            zIndex: 100,\n            opacity: 0.12,\n            borderRadius: '100%',\n            background: 'var(--tui-ripple-background, currentColor)',\n            animationFillMode: 'forwards',\n            pointerEvents: 'none',\n        });\n\n        return ripple;\n    }\n}\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-addon-mobile-directives-ripple.mjs","sources":["../../../projects/addon-mobile/directives/ripple/ripple.directive.ts","../../../projects/addon-mobile/directives/ripple/taiga-ui-addon-mobile-directives-ripple.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    Directive,\n    inject,\n    Input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiIsHTMLElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiPx, tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core/tokens';\nimport {tuiGetDuration} from '@taiga-ui/core/utils/miscellaneous';\nimport {first, fromEvent, merge, race, switchMap, tap} from 'rxjs';\n\nconst TO = [{transform: 'scale(0)', opacity: '0.12'}, {opacity: '0.12'}];\nconst FROM = [{opacity: '0.12'}, {opacity: '0'}];\n\n@Component({\n    template: '',\n    styleUrl: './ripple.style.less',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {class: 'tui-ripple'},\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiRipple]',\n    host: {\n        '(pointerdown.zoneless)':\n            'start($event.clientX, $event.clientY, $event.target, $event.currentTarget)',\n    },\n})\nexport class TuiRipple {\n    private readonly doc = inject(DOCUMENT);\n    private readonly destroyRef = inject(DestroyRef);\n    private readonly duration = tuiGetDuration(inject(TUI_ANIMATIONS_SPEED));\n\n    protected readonly nothing = tuiWithStyles(Styles);\n\n    @Input()\n    public tuiRipple = '';\n\n    protected start(x: number, y: number, target: HTMLElement, el: HTMLElement): void {\n        const element = this.tuiRipple ? target.closest(this.tuiRipple) : el;\n\n        if (!tuiIsHTMLElement(element)) {\n            return;\n        }\n\n        const ripple = this.createRipple(x, y, element.getBoundingClientRect());\n        const touchEnd$ = merge(\n            fromEvent(element, 'pointerup'),\n            fromEvent(element, 'pointercancel'),\n            fromEvent(element, 'pointermove'),\n        );\n\n        element.appendChild(ripple);\n\n        const animationEnd$ = fromEvent(ripple.animate(TO, this.duration), 'finish');\n\n        race(\n            touchEnd$.pipe(switchMap(() => animationEnd$)),\n            animationEnd$.pipe(switchMap(() => touchEnd$)),\n        )\n            .pipe(\n                first(),\n                switchMap(() => fromEvent(ripple.animate(FROM, this.duration), 'finish')),\n                first(),\n                tap(() => element.removeChild(ripple)),\n                takeUntilDestroyed(this.destroyRef),\n            )\n            .subscribe();\n    }\n\n    private createRipple(\n        clientX: number,\n        clientY: number,\n        {width, height, top, left}: DOMRect,\n    ): HTMLElement {\n        const ripple: HTMLElement = this.doc.createElement('div');\n        const radius = Math.sqrt(width * width + height * height);\n        const dimension = radius * 2;\n        const x = clientX - left - radius;\n        const y = clientY - top - radius;\n\n        Object.assign(ripple.style, {\n            position: 'absolute',\n            top: tuiPx(y),\n            left: tuiPx(x),\n            width: tuiPx(dimension),\n            height: tuiPx(dimension),\n            zIndex: 100,\n            opacity: 0.12,\n            borderRadius: '100%',\n            background: 'var(--tui-ripple-background, currentColor)',\n            animationFillMode: 'forwards',\n            pointerEvents: 'none',\n        });\n\n        return ripple;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs

@@ -56,10 +56,10 @@ class TuiTouchable {
         }
         this.el.style.setProperty(this.style, STYLE[this.style]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTouchable, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: TuiTouchable, isStandalone: true, selector: "[tuiTouchable]", inputs: { tuiTouchable: "tuiTouchable" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTouchable, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiTouchable, isStandalone: true, selector: "[tuiTouchable]", inputs: { tuiTouchable: "tuiTouchable" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiTouchable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTouchable, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-directives-touchable.mjs","sources":["../../../projects/addon-mobile/directives/touchable/touchable.directive.ts","../../../projects/addon-mobile/directives/touchable/taiga-ui-addon-mobile-directives-touchable.ts"],"sourcesContent":["import {Directive, inject, Input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiTypedFromEvent} from '@taiga-ui/cdk/observables';\nimport {TUI_IS_IOS} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {filter, map, race, switchMap, take, tap} from 'rxjs';\n\nconst STYLE = {\n    transform: 'scale(0.95)',\n    opacity: '0.6',\n    background: 'rgba(146, 153, 162, 0.12)',\n} as const;\n\nexport function tuiFindTouchIndex(touches: TouchList, id: number): number {\n    for (let i = 0; i < touches.length; i++) {\n        if (touches[i]?.identifier === id) {\n            return i;\n        }\n    }\n\n    return -1;\n}\n\n@Directive({\n    standalone: true,\n    selector: '[tuiTouchable]',\n})\nexport class TuiTouchable {\n    private readonly isIOS = inject(TUI_IS_IOS);\n    private readonly el = tuiInjectElement();\n\n    @Input()\n    public tuiTouchable: '' | 'background' | 'opacity' | 'transform' = '';\n\n    constructor() {\n        if (!this.isIOS) {\n            return;\n        }\n\n        tuiTypedFromEvent(this.el, 'touchstart', {passive: true})\n            .pipe(\n                tap(() => this.onTouchStart()),\n                map(({touches}) => touches[touches.length - 1]?.identifier),\n                switchMap((identifier) =>\n                    race(\n                        tuiTypedFromEvent(this.el, 'touchmove', {passive: true}).pipe(\n                            filter(({touches}) =>\n                                this.hasTouchLeft(this.el, touches, identifier ?? 0),\n                            ),\n                        ),\n                        tuiTypedFromEvent(this.el, 'touchend'),\n                    ).pipe(take(1)),\n                ),\n                takeUntilDestroyed(),\n            )\n            .subscribe(() => {\n                this.el.style.removeProperty('transform');\n                this.el.style.removeProperty('opacity');\n                this.el.style.removeProperty('background');\n            });\n    }\n\n    protected get style(): 'background' | 'opacity' | 'transform' {\n        return this.tuiTouchable || 'transform';\n    }\n\n    private hasTouchLeft(\n        element: HTMLElement,\n        touches: TouchList,\n        identifier: number,\n    ): boolean {\n        const {ownerDocument} = element;\n        const id = tuiFindTouchIndex(touches, identifier);\n\n        if (!ownerDocument || id === -1) {\n            return true;\n        }\n\n        const {clientX = 0, clientY = 0} = touches[id] ?? {};\n\n        return !element.contains(ownerDocument.elementFromPoint(clientX, clientY));\n    }\n\n    private onTouchStart(): void {\n        if (this.style !== 'transform') {\n            this.el.style.removeProperty('transition');\n        } else {\n            this.el.style.setProperty('transition', 'transform 0.2s');\n        }\n\n        this.el.style.setProperty(this.style, STYLE[this.style]);\n    }\n}\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-addon-mobile-directives-touchable.mjs","sources":["../../../projects/addon-mobile/directives/touchable/touchable.directive.ts","../../../projects/addon-mobile/directives/touchable/taiga-ui-addon-mobile-directives-touchable.ts"],"sourcesContent":["import {Directive, inject, Input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiTypedFromEvent} from '@taiga-ui/cdk/observables';\nimport {TUI_IS_IOS} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {filter, map, race, switchMap, take, tap} from 'rxjs';\n\nconst STYLE = {\n    transform: 'scale(0.95)',\n    opacity: '0.6',\n    background: 'rgba(146, 153, 162, 0.12)',\n} as const;\n\nexport function tuiFindTouchIndex(touches: TouchList, id: number): number {\n    for (let i = 0; i < touches.length; i++) {\n        if (touches[i]?.identifier === id) {\n            return i;\n        }\n    }\n\n    return -1;\n}\n\n@Directive({\n    standalone: true,\n    selector: '[tuiTouchable]',\n})\nexport class TuiTouchable {\n    private readonly isIOS = inject(TUI_IS_IOS);\n    private readonly el = tuiInjectElement();\n\n    @Input()\n    public tuiTouchable: '' | 'background' | 'opacity' | 'transform' = '';\n\n    constructor() {\n        if (!this.isIOS) {\n            return;\n        }\n\n        tuiTypedFromEvent(this.el, 'touchstart', {passive: true})\n            .pipe(\n                tap(() => this.onTouchStart()),\n                map(({touches}) => touches[touches.length - 1]?.identifier),\n                switchMap((identifier) =>\n                    race(\n                        tuiTypedFromEvent(this.el, 'touchmove', {passive: true}).pipe(\n                            filter(({touches}) =>\n                                this.hasTouchLeft(this.el, touches, identifier ?? 0),\n                            ),\n                        ),\n                        tuiTypedFromEvent(this.el, 'touchend'),\n                    ).pipe(take(1)),\n                ),\n                takeUntilDestroyed(),\n            )\n            .subscribe(() => {\n                this.el.style.removeProperty('transform');\n                this.el.style.removeProperty('opacity');\n                this.el.style.removeProperty('background');\n            });\n    }\n\n    protected get style(): 'background' | 'opacity' | 'transform' {\n        return this.tuiTouchable || 'transform';\n    }\n\n    private hasTouchLeft(\n        element: HTMLElement,\n        touches: TouchList,\n        identifier: number,\n    ): boolean {\n        const {ownerDocument} = element;\n        const id = tuiFindTouchIndex(touches, identifier);\n\n        if (!ownerDocument || id === -1) {\n            return true;\n        }\n\n        const {clientX = 0, clientY = 0} = touches[id] ?? {};\n\n        return !element.contains(ownerDocument.elementFromPoint(clientX, clientY));\n    }\n\n    private onTouchStart(): void {\n        if (this.style !== 'transform') {\n            this.el.style.removeProperty('transition');\n        } else {\n            this.el.style.setProperty('transition', 'transform 0.2s');\n        }\n\n        this.el.style.setProperty(this.style, STYLE[this.style]);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-addon-mobile-directives.mjs

@@ -2,7 +2,6 @@ export * from '@taiga-ui/addon-mobile/directives/dropdown-mobile';
 export * from '@taiga-ui/addon-mobile/directives/elastic-sticky';
 export * from '@taiga-ui/addon-mobile/directives/responsive-dialog';
 export * from '@taiga-ui/addon-mobile/directives/ripple';
-export * from '@taiga-ui/addon-mobile/directives/sidebar';
 export * from '@taiga-ui/addon-mobile/directives/touchable';
 
 /**

package/fesm2022/taiga-ui-addon-mobile-directives.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-directives.mjs","sources":["../../../projects/addon-mobile/directives/taiga-ui-addon-mobile-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;AAEG"}
+{"version":3,"file":"taiga-ui-addon-mobile-directives.mjs","sources":["../../../projects/addon-mobile/directives/taiga-ui-addon-mobile-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;;AAEG"}

package/fesm2022/taiga-ui-addon-mobile-services.mjs

@@ -1,7 +1,7 @@
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, Injectable } from '@angular/core';
-import { tuiGetNativeFocused } from '@taiga-ui/cdk/utils/focus';
+import { tuiGetFocused } from '@taiga-ui/cdk/utils/focus';
 import { merge, fromEvent, filter } from 'rxjs';
 
 class TuiKeyboardService {
@@ -25,7 +25,7 @@ class TuiKeyboardService {
         }
     }
     hide() {
-        const focused = tuiGetNativeFocused(this.doc);
+        const focused = tuiGetFocused(this.doc);
         if (focused?.inputMode === undefined || this.element) {
             return;
         }
@@ -41,10 +41,10 @@ class TuiKeyboardService {
         this.element.inputMode = this.inputMode;
         this.element = undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiKeyboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiKeyboardService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiKeyboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiKeyboardService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiKeyboardService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiKeyboardService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/taiga-ui-addon-mobile-services.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-services.mjs","sources":["../../../projects/addon-mobile/services/keyboard.service.ts","../../../projects/addon-mobile/services/taiga-ui-addon-mobile-services.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {inject, Injectable, type OnDestroy} from '@angular/core';\nimport {tuiGetNativeFocused} from '@taiga-ui/cdk/utils/focus';\nimport {filter, fromEvent, merge} from 'rxjs';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class TuiKeyboardService implements OnDestroy {\n    private readonly doc = inject(DOCUMENT);\n    private readonly sub = merge(\n        fromEvent(this.doc, 'focusout'),\n        fromEvent(this.doc, 'mousedown').pipe(\n            filter((e) => Object.is(e.target, this.element)),\n        ),\n    ).subscribe(() => {\n        this.show();\n    });\n\n    private element?: ElementContentEditable;\n    private inputMode = '';\n\n    public ngOnDestroy(): void {\n        this.sub.unsubscribe();\n        this.show();\n    }\n\n    public toggle(): void {\n        if (this.element) {\n            this.show();\n        } else {\n            this.hide();\n        }\n    }\n\n    public hide(): void {\n        const focused = tuiGetNativeFocused(this.doc) as HTMLInputElement;\n\n        if (focused?.inputMode === undefined || this.element) {\n            return;\n        }\n\n        this.element = focused;\n        this.inputMode = focused.inputMode;\n        focused.inputMode = 'none';\n    }\n\n    public show(): void {\n        if (!this.element) {\n            return;\n        }\n\n        this.element.inputMode = 'none';\n        this.element.inputMode = this.inputMode;\n        this.element = undefined;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,kBAAkB,CAAA;AAH/B,IAAA,WAAA,GAAA;AAIqB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;QACtB,IAAA,CAAA,GAAG,GAAG,KAAK,CACxB,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,UAAU,CAAC,EAC/B,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,IAAI,CACjC,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CACnD,CACJ,CAAC,SAAS,CAAC,MAAK;YACb,IAAI,CAAC,IAAI,EAAE;AACf,QAAA,CAAC,CAAC;QAGM,IAAA,CAAA,SAAS,GAAG,EAAE;AAoCzB,IAAA;IAlCU,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE;QACtB,IAAI,CAAC,IAAI,EAAE;IACf;IAEO,MAAM,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,IAAI,EAAE;QACf;aAAO;YACH,IAAI,CAAC,IAAI,EAAE;QACf;IACJ;IAEO,IAAI,GAAA;QACP,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAqB;QAEjE,IAAI,OAAO,EAAE,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE;YAClD;QACJ;AAEA,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,QAAA,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS;AAClC,QAAA,OAAO,CAAC,SAAS,GAAG,MAAM;IAC9B;IAEO,IAAI,GAAA;AACP,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACf;QACJ;AAEA,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM;QAC/B,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS;AACvC,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;IAC5B;8GA/CS,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,cAFf,MAAM,EAAA,CAAA,CAAA;;2FAET,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA;;;ACPD;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-addon-mobile-services.mjs","sources":["../../../projects/addon-mobile/services/keyboard.service.ts","../../../projects/addon-mobile/services/taiga-ui-addon-mobile-services.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {inject, Injectable, type OnDestroy} from '@angular/core';\nimport {tuiGetFocused} from '@taiga-ui/cdk/utils/focus';\nimport {filter, fromEvent, merge} from 'rxjs';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class TuiKeyboardService implements OnDestroy {\n    private readonly doc = inject(DOCUMENT);\n    private readonly sub = merge(\n        fromEvent(this.doc, 'focusout'),\n        fromEvent(this.doc, 'mousedown').pipe(\n            filter((e) => Object.is(e.target, this.element)),\n        ),\n    ).subscribe(() => {\n        this.show();\n    });\n\n    private element?: ElementContentEditable;\n    private inputMode = '';\n\n    public ngOnDestroy(): void {\n        this.sub.unsubscribe();\n        this.show();\n    }\n\n    public toggle(): void {\n        if (this.element) {\n            this.show();\n        } else {\n            this.hide();\n        }\n    }\n\n    public hide(): void {\n        const focused = tuiGetFocused(this.doc) as HTMLInputElement;\n\n        if (focused?.inputMode === undefined || this.element) {\n            return;\n        }\n\n        this.element = focused;\n        this.inputMode = focused.inputMode;\n        focused.inputMode = 'none';\n    }\n\n    public show(): void {\n        if (!this.element) {\n            return;\n        }\n\n        this.element.inputMode = 'none';\n        this.element.inputMode = this.inputMode;\n        this.element = undefined;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,kBAAkB,CAAA;AAH/B,IAAA,WAAA,GAAA;AAIqB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;QACtB,IAAG,CAAA,GAAA,GAAG,KAAK,CACxB,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,UAAU,CAAC,EAC/B,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,IAAI,CACjC,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CACnD,CACJ,CAAC,SAAS,CAAC,MAAK;YACb,IAAI,CAAC,IAAI,EAAE;AACf,SAAC,CAAC;QAGM,IAAS,CAAA,SAAA,GAAG,EAAE;AAoCzB;IAlCU,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE;QACtB,IAAI,CAAC,IAAI,EAAE;;IAGR,MAAM,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,IAAI,EAAE;;aACR;YACH,IAAI,CAAC,IAAI,EAAE;;;IAIZ,IAAI,GAAA;QACP,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAqB;QAE3D,IAAI,OAAO,EAAE,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE;YAClD;;AAGJ,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,QAAA,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS;AAClC,QAAA,OAAO,CAAC,SAAS,GAAG,MAAM;;IAGvB,IAAI,GAAA;AACP,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACf;;AAGJ,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM;QAC/B,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS;AACvC,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;;+GA9CnB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,cAFf,MAAM,EAAA,CAAA,CAAA;;4FAET,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA;;;ACPD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/addon-mobile",
-  "version": "4.52.0-canary.a4e325d",
+  "version": "4.52.0-canary.a59c4d0",
   "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
   "keywords": [
     "angular",
@@ -83,10 +83,6 @@
       "types": "./directives/ripple/index.d.ts",
       "default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
     },
-    "./directives/sidebar": {
-      "types": "./directives/sidebar/index.d.ts",
-      "default": "./fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs"
-    },
     "./directives/touchable": {
       "types": "./directives/touchable/index.d.ts",
       "default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
@@ -96,7 +92,7 @@
     "@angular/cdk": ">=19.0.0",
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
-    "@ng-web-apis/common": "^4.12.0",
+    "@ng-web-apis/common": "^4.12.2",
     "@taiga-ui/cdk": "^4.52.0",
     "@taiga-ui/core": "^4.52.0",
     "@taiga-ui/kit": "^4.52.0",

package/styles/common/badge.less

@@ -1,6 +1,6 @@
 tui-badge,
 [tuiBadge] {
-    font-weight: bold;
+    font-weight: 600;
 
     &[data-size='s'] {
         font: var(--tui-font-text-xs);
@@ -12,6 +12,6 @@ tui-badge,
         --t-size: 1.75rem;
 
         font: var(--tui-font-text-s);
-        font-weight: bold;
+        font-weight: 600;
     }
 }

package/styles/common/button.less

@@ -15,6 +15,10 @@
         --t-radius: 1rem;
     }
 
+    &[data-size='s'] {
+        --t-size: 1.875rem;
+    }
+
     &[data-size='m'] {
         --t-radius: 0.75rem;
     }

package/styles/common/chip.less

@@ -5,10 +5,25 @@ tui-chip,
     &[data-size='s'] {
         --t-size: 1.875rem;
         --t-padding: 0.6875rem;
+
+        > img,
+        [tuiAvatar] {
+            margin-inline-start: -0.5rem;
+        }
     }
 
     &[data-size='m'] {
         --t-size: 2rem;
         --t-padding: 0.875rem;
+
+        > img,
+        [tuiAvatar] {
+            margin-inline-start: -0.625rem;
+        }
+    }
+
+    > img,
+    [tuiAvatar] {
+        border-radius: 100%;
     }
 }

package/styles/common/toast.less

@@ -0,0 +1,21 @@
+[tuiToast] {
+    min-block-size: 3rem;
+    border-radius: 1.5rem;
+    font: var(--tui-font-text-m);
+
+    [tuiButton]:last-child {
+        margin: -0.1875rem -0.4375rem -0.1875rem 0;
+    }
+
+    &:has([tuiAvatar]) {
+        gap: 1rem;
+
+        [tuiAvatar] {
+            margin: 0 -0.25rem;
+        }
+
+        [tuiButton]:last-child {
+            margin-inline-end: 0;
+        }
+    }
+}

package/styles/taiga-ui-mobile.less

@@ -1,3 +1,4 @@
+@import '@taiga-ui/core/styles/taiga-ui-local.less';
 @import 'common/search.less';
 
 [data-platform='android'] {
@@ -22,6 +23,12 @@
     tui-segmented > .tui-segmented_active:active {
         opacity: var(--tui-disabled-opacity);
     }
+
+    [tuiToast]:active {
+        .interactive({
+            transform: scale(0.95);
+        });
+    }
 }
 
 [data-platform='android'],
@@ -38,4 +45,5 @@
     @import 'common/header.less';
     @import 'common/message.less';
     @import 'common/notification-middle.less';
+    @import 'common/toast.less';
 }

package/directives/sidebar/index.d.ts

@@ -1,3 +0,0 @@
-export * from './sidebar';
-export * from './sidebar.component';
-export * from './sidebar.directive';

package/directives/sidebar/sidebar.component.d.ts

@@ -1,21 +0,0 @@
-import { type AnimationOptions } from '@angular/animations';
-import { type DoCheck } from '@angular/core';
-import { type TuiHorizontalDirection } from '@taiga-ui/core/types';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import * as i0 from "@angular/core";
-/**
- * @deprecated use {@link TuiDrawer} instead
- */
-export declare class TuiSidebarComponent implements DoCheck {
-    private readonly directive;
-    private readonly options;
-    private readonly left;
-    private readonly right;
-    ngDoCheck(): void;
-    protected get animation(): AnimationOptions;
-    protected get direction(): TuiHorizontalDirection;
-    protected get content(): PolymorpheusContent;
-    protected get autoWidth(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSidebarComponent, "aside[tuiSidebar]", never, {}, {}, never, never, true, never>;
-}

package/directives/sidebar/sidebar.d.ts

@@ -1,6 +0,0 @@
-import { TuiSidebarComponent } from './sidebar.component';
-import { TuiSidebarDirective } from './sidebar.directive';
-/**
- * @deprecated use {@link TuiDrawer} instead
- */
-export declare const TuiSidebar: readonly [typeof TuiSidebarComponent, typeof TuiSidebarDirective];

package/directives/sidebar/sidebar.directive.d.ts

@@ -1,22 +0,0 @@
-import { type OnDestroy, TemplateRef } from '@angular/core';
-import { type TuiHorizontalDirection } from '@taiga-ui/core/types';
-import { PolymorpheusTemplate } from '@taiga-ui/polymorpheus';
-import * as i0 from "@angular/core";
-/**
- * @deprecated use {@link TuiDrawer} instead
- */
-export declare class TuiSidebarDirective<T = Record<string, unknown>> extends PolymorpheusTemplate<T> implements OnDestroy {
-    private readonly injector;
-    private readonly service;
-    private readonly component;
-    private sidebarRef;
-    direction: TuiHorizontalDirection;
-    autoWidth: boolean;
-    readonly content: TemplateRef<any>;
-    set tuiSidebar(open: boolean);
-    ngOnDestroy(): void;
-    private show;
-    private hide;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSidebarDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSidebarDirective<any>, "[tuiSidebar]", never, { "direction": { "alias": "tuiSidebarDirection"; "required": false; }; "autoWidth": { "alias": "tuiSidebarAutoWidth"; "required": false; }; "tuiSidebar": { "alias": "tuiSidebar"; "required": false; }; }, {}, never, never, true, never>;
-}

package/fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs

@@ -1,114 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, INJECTOR, TemplateRef, Input, Directive, ChangeDetectionStrategy, Component } from '@angular/core';
-import { TuiActiveZone } from '@taiga-ui/cdk/directives/active-zone';
-import { tuiSlideIn } from '@taiga-ui/core/animations';
-import { TUI_ANIMATIONS_SPEED } from '@taiga-ui/core/tokens';
-import { tuiToAnimationOptions } from '@taiga-ui/core/utils/miscellaneous';
-import { PolymorpheusTemplate, PolymorpheusComponent, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
-import { TuiPopupService } from '@taiga-ui/core/directives/popup';
-
-/**
- * @deprecated use {@link TuiDrawer} instead
- */
-class TuiSidebarDirective extends PolymorpheusTemplate {
-    constructor() {
-        super(...arguments);
-        this.injector = inject(INJECTOR);
-        this.service = inject(TuiPopupService);
-        this.component = new PolymorpheusComponent(TuiSidebarComponent, this.injector);
-        this.sidebarRef = null;
-        this.direction = 'left';
-        this.autoWidth = false;
-        this.content = inject((TemplateRef));
-    }
-    set tuiSidebar(open) {
-        if (open) {
-            this.show();
-        }
-        else {
-            this.hide();
-        }
-    }
-    ngOnDestroy() {
-        this.hide();
-    }
-    show() {
-        if (this.sidebarRef !== null) {
-            return;
-        }
-        this.sidebarRef = this.service.add(this.component);
-        this.sidebarRef.changeDetectorRef.detectChanges();
-    }
-    hide() {
-        if (this.sidebarRef === null) {
-            return;
-        }
-        this.service.remove(this.sidebarRef);
-        this.sidebarRef = null;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiSidebarDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: TuiSidebarDirective, isStandalone: true, selector: "[tuiSidebar]", inputs: { direction: ["tuiSidebarDirection", "direction"], autoWidth: ["tuiSidebarAutoWidth", "autoWidth"], tuiSidebar: "tuiSidebar" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiSidebarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[tuiSidebar]',
-                }]
-        }], propDecorators: { direction: [{
-                type: Input,
-                args: ['tuiSidebarDirection']
-            }], autoWidth: [{
-                type: Input,
-                args: ['tuiSidebarAutoWidth']
-            }], tuiSidebar: [{
-                type: Input
-            }] } });
-
-/**
- * @deprecated use {@link TuiDrawer} instead
- */
-class TuiSidebarComponent {
-    constructor() {
-        this.directive = inject(TuiSidebarDirective);
-        this.options = tuiToAnimationOptions(inject(TUI_ANIMATIONS_SPEED));
-        this.left = { ...this.options, value: 'left' };
-        this.right = { ...this.options, value: 'right' };
-    }
-    ngDoCheck() {
-        this.directive.check();
-    }
-    get animation() {
-        return this.direction === 'left' ? this.left : this.right;
-    }
-    get direction() {
-        return this.directive.direction;
-    }
-    get content() {
-        return this.directive.content;
-    }
-    get autoWidth() {
-        return this.directive.autoWidth;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TuiSidebarComponent, isStandalone: true, selector: "aside[tuiSidebar]", host: { properties: { "class": "\"t-\" + direction", "@tuiSlideIn": "animation" } }, ngImport: i0, template: "<div\n    tuiActiveZone\n    class=\"t-wrapper\"\n    [class.t-wrapper_auto-width]=\"autoWidth\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text\">\n        {{ text }}\n    </ng-container>\n</div>\n", styles: [":host{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;display:flex}:host:before,:host:after{position:absolute;top:0;left:0;inline-size:100%;content:\"\";block-size:100%;background:#00000061;animation:tuiFadeIn var(--tui-duration)}:host:before{left:-100%;inline-size:200%}:host:after{left:100%}:host.ng-animating:before,:host.ng-animating:after{opacity:0;transition:opacity var(--tui-duration)}:host.t-right{justify-content:flex-end}:host.t-left{justify-content:flex-start}.t-wrapper{position:relative;display:flex;flex-direction:column;background:var(--tui-background-base);box-shadow:0 10rem var(--tui-background-base);inline-size:17.25rem}.t-wrapper_auto-width{inline-size:auto}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiActiveZone, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }], animations: [tuiSlideIn], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiSidebarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'aside[tuiSidebar]', imports: [PolymorpheusOutlet, TuiActiveZone], changeDetection: ChangeDetectionStrategy.OnPush, animations: [tuiSlideIn], host: {
-                        '[class]': '"t-" + direction',
-                        '[@tuiSlideIn]': 'animation',
-                    }, template: "<div\n    tuiActiveZone\n    class=\"t-wrapper\"\n    [class.t-wrapper_auto-width]=\"autoWidth\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text\">\n        {{ text }}\n    </ng-container>\n</div>\n", styles: [":host{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;display:flex}:host:before,:host:after{position:absolute;top:0;left:0;inline-size:100%;content:\"\";block-size:100%;background:#00000061;animation:tuiFadeIn var(--tui-duration)}:host:before{left:-100%;inline-size:200%}:host:after{left:100%}:host.ng-animating:before,:host.ng-animating:after{opacity:0;transition:opacity var(--tui-duration)}:host.t-right{justify-content:flex-end}:host.t-left{justify-content:flex-start}.t-wrapper{position:relative;display:flex;flex-direction:column;background:var(--tui-background-base);box-shadow:0 10rem var(--tui-background-base);inline-size:17.25rem}.t-wrapper_auto-width{inline-size:auto}\n"] }]
-        }] });
-
-/**
- * @deprecated use {@link TuiDrawer} instead
- */
-const TuiSidebar = [TuiSidebarComponent, TuiSidebarDirective];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiSidebar, TuiSidebarComponent, TuiSidebarDirective };
-//# sourceMappingURL=taiga-ui-addon-mobile-directives-sidebar.mjs.map

package/fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-addon-mobile-directives-sidebar.mjs","sources":["../../../projects/addon-mobile/directives/sidebar/sidebar.directive.ts","../../../projects/addon-mobile/directives/sidebar/sidebar.component.ts","../../../projects/addon-mobile/directives/sidebar/sidebar.template.html","../../../projects/addon-mobile/directives/sidebar/sidebar.ts","../../../projects/addon-mobile/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.ts"],"sourcesContent":["import {\n    type ComponentRef,\n    Directive,\n    inject,\n    INJECTOR,\n    Input,\n    type OnDestroy,\n    TemplateRef,\n} from '@angular/core';\nimport {TuiPopupService} from '@taiga-ui/core/directives/popup';\nimport {type TuiHorizontalDirection} from '@taiga-ui/core/types';\nimport {PolymorpheusComponent, PolymorpheusTemplate} from '@taiga-ui/polymorpheus';\n\nimport {TuiSidebarComponent} from './sidebar.component';\n\n/**\n * @deprecated use {@link TuiDrawer} instead\n */\n@Directive({\n    standalone: true,\n    selector: '[tuiSidebar]',\n})\nexport class TuiSidebarDirective<T = Record<string, unknown>>\n    extends PolymorpheusTemplate<T>\n    implements OnDestroy\n{\n    private readonly injector = inject(INJECTOR);\n    private readonly service = inject(TuiPopupService);\n\n    private readonly component = new PolymorpheusComponent(\n        TuiSidebarComponent,\n        this.injector,\n    );\n\n    private sidebarRef: ComponentRef<TuiSidebarComponent> | null = null;\n\n    @Input('tuiSidebarDirection')\n    public direction: TuiHorizontalDirection = 'left';\n\n    @Input('tuiSidebarAutoWidth')\n    public autoWidth = false;\n\n    public readonly content = inject(TemplateRef<T>);\n\n    @Input()\n    public set tuiSidebar(open: boolean) {\n        if (open) {\n            this.show();\n        } else {\n            this.hide();\n        }\n    }\n\n    public ngOnDestroy(): void {\n        this.hide();\n    }\n\n    private show(): void {\n        if (this.sidebarRef !== null) {\n            return;\n        }\n\n        this.sidebarRef = this.service.add(this.component);\n        this.sidebarRef.changeDetectorRef.detectChanges();\n    }\n\n    private hide(): void {\n        if (this.sidebarRef === null) {\n            return;\n        }\n\n        this.service.remove(this.sidebarRef);\n        this.sidebarRef = null;\n    }\n}\n","import {type AnimationOptions} from '@angular/animations';\nimport {ChangeDetectionStrategy, Component, type DoCheck, inject} from '@angular/core';\nimport {TuiActiveZone} from '@taiga-ui/cdk/directives/active-zone';\nimport {tuiSlideIn} from '@taiga-ui/core/animations';\nimport {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core/tokens';\nimport {type TuiHorizontalDirection} from '@taiga-ui/core/types';\nimport {tuiToAnimationOptions} from '@taiga-ui/core/utils/miscellaneous';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiSidebarDirective} from './sidebar.directive';\n\n/**\n * @deprecated use {@link TuiDrawer} instead\n */\n@Component({\n    selector: 'aside[tuiSidebar]',\n    imports: [PolymorpheusOutlet, TuiActiveZone],\n    templateUrl: './sidebar.template.html',\n    styleUrls: ['./sidebar.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [tuiSlideIn],\n    host: {\n        '[class]': '\"t-\" + direction',\n        '[@tuiSlideIn]': 'animation',\n    },\n})\nexport class TuiSidebarComponent implements DoCheck {\n    private readonly directive = inject(TuiSidebarDirective);\n    private readonly options = tuiToAnimationOptions(inject(TUI_ANIMATIONS_SPEED));\n    private readonly left = {...this.options, value: 'left'};\n    private readonly right = {...this.options, value: 'right'};\n\n    public ngDoCheck(): void {\n        this.directive.check();\n    }\n\n    protected get animation(): AnimationOptions {\n        return this.direction === 'left' ? this.left : this.right;\n    }\n\n    protected get direction(): TuiHorizontalDirection {\n        return this.directive.direction;\n    }\n\n    protected get content(): PolymorpheusContent {\n        return this.directive.content;\n    }\n\n    protected get autoWidth(): boolean {\n        return this.directive.autoWidth;\n    }\n}\n","<div\n    tuiActiveZone\n    class=\"t-wrapper\"\n    [class.t-wrapper_auto-width]=\"autoWidth\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text\">\n        {{ text }}\n    </ng-container>\n</div>\n","import {TuiSidebarComponent} from './sidebar.component';\nimport {TuiSidebarDirective} from './sidebar.directive';\n\n/**\n * @deprecated use {@link TuiDrawer} instead\n */\nexport const TuiSidebar = [TuiSidebarComponent, TuiSidebarDirective] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}