@taiga-ui/addon-mobile 4.52.0-canary.216e347 → 4.52.0-canary.217a686

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/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

@@ -17,11 +17,12 @@ export declare class TuiMobileCalendar implements AfterViewInit {
     protected readonly isIOS: boolean;
     protected readonly isE2E: boolean;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly closeWord$: import("rxjs").Observable<string>;
-    protected readonly cancelWord$: import("rxjs").Observable<string>;
-    protected readonly doneWord$: import("rxjs").Observable<string>;
+    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("rxjs").Observable<readonly [choose_day: string, choose_range: string, choose_days: string]> | null;
+    protected readonly chooseDayOrRangeTexts: import("@angular/core").Signal<readonly [choose_day: string, choose_range: string, choose_days: string]> | null;
     protected readonly years: number[];
     protected readonly months: TuiMonth[];
     /**
@@ -37,8 +38,8 @@ export declare class TuiMobileCalendar implements AfterViewInit {
     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 confirm: EventEmitter<TuiDay | TuiDayRange | readonly TuiDay[]>;
+    readonly valueChange: import("rxjs").Observable<TuiDay | TuiDayRange | readonly TuiDay[] | null>;
     constructor();
     set value(value: TuiDay | TuiDayRange | readonly TuiDay[] | null | undefined);
     get value(): TuiDay | TuiDayRange | readonly TuiDay[] | null;

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

@@ -1,18 +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>;
     attach(viewport: CdkVirtualScrollViewport): void;
     detach(): 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 { 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,7 +11,7 @@ export interface TuiMobileCalendarData {
     multi?: boolean;
     single?: boolean;
 }
-export declare class TuiMobileCalendarDropdown {
+export declare class TuiMobileCalendarDropdownComponent {
     private readonly dropdown;
     private readonly keyboard;
     private readonly context;
@@ -20,9 +19,9 @@ export declare class TuiMobileCalendarDropdown {
     private readonly data;
     private selectedPeriod;
     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();
@@ -34,7 +33,6 @@ export declare class TuiMobileCalendarDropdown {
     protected confirm(value: TuiDay | TuiDayRange | readonly TuiDay[]): void;
     private calculateDisabledItemHandler;
     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/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.directive.d.ts

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

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 closeable: Observable<boolean> | boolean;
-    readonly data: I;
+    readonly closable: Observable<boolean> | boolean;
+    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,10 +1,15 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
+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';
 import * as i0 from "@angular/core";
-export declare class TuiSheetDialogService extends TuiPopoverService<TuiSheetDialogOptions<any>> {
+export declare class TuiSheetDialogService extends TuiModalService<TuiSheetDialogOptions<any>> {
     private readonly theme;
-    private initial;
-    protected readonly $: import("rxjs").Subscription;
+    private readonly initial;
+    private count;
+    protected readonly options: TuiSheetDialogOptions<undefined>;
+    protected readonly content: typeof TuiSheetDialogComponent;
+    protected add(component: PolymorpheusComponent<TuiModalComponent<TuiSheetDialogOptions>>): () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSheetDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiSheetDialogService>;
 }

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

@@ -1,27 +1,23 @@
-import { type AfterViewInit, type OnDestroy } from '@angular/core';
-import { type TuiSwipeEvent } from '@taiga-ui/cdk/directives/swipe';
-import { TuiDropdownDirective } from '@taiga-ui/core/directives/dropdown';
-import { TuiDropdownMobile } from './dropdown-mobile.directive';
+import { type OnDestroy } from '@angular/core';
+import { TuiDropdownDirective } from '@taiga-ui/core/portals/dropdown';
 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";
-export declare class TuiDropdownMobileComponent implements OnDestroy, AfterViewInit {
+import * as i1 from "@taiga-ui/cdk/directives/animated";
+import * as i2 from "@taiga-ui/cdk/directives/active-zone";
+export declare class TuiDropdownMobileComponent implements OnDestroy {
     private readonly el;
     private readonly keyboard;
     private readonly doc;
     private readonly scrollTop;
     private readonly observer;
-    protected readonly directive: TuiDropdownMobile;
     protected readonly dropdown: TuiDropdownDirective;
+    protected readonly context: {
+        $implicit: () => void;
+    };
     constructor();
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    protected readonly close: () => void;
     protected onClick(event: MouseEvent): void;
-    protected onSwipe({ direction }: TuiSwipeEvent, el: HTMLElement): void;
-    protected onIntersection({ isIntersecting }: IntersectionObserverEntry): void;
-    protected refresh({ offsetTop, height }: VisualViewport): void;
+    protected refresh(): void;
     private get focused();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownMobileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDropdownMobileComponent, "tui-dropdown-mobile", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiActiveZone; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAnimated; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDropdownMobileComponent, "tui-dropdown-mobile", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiActiveZone; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,8 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiDropdownMobile {
     private readonly isMobile;
-    tuiDropdownMobile: string;
     protected onMouseDown(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownMobile, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownMobile, "[tuiDropdownMobile]", never, { "tuiDropdownMobile": { "alias": "tuiDropdownMobile"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownMobile, "[tuiDropdownMobile]", never, {}, {}, never, never, true, never>;
 }

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

@@ -0,0 +1,14 @@
+import { TuiDropdownDirective } from '@taiga-ui/core/portals/dropdown';
+import * as i0 from "@angular/core";
+export declare class TuiDropdownSheetComponent {
+    private readonly content;
+    private readonly dialogs;
+    private readonly directive;
+    protected readonly dropdown: TuiDropdownDirective;
+    protected readonly context: {
+        $implicit: () => void;
+    };
+    protected readonly sub: import("rxjs").Subscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownSheetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDropdownSheetComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class TuiDropdownSheet {
+    readonly tuiDropdownSheet: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownSheet, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownSheet, "[tuiDropdownSheet]", never, { "tuiDropdownSheet": { "alias": "tuiDropdownSheet"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,2 @@
+export * from './dropdown-sheet.component';
+export * from './dropdown-sheet.directive';

package/directives/index.d.ts

@@ -1,6 +1,6 @@
 export * from '@taiga-ui/addon-mobile/directives/dropdown-mobile';
+export * from '@taiga-ui/addon-mobile/directives/dropdown-sheet';
 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/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

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 export declare class TuiRipple {
     private readonly doc;
     private readonly destroyRef;
-    private readonly animationOptions;
+    private readonly duration;
     protected readonly nothing: undefined;
     tuiRipple: string;
     protected start(x: number, y: number, target: HTMLElement, el: HTMLElement): void;

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

@@ -1,6 +1,5 @@
-import { NgForOf } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewChildren, ViewChild, Input } from '@angular/core';
+import { Input, ViewChild, ViewChildren, ChangeDetectionStrategy, Component } from '@angular/core';
 import { EMPTY_QUERY } from '@taiga-ui/cdk/constants';
 import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
 import { tuiHeaderOptionsProvider } from '@taiga-ui/layout/components/header';
@@ -24,19 +23,20 @@ class TuiBottomSheet {
         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: "16.2.12", ngImport: i0, type: TuiBottomSheet, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: "<div\n    *ngFor=\"let stop of stops\"\n    #stops\n    class=\"t-stop\"\n    [style.top]=\"stop\"\n></div>\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"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBottomSheet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBottomSheet, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'tui-bottom-sheet', imports: [NgForOf], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiHeaderOptionsProvider({ size: 'h5' })], host: {
+            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',
                         '(scroll.zoneless)': 'onScroll()',
                         '(resize)': 'onScroll()',
-                    }, template: "<div\n    *ngFor=\"let stop of stops\"\n    #stops\n    class=\"t-stop\"\n    [style.top]=\"stop\"\n></div>\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"] }]
+                    }, 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']

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 {NgForOf} from '@angular/common';\nimport {\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/layout/components/header';\n\nconst OPTIONS = {\n    duration: 20,\n    easing: 'ease-in',\n    fill: 'forwards',\n} as const;\n\n@Component({\n    standalone: true,\n    selector: 'tui-bottom-sheet',\n    imports: [NgForOf],\n    templateUrl: './bottom-sheet.template.html',\n    styleUrls: ['./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","<div\n    *ngFor=\"let stop of stops\"\n    #stops\n    class=\"t-stop\"\n    [style.top]=\"stop\"\n></div>\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    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/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    @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.style.setProperty('overflow', 'scroll');\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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"}

package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs

@@ -1,6 +1,6 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { inject, Directive, ContentChild, computed, Component, ChangeDetectionStrategy } from '@angular/core';
+import { contentChild, inject, Directive, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 import { TuiMobileCalendar } from '@taiga-ui/addon-mobile/components/mobile-calendar';
 import { TuiKeyboardService } from '@taiga-ui/addon-mobile/services';
 import { TuiControl } from '@taiga-ui/cdk/classes';
@@ -11,9 +11,8 @@ import { TuiActiveZone } from '@taiga-ui/cdk/directives/active-zone';
 import * as i2 from '@taiga-ui/cdk/directives/animated';
 import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
 import { tuiPure } from '@taiga-ui/cdk/utils/miscellaneous';
-import { TUI_DROPDOWN_COMPONENT, TuiDropdownDirective } from '@taiga-ui/core/directives/dropdown';
+import { TUI_DROPDOWN_COMPONENT, TuiDropdownDirective } from '@taiga-ui/core/portals/dropdown';
 import { TUI_DAY_CAPS_MAPPER, calculateDisabledItemHandler } from '@taiga-ui/kit/components/calendar-range';
-import { TUI_MOBILE_CALENDAR } from '@taiga-ui/kit/tokens';
 import { injectContext } from '@taiga-ui/polymorpheus';
 import { TUI_IS_MOBILE } from '@taiga-ui/cdk/tokens';
 import { TuiItemsHandlersDirective } from '@taiga-ui/core/directives/items-handlers';
@@ -21,51 +20,42 @@ import { TuiInputDateDirective } from '@taiga-ui/kit/components/input-date';
 import { TuiInputDateRangeDirective } from '@taiga-ui/kit/components/input-date-range';
 import { TuiInputDateTimeDirective } from '@taiga-ui/kit/components/input-date-time';
 
-// TODO: Rename to TuiMobileCalendarDropdown in v5
-class TuiMobileCalendarDropdownNew {
+class TuiMobileCalendarDropdown {
     constructor() {
+        this.single = contentChild(TuiInputDateDirective);
+        this.range = contentChild(TuiInputDateRangeDirective);
+        this.dateTime = contentChild(TuiInputDateTimeDirective);
         this.handlers = inject(TuiItemsHandlersDirective);
     }
     get date() {
-        return this.single || this.range || this.dateTime;
+        return this.single() || this.range() || this.dateTime();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiMobileCalendarDropdownNew, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiMobileCalendarDropdownNew, isStandalone: true, selector: "[tuiMobileCalendar]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiMobileCalendarDropdown, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.17", type: TuiMobileCalendarDropdown, isStandalone: true, selector: "[tuiMobileCalendar]", providers: [
             {
                 provide: TUI_DROPDOWN_COMPONENT,
                 useFactory: () => inject(TUI_IS_MOBILE)
-                    ? TuiMobileCalendarDropdown
+                    ? TuiMobileCalendarDropdownComponent
                     : inject(TUI_DROPDOWN_COMPONENT, { skipSelf: true }),
             },
-        ], queries: [{ propertyName: "single", first: true, predicate: TuiInputDateDirective, descendants: true }, { propertyName: "range", first: true, predicate: TuiInputDateRangeDirective, descendants: true }, { propertyName: "dateTime", first: true, predicate: TuiInputDateTimeDirective, descendants: true }], ngImport: i0 }); }
+        ], queries: [{ propertyName: "single", first: true, predicate: TuiInputDateDirective, descendants: true, isSignal: true }, { propertyName: "range", first: true, predicate: TuiInputDateRangeDirective, descendants: true, isSignal: true }, { propertyName: "dateTime", first: true, predicate: TuiInputDateTimeDirective, descendants: true, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiMobileCalendarDropdownNew, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiMobileCalendarDropdown, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: '[tuiMobileCalendar]',
                     providers: [
                         {
                             provide: TUI_DROPDOWN_COMPONENT,
                             useFactory: () => inject(TUI_IS_MOBILE)
-                                ? TuiMobileCalendarDropdown
+                                ? TuiMobileCalendarDropdownComponent
                                 : inject(TUI_DROPDOWN_COMPONENT, { skipSelf: true }),
                         },
                     ],
                 }]
-        }], propDecorators: { single: [{
-                type: ContentChild,
-                args: [TuiInputDateDirective]
-            }], range: [{
-                type: ContentChild,
-                args: [TuiInputDateRangeDirective]
-            }], dateTime: [{
-                type: ContentChild,
-                args: [TuiInputDateTimeDirective]
-            }] } });
+        }] });
 
-// TODO: Rename to TuiMobileCalendarDropdownComponent in v5, this component is terrible and needs a complete rewrite
-class TuiMobileCalendarDropdown {
+class TuiMobileCalendarDropdownComponent {
     constructor() {
         // TODO: Rework to use TuiDropdownOpenDirective so the focus returns to the field on closing
         this.dropdown = inject(TuiDropdownDirective, { optional: true });
@@ -76,11 +66,11 @@ class TuiMobileCalendarDropdown {
         this.selectedPeriod = null;
         // TODO: Refactor to proper Date, DateMulti and DateRange components after they are added to kit
         this.control = inject(TuiControl, { optional: true });
-        this.directive = inject(TuiMobileCalendarDropdownNew, { optional: true });
-        this.range = !!this.directive?.range || this.is('tui-input-date-range');
+        this.directive = inject(TuiMobileCalendarDropdown, { optional: true });
         this.multi = this.data.multi || this.is('tui-input-date[multiple]');
-        this.single = !!this.directive?.single ||
-            !!this.directive?.dateTime ||
+        this.range = !!this.directive?.range() || this.is('tui-input-date-range');
+        this.single = !!this.directive?.single() ||
+            !!this.directive?.dateTime() ||
             this.data.single || // TODO(v5): use `rangeMode` from DI token `TUI_CALENDAR_SHEET_DEFAULT_OPTIONS`
             this.is('tui-input-date:not([multiple])');
         this.value = computed((value = this.directive?.date?.value()) => Array.isArray(value) ? value[0] : value);
@@ -141,26 +131,20 @@ class TuiMobileCalendarDropdown {
     is(selector) {
         return !!this.dropdown?.el.closest(selector);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiMobileCalendarDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiMobileCalendarDropdown, isStandalone: true, selector: "tui-mobile-calendar-dropdown", hostDirectives: [{ directive: i1.TuiActiveZone }, { directive: i2.TuiAnimated }], ngImport: i0, template: "<tui-mobile-calendar\n    [disabledItemHandler]=\"calculatedDisabledItemHandler\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [multi]=\"multi\"\n    [single]=\"single\"\n    [value]=\"value()\"\n    (cancel)=\"close()\"\n    (confirm)=\"confirm($event)\"\n    (valueChange)=\"onValueChange($event)\"\n/>\n", styles: [":host{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;background:var(--tui-background-elevation-1);box-shadow:0 10rem var(--tui-background-elevation-1),0 -90vh 1rem 2rem var(--tui-service-backdrop);block-size:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}\n"], dependencies: [{ kind: "component", type: TuiMobileCalendar, selector: "tui-mobile-calendar", inputs: ["single", "multi", "min", "max", "disabledItemHandler", "value"], outputs: ["cancel", "confirm", "valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiMobileCalendarDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TuiMobileCalendarDropdownComponent, isStandalone: true, selector: "tui-mobile-calendar-dropdown", hostDirectives: [{ directive: i1.TuiActiveZone }, { directive: i2.TuiAnimated }], ngImport: i0, template: "<tui-mobile-calendar\n    [disabledItemHandler]=\"calculatedDisabledItemHandler\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [multi]=\"multi\"\n    [single]=\"single\"\n    [value]=\"value()\"\n    (cancel)=\"close()\"\n    (confirm)=\"confirm($event)\"\n    (valueChange)=\"onValueChange($event)\"\n/>\n", styles: [":host{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;background:var(--tui-background-elevation-1);box-shadow:0 10rem var(--tui-background-elevation-1),0 -90vh 1rem 2rem var(--tui-service-backdrop);block-size:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}\n"], dependencies: [{ kind: "component", type: TuiMobileCalendar, selector: "tui-mobile-calendar", inputs: ["single", "multi", "min", "max", "disabledItemHandler", "value"], outputs: ["cancel", "confirm", "valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     tuiPure
-], TuiMobileCalendarDropdown.prototype, "calculateDisabledItemHandler", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiMobileCalendarDropdown, decorators: [{
+], TuiMobileCalendarDropdownComponent.prototype, "calculateDisabledItemHandler", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiMobileCalendarDropdownComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'tui-mobile-calendar-dropdown', imports: [TuiMobileCalendar], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiActiveZone, TuiAnimated], template: "<tui-mobile-calendar\n    [disabledItemHandler]=\"calculatedDisabledItemHandler\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [multi]=\"multi\"\n    [single]=\"single\"\n    [value]=\"value()\"\n    (cancel)=\"close()\"\n    (confirm)=\"confirm($event)\"\n    (valueChange)=\"onValueChange($event)\"\n/>\n", styles: [":host{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;background:var(--tui-background-elevation-1);box-shadow:0 10rem var(--tui-background-elevation-1),0 -90vh 1rem 2rem var(--tui-service-backdrop);block-size:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { calculateDisabledItemHandler: [] } });
-function tuiProvideMobileCalendar() {
-    return {
-        provide: TUI_MOBILE_CALENDAR,
-        useValue: TuiMobileCalendarDropdown,
-    };
-}
+            args: [{ selector: 'tui-mobile-calendar-dropdown', imports: [TuiMobileCalendar], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiActiveZone, TuiAnimated], template: "<tui-mobile-calendar\n    [disabledItemHandler]=\"calculatedDisabledItemHandler\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [multi]=\"multi\"\n    [single]=\"single\"\n    [value]=\"value()\"\n    (cancel)=\"close()\"\n    (confirm)=\"confirm($event)\"\n    (valueChange)=\"onValueChange($event)\"\n/>\n", styles: [":host{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;background:var(--tui-background-elevation-1);box-shadow:0 10rem var(--tui-background-elevation-1),0 -90vh 1rem 2rem var(--tui-service-backdrop);block-size:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { calculateDisabledItemHandler: [] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TuiMobileCalendarDropdown, TuiMobileCalendarDropdownNew, tuiProvideMobileCalendar };
+export { TuiMobileCalendarDropdown, TuiMobileCalendarDropdownComponent };
 //# sourceMappingURL=taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs.map