@taiga-ui/experimental 5.10.0 → 5.11.0-canary.8d400ed

package/components/date-picker/date-picker.component.d.ts

@@ -1,5 +1,6 @@
 import { type TuiDay, TuiDayRange, TuiMonth } from '@taiga-ui/cdk/date-time';
-import { type TuiBooleanHandler, type TuiContext } from '@taiga-ui/cdk/types';
+import { type TuiContext } from '@taiga-ui/cdk/types';
+import { AbstractTuiCalendar } from '@taiga-ui/core/components/calendar';
 import { TuiCarouselComponent } from '@taiga-ui/core/components/carousel';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
@@ -7,12 +8,12 @@ type DatePicker<T> = T extends 'single' ? TuiDay : T extends 'multi' ? readonly
 /**
  * @deprecated: work in progress, do not use!
  */
-export declare class TuiDatePicker<T extends 'multi' | 'range' | 'single' = 'single'> {
+export declare class TuiDatePicker<T extends 'multi' | 'range' | 'single' = 'single'> extends AbstractTuiCalendar<DatePicker<T>> {
     protected readonly carousel: import("@angular/core").Signal<TuiCarouselComponent | undefined>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly texts: import("@angular/core").Signal<readonly [previous: string, next: string]>;
     protected readonly i18n: 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 month: import("@angular/core").Signal<PolymorpheusContent<TuiContext<number>>>;
+    protected readonly content: import("@angular/core").Signal<PolymorpheusContent<TuiContext<number>>>;
     protected readonly years: import("@angular/core").Signal<number[]>;
     protected readonly months: import("@angular/core").Signal<number[]>;
     protected readonly button: import("@angular/core").Signal<string>;
@@ -23,13 +24,8 @@ export declare class TuiDatePicker<T extends 'multi' | 'range' | 'single' = 'sin
     protected readonly disabledYear: import("@angular/core").Signal<(year: number) => boolean>;
     protected readonly start: import("@angular/core").Signal<boolean>;
     protected readonly end: import("@angular/core").Signal<boolean>;
-    readonly view: import("@angular/core").ModelSignal<"year" | "month" | "day">;
-    readonly value: import("@angular/core").ModelSignal<DatePicker<T> | null>;
-    readonly current: import("@angular/core").ModelSignal<TuiMonth>;
+    readonly view: import("@angular/core").ModelSignal<"day" | "month" | "year">;
     readonly mode: import("@angular/core").InputSignal<T | undefined>;
-    readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<TuiDay>>;
-    readonly min: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null | undefined>;
-    readonly max: import("@angular/core").InputSignalWithTransform<TuiDay, TuiDay | null | undefined>;
     protected getMonth(index: number): TuiMonth;
     protected getItems(initial: number): readonly number[];
     protected onSpin(step: number): void;
@@ -37,6 +33,6 @@ export declare class TuiDatePicker<T extends 'multi' | 'range' | 'single' = 'sin
     protected onMonth(index: number): void;
     protected onDay(day: TuiDay): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDatePicker<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDatePicker<any>, "tui-date-picker", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "view": "viewChange"; "value": "valueChange"; "current": "currentChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDatePicker<any>, "tui-date-picker", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "view": "viewChange"; }, never, never, true, never>;
 }
 export {};

package/fesm2022/taiga-ui-experimental-components-calendar.mjs

@@ -44,10 +44,10 @@ class TuiCalendar {
         }
         return range.dayInRange(day) ? 'middle' : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TuiCalendar, isStandalone: true, selector: "tui-calendar", inputs: { month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabledItemHandler: { classPropertyName: "disabledItemHandler", publicName: "disabledItemHandler", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pick: "pick" }, host: { listeners: { "mouseleave": "hovered.set(null)" } }, ngImport: i0, template: "@for (day of week(); track $index) {\n    <span>{{ day }}</span>\n}\n@for (week of month() | tuiCalendarSheet: true; track week) {\n    @for (day of week; track day) {\n        <button\n            type=\"button\"\n            class=\"t-day\"\n            [attr.data-range]=\"getRange(day)\"\n            [class.t-day_adjacent]=\"day.month !== month().month\"\n            [class.t-day_today]=\"day.daySame(today)\"\n            [disabled]=\"disabledItemHandler()(day)\"\n            (click)=\"pick.emit(day)\"\n            (mouseenter)=\"hovered.set(day)\"\n        >\n            {{ day.day }}\n        </button>\n    }\n}\n", styles: [":host{display:grid;inline-size:100%;color:var(--tui-text-secondary);font:var(--tui-typography-ui-s);grid-template:2rem / repeat(7,1fr);gap:.25rem 0;place-items:center;isolation:isolate}.t-day{position:relative;inline-size:100%;block-size:2rem;padding:0;border:0;background:transparent;font:var(--tui-typography-ui-m);color:var(--tui-text-primary);cursor:pointer;overflow:hidden}.t-day:before{content:\"\";position:absolute;inset:50%;z-index:-1;block-size:2rem;inline-size:2rem;border-radius:100%;transform:translate(calc(var(--tui-inline) * -50%),-50%)}.t-day:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}.t-day_adjacent{opacity:var(--tui-disabled-opacity)}.t-day_today:after{content:\"\";position:absolute;inset-block-end:.25rem;inset-inline-start:50%;margin-inline-start:-.125rem;inline-size:.25rem;block-size:.25rem;border-radius:100%;background:var(--tui-background-accent-2)}.t-day[data-range=single],.t-day[data-range=start],.t-day[data-range=end]{color:var(--tui-text-primary-on-accent-2)}.t-day[data-range=single]:before,.t-day[data-range=start]:before,.t-day[data-range=end]:before{background:var(--tui-background-accent-2)}.t-day[data-range=single]:after,.t-day[data-range=start]:after,.t-day[data-range=end]:after{background:currentColor}.t-day[data-range=start]:before{box-shadow:calc(var(--tui-inline) * 11rem) 0 0 10rem var(--tui-background-neutral-1)}.t-day[data-range=end]:before{box-shadow:calc(var(--tui-inline) * -11rem) 0 0 10rem var(--tui-background-neutral-1)}.t-day[data-range=middle]:before{box-shadow:0 0 0 10rem var(--tui-background-neutral-1),inset 0 0 0 10rem var(--tui-background-neutral-1)}@media(hover:hover)and (pointer:fine){.t-day:hover:before{background:var(--tui-background-neutral-1-hover)}.t-day[data-range=single]:hover:before,.t-day[data-range=start]:hover:before,.t-day[data-range=end]:hover:before{background:var(--tui-background-accent-2-hover)}}\n"], dependencies: [{ kind: "pipe", type: TuiCalendarSheetPipe, name: "tuiCalendarSheet" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiCalendar, isStandalone: true, selector: "tui-calendar", inputs: { month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabledItemHandler: { classPropertyName: "disabledItemHandler", publicName: "disabledItemHandler", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pick: "pick" }, host: { listeners: { "mouseleave": "hovered.set(null)" } }, ngImport: i0, template: "@for (day of week(); track $index) {\n    <span>{{ day }}</span>\n}\n@for (week of month() | tuiCalendarSheet: true; track week) {\n    @for (day of week; track day) {\n        <button\n            type=\"button\"\n            class=\"t-day\"\n            [attr.data-range]=\"getRange(day)\"\n            [class.t-day_adjacent]=\"day.month !== month().month\"\n            [class.t-day_today]=\"day.daySame(today)\"\n            [disabled]=\"disabledItemHandler()(day)\"\n            (click)=\"pick.emit(day)\"\n            (mouseenter)=\"hovered.set(day)\"\n        >\n            {{ day.day }}\n        </button>\n    }\n}\n", styles: [":host{display:grid;inline-size:100%;color:var(--tui-text-secondary);font:var(--tui-typography-ui-s);grid-template:2rem / repeat(7,1fr);gap:.25rem 0;place-items:center;isolation:isolate}.t-day{position:relative;inline-size:100%;block-size:2rem;padding:0;border:0;background:transparent;font:var(--tui-typography-ui-m);color:var(--tui-text-primary);cursor:pointer;overflow:hidden}.t-day:before{content:\"\";position:absolute;inset:50%;z-index:-1;block-size:2rem;inline-size:2rem;border-radius:100%;transform:translate(calc(var(--tui-inline) * -50%),-50%)}.t-day:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}.t-day_adjacent{opacity:var(--tui-disabled-opacity)}.t-day_today:after{content:\"\";position:absolute;inset-block-end:.25rem;inset-inline-start:50%;margin-inline-start:-.125rem;inline-size:.25rem;block-size:.25rem;border-radius:100%;background:var(--tui-background-accent-2)}.t-day[data-range=single],.t-day[data-range=start],.t-day[data-range=end]{color:var(--tui-text-primary-on-accent-2)}.t-day[data-range=single]:before,.t-day[data-range=start]:before,.t-day[data-range=end]:before{background:var(--tui-background-accent-2)}.t-day[data-range=single]:after,.t-day[data-range=start]:after,.t-day[data-range=end]:after{background:currentColor}.t-day[data-range=start]:before{box-shadow:calc(var(--tui-inline) * 11rem) 0 0 10rem var(--tui-background-neutral-1)}.t-day[data-range=end]:before{box-shadow:calc(var(--tui-inline) * -11rem) 0 0 10rem var(--tui-background-neutral-1)}.t-day[data-range=middle]:before{box-shadow:0 0 0 10rem var(--tui-background-neutral-1),inset 0 0 0 10rem var(--tui-background-neutral-1)}@media(hover:hover)and (pointer:fine){.t-day:hover:before{background:var(--tui-background-neutral-1-hover)}.t-day[data-range=single]:hover:before,.t-day[data-range=start]:hover:before,.t-day[data-range=end]:hover:before{background:var(--tui-background-accent-2-hover)}}\n"], dependencies: [{ kind: "pipe", type: TuiCalendarSheetPipe, name: "tuiCalendarSheet" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiCalendar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiCalendar, decorators: [{
             type: Component,
             args: [{ selector: 'tui-calendar', imports: [TuiCalendarSheetPipe], changeDetection: ChangeDetectionStrategy.OnPush, host: { '(mouseleave)': 'hovered.set(null)' }, template: "@for (day of week(); track $index) {\n    <span>{{ day }}</span>\n}\n@for (week of month() | tuiCalendarSheet: true; track week) {\n    @for (day of week; track day) {\n        <button\n            type=\"button\"\n            class=\"t-day\"\n            [attr.data-range]=\"getRange(day)\"\n            [class.t-day_adjacent]=\"day.month !== month().month\"\n            [class.t-day_today]=\"day.daySame(today)\"\n            [disabled]=\"disabledItemHandler()(day)\"\n            (click)=\"pick.emit(day)\"\n            (mouseenter)=\"hovered.set(day)\"\n        >\n            {{ day.day }}\n        </button>\n    }\n}\n", styles: [":host{display:grid;inline-size:100%;color:var(--tui-text-secondary);font:var(--tui-typography-ui-s);grid-template:2rem / repeat(7,1fr);gap:.25rem 0;place-items:center;isolation:isolate}.t-day{position:relative;inline-size:100%;block-size:2rem;padding:0;border:0;background:transparent;font:var(--tui-typography-ui-m);color:var(--tui-text-primary);cursor:pointer;overflow:hidden}.t-day:before{content:\"\";position:absolute;inset:50%;z-index:-1;block-size:2rem;inline-size:2rem;border-radius:100%;transform:translate(calc(var(--tui-inline) * -50%),-50%)}.t-day:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}.t-day_adjacent{opacity:var(--tui-disabled-opacity)}.t-day_today:after{content:\"\";position:absolute;inset-block-end:.25rem;inset-inline-start:50%;margin-inline-start:-.125rem;inline-size:.25rem;block-size:.25rem;border-radius:100%;background:var(--tui-background-accent-2)}.t-day[data-range=single],.t-day[data-range=start],.t-day[data-range=end]{color:var(--tui-text-primary-on-accent-2)}.t-day[data-range=single]:before,.t-day[data-range=start]:before,.t-day[data-range=end]:before{background:var(--tui-background-accent-2)}.t-day[data-range=single]:after,.t-day[data-range=start]:after,.t-day[data-range=end]:after{background:currentColor}.t-day[data-range=start]:before{box-shadow:calc(var(--tui-inline) * 11rem) 0 0 10rem var(--tui-background-neutral-1)}.t-day[data-range=end]:before{box-shadow:calc(var(--tui-inline) * -11rem) 0 0 10rem var(--tui-background-neutral-1)}.t-day[data-range=middle]:before{box-shadow:0 0 0 10rem var(--tui-background-neutral-1),inset 0 0 0 10rem var(--tui-background-neutral-1)}@media(hover:hover)and (pointer:fine){.t-day:hover:before{background:var(--tui-background-neutral-1-hover)}.t-day[data-range=single]:hover:before,.t-day[data-range=start]:hover:before,.t-day[data-range=end]:hover:before{background:var(--tui-background-accent-2-hover)}}\n"] }]
         }] });

package/fesm2022/taiga-ui-experimental-components-data-grid.mjs

@@ -15,10 +15,10 @@ class TuiDataGrid {
         this.value = input([], { transform: (coerceArray) });
         this.disabledItemHandler = input(TUI_FALSE_HANDLER);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiDataGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TuiDataGrid, isStandalone: true, selector: "tui-data-grid", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabledItemHandler: { classPropertyName: "disabledItemHandler", publicName: "disabledItemHandler", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pick: "pick" }, ngImport: i0, template: "@for (item of items(); track item) {\n    <button\n        type=\"button\"\n        class=\"t-item\"\n        [class.t-item_active]=\"value().includes(item)\"\n        [disabled]=\"disabledItemHandler()(item)\"\n        (click)=\"pick.emit(item)\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() || `${item}` as text; context: {$implicit: item}\">\n            {{ text }}\n        </ng-container>\n    </button>\n}\n", styles: [":host{display:grid;inline-size:100%;grid-template-columns:repeat(3,calc(33% - .625rem));gap:1rem .5rem;place-content:center}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;block-size:2.5rem;border-radius:10rem;border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-primary);font:var(--tui-typography-ui-s)}.t-item:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}.t-item_active{background:var(--tui-background-accent-2);color:var(--tui-text-primary-on-accent-2)}@media(hover:hover)and (pointer:fine){.t-item:hover{background:var(--tui-background-neutral-1-hover);cursor:pointer}.t-item_active:hover{background:var(--tui-background-accent-2-hover)}}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiDataGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiDataGrid, isStandalone: true, selector: "tui-data-grid", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabledItemHandler: { classPropertyName: "disabledItemHandler", publicName: "disabledItemHandler", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pick: "pick" }, ngImport: i0, template: "@for (item of items(); track item) {\n    <button\n        type=\"button\"\n        class=\"t-item\"\n        [class.t-item_active]=\"value().includes(item)\"\n        [disabled]=\"disabledItemHandler()(item)\"\n        (click)=\"pick.emit(item)\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() || `${item}` as text; context: {$implicit: item}\">\n            {{ text }}\n        </ng-container>\n    </button>\n}\n", styles: [":host{display:grid;inline-size:100%;grid-template-columns:repeat(3,calc(33% - .625rem));gap:1rem .5rem;place-content:center}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;block-size:2.5rem;border-radius:10rem;border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-primary);font:var(--tui-typography-ui-s)}.t-item:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}.t-item_active{background:var(--tui-background-accent-2);color:var(--tui-text-primary-on-accent-2)}@media(hover:hover)and (pointer:fine){.t-item:hover{background:var(--tui-background-neutral-1-hover);cursor:pointer}.t-item_active:hover{background:var(--tui-background-accent-2-hover)}}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiDataGrid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiDataGrid, decorators: [{
             type: Component,
             args: [{ selector: 'tui-data-grid', imports: [PolymorpheusOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (item of items(); track item) {\n    <button\n        type=\"button\"\n        class=\"t-item\"\n        [class.t-item_active]=\"value().includes(item)\"\n        [disabled]=\"disabledItemHandler()(item)\"\n        (click)=\"pick.emit(item)\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() || `${item}` as text; context: {$implicit: item}\">\n            {{ text }}\n        </ng-container>\n    </button>\n}\n", styles: [":host{display:grid;inline-size:100%;grid-template-columns:repeat(3,calc(33% - .625rem));gap:1rem .5rem;place-content:center}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;block-size:2.5rem;border-radius:10rem;border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-primary);font:var(--tui-typography-ui-s)}.t-item:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}.t-item_active{background:var(--tui-background-accent-2);color:var(--tui-text-primary-on-accent-2)}@media(hover:hover)and (pointer:fine){.t-item:hover{background:var(--tui-background-neutral-1-hover);cursor:pointer}.t-item_active:hover{background:var(--tui-background-accent-2-hover)}}\n"] }]
         }] });

package/fesm2022/taiga-ui-experimental-components-date-picker.mjs

@@ -1,15 +1,15 @@
 import { coerceArray } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
 import { viewChild, inject, computed, model, input, ChangeDetectionStrategy, Component } from '@angular/core';
-import { TUI_FALSE_HANDLER } from '@taiga-ui/cdk/constants';
-import { TuiDayRange, TuiMonth, TUI_FIRST_DAY, TUI_LAST_DAY } from '@taiga-ui/cdk/date-time';
+import { TuiDayRange, TuiMonth } from '@taiga-ui/cdk/date-time';
 import { TuiMapperPipe } from '@taiga-ui/cdk/pipes/mapper';
 import { tuiArrayToggle } from '@taiga-ui/cdk/utils/miscellaneous';
 import { TuiButton, tuiButtonOptionsProvider } from '@taiga-ui/core/components/button';
+import { AbstractTuiCalendar } from '@taiga-ui/core/components/calendar';
 import * as i1 from '@taiga-ui/core/components/carousel';
 import { TuiCarouselComponent, TuiCarousel } from '@taiga-ui/core/components/carousel';
 import { TuiLink } from '@taiga-ui/core/components/link';
-import { TUI_COMMON_ICONS, TUI_SPIN_TEXTS, TUI_MONTHS } from '@taiga-ui/core/tokens';
+import { TUI_COMMON_ICONS, TUI_SPIN_TEXTS, TUI_MONTHS, tuiAsAuxiliary } from '@taiga-ui/core/tokens';
 import { TuiCalendar } from '@taiga-ui/experimental/components/calendar';
 import { TuiDataGrid } from '@taiga-ui/experimental/components/data-grid';
 import { TuiChevron } from '@taiga-ui/kit/directives/chevron';
@@ -19,45 +19,37 @@ import * as i2 from '@taiga-ui/cdk/directives/item';
 /**
  * @deprecated: work in progress, do not use!
  */
-class TuiDatePicker {
+class TuiDatePicker extends AbstractTuiCalendar {
     constructor() {
+        super(...arguments);
         this.carousel = viewChild(TuiCarouselComponent);
         this.icons = inject(TUI_COMMON_ICONS);
         this.texts = inject(TUI_SPIN_TEXTS);
         this.i18n = inject(TUI_MONTHS);
-        this.month = computed(() => (c) => this.i18n()[c.$implicit]);
+        this.content = computed(() => (c) => this.i18n()[c.$implicit]);
         this.years = computed((value = this.value()) => value instanceof TuiDayRange
             ? Array.from({ length: value.to.year - value.from.year + 1 }, (_, index) => value.from.year + index)
             : Array.from(new Set(coerceArray(value ?? []).map(({ year }) => year))));
         this.months = computed((value = this.value()) => Array.from({ length: 12 }, (_, index) => index).filter((index) => value instanceof TuiDayRange
-            ? value.monthInRange(new TuiMonth(this.current().year, index))
-            : coerceArray(value ?? []).some(({ month, year }) => this.current().year === year && index === month)));
+            ? value.monthInRange(new TuiMonth(this.month().year, index))
+            : coerceArray(value ?? []).some(({ month, year }) => this.month().year === year && index === month)));
         this.button = computed(() => this.view() === 'day'
-            ? `${this.i18n()[this.current().month]} ${this.current().formattedYear}`
-            : this.current().formattedYear);
-        this.yearMin = computed(() => Math.ceil((this.min().year - this.current().year - 5) / 12));
-        this.yearMax = computed(() => Math.floor((this.max().year - this.current().year + 6) / 12));
+            ? `${this.i18n()[this.month().month]} ${this.month().formattedYear}`
+            : this.month().formattedYear);
+        this.yearMin = computed(() => Math.ceil((this.min().year - this.month().year - 5) / 12));
+        this.yearMax = computed(() => Math.floor((this.max().year - this.month().year + 6) / 12));
         this.disabledDay = computed(() => (day) => day < this.min() || day > this.max() || this.disabledItemHandler()(day));
-        this.disabledMonth = computed(() => (month) => this.current().year * 12 + month < this.min().year * 12 + this.min().month ||
-            this.current().year * 12 + month > this.max().year * 12 + this.max().month);
+        this.disabledMonth = computed(() => (month) => this.month().year * 12 + month < this.min().year * 12 + this.min().month ||
+            this.month().year * 12 + month > this.max().year * 12 + this.max().month);
         this.disabledYear = computed(() => (year) => year < this.min().year || year > this.max().year);
         this.start = computed((carousel = this.carousel()) => this.view() === 'month'
-            ? this.current().year === this.min().year
+            ? this.month().year === this.min().year
             : carousel?.index() === carousel?.min());
         this.end = computed((carousel = this.carousel()) => this.view() === 'month'
-            ? this.current().year === this.max().year
+            ? this.month().year === this.max().year
             : carousel?.index() === carousel?.max());
         this.view = model('day');
-        this.value = model(null);
-        this.current = model(TuiMonth.currentLocal());
         this.mode = input();
-        this.disabledItemHandler = input(TUI_FALSE_HANDLER);
-        this.min = input(TUI_FIRST_DAY, {
-            transform: (min) => min ?? TUI_FIRST_DAY,
-        });
-        this.max = input(TUI_LAST_DAY, {
-            transform: (max) => max ?? TUI_LAST_DAY,
-        });
     }
     getMonth(index) {
         return new TuiMonth(Math.floor(index / 12), index % 12);
@@ -68,22 +60,22 @@ class TuiDatePicker {
     onSpin(step) {
         this.carousel()?.[step > 0 ? 'next' : 'prev']();
         if (this.view() === 'month') {
-            this.current.update((current) => current.append({ year: step }));
+            this.month.update((month) => month.append({ year: step }));
         }
     }
     onYear(year) {
-        this.current.update(({ month }) => new TuiMonth(year, month));
+        this.month.update(({ month }) => new TuiMonth(year, month));
         this.view.set('month');
     }
     onMonth(index) {
-        this.current.update(({ year }) => new TuiMonth(year, index));
+        this.month.update(({ year }) => new TuiMonth(year, index));
         this.view.set('day');
     }
     onDay(day) {
-        if (day.monthAfter(this.current())) {
+        if (day.monthAfter(this.month())) {
             this.carousel()?.next();
         }
-        else if (day.monthBefore(this.current())) {
+        else if (day.monthBefore(this.month())) {
             this.carousel()?.prev();
         }
         if (this.mode() === 'range') {
@@ -100,10 +92,13 @@ class TuiDatePicker {
             this.value.set(day);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TuiDatePicker, isStandalone: true, selector: "tui-date-picker", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, disabledItemHandler: { classPropertyName: "disabledItemHandler", publicName: "disabledItemHandler", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", value: "valueChange", current: "currentChange" }, providers: [tuiButtonOptionsProvider({ size: 'xs', appearance: 'flat' })], viewQueries: [{ propertyName: "carousel", first: true, predicate: TuiCarouselComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<header class=\"t-header\">\n    @if (view() !== 'year') {\n        <button\n            appearance=\"\"\n            tuiChevron\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            (click)=\"view.set(view() === 'day' ? 'month' : 'year')\"\n        ></button>\n    }\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n    >\n        {{ texts()[1] }}\n    </button>\n</header>\n<section tuiSlides>\n    @switch (view()) {\n        @case ('day') {\n            <tui-carousel\n                [index]=\"current().year * 12 + current().month\"\n                [max]=\"max().year * 12 + max().month\"\n                [min]=\"min().year * 12 + min().month\"\n                (indexChange)=\"current.set(getMonth($event))\"\n            >\n                <tui-calendar\n                    *tuiItem=\"let index\"\n                    [disabledItemHandler]=\"disabledDay()\"\n                    [month]=\"index | tuiMapper: getMonth\"\n                    [value]=\"value()\"\n                    (pick)=\"onDay($event)\"\n                />\n            </tui-carousel>\n        }\n\n        @case ('month') {\n            <tui-data-grid\n                [content]=\"month()\"\n                [disabledItemHandler]=\"disabledMonth()\"\n                [items]=\"0 | tuiMapper: getItems\"\n                [value]=\"months()\"\n                (pick)=\"onMonth($event)\"\n            />\n        }\n\n        @case ('year') {\n            <tui-carousel\n                [max]=\"yearMax()\"\n                [min]=\"yearMin()\"\n            >\n                <tui-data-grid\n                    *tuiItem=\"let offset\"\n                    [disabledItemHandler]=\"disabledYear()\"\n                    [items]=\"current().year + offset * 12 - 6 | tuiMapper: getItems\"\n                    [value]=\"years()\"\n                    (pick)=\"onYear($event)\"\n                />\n            </tui-carousel>\n        }\n    }\n</section>\n", styles: [":host{display:block;min-inline-size:17.5rem}.t-header{display:flex;gap:.25rem;align-items:center;justify-content:flex-end;padding:.5rem .75rem 1rem}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font:var(--tui-typography-ui-l);font-weight:700;text-decoration:none;margin-inline-end:auto}@media(hover:hover)and (pointer:fine){.t-button:hover{opacity:var(--tui-disabled-opacity)}}\n"], dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiCalendar, selector: "tui-calendar", inputs: ["month", "value", "disabledItemHandler"], outputs: ["pick"] }, { kind: "component", type: i1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["index", "min", "max"], outputs: ["indexChange"] }, { kind: "directive", type: i2.TuiItem, selector: "[tuiItem]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: TuiDataGrid, selector: "tui-data-grid", inputs: ["items", "content", "value", "disabledItemHandler"], outputs: ["pick"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "pipe", type: TuiMapperPipe, name: "tuiMapper" }, { kind: "directive", type: TuiSlides, selector: "[tuiSlides]", inputs: ["tuiSlides"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiDatePicker, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiDatePicker, isStandalone: true, selector: "tui-date-picker", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange" }, providers: [
+            tuiAsAuxiliary(TuiDatePicker),
+            tuiButtonOptionsProvider({ size: 'xs', appearance: 'flat' }),
+        ], viewQueries: [{ propertyName: "carousel", first: true, predicate: TuiCarouselComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<header class=\"t-header\">\n    @if (view() !== 'year') {\n        <button\n            appearance=\"\"\n            tuiChevron\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            (click)=\"view.set(view() === 'day' ? 'month' : 'year')\"\n        ></button>\n    }\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n    >\n        {{ texts()[1] }}\n    </button>\n</header>\n<section tuiSlides>\n    @switch (view()) {\n        @case ('day') {\n            <tui-carousel\n                [index]=\"month().year * 12 + month().month\"\n                [max]=\"max().year * 12 + max().month\"\n                [min]=\"min().year * 12 + min().month\"\n                (indexChange)=\"month.set(getMonth($event))\"\n            >\n                <tui-calendar\n                    *tuiItem=\"let index\"\n                    [disabledItemHandler]=\"disabledDay()\"\n                    [month]=\"index | tuiMapper: getMonth\"\n                    [value]=\"value()\"\n                    (pick)=\"onDay($event)\"\n                />\n            </tui-carousel>\n        }\n\n        @case ('month') {\n            <tui-data-grid\n                [content]=\"content()\"\n                [disabledItemHandler]=\"disabledMonth()\"\n                [items]=\"0 | tuiMapper: getItems\"\n                [value]=\"months()\"\n                (pick)=\"onMonth($event)\"\n            />\n        }\n\n        @case ('year') {\n            <tui-carousel\n                [max]=\"yearMax()\"\n                [min]=\"yearMin()\"\n            >\n                <tui-data-grid\n                    *tuiItem=\"let offset\"\n                    [disabledItemHandler]=\"disabledYear()\"\n                    [items]=\"month().year + offset * 12 - 6 | tuiMapper: getItems\"\n                    [value]=\"years()\"\n                    (pick)=\"onYear($event)\"\n                />\n            </tui-carousel>\n        }\n    }\n</section>\n", styles: [":host{display:block;min-inline-size:17.5rem}.t-header{display:flex;gap:.25rem;align-items:center;justify-content:flex-end;padding:.5rem .75rem 1rem}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font:var(--tui-typography-ui-l);font-weight:700;text-decoration:none;margin-inline-end:auto}@media(hover:hover)and (pointer:fine){.t-button:hover{opacity:var(--tui-disabled-opacity)}}\n"], dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiCalendar, selector: "tui-calendar", inputs: ["month", "value", "disabledItemHandler"], outputs: ["pick"] }, { kind: "component", type: i1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["index", "min", "max"], outputs: ["indexChange"] }, { kind: "directive", type: i2.TuiItem, selector: "[tuiItem]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: TuiDataGrid, selector: "tui-data-grid", inputs: ["items", "content", "value", "disabledItemHandler"], outputs: ["pick"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "pipe", type: TuiMapperPipe, name: "tuiMapper" }, { kind: "directive", type: TuiSlides, selector: "[tuiSlides]", inputs: ["tuiSlides"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiDatePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiDatePicker, decorators: [{
             type: Component,
             args: [{ selector: 'tui-date-picker', imports: [
                         TuiButton,
@@ -114,7 +109,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                         TuiLink,
                         TuiMapperPipe,
                         TuiSlides,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiButtonOptionsProvider({ size: 'xs', appearance: 'flat' })], template: "<header class=\"t-header\">\n    @if (view() !== 'year') {\n        <button\n            appearance=\"\"\n            tuiChevron\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            (click)=\"view.set(view() === 'day' ? 'month' : 'year')\"\n        ></button>\n    }\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n    >\n        {{ texts()[1] }}\n    </button>\n</header>\n<section tuiSlides>\n    @switch (view()) {\n        @case ('day') {\n            <tui-carousel\n                [index]=\"current().year * 12 + current().month\"\n                [max]=\"max().year * 12 + max().month\"\n                [min]=\"min().year * 12 + min().month\"\n                (indexChange)=\"current.set(getMonth($event))\"\n            >\n                <tui-calendar\n                    *tuiItem=\"let index\"\n                    [disabledItemHandler]=\"disabledDay()\"\n                    [month]=\"index | tuiMapper: getMonth\"\n                    [value]=\"value()\"\n                    (pick)=\"onDay($event)\"\n                />\n            </tui-carousel>\n        }\n\n        @case ('month') {\n            <tui-data-grid\n                [content]=\"month()\"\n                [disabledItemHandler]=\"disabledMonth()\"\n                [items]=\"0 | tuiMapper: getItems\"\n                [value]=\"months()\"\n                (pick)=\"onMonth($event)\"\n            />\n        }\n\n        @case ('year') {\n            <tui-carousel\n                [max]=\"yearMax()\"\n                [min]=\"yearMin()\"\n            >\n                <tui-data-grid\n                    *tuiItem=\"let offset\"\n                    [disabledItemHandler]=\"disabledYear()\"\n                    [items]=\"current().year + offset * 12 - 6 | tuiMapper: getItems\"\n                    [value]=\"years()\"\n                    (pick)=\"onYear($event)\"\n                />\n            </tui-carousel>\n        }\n    }\n</section>\n", styles: [":host{display:block;min-inline-size:17.5rem}.t-header{display:flex;gap:.25rem;align-items:center;justify-content:flex-end;padding:.5rem .75rem 1rem}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font:var(--tui-typography-ui-l);font-weight:700;text-decoration:none;margin-inline-end:auto}@media(hover:hover)and (pointer:fine){.t-button:hover{opacity:var(--tui-disabled-opacity)}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        tuiAsAuxiliary(TuiDatePicker),
+                        tuiButtonOptionsProvider({ size: 'xs', appearance: 'flat' }),
+                    ], template: "<header class=\"t-header\">\n    @if (view() !== 'year') {\n        <button\n            appearance=\"\"\n            tuiChevron\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            (click)=\"view.set(view() === 'day' ? 'month' : 'year')\"\n        ></button>\n    }\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n    >\n        {{ texts()[1] }}\n    </button>\n</header>\n<section tuiSlides>\n    @switch (view()) {\n        @case ('day') {\n            <tui-carousel\n                [index]=\"month().year * 12 + month().month\"\n                [max]=\"max().year * 12 + max().month\"\n                [min]=\"min().year * 12 + min().month\"\n                (indexChange)=\"month.set(getMonth($event))\"\n            >\n                <tui-calendar\n                    *tuiItem=\"let index\"\n                    [disabledItemHandler]=\"disabledDay()\"\n                    [month]=\"index | tuiMapper: getMonth\"\n                    [value]=\"value()\"\n                    (pick)=\"onDay($event)\"\n                />\n            </tui-carousel>\n        }\n\n        @case ('month') {\n            <tui-data-grid\n                [content]=\"content()\"\n                [disabledItemHandler]=\"disabledMonth()\"\n                [items]=\"0 | tuiMapper: getItems\"\n                [value]=\"months()\"\n                (pick)=\"onMonth($event)\"\n            />\n        }\n\n        @case ('year') {\n            <tui-carousel\n                [max]=\"yearMax()\"\n                [min]=\"yearMin()\"\n            >\n                <tui-data-grid\n                    *tuiItem=\"let offset\"\n                    [disabledItemHandler]=\"disabledYear()\"\n                    [items]=\"month().year + offset * 12 - 6 | tuiMapper: getItems\"\n                    [value]=\"years()\"\n                    (pick)=\"onYear($event)\"\n                />\n            </tui-carousel>\n        }\n    }\n</section>\n", styles: [":host{display:block;min-inline-size:17.5rem}.t-header{display:flex;gap:.25rem;align-items:center;justify-content:flex-end;padding:.5rem .75rem 1rem}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font:var(--tui-typography-ui-l);font-weight:700;text-decoration:none;margin-inline-end:auto}@media(hover:hover)and (pointer:fine){.t-button:hover{opacity:var(--tui-disabled-opacity)}}\n"] }]
         }] });
 
 /**

package/fesm2022/taiga-ui-experimental-components-date-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-date-picker.mjs","sources":["../../../projects/experimental/components/date-picker/date-picker.component.ts","../../../projects/experimental/components/date-picker/date-picker.component.html","../../../projects/experimental/components/date-picker/taiga-ui-experimental-components-date-picker.ts"],"sourcesContent":["import {coerceArray} from '@angular/cdk/coercion';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    model,\n    viewChild,\n} from '@angular/core';\nimport {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {\n    TUI_FIRST_DAY,\n    TUI_LAST_DAY,\n    type TuiDay,\n    TuiDayRange,\n    TuiMonth,\n} from '@taiga-ui/cdk/date-time';\nimport {TuiMapperPipe} from '@taiga-ui/cdk/pipes/mapper';\nimport {type TuiBooleanHandler, type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiArrayToggle} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiCarousel, TuiCarouselComponent} from '@taiga-ui/core/components/carousel';\nimport {TuiLink} from '@taiga-ui/core/components/link';\nimport {TUI_COMMON_ICONS, TUI_MONTHS, TUI_SPIN_TEXTS} from '@taiga-ui/core/tokens';\nimport {TuiCalendar} from '@taiga-ui/experimental/components/calendar';\nimport {TuiDataGrid} from '@taiga-ui/experimental/components/data-grid';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\nimport {TuiSlides} from '@taiga-ui/layout/components/slides';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\ntype DatePicker<T> = T extends 'single'\n    ? TuiDay\n    : T extends 'multi'\n      ? readonly TuiDay[]\n      : TuiDayRange;\n\n/**\n * @deprecated: work in progress, do not use!\n */\n@Component({\n    selector: 'tui-date-picker',\n    imports: [\n        TuiButton,\n        TuiCalendar,\n        TuiCarousel,\n        TuiChevron,\n        TuiDataGrid,\n        TuiLink,\n        TuiMapperPipe,\n        TuiSlides,\n    ],\n    templateUrl: './date-picker.component.html',\n    styleUrl: './date-picker.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiButtonOptionsProvider({size: 'xs', appearance: 'flat'})],\n})\nexport class TuiDatePicker<T extends 'multi' | 'range' | 'single' = 'single'> {\n    protected readonly carousel = viewChild(TuiCarouselComponent);\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n    protected readonly texts = inject(TUI_SPIN_TEXTS);\n    protected readonly i18n = inject(TUI_MONTHS);\n\n    protected readonly month = computed<PolymorpheusContent<TuiContext<number>>>(\n        () => (c) => this.i18n()[c.$implicit],\n    );\n\n    protected readonly years = computed((value = this.value()) =>\n        value instanceof TuiDayRange\n            ? Array.from(\n                  {length: value.to.year - value.from.year + 1},\n                  (_, index) => value.from.year + index,\n              )\n            : Array.from(new Set(coerceArray<TuiDay>(value ?? []).map(({year}) => year))),\n    );\n\n    protected readonly months = computed((value = this.value()) =>\n        Array.from({length: 12}, (_, index) => index).filter((index) =>\n            value instanceof TuiDayRange\n                ? value.monthInRange(new TuiMonth(this.current().year, index))\n                : coerceArray<TuiDay>(value ?? []).some(\n                      ({month, year}) => this.current().year === year && index === month,\n                  ),\n        ),\n    );\n\n    protected readonly button = computed(() =>\n        this.view() === 'day'\n            ? `${this.i18n()[this.current().month]} ${this.current().formattedYear}`\n            : this.current().formattedYear,\n    );\n\n    protected readonly yearMin = computed(() =>\n        Math.ceil((this.min().year - this.current().year - 5) / 12),\n    );\n\n    protected readonly yearMax = computed(() =>\n        Math.floor((this.max().year - this.current().year + 6) / 12),\n    );\n\n    protected readonly disabledDay = computed(\n        () => (day: TuiDay) =>\n            day < this.min() || day > this.max() || this.disabledItemHandler()(day),\n    );\n\n    protected readonly disabledMonth = computed(\n        () => (month: number) =>\n            this.current().year * 12 + month < this.min().year * 12 + this.min().month ||\n            this.current().year * 12 + month > this.max().year * 12 + this.max().month,\n    );\n\n    protected readonly disabledYear = computed(\n        () => (year: number) => year < this.min().year || year > this.max().year,\n    );\n\n    protected readonly start = computed((carousel = this.carousel()) =>\n        this.view() === 'month'\n            ? this.current().year === this.min().year\n            : carousel?.index() === carousel?.min(),\n    );\n\n    protected readonly end = computed((carousel = this.carousel()) =>\n        this.view() === 'month'\n            ? this.current().year === this.max().year\n            : carousel?.index() === carousel?.max(),\n    );\n\n    public readonly view = model<'day' | 'month' | 'year'>('day');\n    public readonly value = model<DatePicker<T> | null>(null);\n    public readonly current = model(TuiMonth.currentLocal());\n    public readonly mode = input<T>();\n\n    public readonly disabledItemHandler =\n        input<TuiBooleanHandler<TuiDay>>(TUI_FALSE_HANDLER);\n\n    public readonly min = input(TUI_FIRST_DAY, {\n        transform: (min?: TuiDay | null) => min ?? TUI_FIRST_DAY,\n    });\n\n    public readonly max = input(TUI_LAST_DAY, {\n        transform: (max?: TuiDay | null) => max ?? TUI_LAST_DAY,\n    });\n\n    protected getMonth(index: number): TuiMonth {\n        return new TuiMonth(Math.floor(index / 12), index % 12);\n    }\n\n    protected getItems(initial: number): readonly number[] {\n        return Array.from({length: 12}, (_, index) => initial + index);\n    }\n\n    protected onSpin(step: number): void {\n        this.carousel()?.[step > 0 ? 'next' : 'prev']();\n\n        if (this.view() === 'month') {\n            this.current.update((current) => current.append({year: step}));\n        }\n    }\n\n    protected onYear(year: number): void {\n        this.current.update(({month}) => new TuiMonth(year, month));\n        this.view.set('month');\n    }\n\n    protected onMonth(index: number): void {\n        this.current.update(({year}) => new TuiMonth(year, index));\n        this.view.set('day');\n    }\n\n    protected onDay(day: TuiDay): void {\n        if (day.monthAfter(this.current())) {\n            this.carousel()?.next();\n        } else if (day.monthBefore(this.current())) {\n            this.carousel()?.prev();\n        }\n\n        if (this.mode() === 'range') {\n            this.value.update((value): any =>\n                value instanceof TuiDayRange && value.from === value.to\n                    ? TuiDayRange.sort(value.to, day.append({}))\n                    : new TuiDayRange(day, day),\n            );\n        } else if (this.mode() === 'multi') {\n            this.value.update((value): any =>\n                Array.isArray(value)\n                    ? tuiArrayToggle(value, day, (a: TuiDay, b: TuiDay) => a.daySame(b))\n                    : [day],\n            );\n        } else {\n            this.value.set(day as any);\n        }\n    }\n}\n","<header class=\"t-header\">\n    @if (view() !== 'year') {\n        <button\n            appearance=\"\"\n            tuiChevron\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            (click)=\"view.set(view() === 'day' ? 'month' : 'year')\"\n        ></button>\n    }\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n    >\n        {{ texts()[1] }}\n    </button>\n</header>\n<section tuiSlides>\n    @switch (view()) {\n        @case ('day') {\n            <tui-carousel\n                [index]=\"current().year * 12 + current().month\"\n                [max]=\"max().year * 12 + max().month\"\n                [min]=\"min().year * 12 + min().month\"\n                (indexChange)=\"current.set(getMonth($event))\"\n            >\n                <tui-calendar\n                    *tuiItem=\"let index\"\n                    [disabledItemHandler]=\"disabledDay()\"\n                    [month]=\"index | tuiMapper: getMonth\"\n                    [value]=\"value()\"\n                    (pick)=\"onDay($event)\"\n                />\n            </tui-carousel>\n        }\n\n        @case ('month') {\n            <tui-data-grid\n                [content]=\"month()\"\n                [disabledItemHandler]=\"disabledMonth()\"\n                [items]=\"0 | tuiMapper: getItems\"\n                [value]=\"months()\"\n                (pick)=\"onMonth($event)\"\n            />\n        }\n\n        @case ('year') {\n            <tui-carousel\n                [max]=\"yearMax()\"\n                [min]=\"yearMin()\"\n            >\n                <tui-data-grid\n                    *tuiItem=\"let offset\"\n                    [disabledItemHandler]=\"disabledYear()\"\n                    [items]=\"current().year + offset * 12 - 6 | tuiMapper: getItems\"\n                    [value]=\"years()\"\n                    (pick)=\"onYear($event)\"\n                />\n            </tui-carousel>\n        }\n    }\n</section>\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-experimental-components-date-picker.mjs","sources":["../../../projects/experimental/components/date-picker/date-picker.component.ts","../../../projects/experimental/components/date-picker/date-picker.component.html","../../../projects/experimental/components/date-picker/taiga-ui-experimental-components-date-picker.ts"],"sourcesContent":["import {coerceArray} from '@angular/cdk/coercion';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    model,\n    viewChild,\n} from '@angular/core';\nimport {type TuiDay, TuiDayRange, TuiMonth} from '@taiga-ui/cdk/date-time';\nimport {TuiMapperPipe} from '@taiga-ui/cdk/pipes/mapper';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiArrayToggle} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {AbstractTuiCalendar} from '@taiga-ui/core/components/calendar';\nimport {TuiCarousel, TuiCarouselComponent} from '@taiga-ui/core/components/carousel';\nimport {TuiLink} from '@taiga-ui/core/components/link';\nimport {\n    TUI_COMMON_ICONS,\n    TUI_MONTHS,\n    TUI_SPIN_TEXTS,\n    tuiAsAuxiliary,\n} from '@taiga-ui/core/tokens';\nimport {TuiCalendar} from '@taiga-ui/experimental/components/calendar';\nimport {TuiDataGrid} from '@taiga-ui/experimental/components/data-grid';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\nimport {TuiSlides} from '@taiga-ui/layout/components/slides';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\ntype DatePicker<T> = T extends 'single'\n    ? TuiDay\n    : T extends 'multi'\n      ? readonly TuiDay[]\n      : TuiDayRange;\n\n/**\n * @deprecated: work in progress, do not use!\n */\n@Component({\n    selector: 'tui-date-picker',\n    imports: [\n        TuiButton,\n        TuiCalendar,\n        TuiCarousel,\n        TuiChevron,\n        TuiDataGrid,\n        TuiLink,\n        TuiMapperPipe,\n        TuiSlides,\n    ],\n    templateUrl: './date-picker.component.html',\n    styleUrl: './date-picker.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsAuxiliary(TuiDatePicker),\n        tuiButtonOptionsProvider({size: 'xs', appearance: 'flat'}),\n    ],\n})\nexport class TuiDatePicker<\n    T extends 'multi' | 'range' | 'single' = 'single',\n> extends AbstractTuiCalendar<DatePicker<T>> {\n    protected readonly carousel = viewChild(TuiCarouselComponent);\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n    protected readonly texts = inject(TUI_SPIN_TEXTS);\n    protected readonly i18n = inject(TUI_MONTHS);\n\n    protected readonly content = computed<PolymorpheusContent<TuiContext<number>>>(\n        () => (c) => this.i18n()[c.$implicit],\n    );\n\n    protected readonly years = computed((value = this.value()) =>\n        value instanceof TuiDayRange\n            ? Array.from(\n                  {length: value.to.year - value.from.year + 1},\n                  (_, index) => value.from.year + index,\n              )\n            : Array.from(new Set(coerceArray<TuiDay>(value ?? []).map(({year}) => year))),\n    );\n\n    protected readonly months = computed((value = this.value()) =>\n        Array.from({length: 12}, (_, index) => index).filter((index) =>\n            value instanceof TuiDayRange\n                ? value.monthInRange(new TuiMonth(this.month().year, index))\n                : coerceArray<TuiDay>(value ?? []).some(\n                      ({month, year}) => this.month().year === year && index === month,\n                  ),\n        ),\n    );\n\n    protected readonly button = computed(() =>\n        this.view() === 'day'\n            ? `${this.i18n()[this.month().month]} ${this.month().formattedYear}`\n            : this.month().formattedYear,\n    );\n\n    protected readonly yearMin = computed(() =>\n        Math.ceil((this.min().year - this.month().year - 5) / 12),\n    );\n\n    protected readonly yearMax = computed(() =>\n        Math.floor((this.max().year - this.month().year + 6) / 12),\n    );\n\n    protected readonly disabledDay = computed(\n        () => (day: TuiDay) =>\n            day < this.min() || day > this.max() || this.disabledItemHandler()(day),\n    );\n\n    protected readonly disabledMonth = computed(\n        () => (month: number) =>\n            this.month().year * 12 + month < this.min().year * 12 + this.min().month ||\n            this.month().year * 12 + month > this.max().year * 12 + this.max().month,\n    );\n\n    protected readonly disabledYear = computed(\n        () => (year: number) => year < this.min().year || year > this.max().year,\n    );\n\n    protected readonly start = computed((carousel = this.carousel()) =>\n        this.view() === 'month'\n            ? this.month().year === this.min().year\n            : carousel?.index() === carousel?.min(),\n    );\n\n    protected readonly end = computed((carousel = this.carousel()) =>\n        this.view() === 'month'\n            ? this.month().year === this.max().year\n            : carousel?.index() === carousel?.max(),\n    );\n\n    public readonly view = model<'day' | 'month' | 'year'>('day');\n    public readonly mode = input<T>();\n\n    protected getMonth(index: number): TuiMonth {\n        return new TuiMonth(Math.floor(index / 12), index % 12);\n    }\n\n    protected getItems(initial: number): readonly number[] {\n        return Array.from({length: 12}, (_, index) => initial + index);\n    }\n\n    protected onSpin(step: number): void {\n        this.carousel()?.[step > 0 ? 'next' : 'prev']();\n\n        if (this.view() === 'month') {\n            this.month.update((month) => month.append({year: step}));\n        }\n    }\n\n    protected onYear(year: number): void {\n        this.month.update(({month}) => new TuiMonth(year, month));\n        this.view.set('month');\n    }\n\n    protected onMonth(index: number): void {\n        this.month.update(({year}) => new TuiMonth(year, index));\n        this.view.set('day');\n    }\n\n    protected onDay(day: TuiDay): void {\n        if (day.monthAfter(this.month())) {\n            this.carousel()?.next();\n        } else if (day.monthBefore(this.month())) {\n            this.carousel()?.prev();\n        }\n\n        if (this.mode() === 'range') {\n            this.value.update((value): any =>\n                value instanceof TuiDayRange && value.from === value.to\n                    ? TuiDayRange.sort(value.to, day.append({}))\n                    : new TuiDayRange(day, day),\n            );\n        } else if (this.mode() === 'multi') {\n            this.value.update((value): any =>\n                Array.isArray(value)\n                    ? tuiArrayToggle(value, day, (a: TuiDay, b: TuiDay) => a.daySame(b))\n                    : [day],\n            );\n        } else {\n            this.value.set(day as any);\n        }\n    }\n}\n","<header class=\"t-header\">\n    @if (view() !== 'year') {\n        <button\n            appearance=\"\"\n            tuiChevron\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            (click)=\"view.set(view() === 'day' ? 'month' : 'year')\"\n        ></button>\n    }\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n    >\n        {{ texts()[1] }}\n    </button>\n</header>\n<section tuiSlides>\n    @switch (view()) {\n        @case ('day') {\n            <tui-carousel\n                [index]=\"month().year * 12 + month().month\"\n                [max]=\"max().year * 12 + max().month\"\n                [min]=\"min().year * 12 + min().month\"\n                (indexChange)=\"month.set(getMonth($event))\"\n            >\n                <tui-calendar\n                    *tuiItem=\"let index\"\n                    [disabledItemHandler]=\"disabledDay()\"\n                    [month]=\"index | tuiMapper: getMonth\"\n                    [value]=\"value()\"\n                    (pick)=\"onDay($event)\"\n                />\n            </tui-carousel>\n        }\n\n        @case ('month') {\n            <tui-data-grid\n                [content]=\"content()\"\n                [disabledItemHandler]=\"disabledMonth()\"\n                [items]=\"0 | tuiMapper: getItems\"\n                [value]=\"months()\"\n                (pick)=\"onMonth($event)\"\n            />\n        }\n\n        @case ('year') {\n            <tui-carousel\n                [max]=\"yearMax()\"\n                [min]=\"yearMin()\"\n            >\n                <tui-data-grid\n                    *tuiItem=\"let offset\"\n                    [disabledItemHandler]=\"disabledYear()\"\n                    [items]=\"month().year + offset * 12 - 6 | tuiMapper: getItems\"\n                    [value]=\"years()\"\n                    (pick)=\"onYear($event)\"\n                />\n            </tui-carousel>\n        }\n    }\n</section>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-experimental-components-file.mjs

@@ -21,8 +21,8 @@ class TuiFile {
     constructor() {
         this.orientation = input(inject(TUI_FILE_OPTIONS_OPTIONS).orientation);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiFile, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.21", type: TuiFile, isStandalone: true, selector: "[tuiFile]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiFile": "" }, properties: { "attr.data-orientation": "orientation()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiFile, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiFile, isStandalone: true, selector: "[tuiFile]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiFile": "" }, properties: { "attr.data-orientation": "orientation()" } }, providers: [
             tuiCellOptionsProvider(() => ({ size: inject(TUI_FILE_OPTIONS_OPTIONS).size })),
             tuiAvatarOptionsProvider({ round: false, appearance: 'secondary-grayscale' }),
             tuiButtonOptionsProvider({ size: 's', appearance: 'action' }),
@@ -40,9 +40,9 @@ class TuiFile {
             <ng-content select="[tuiTitle]" />
         </label>
         <ng-content select="[tuiButtonX]" />
-    `, isInline: true, styles: ["[data-tui-version=\"5.10.0\"]{@import \"./file.styles.less\";}\n"], dependencies: [{ kind: "directive", type: TuiAvatar, selector: "[tuiAvatar]", inputs: ["size", "round", "badge"] }, { kind: "directive", type: TuiSlides, selector: "[tuiSlides]", inputs: ["tuiSlides"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: ["[data-tui-version=\"5.11.0-canary.8d400ed\"]{@import \"./file.styles.less\";}\n"], dependencies: [{ kind: "directive", type: TuiAvatar, selector: "[tuiAvatar]", inputs: ["size", "round", "badge"] }, { kind: "directive", type: TuiSlides, selector: "[tuiSlides]", inputs: ["tuiSlides"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiFile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiFile, decorators: [{
             type: Component,
             args: [{ selector: '[tuiFile]', imports: [TuiAvatar, TuiSlides], template: `
         <label>
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                     ], hostDirectives: [{ directive: TuiCell, inputs: ['tuiCell: size'] }], host: {
                         tuiFile: '',
                         '[attr.data-orientation]': 'orientation()',
-                    }, styles: ["[data-tui-version=\"5.10.0\"]{@import \"./file.styles.less\";}\n"] }]
+                    }, styles: ["[data-tui-version=\"5.11.0-canary.8d400ed\"]{@import \"./file.styles.less\";}\n"] }]
         }] });
 
 class TuiFilePipe {
@@ -80,10 +80,10 @@ class TuiFilePipe {
     ngOnDestroy() {
         URL.revokeObjectURL(this.url);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiFilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: TuiFilePipe, isStandalone: true, name: "tuiFile" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiFilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: TuiFilePipe, isStandalone: true, name: "tuiFile" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiFilePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiFilePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'tuiFile' }]
         }] });

package/fesm2022/taiga-ui-experimental-components-file.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-file.mjs","sources":["../../../projects/experimental/components/file/file.options.ts","../../../projects/experimental/components/file/file.directive.ts","../../../projects/experimental/components/file/file.pipe.ts","../../../projects/experimental/components/file/taiga-ui-experimental-components-file.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiOrientation, type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nexport interface TuiFileOptions {\n    readonly size: TuiSizeL | TuiSizeS | '';\n    readonly orientation: TuiOrientation;\n}\n\nexport const TUI_FILE_OPTIONS_DEFAULT_OPTIONS: TuiFileOptions = {\n    size: 'l',\n    orientation: 'vertical',\n};\n\nexport const [TUI_FILE_OPTIONS_OPTIONS, tuiFileOptionsProvider] = tuiCreateOptions(\n    TUI_FILE_OPTIONS_DEFAULT_OPTIONS,\n);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiCell, tuiCellOptionsProvider} from '@taiga-ui/core/components/cell';\nimport {tuiLoaderOptionsProvider} from '@taiga-ui/core/components/loader';\nimport {tuiButtonXOptionsProvider} from '@taiga-ui/core/directives/button-x';\nimport {tuiHintOptionsProvider} from '@taiga-ui/core/portals/hint';\nimport {TuiAvatar, tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {TuiSlides} from '@taiga-ui/layout/components/slides';\n\nimport {TUI_FILE_OPTIONS_OPTIONS} from './file.options';\n\n@Component({\n    selector: '[tuiFile]',\n    imports: [TuiAvatar, TuiSlides],\n    template: `\n        <label>\n            <span\n                tuiSlides\n                tuiAvatar\n            >\n                <ng-content />\n            </span>\n            <ng-content select=\"[tuiTitle]\" />\n        </label>\n        <ng-content select=\"[tuiButtonX]\" />\n    `,\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './file.styles.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiCellOptionsProvider(() => ({size: inject(TUI_FILE_OPTIONS_OPTIONS).size})),\n        tuiAvatarOptionsProvider({round: false, appearance: 'secondary-grayscale'}),\n        tuiButtonOptionsProvider({size: 's', appearance: 'action'}),\n        tuiButtonXOptionsProvider({size: 'xs', appearance: 'icon'}),\n        tuiLoaderOptionsProvider({size: 'm', inheritColor: true}),\n        tuiHintOptionsProvider({appearance: 'floating', direction: 'top'}),\n    ],\n    hostDirectives: [{directive: TuiCell, inputs: ['tuiCell: size']}],\n    host: {\n        tuiFile: '',\n        '[attr.data-orientation]': 'orientation()',\n    },\n})\nexport class TuiFile {\n    public readonly orientation = input(inject(TUI_FILE_OPTIONS_OPTIONS).orientation);\n}\n","import {type OnDestroy, Pipe, type PipeTransform} from '@angular/core';\n\n@Pipe({name: 'tuiFile'})\nexport class TuiFilePipe implements PipeTransform, OnDestroy {\n    private url = '';\n\n    public transform(value: File): string {\n        URL.revokeObjectURL(this.url);\n        this.url = URL.createObjectURL(value);\n\n        return this.url;\n    }\n\n    public ngOnDestroy(): void {\n        URL.revokeObjectURL(this.url);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-experimental-components-file.mjs","sources":["../../../projects/experimental/components/file/file.options.ts","../../../projects/experimental/components/file/file.directive.ts","../../../projects/experimental/components/file/file.pipe.ts","../../../projects/experimental/components/file/taiga-ui-experimental-components-file.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiOrientation, type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nexport interface TuiFileOptions {\n    readonly size: TuiSizeL | TuiSizeS | '';\n    readonly orientation: TuiOrientation;\n}\n\nexport const TUI_FILE_OPTIONS_DEFAULT_OPTIONS: TuiFileOptions = {\n    size: 'l',\n    orientation: 'vertical',\n};\n\nexport const [TUI_FILE_OPTIONS_OPTIONS, tuiFileOptionsProvider] = tuiCreateOptions(\n    TUI_FILE_OPTIONS_DEFAULT_OPTIONS,\n);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiCell, tuiCellOptionsProvider} from '@taiga-ui/core/components/cell';\nimport {tuiLoaderOptionsProvider} from '@taiga-ui/core/components/loader';\nimport {tuiButtonXOptionsProvider} from '@taiga-ui/core/directives/button-x';\nimport {tuiHintOptionsProvider} from '@taiga-ui/core/portals/hint';\nimport {TuiAvatar, tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {TuiSlides} from '@taiga-ui/layout/components/slides';\n\nimport {TUI_FILE_OPTIONS_OPTIONS} from './file.options';\n\n@Component({\n    selector: '[tuiFile]',\n    imports: [TuiAvatar, TuiSlides],\n    template: `\n        <label>\n            <span\n                tuiSlides\n                tuiAvatar\n            >\n                <ng-content />\n            </span>\n            <ng-content select=\"[tuiTitle]\" />\n        </label>\n        <ng-content select=\"[tuiButtonX]\" />\n    `,\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './file.styles.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiCellOptionsProvider(() => ({size: inject(TUI_FILE_OPTIONS_OPTIONS).size})),\n        tuiAvatarOptionsProvider({round: false, appearance: 'secondary-grayscale'}),\n        tuiButtonOptionsProvider({size: 's', appearance: 'action'}),\n        tuiButtonXOptionsProvider({size: 'xs', appearance: 'icon'}),\n        tuiLoaderOptionsProvider({size: 'm', inheritColor: true}),\n        tuiHintOptionsProvider({appearance: 'floating', direction: 'top'}),\n    ],\n    hostDirectives: [{directive: TuiCell, inputs: ['tuiCell: size']}],\n    host: {\n        tuiFile: '',\n        '[attr.data-orientation]': 'orientation()',\n    },\n})\nexport class TuiFile {\n    public readonly orientation = input(inject(TUI_FILE_OPTIONS_OPTIONS).orientation);\n}\n","import {type OnDestroy, Pipe, type PipeTransform} from '@angular/core';\n\n@Pipe({name: 'tuiFile'})\nexport class TuiFilePipe implements PipeTransform, OnDestroy {\n    private url = '';\n\n    public transform(value: File): string {\n        URL.revokeObjectURL(this.url);\n        this.url = URL.createObjectURL(value);\n\n        return this.url;\n    }\n\n    public ngOnDestroy(): void {\n        URL.revokeObjectURL(this.url);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-experimental-components-popout.mjs

@@ -14,8 +14,8 @@ class TuiPopoutComponent {
     constructor() {
         this.context = injectContext();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiPopoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: TuiPopoutComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiPopoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiPopoutComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
         <tui-root>
             <ng-container *polymorpheusOutlet="context.content as text; context: context">
                 {{ text }}
@@ -23,7 +23,7 @@ class TuiPopoutComponent {
         </tui-root>
     `, isInline: true, dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiRoot, selector: "tui-root" }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiPopoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiPopoutComponent, decorators: [{
             type: Component,
             args: [{
                     imports: [PolymorpheusOutlet, TuiRoot],
@@ -119,10 +119,10 @@ class PopoutComponent {
             throw error;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: PopoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: PopoutComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PopoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: PopoutComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: PopoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PopoutComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',
@@ -135,10 +135,10 @@ class TuiPopoutService extends TuiPortal {
         this.component = PopoutComponent;
         this.options = { title: '', features: {}, pip: false };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiPopoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiPopoutService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiPopoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiPopoutService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiPopoutService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiPopoutService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -147,10 +147,10 @@ class TuiPopout {
     constructor() {
         this.tuiPopoutOptions = input({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiPopout, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", type: TuiPopout, isStandalone: true, selector: "ng-template[tuiPopout]", inputs: { tuiPopoutOptions: { classPropertyName: "tuiPopoutOptions", publicName: "tuiPopoutOptions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsPortal(TuiPopoutService)], hostDirectives: [{ directive: i1.TuiPortalDirective, inputs: ["options", "tuiPopoutOptions", "open", "tuiPopout"], outputs: ["openChange", "tuiPopoutChange"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiPopout, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiPopout, isStandalone: true, selector: "ng-template[tuiPopout]", inputs: { tuiPopoutOptions: { classPropertyName: "tuiPopoutOptions", publicName: "tuiPopoutOptions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsPortal(TuiPopoutService)], hostDirectives: [{ directive: i1.TuiPortalDirective, inputs: ["options", "tuiPopoutOptions", "open", "tuiPopout"], outputs: ["openChange", "tuiPopoutChange"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiPopout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiPopout, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[tuiPopout]',

package/fesm2022/taiga-ui-experimental-components-search-results.mjs

@@ -67,10 +67,10 @@ class TuiSearchHistory {
     get items() {
         return JSON.parse(this.storage?.getItem(this.options.key) || '[]');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiSearchHistory, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TuiSearchHistory, isStandalone: true, selector: "tui-search-history", inputs: { popular: { classPropertyName: "popular", publicName: "popular", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (history.length) {\n    <label class=\"t-sr-label\">{{ i18n().history }}</label>\n}\n@for (item of history; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (keydown.backspace)=\"remove(item)\"\n        (keydown.delete)=\"remove(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <div [tuiAvatar]=\"options.history\"></div>\n        <span tuiTitle>{{ item }}</span>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tabindex=\"-1\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"options.remove\"\n            (click.stop)=\"remove(item)\"\n        >\n            \uD83D\uDDD1\uFE0F\n        </button>\n    </button>\n}\n@if (popular().length) {\n    <label class=\"t-sr-label\">{{ i18n().popular }}</label>\n}\n@for (item of popular(); track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <span [tuiAvatar]=\"options.popular\"></span>\n        <span tuiTitle>{{ item }}</span>\n    </button>\n}\n", styles: [":host:not(:empty){display:block;padding:.375rem 0}\n"], dependencies: [{ kind: "directive", type: TuiAvatar, selector: "[tuiAvatar]", inputs: ["size", "round", "badge"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell", "tuiCellHeight"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSearchHistory, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiSearchHistory, isStandalone: true, selector: "tui-search-history", inputs: { popular: { classPropertyName: "popular", publicName: "popular", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (history.length) {\n    <label class=\"t-sr-label\">{{ i18n().history }}</label>\n}\n@for (item of history; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (keydown.backspace)=\"remove(item)\"\n        (keydown.delete)=\"remove(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <div [tuiAvatar]=\"options.history\"></div>\n        <span tuiTitle>{{ item }}</span>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tabindex=\"-1\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"options.remove\"\n            (click.stop)=\"remove(item)\"\n        >\n            \uD83D\uDDD1\uFE0F\n        </button>\n    </button>\n}\n@if (popular().length) {\n    <label class=\"t-sr-label\">{{ i18n().popular }}</label>\n}\n@for (item of popular(); track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <span [tuiAvatar]=\"options.popular\"></span>\n        <span tuiTitle>{{ item }}</span>\n    </button>\n}\n", styles: [":host:not(:empty){display:block;padding:.375rem 0}\n"], dependencies: [{ kind: "directive", type: TuiAvatar, selector: "[tuiAvatar]", inputs: ["size", "round", "badge"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell", "tuiCellHeight"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiSearchHistory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSearchHistory, decorators: [{
             type: Component,
             args: [{ selector: 'tui-search-history', imports: [TuiAvatar, TuiButton, TuiCell, TuiTitle], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (history.length) {\n    <label class=\"t-sr-label\">{{ i18n().history }}</label>\n}\n@for (item of history; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (keydown.backspace)=\"remove(item)\"\n        (keydown.delete)=\"remove(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <div [tuiAvatar]=\"options.history\"></div>\n        <span tuiTitle>{{ item }}</span>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tabindex=\"-1\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"options.remove\"\n            (click.stop)=\"remove(item)\"\n        >\n            \uD83D\uDDD1\uFE0F\n        </button>\n    </button>\n}\n@if (popular().length) {\n    <label class=\"t-sr-label\">{{ i18n().popular }}</label>\n}\n@for (item of popular(); track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <span [tuiAvatar]=\"options.popular\"></span>\n        <span tuiTitle>{{ item }}</span>\n    </button>\n}\n", styles: [":host:not(:empty){display:block;padding:.375rem 0}\n"] }]
         }] });
@@ -82,10 +82,10 @@ class TuiSearchHotkey {
         this.search = inject(TuiInputSearch);
         this.placeholder = computed(({ hotkey } = this.texts()) => this.platform.startsWith('Mac') ? `⌘+K ${hotkey}` : `Alt+K ${hotkey}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiSearchHotkey, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: TuiSearchHotkey, isStandalone: true, selector: "input[tuiSearchHotkey]", host: { listeners: { "document:keydown.alt.k.stop": "search.open()", "document:keydown.meta.k.stop": "search.open()" }, properties: { "placeholder": "placeholder()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSearchHotkey, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TuiSearchHotkey, isStandalone: true, selector: "input[tuiSearchHotkey]", host: { listeners: { "document:keydown.alt.k.stop": "search.open()", "document:keydown.meta.k.stop": "search.open()" }, properties: { "placeholder": "placeholder()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiSearchHotkey, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSearchHotkey, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[tuiSearchHotkey]',
@@ -131,10 +131,10 @@ class TuiSearchResultsComponent {
     asIs() {
         return 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiSearchResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TuiSearchResultsComponent, isStandalone: true, selector: "tui-search-results", inputs: { results: { classPropertyName: "results", publicName: "results", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.arrowDown.prevent": "onArrow($event.target, 1)", "keydown.arrowUp.prevent": "onArrow($event.target, -1)" } }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (!textfield.value()) {\n    <ng-content />\n} @else {\n    @if (!results()) {\n        <tui-loader class=\"t-loader\" />\n    } @else {\n        @if (empty()) {\n            <tui-block-status\n                size=\"m\"\n                class=\"t-status\"\n            >\n                <tui-icon\n                    tuiSlot=\"top\"\n                    class=\"t-empty\"\n                    [icon]=\"options.empty\"\n                />\n                {{ i18n().empty }}\n            </tui-block-status>\n        } @else {\n            @let items = (results() | keyvalue: asIs) || [];\n            <tui-scrollbar class=\"t-scrollbar\">\n                @for (group of items | tuiFilter: notEmpty; track group) {\n                    @if (!active || active === $index + 1) {\n                        @if (!active && items.length > 1) {\n                            <label class=\"t-sr-label\">\n                                {{ group.key }}\n                            </label>\n                        }\n                        @for (item of group.value; track item) {\n                            <ng-container\n                                [ngTemplateOutlet]=\"template() || null\"\n                                [ngTemplateOutletContext]=\"{$implicit: item}\"\n                            />\n                        }\n                    }\n                }\n            </tui-scrollbar>\n            @if (items.length > 1) {\n                <tui-tabs\n                    size=\"m\"\n                    class=\"t-tabs\"\n                    [(activeItemIndex)]=\"active\"\n                    (document:keydown.shift.tab.prevent)=\"tab(-1)\"\n                    (document:keydown.tab.prevent)=\"tab(1)\"\n                >\n                    <button tuiTab>{{ i18n().all }}</button>\n                    @for (group of items; track group) {\n                        @if (group.value.length) {\n                            <button tuiTab>\n                                {{ group.key }}\n                            </button>\n                        }\n                    }\n                </tui-tabs>\n            }\n        }\n    }\n}\n", styles: [":host{display:flex;flex-direction:column;border-radius:var(--tui-radius-l);background:var(--tui-background-base);box-shadow:inset 0 0 0 1px var(--tui-border-normal)}:host ::ng-deep [tuiCell]{inline-size:calc(100% - 2rem);padding:.375rem;margin:.25rem .625rem;border-radius:var(--tui-radius-l)}:host ::ng-deep [tuiCell]>[tuiAvatar]{border-radius:var(--tui-radius-m)}:host ::ng-deep .t-sr-label{display:block;font:var(--tui-typography-ui-s);color:var(--tui-text-secondary);margin:.75rem 1rem .5rem}.t-loader{margin:1rem 0}.t-status{margin-block-end:2rem}.t-empty{margin-block-start:1.5rem;font-size:6rem;color:var(--tui-text-primary)}.t-tabs{order:-1;margin:0 1rem;box-shadow:none;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 1rem}.t-tabs:before{background:var(--tui-background-accent-opposite-pressed)}.t-scrollbar{max-block-size:30rem;padding:.375rem 0}\n"], dependencies: [{ kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.TuiBlockStatusComponent, selector: "tui-block-status", inputs: ["card", "size"] }, { kind: "directive", type: i1.TuiBlockStatusDirective, selector: "[tuiSlot]", inputs: ["tuiSlot"] }, { kind: "pipe", type: TuiFilterPipe, name: "tuiFilter" }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "component", type: TuiScrollbar, selector: "tui-scrollbar" }, { kind: "directive", type: i2.TuiTab, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]" }, { kind: "directive", type: i2.TuiTabsHorizontal, selector: "tui-tabs:not([vertical])", inputs: ["underline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSearchResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiSearchResultsComponent, isStandalone: true, selector: "tui-search-results", inputs: { results: { classPropertyName: "results", publicName: "results", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.arrowDown.prevent": "onArrow($event.target, 1)", "keydown.arrowUp.prevent": "onArrow($event.target, -1)" } }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (!textfield.value()) {\n    <ng-content />\n} @else {\n    @if (!results()) {\n        <tui-loader class=\"t-loader\" />\n    } @else {\n        @if (empty()) {\n            <tui-block-status\n                size=\"m\"\n                class=\"t-status\"\n            >\n                <tui-icon\n                    tuiSlot=\"top\"\n                    class=\"t-empty\"\n                    [icon]=\"options.empty\"\n                />\n                {{ i18n().empty }}\n            </tui-block-status>\n        } @else {\n            @let items = (results() | keyvalue: asIs) || [];\n            <tui-scrollbar class=\"t-scrollbar\">\n                @for (group of items | tuiFilter: notEmpty; track group) {\n                    @if (!active || active === $index + 1) {\n                        @if (!active && items.length > 1) {\n                            <label class=\"t-sr-label\">\n                                {{ group.key }}\n                            </label>\n                        }\n                        @for (item of group.value; track item) {\n                            <ng-container\n                                [ngTemplateOutlet]=\"template() || null\"\n                                [ngTemplateOutletContext]=\"{$implicit: item}\"\n                            />\n                        }\n                    }\n                }\n            </tui-scrollbar>\n            @if (items.length > 1) {\n                <tui-tabs\n                    size=\"m\"\n                    class=\"t-tabs\"\n                    [(activeItemIndex)]=\"active\"\n                    (document:keydown.shift.tab.prevent)=\"tab(-1)\"\n                    (document:keydown.tab.prevent)=\"tab(1)\"\n                >\n                    <button tuiTab>{{ i18n().all }}</button>\n                    @for (group of items; track group) {\n                        @if (group.value.length) {\n                            <button tuiTab>\n                                {{ group.key }}\n                            </button>\n                        }\n                    }\n                </tui-tabs>\n            }\n        }\n    }\n}\n", styles: [":host{display:flex;flex-direction:column;border-radius:var(--tui-radius-l);background:var(--tui-background-base);box-shadow:inset 0 0 0 1px var(--tui-border-normal)}:host ::ng-deep [tuiCell]{inline-size:calc(100% - 2rem);padding:.375rem;margin:.25rem .625rem;border-radius:var(--tui-radius-l)}:host ::ng-deep [tuiCell]>[tuiAvatar]{border-radius:var(--tui-radius-m)}:host ::ng-deep .t-sr-label{display:block;font:var(--tui-typography-ui-s);color:var(--tui-text-secondary);margin:.75rem 1rem .5rem}.t-loader{margin:1rem 0}.t-status{margin-block-end:2rem}.t-empty{margin-block-start:1.5rem;font-size:6rem;color:var(--tui-text-primary)}.t-tabs{order:-1;margin:0 1rem;box-shadow:none;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 1rem}.t-tabs:before{background:var(--tui-background-accent-opposite-pressed)}.t-scrollbar{max-block-size:30rem;padding:.375rem 0}\n"], dependencies: [{ kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.TuiBlockStatusComponent, selector: "tui-block-status", inputs: ["card", "size"] }, { kind: "directive", type: i1.TuiBlockStatusDirective, selector: "[tuiSlot]", inputs: ["tuiSlot"] }, { kind: "pipe", type: TuiFilterPipe, name: "tuiFilter" }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "component", type: TuiScrollbar, selector: "tui-scrollbar" }, { kind: "directive", type: i2.TuiTab, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]" }, { kind: "directive", type: i2.TuiTabsHorizontal, selector: "tui-tabs:not([vertical])", inputs: ["underline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiSearchResultsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSearchResultsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tui-search-results', imports: [
                         KeyValuePipe,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/experimental",
-  "version": "5.10.0",
+  "version": "5.11.0-canary.8d400ed",
   "description": "A package with Taiga UI experimental components",
   "keywords": [
     "angular",
@@ -30,11 +30,11 @@
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
-    "@taiga-ui/addon-commerce": "5.10.0",
-    "@taiga-ui/cdk": "5.10.0",
-    "@taiga-ui/core": "5.10.0",
-    "@taiga-ui/kit": "5.10.0",
-    "@taiga-ui/layout": "5.10.0",
+    "@taiga-ui/addon-commerce": "5.11.0",
+    "@taiga-ui/cdk": "5.11.0",
+    "@taiga-ui/core": "5.11.0",
+    "@taiga-ui/kit": "5.11.0",
+    "@taiga-ui/layout": "5.11.0",
     "@taiga-ui/polymorpheus": "^5.0.1",
     "rxjs": ">=7.0.0"
   },
@@ -52,6 +52,10 @@
       "types": "./components/index.d.ts",
       "default": "./fesm2022/taiga-ui-experimental-components.mjs"
     },
+    "./components/data-grid": {
+      "types": "./components/data-grid/index.d.ts",
+      "default": "./fesm2022/taiga-ui-experimental-components-data-grid.mjs"
+    },
     "./components/date-picker": {
       "types": "./components/date-picker/index.d.ts",
       "default": "./fesm2022/taiga-ui-experimental-components-date-picker.mjs"
@@ -60,10 +64,6 @@
       "types": "./components/calendar/index.d.ts",
       "default": "./fesm2022/taiga-ui-experimental-components-calendar.mjs"
     },
-    "./components/data-grid": {
-      "types": "./components/data-grid/index.d.ts",
-      "default": "./fesm2022/taiga-ui-experimental-components-data-grid.mjs"
-    },
     "./components/file": {
       "types": "./components/file/index.d.ts",
       "default": "./fesm2022/taiga-ui-experimental-components-file.mjs"