@taiga-ui/addon-mobile 4.52.0-canary.c107f6a → 4.52.0-canary.c8448e0

package/README.md

@@ -17,13 +17,13 @@ consisting of multiple base libraries and several add-ons
 
 Install base packages:
 
-```
+```bash
 npm i @taiga-ui/{cdk,core,kit}
 ```
 
 Install addon-mobile:
 
-```
+```bash
 npm i @taiga-ui/addon-mobile
 ```
 

package/components/bottom-sheet/bottom-sheet.component.d.ts

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
 export declare class TuiBottomSheet {
     private readonly elements;
-    private readonly content?;
+    private readonly content;
     private readonly el;
-    stops: readonly string[];
+    readonly stops: import("@angular/core").InputSignal<readonly string[]>;
     protected onScroll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBottomSheet, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBottomSheet, "tui-bottom-sheet", never, { "stops": { "alias": "stops"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBottomSheet, "tui-bottom-sheet", never, { "stops": { "alias": "stops"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/index.d.ts

@@ -2,7 +2,6 @@ export * from '@taiga-ui/addon-mobile/components/bottom-sheet';
 export * from '@taiga-ui/addon-mobile/components/mobile-calendar';
 export * from '@taiga-ui/addon-mobile/components/mobile-calendar-dropdown';
 export * from '@taiga-ui/addon-mobile/components/mobile-calendar-sheet';
-export * from '@taiga-ui/addon-mobile/components/mobile-dialog';
 export * from '@taiga-ui/addon-mobile/components/pull-to-refresh';
 export * from '@taiga-ui/addon-mobile/components/sheet-dialog';
 export * from '@taiga-ui/addon-mobile/components/swipe-action';

package/components/mobile-calendar/calendar-date-stream.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken, type Provider } from '@angular/core';
+import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
+import { type TuiDay, type TuiDayRange } from '@taiga-ui/cdk/date-time';
+import { type Observable } from 'rxjs';
+export declare const TUI_CALENDAR_DATE_STREAM: InjectionToken<Observable<TuiDay | TuiDayRange | null>>;
+export declare function tuiDateStreamWithTransformer(transformer: InjectionToken<TuiValueTransformer<any>>): Provider;

package/components/mobile-calendar/index.d.ts

@@ -1,3 +1,4 @@
+export * from './calendar-date-stream';
 export * from './mobile-calendar.component';
 export * from './mobile-calendar.const';
 export * from './mobile-calendar.providers';

package/components/mobile-calendar/mobile-calendar.component.d.ts

@@ -1,11 +1,10 @@
-import { type AfterViewInit, EventEmitter } from '@angular/core';
+import { type AfterViewInit } from '@angular/core';
 import { TuiDay, TuiDayRange, TuiMonth } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler, type TuiMapper } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiMobileCalendar implements AfterViewInit {
-    private readonly yearsScrollRef?;
-    private readonly monthsScrollRef?;
-    private readonly value$;
+    private readonly yearsScroll;
+    private readonly monthsScroll;
     private readonly today;
     private activeYear;
     private activeMonth;
@@ -13,6 +12,9 @@ export declare class TuiMobileCalendar implements AfterViewInit {
     private readonly doc;
     private readonly speed;
     private readonly ngZone;
+    private readonly getYearsViewportSize;
+    private readonly initialYear;
+    private readonly initialMonth;
     protected initialized: boolean;
     protected readonly isIOS: boolean;
     protected readonly isE2E: boolean;
@@ -20,6 +22,7 @@ export declare class TuiMobileCalendar implements AfterViewInit {
     protected readonly closeWord: import("@angular/core").Signal<string>;
     protected readonly cancelWord: import("@angular/core").Signal<string>;
     protected readonly doneWord: import("@angular/core").Signal<string>;
+    protected readonly monthNames: import("@angular/core").Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>;
     protected readonly unorderedWeekDays$: import("rxjs").Observable<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>;
     protected readonly chooseDayOrRangeTexts: import("@angular/core").Signal<readonly [choose_day: string, choose_range: string, choose_days: string]> | null;
     protected readonly years: number[];
@@ -31,17 +34,15 @@ export declare class TuiMobileCalendar implements AfterViewInit {
      * ```
      * TODO(v5): delete it
      */
-    single: boolean;
-    multi: boolean;
-    min: TuiDay;
-    max: TuiDay;
-    disabledItemHandler: TuiBooleanHandler<TuiDay>;
-    readonly cancel: EventEmitter<void>;
-    readonly confirm: EventEmitter<TuiDayRange | TuiDay | readonly TuiDay[]>;
-    readonly valueChange: import("rxjs").Observable<TuiDayRange | TuiDay | readonly TuiDay[] | null>;
+    readonly single: import("@angular/core").InputSignal<boolean>;
+    readonly multi: import("@angular/core").InputSignal<boolean>;
+    readonly min: import("@angular/core").InputSignal<TuiDay>;
+    readonly max: import("@angular/core").InputSignal<TuiDay>;
+    readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<TuiDay>>;
+    readonly cancel: import("@angular/core").OutputEmitterRef<void>;
+    readonly confirm: import("@angular/core").OutputEmitterRef<TuiDay | TuiDayRange | readonly TuiDay[]>;
+    readonly value: import("@angular/core").ModelSignal<TuiDay | TuiDayRange | readonly TuiDay[] | null>;
     constructor();
-    set value(value: TuiDay | TuiDayRange | readonly TuiDay[] | null | undefined);
-    get value(): TuiDay | TuiDayRange | readonly TuiDay[] | null;
     ngAfterViewInit(): void;
     setYear(year: number): void;
     protected get yearWidth(): number;
@@ -55,10 +56,7 @@ export declare class TuiMobileCalendar implements AfterViewInit {
         TuiDay,
         TuiDay
     ], TuiBooleanHandler<TuiDay>>;
-    private get initialYear();
-    private get initialMonth();
     private isMultiValue;
-    private getYearsViewportSize;
     private updateViewportDimension;
     private lateInit;
     private waitScrolledChange;
@@ -70,5 +68,5 @@ export declare class TuiMobileCalendar implements AfterViewInit {
     private monthToYear;
     private getMonthOffset;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileCalendar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMobileCalendar, "tui-mobile-calendar", never, { "single": { "alias": "single"; "required": false; }; "multi": { "alias": "multi"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "cancel": "cancel"; "confirm": "confirm"; "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMobileCalendar, "tui-mobile-calendar", never, { "single": { "alias": "single"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "cancel": "cancel"; "confirm": "confirm"; "value": "valueChange"; }, never, never, true, never>;
 }

package/components/mobile-calendar/mobile-calendar.strategy.d.ts

@@ -1,19 +1,15 @@
 import { type CdkVirtualScrollViewport, type VirtualScrollStrategy } from '@angular/cdk/scrolling';
-import { type TuiScrollService } from '@taiga-ui/cdk/services';
-import { type Observable } from 'rxjs';
 /**
- * This scroll strategy is hard wired with styles for iOS and Android.
+ * This scroll strategy is hard-wired with styles for iOS and Android.
  * It is dependent on month height on those platforms and is designed to
  * work for {@link TuiMobileCalendar} with years 1906 to 2102
  */
 export declare class TuiMobileCalendarStrategy implements VirtualScrollStrategy {
     private readonly isIOS;
-    private readonly scrollService;
+    private readonly destroy$;
     private readonly index$;
     private viewport;
-    private readonly destroy$;
-    constructor(isIOS: boolean, scrollService: TuiScrollService);
-    get scrolledIndexChange(): Observable<number>;
+    readonly scrolledIndexChange: import("rxjs").Observable<number>;
     attach(viewport: CdkVirtualScrollViewport): void;
     detach(): void;
     onContentScrolled(): void;

package/components/mobile-calendar-dropdown/mobile-calendar-dropdown.component.d.ts

@@ -1,7 +1,6 @@
-import { type ValueProvider } from '@angular/core';
-import { TuiDay, TuiDayRange } from '@taiga-ui/cdk/date-time';
+import { TuiDay, type TuiDayLike, TuiDayRange } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
-import { TuiMobileCalendarDropdownNew } from './mobile-calendar-dropdown.directive';
+import { TuiMobileCalendarDropdown } from './mobile-calendar-dropdown.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/active-zone";
 import * as i2 from "@taiga-ui/cdk/directives/animated";
@@ -12,29 +11,28 @@ export interface TuiMobileCalendarData {
     multi?: boolean;
     single?: boolean;
 }
-export declare class TuiMobileCalendarDropdown {
+export declare class TuiMobileCalendarDropdownComponent {
     private readonly dropdown;
     private readonly keyboard;
     private readonly context;
     private readonly observer?;
     private readonly data;
-    private selectedPeriod;
+    protected selectedPeriod: TuiDayRange | null;
     protected readonly control: any;
-    protected readonly directive: TuiMobileCalendarDropdownNew | null;
-    protected readonly range: boolean;
+    protected readonly directive: TuiMobileCalendarDropdown | null;
     protected readonly multi: boolean;
+    protected readonly range: boolean;
     protected readonly single: boolean;
     protected readonly value: import("@angular/core").Signal<TuiDay | TuiDayRange | null>;
     constructor();
     max(): TuiDay;
     min(): TuiDay;
     onValueChange(value: TuiDay | TuiDayRange | readonly TuiDay[] | null): void;
-    protected get calculatedDisabledItemHandler(): TuiBooleanHandler<TuiDay>;
+    protected get handler(): TuiBooleanHandler<TuiDay>;
     protected close(): void;
     protected confirm(value: TuiDay | TuiDayRange | readonly TuiDay[]): void;
-    private calculateDisabledItemHandler;
+    protected readonly mapper: (disabledItemHandler: TuiBooleanHandler<TuiDay>, value: TuiDayRange | null, minLength?: TuiDayLike | null) => TuiBooleanHandler<TuiDay>;
     private is;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileCalendarDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMobileCalendarDropdown, "tui-mobile-calendar-dropdown", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiActiveZone; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileCalendarDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiMobileCalendarDropdownComponent, "tui-mobile-calendar-dropdown", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiActiveZone; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAnimated; inputs: {}; outputs: {}; }]>;
 }
-export declare function tuiProvideMobileCalendar(): ValueProvider;

package/components/mobile-calendar-dropdown/mobile-calendar-dropdown.directive.d.ts

@@ -4,12 +4,12 @@ import { type TuiInputDateBase, TuiInputDateDirective } from '@taiga-ui/kit/comp
 import { TuiInputDateRangeDirective } from '@taiga-ui/kit/components/input-date-range';
 import { TuiInputDateTimeDirective } from '@taiga-ui/kit/components/input-date-time';
 import * as i0 from "@angular/core";
-export declare class TuiMobileCalendarDropdownNew {
-    readonly single?: TuiInputDateDirective;
-    readonly range?: TuiInputDateRangeDirective;
-    readonly dateTime?: TuiInputDateTimeDirective;
+export declare class TuiMobileCalendarDropdown {
+    readonly single: import("@angular/core").Signal<TuiInputDateDirective | undefined>;
+    readonly range: import("@angular/core").Signal<TuiInputDateRangeDirective | undefined>;
+    readonly dateTime: import("@angular/core").Signal<TuiInputDateTimeDirective | undefined>;
     readonly handlers: TuiItemsHandlersDirective<any>;
     get date(): TuiInputDateBase<readonly [TuiDay, TuiTime | null]> | TuiInputDateBase<TuiDay> | TuiInputDateBase<TuiDayRange> | undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileCalendarDropdownNew, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiMobileCalendarDropdownNew, "[tuiMobileCalendar]", never, {}, {}, ["single", "range", "dateTime"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiMobileCalendarDropdown, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiMobileCalendarDropdown, "[tuiMobileCalendar]", never, {}, {}, ["single", "range", "dateTime"], never, true, never>;
 }

package/components/pull-to-refresh/pull-to-refresh.component.d.ts

@@ -1,17 +1,18 @@
 import { type TuiContext, type TuiHandler } from '@taiga-ui/cdk/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type Observable } from 'rxjs';
-import { TuiPullToRefreshService } from './pull-to-refresh.service';
 import * as i0 from "@angular/core";
 export declare class TuiPullToRefresh {
     private readonly isIOS;
     private readonly threshold;
-    protected readonly pulling$: TuiPullToRefreshService;
+    private readonly service;
+    private readonly el;
+    protected readonly pulling: import("@angular/core").Signal<number>;
     protected readonly component: PolymorpheusContent<TuiContext<number>>;
-    protected readonly dropped$: Observable<boolean>;
-    styleHandler: TuiHandler<number, Record<string, unknown> | null>;
-    readonly pulled: Observable<unknown>;
+    protected readonly style: import("@angular/core").Signal<Record<string, unknown> | null>;
+    protected readonly dropped: import("@angular/core").Signal<boolean | undefined>;
+    readonly styleHandler: import("@angular/core").InputSignal<TuiHandler<number, Record<string, unknown> | null>>;
+    readonly pulled: import("@angular/core").OutputRef<number>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPullToRefresh, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPullToRefresh, "tui-pull-to-refresh", never, { "styleHandler": { "alias": "styleHandler"; "required": false; }; }, { "pulled": "pulled"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPullToRefresh, "tui-pull-to-refresh", never, { "styleHandler": { "alias": "styleHandler"; "required": false; "isSignal": true; }; }, { "pulled": "pulled"; }, never, ["*"], true, never>;
 }

package/components/sheet-dialog/sheet-dialog.component.d.ts

@@ -1,5 +1,5 @@
 import { type AfterViewInit } from '@angular/core';
-import { type TuiPopover } from '@taiga-ui/cdk/services';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import { Subject } from 'rxjs';
 import { type TuiSheetDialogOptions } from './sheet-dialog.options';
 import * as i0 from "@angular/core";
@@ -8,7 +8,7 @@ export declare class TuiSheetDialogComponent<I> implements AfterViewInit {
     private readonly stops;
     private readonly el;
     private pointers;
-    protected readonly context: TuiPopover<TuiSheetDialogOptions<I>, any>;
+    protected readonly context: TuiPortalContext<TuiSheetDialogOptions<I>, any>;
     protected readonly close$: Subject<void>;
     protected readonly $: import("rxjs").Subscription;
     ngAfterViewInit(): void;

package/components/sheet-dialog/sheet-dialog.options.d.ts

@@ -1,23 +1,17 @@
-import { InjectionToken, type Provider } from '@angular/core';
-import { type TuiPopover } from '@taiga-ui/cdk/services';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type Observable } from 'rxjs';
 export interface TuiSheetDialogOptions<I = undefined> {
     readonly appearance: string;
     readonly closable: Observable<boolean> | boolean;
-    readonly data: I;
+    readonly data: I extends void ? undefined : I;
     readonly initial: number;
-    readonly label: PolymorpheusContent<TuiPopover<TuiSheetDialogOptions<I>, any>>;
+    readonly label: string;
     readonly offset: number;
     readonly stops: readonly string[];
     readonly bar: boolean;
-    /** @deprecated add 'fullscreen' in appearance string */
-    readonly fullscreen: boolean;
     readonly required: boolean;
 }
 export declare const TUI_SHEET_DIALOG_DEFAULT_OPTIONS: TuiSheetDialogOptions;
 /**
  * Default parameters for mobile dialog component
  */
-export declare const TUI_SHEET_DIALOG_OPTIONS: InjectionToken<TuiSheetDialogOptions<undefined>>;
-export declare function tuiSheetDialogOptionsProvider(options: Partial<TuiSheetDialogOptions>): Provider;
+export declare const TUI_SHEET_DIALOG_OPTIONS: import("@angular/core").InjectionToken<TuiSheetDialogOptions<undefined>>, tuiSheetDialogOptionsProvider: (item: Partial<TuiSheetDialogOptions<undefined>> | (() => Partial<TuiSheetDialogOptions<undefined>>)) => import("@angular/core").FactoryProvider;

package/components/sheet-dialog/sheet-dialog.service.d.ts

@@ -1,4 +1,4 @@
-import { type TuiModal, TuiModalService } from '@taiga-ui/core/components/modal';
+import { type TuiModalComponent, TuiModalService } from '@taiga-ui/core/portals/modal';
 import { type PolymorpheusComponent } from '@taiga-ui/polymorpheus';
 import { TuiSheetDialogComponent } from './sheet-dialog.component';
 import { type TuiSheetDialogOptions } from './sheet-dialog.options';
@@ -9,7 +9,7 @@ export declare class TuiSheetDialogService extends TuiModalService<TuiSheetDialo
     private count;
     protected readonly options: TuiSheetDialogOptions<undefined>;
     protected readonly content: typeof TuiSheetDialogComponent;
-    protected add(component: PolymorpheusComponent<TuiModal<TuiSheetDialogOptions>>): () => void;
+    protected add(component: PolymorpheusComponent<TuiModalComponent<TuiSheetDialogOptions>>): () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSheetDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiSheetDialogService>;
 }

package/components/swipe-action/swipe-actions-auto-close.directive.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class TuiSwipeActionsAutoClose {
     private readonly el;
-    autoClose: boolean | string;
+    readonly autoClose: import("@angular/core").InputSignal<string | boolean>;
     protected handleEvent(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSwipeActionsAutoClose, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSwipeActionsAutoClose, "tui-swipe-actions[autoClose]", never, { "autoClose": { "alias": "autoClose"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSwipeActionsAutoClose, "tui-swipe-actions[autoClose]", never, { "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/tab-bar/tab-bar-item.component.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class TuiTabBarItem {
-    icon: string;
-    badge?: number | null;
+    readonly icon: import("@angular/core").InputSignal<string>;
+    readonly badge: import("@angular/core").InputSignal<number | undefined>;
     protected format(value: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabBarItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabBarItem, "button[tuiTabBarItem], a[tuiTabBarItem]", never, { "icon": { "alias": "icon"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabBarItem, "button[tuiTabBarItem], a[tuiTabBarItem]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/tab-bar/tab-bar.component.d.ts

@@ -1,13 +1,10 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiTabBarComponent {
     private readonly tabs;
-    quantity: number;
-    activeItemIndex: number;
-    readonly activeItemIndexChange: EventEmitter<number>;
-    setActive(tab: EventTarget): void;
-    protected get style(): string;
+    readonly quantity: import("@angular/core").InputSignal<number>;
+    readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
+    setActive(tab: Element): void;
     private updateIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTabBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabBarComponent, "nav[tuiTabBar]", never, { "quantity": { "alias": "quantity"; "required": false; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; }; }, { "activeItemIndexChange": "activeItemIndexChange"; }, ["tabs"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiTabBarComponent, "nav[tuiTabBar]", never, { "quantity": { "alias": "quantity"; "required": false; "isSignal": true; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, ["tabs"], ["*"], true, never>;
 }

package/directives/dropdown-mobile/dropdown-mobile.component.d.ts

@@ -1,5 +1,5 @@
 import { type OnDestroy } from '@angular/core';
-import { TuiDropdownDirective } from '@taiga-ui/core/directives/dropdown';
+import { TuiDropdownDirective } from '@taiga-ui/core/portals/dropdown';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
 import * as i2 from "@taiga-ui/cdk/directives/active-zone";

package/directives/dropdown-sheet/dropdown-sheet.component.d.ts

@@ -1,4 +1,4 @@
-import { TuiDropdownDirective } from '@taiga-ui/core/directives/dropdown';
+import { TuiDropdownDirective } from '@taiga-ui/core/portals/dropdown';
 import * as i0 from "@angular/core";
 export declare class TuiDropdownSheetComponent {
     private readonly content;

package/directives/elastic-sticky/elastic-sticky.directive.d.ts

@@ -1,7 +1,6 @@
-import { TuiElasticStickyService } from './elastic-sticky.service';
 import * as i0 from "@angular/core";
 export declare class TuiElasticSticky {
-    readonly tuiElasticSticky: TuiElasticStickyService;
+    readonly tuiElasticSticky: import("@angular/core").OutputRef<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticSticky, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiElasticSticky, "[tuiElasticSticky]", ["tuiElasticSticky"], {}, { "tuiElasticSticky": "tuiElasticSticky"; }, never, never, true, never>;
 }

package/directives/responsive-dialog/responsive-dialog.directive.d.ts

@@ -1,7 +1,8 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
 import { type TuiResponsiveDialogOptions } from './responsive-dialog.service';
 import * as i0 from "@angular/core";
-export declare class TuiResponsiveDialog extends TuiPopoverDirective<TuiResponsiveDialogOptions> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiResponsiveDialog, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiResponsiveDialog, "ng-template[tuiResponsiveDialog]", never, { "options": { "alias": "tuiResponsiveDialogOptions"; "required": false; }; "open": { "alias": "tuiResponsiveDialog"; "required": false; }; }, { "openChange": "tuiResponsiveDialogChange"; }, never, never, true, never>;
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiResponsiveDialog<T> {
+    readonly tuiResponsiveDialogOptions: import("@angular/core").InputSignal<Partial<TuiResponsiveDialogOptions<T>>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiResponsiveDialog<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiResponsiveDialog<any>, "ng-template[tuiResponsiveDialog]", never, { "tuiResponsiveDialogOptions": { "alias": "tuiResponsiveDialogOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiResponsiveDialogOptions"; "open": "tuiResponsiveDialog"; }; outputs: { "openChange": "tuiResponsiveDialogChange"; }; }]>;
 }

package/directives/responsive-dialog/responsive-dialog.service.d.ts

@@ -1,13 +1,10 @@
 import { type TuiSheetDialogOptions } from '@taiga-ui/addon-mobile/components/sheet-dialog';
-import { type TuiDialogContext, type TuiDialogOptions } from '@taiga-ui/core/components/dialog';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
+import { type TuiDialogOptions } from '@taiga-ui/core/portals/dialog';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export interface TuiResponsiveDialogOptions<I = undefined> extends Omit<TuiDialogOptions<I>, 'label'>, TuiSheetDialogOptions<unknown> {
-    readonly data: I extends void ? undefined : I & {
-        button?: string;
-    };
-    readonly label: PolymorpheusContent;
+export interface TuiResponsiveDialogOptions<I = undefined> extends TuiDialogOptions<I>, TuiSheetDialogOptions<I> {
 }
 /**
  * Same as `TuiDialogService` but automatically switches to `TuiSheetDialogService` on mobile
@@ -16,7 +13,7 @@ export declare class TuiResponsiveDialogService {
     private readonly isMobile;
     private readonly dialogs;
     private readonly sheets;
-    open<G = void>(content: PolymorpheusContent<TuiDialogContext<G> & TuiResponsiveDialogOptions<any>>, options?: Partial<TuiResponsiveDialogOptions<any>>): Observable<G>;
+    open<G = void>(content: PolymorpheusContent<TuiPortalContext<TuiResponsiveDialogOptions, G>>, options?: Partial<TuiResponsiveDialogOptions<any>>): Observable<G>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiResponsiveDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiResponsiveDialogService>;
 }

package/directives/ripple/ripple.directive.d.ts

@@ -4,9 +4,9 @@ export declare class TuiRipple {
     private readonly destroyRef;
     private readonly duration;
     protected readonly nothing: undefined;
-    tuiRipple: string;
+    readonly tuiRipple: import("@angular/core").InputSignal<string>;
     protected start(x: number, y: number, target: HTMLElement, el: HTMLElement): void;
     private createRipple;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRipple, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiRipple, "[tuiRipple]", never, { "tuiRipple": { "alias": "tuiRipple"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiRipple, "[tuiRipple]", never, { "tuiRipple": { "alias": "tuiRipple"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/touchable/touchable.directive.d.ts

@@ -1,13 +1,13 @@
 import * as i0 from "@angular/core";
-export declare function tuiFindTouchIndex(touches: TouchList, id: number): number;
 export declare class TuiTouchable {
     private readonly isIOS;
     private readonly el;
-    tuiTouchable: '' | 'background' | 'opacity' | 'transform';
+    private readonly doc;
+    protected readonly style: import("@angular/core").Signal<"background" | "opacity" | "transform">;
+    readonly tuiTouchable: import("@angular/core").InputSignal<"" | "background" | "opacity" | "transform">;
     constructor();
-    protected get style(): 'background' | 'opacity' | 'transform';
-    private hasTouchLeft;
+    private hasTouches;
     private onTouchStart;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTouchable, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTouchable, "[tuiTouchable]", never, { "tuiTouchable": { "alias": "tuiTouchable"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTouchable, "[tuiTouchable]", never, { "tuiTouchable": { "alias": "tuiTouchable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs

@@ -1,8 +1,7 @@
 import * as i0 from '@angular/core';
-import { Input, ViewChild, ViewChildren, ChangeDetectionStrategy, Component } from '@angular/core';
-import { EMPTY_QUERY } from '@taiga-ui/cdk/constants';
+import { viewChildren, viewChild, input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
-import { tuiHeaderOptionsProvider } from '@taiga-ui/core/components/header';
+import { tuiHeaderOptionsProvider } from '@taiga-ui/layout/components/header';
 
 const OPTIONS = {
     duration: 20,
@@ -11,40 +10,34 @@ const OPTIONS = {
 };
 class TuiBottomSheet {
     constructor() {
-        this.elements = EMPTY_QUERY;
+        this.elements = viewChildren('stops');
+        this.content = viewChild('content');
         this.el = tuiInjectElement();
-        this.stops = ['1.5rem'];
+        this.stops = input(['1.5rem']);
     }
     onScroll() {
         const { clientHeight, scrollTop, scrollHeight } = this.el;
-        const top = this.elements.get(0)?.nativeElement.clientHeight || 0;
-        const max = this.content?.nativeElement.clientHeight || Infinity;
+        const top = this.elements()[0]?.nativeElement.clientHeight || 0;
+        const max = this.content()?.nativeElement.clientHeight || Infinity;
         const height = Math.min(clientHeight, max);
         const scrolled = Math.min(scrollTop, height - top);
         const transform = `translate3d(0, ${-1 * scrolled}px, 0)`;
         this.el.style.setProperty('--t-height', `${scrollHeight}px`);
+        this.el.style.setProperty('overflow', 'scroll');
         this.el.animate([{ transform }], OPTIONS);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiBottomSheet, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiBottomSheet, isStandalone: true, selector: "tui-bottom-sheet", inputs: { stops: "stops" }, host: { listeners: { "scroll.zoneless": "onScroll()", "resize": "onScroll()" }, properties: { "style.--t-initial": "stops[0]", "style.scroll-snap-type": "stops.length > 1 ? \"y mandatory\" : null" } }, providers: [tuiHeaderOptionsProvider({ size: 'h5' })], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "elements", predicate: ["stops"], descendants: true }], ngImport: i0, template: "@for (stop of stops; track stop) {\n    <div\n        #stops\n        class=\"t-stop\"\n        [style.inset-block-start]=\"stop\"\n    ></div>\n}\n<div\n    #content\n    class=\"t-content\"\n    (resize)=\"onScroll()\"\n>\n    <ng-content />\n</div>\n<div class=\"t-bottom\"></div>\n", styles: [":host{scrollbar-width:none;-ms-overflow-style:none;position:absolute;top:100%;left:0;right:0;display:block;block-size:calc(100% - 1rem);max-inline-size:40rem;margin:calc(-1 * var(--t-initial)) auto 0;background:var(--tui-background-elevation-1);border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l);overflow:auto;box-shadow:0 1rem var(--tui-background-elevation-1),var(--tui-shadow-medium)}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{display:none}:host:before{content:\"\";position:sticky;top:.625rem;left:50%;z-index:1;display:block;inset-inline-start:50%;inline-size:2rem;block-size:.25rem;margin-block-end:-.25rem;transform:translate(calc(-50% * var(--tui-inline)));background:var(--tui-background-elevation-1);box-shadow:0 0 0 20rem var(--tui-background-elevation-1),inset 0 0 0 1rem var(--tui-border-normal);border-radius:1rem;clip-path:polygon(-100vw -1rem,100vw -1rem,100vw calc(100% + .625rem),-100vw calc(100% + .625rem))}:host:after{content:\"\";position:absolute;top:calc(100% - var(--t-initial));inline-size:1rem;block-size:calc(var(--t-height) - 100% + var(--t-initial));scroll-snap-align:start;scroll-snap-stop:always}.t-content{position:sticky;top:0;padding:2.25rem 1rem 1.5rem}.t-bottom{block-size:calc(100% - var(--t-initial))}.t-stop{position:absolute;block-size:var(--t-initial);inline-size:1rem;pointer-events:none;transform:translateY(-100%);scroll-snap-align:start;scroll-snap-stop:always}.t-stop:last-child{scroll-snap-align:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBottomSheet, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TuiBottomSheet, isStandalone: true, selector: "tui-bottom-sheet", inputs: { stops: { classPropertyName: "stops", publicName: "stops", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "scroll.zoneless": "onScroll()", "resize": "onScroll()" }, properties: { "style.--t-initial": "stops()[0]", "style.scroll-snap-type": "stops().length > 1 ? \"y mandatory\" : null" } }, providers: [tuiHeaderOptionsProvider({ size: 'h5' })], viewQueries: [{ propertyName: "elements", predicate: ["stops"], descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "@for (stop of stops(); track $index) {\n    <div\n        #stops\n        class=\"t-stop\"\n        [style.inset-block-start]=\"stop\"\n    ></div>\n}\n<div\n    #content\n    class=\"t-content\"\n    (resize)=\"onScroll()\"\n>\n    <ng-content />\n</div>\n<div class=\"t-bottom\"></div>\n", styles: [":host{scrollbar-width:none;-ms-overflow-style:none;position:absolute;top:100%;left:0;right:0;display:block;block-size:calc(100% - 1rem);max-inline-size:40rem;margin:calc(-1 * var(--t-initial)) auto 0;background:var(--tui-background-elevation-1);border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l);overflow:auto;box-shadow:0 1rem var(--tui-background-elevation-1),var(--tui-shadow-medium)}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{display:none}:host:before{content:\"\";position:sticky;top:.625rem;left:50%;z-index:1;display:block;inset-inline-start:50%;inline-size:2rem;block-size:.25rem;margin-block-end:-.25rem;transform:translate(calc(-50% * var(--tui-inline)));background:var(--tui-background-elevation-1);box-shadow:0 0 0 20rem var(--tui-background-elevation-1),inset 0 0 0 1rem var(--tui-border-normal);border-radius:1rem;clip-path:polygon(-100vw -1rem,100vw -1rem,100vw calc(100% + .625rem),-100vw calc(100% + .625rem))}:host:after{content:\"\";position:absolute;top:calc(100% - var(--t-initial));inline-size:1rem;block-size:calc(var(--t-height) - 100% + var(--t-initial));scroll-snap-align:start;scroll-snap-stop:always}.t-content{position:sticky;top:0;padding:2.25rem 1rem 1.5rem}.t-bottom{block-size:calc(100% - var(--t-initial))}.t-stop{position:absolute;block-size:var(--t-initial);inline-size:1rem;pointer-events:none;transform:translateY(-100%);scroll-snap-align:start;scroll-snap-stop:always}.t-stop:last-child{scroll-snap-align:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiBottomSheet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBottomSheet, decorators: [{
             type: Component,
             args: [{ selector: 'tui-bottom-sheet', changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiHeaderOptionsProvider({ size: 'h5' })], host: {
-                        '[style.--t-initial]': 'stops[0]',
-                        '[style.scroll-snap-type]': 'stops.length > 1 ? "y mandatory" : null',
+                        '[style.--t-initial]': 'stops()[0]',
+                        '[style.scroll-snap-type]': 'stops().length > 1 ? "y mandatory" : null',
                         '(scroll.zoneless)': 'onScroll()',
                         '(resize)': 'onScroll()',
-                    }, template: "@for (stop of stops; track stop) {\n    <div\n        #stops\n        class=\"t-stop\"\n        [style.inset-block-start]=\"stop\"\n    ></div>\n}\n<div\n    #content\n    class=\"t-content\"\n    (resize)=\"onScroll()\"\n>\n    <ng-content />\n</div>\n<div class=\"t-bottom\"></div>\n", styles: [":host{scrollbar-width:none;-ms-overflow-style:none;position:absolute;top:100%;left:0;right:0;display:block;block-size:calc(100% - 1rem);max-inline-size:40rem;margin:calc(-1 * var(--t-initial)) auto 0;background:var(--tui-background-elevation-1);border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l);overflow:auto;box-shadow:0 1rem var(--tui-background-elevation-1),var(--tui-shadow-medium)}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{display:none}:host:before{content:\"\";position:sticky;top:.625rem;left:50%;z-index:1;display:block;inset-inline-start:50%;inline-size:2rem;block-size:.25rem;margin-block-end:-.25rem;transform:translate(calc(-50% * var(--tui-inline)));background:var(--tui-background-elevation-1);box-shadow:0 0 0 20rem var(--tui-background-elevation-1),inset 0 0 0 1rem var(--tui-border-normal);border-radius:1rem;clip-path:polygon(-100vw -1rem,100vw -1rem,100vw calc(100% + .625rem),-100vw calc(100% + .625rem))}:host:after{content:\"\";position:absolute;top:calc(100% - var(--t-initial));inline-size:1rem;block-size:calc(var(--t-height) - 100% + var(--t-initial));scroll-snap-align:start;scroll-snap-stop:always}.t-content{position:sticky;top:0;padding:2.25rem 1rem 1.5rem}.t-bottom{block-size:calc(100% - var(--t-initial))}.t-stop{position:absolute;block-size:var(--t-initial);inline-size:1rem;pointer-events:none;transform:translateY(-100%);scroll-snap-align:start;scroll-snap-stop:always}.t-stop:last-child{scroll-snap-align:none}\n"] }]
-        }], propDecorators: { elements: [{
-                type: ViewChildren,
-                args: ['stops']
-            }], content: [{
-                type: ViewChild,
-                args: ['content']
-            }], stops: [{
-                type: Input
-            }] } });
+                    }, template: "@for (stop of stops(); track $index) {\n    <div\n        #stops\n        class=\"t-stop\"\n        [style.inset-block-start]=\"stop\"\n    ></div>\n}\n<div\n    #content\n    class=\"t-content\"\n    (resize)=\"onScroll()\"\n>\n    <ng-content />\n</div>\n<div class=\"t-bottom\"></div>\n", styles: [":host{scrollbar-width:none;-ms-overflow-style:none;position:absolute;top:100%;left:0;right:0;display:block;block-size:calc(100% - 1rem);max-inline-size:40rem;margin:calc(-1 * var(--t-initial)) auto 0;background:var(--tui-background-elevation-1);border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l);overflow:auto;box-shadow:0 1rem var(--tui-background-elevation-1),var(--tui-shadow-medium)}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{display:none}:host:before{content:\"\";position:sticky;top:.625rem;left:50%;z-index:1;display:block;inset-inline-start:50%;inline-size:2rem;block-size:.25rem;margin-block-end:-.25rem;transform:translate(calc(-50% * var(--tui-inline)));background:var(--tui-background-elevation-1);box-shadow:0 0 0 20rem var(--tui-background-elevation-1),inset 0 0 0 1rem var(--tui-border-normal);border-radius:1rem;clip-path:polygon(-100vw -1rem,100vw -1rem,100vw calc(100% + .625rem),-100vw calc(100% + .625rem))}:host:after{content:\"\";position:absolute;top:calc(100% - var(--t-initial));inline-size:1rem;block-size:calc(var(--t-height) - 100% + var(--t-initial));scroll-snap-align:start;scroll-snap-stop:always}.t-content{position:sticky;top:0;padding:2.25rem 1rem 1.5rem}.t-bottom{block-size:calc(100% - var(--t-initial))}.t-stop{position:absolute;block-size:var(--t-initial);inline-size:1rem;pointer-events:none;transform:translateY(-100%);scroll-snap-align:start;scroll-snap-stop:always}.t-stop:last-child{scroll-snap-align:none}\n"] }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-mobile-components-bottom-sheet.mjs","sources":["../../../projects/addon-mobile/components/bottom-sheet/bottom-sheet.component.ts","../../../projects/addon-mobile/components/bottom-sheet/bottom-sheet.template.html","../../../projects/addon-mobile/components/bottom-sheet/taiga-ui-addon-mobile-components-bottom-sheet.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    type ElementRef,\n    Input,\n    type QueryList,\n    ViewChild,\n    ViewChildren,\n} from '@angular/core';\nimport {EMPTY_QUERY} from '@taiga-ui/cdk/constants';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiHeaderOptionsProvider} from '@taiga-ui/core/components/header';\n\nconst OPTIONS = {\n    duration: 20,\n    easing: 'ease-in',\n    fill: 'forwards',\n} as const;\n\n@Component({\n    selector: 'tui-bottom-sheet',\n    templateUrl: './bottom-sheet.template.html',\n    styleUrl: './bottom-sheet.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiHeaderOptionsProvider({size: 'h5'})],\n    host: {\n        '[style.--t-initial]': 'stops[0]',\n        '[style.scroll-snap-type]': 'stops.length > 1 ? \"y mandatory\" : null',\n        '(scroll.zoneless)': 'onScroll()',\n        '(resize)': 'onScroll()',\n    },\n})\nexport class TuiBottomSheet {\n    @ViewChildren('stops')\n    private readonly elements: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    @ViewChild('content')\n    private readonly content?: ElementRef<HTMLElement>;\n\n    private readonly el = tuiInjectElement();\n\n    @Input()\n    public stops: readonly string[] = ['1.5rem'];\n\n    protected onScroll(): void {\n        const {clientHeight, scrollTop, scrollHeight} = this.el;\n        const top = this.elements.get(0)?.nativeElement.clientHeight || 0;\n        const max = this.content?.nativeElement.clientHeight || Infinity;\n        const height = Math.min(clientHeight, max);\n        const scrolled = Math.min(scrollTop, height - top);\n        const transform = `translate3d(0, ${-1 * scrolled}px, 0)`;\n\n        this.el.style.setProperty('--t-height', `${scrollHeight}px`);\n        this.el.animate([{transform}], OPTIONS);\n    }\n}\n","@for (stop of stops; track stop) {\n    <div\n        #stops\n        class=\"t-stop\"\n        [style.inset-block-start]=\"stop\"\n    ></div>\n}\n<div\n    #content\n    class=\"t-content\"\n    (resize)=\"onScroll()\"\n>\n    <ng-content />\n</div>\n<div class=\"t-bottom\"></div>\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-components-bottom-sheet.mjs","sources":["../../../projects/addon-mobile/components/bottom-sheet/bottom-sheet.component.ts","../../../projects/addon-mobile/components/bottom-sheet/bottom-sheet.template.html","../../../projects/addon-mobile/components/bottom-sheet/taiga-ui-addon-mobile-components-bottom-sheet.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    type ElementRef,\n    input,\n    viewChild,\n    viewChildren,\n} from '@angular/core';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiHeaderOptionsProvider} from '@taiga-ui/layout/components/header';\n\nconst OPTIONS = {\n    duration: 20,\n    easing: 'ease-in',\n    fill: 'forwards',\n} as const;\n\n@Component({\n    selector: 'tui-bottom-sheet',\n    templateUrl: './bottom-sheet.template.html',\n    styleUrl: './bottom-sheet.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiHeaderOptionsProvider({size: 'h5'})],\n    host: {\n        '[style.--t-initial]': 'stops()[0]',\n        '[style.scroll-snap-type]': 'stops().length > 1 ? \"y mandatory\" : null',\n        '(scroll.zoneless)': 'onScroll()',\n        '(resize)': 'onScroll()',\n    },\n})\nexport class TuiBottomSheet {\n    private readonly elements = viewChildren<ElementRef<HTMLElement>>('stops');\n    private readonly content = viewChild<ElementRef<HTMLElement>>('content');\n    private readonly el = tuiInjectElement();\n\n    public readonly stops = input<readonly string[]>(['1.5rem']);\n\n    protected onScroll(): void {\n        const {clientHeight, scrollTop, scrollHeight} = this.el;\n        const top = this.elements()[0]?.nativeElement.clientHeight || 0;\n        const max = this.content()?.nativeElement.clientHeight || Infinity;\n        const height = Math.min(clientHeight, max);\n        const scrolled = Math.min(scrollTop, height - top);\n        const transform = `translate3d(0, ${-1 * scrolled}px, 0)`;\n\n        this.el.style.setProperty('--t-height', `${scrollHeight}px`);\n        this.el.style.setProperty('overflow', 'scroll');\n        this.el.animate([{transform}], OPTIONS);\n    }\n}\n","@for (stop of stops(); track $index) {\n    <div\n        #stops\n        class=\"t-stop\"\n        [style.inset-block-start]=\"stop\"\n    ></div>\n}\n<div\n    #content\n    class=\"t-content\"\n    (resize)=\"onScroll()\"\n>\n    <ng-content />\n</div>\n<div class=\"t-bottom\"></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}