@taiga-ui/experimental 5.19.0 → 5.20.0

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

@@ -0,0 +1,24 @@
+import { ElementRef } from '@angular/core';
+import { TuiDay, TuiMonth } from '@taiga-ui/cdk/date-time';
+import { TuiCarouselComponent } from '@taiga-ui/core/components/carousel';
+import { TuiDatePicker } from './date-picker';
+import * as i0 from "@angular/core";
+/**
+ * @deprecated: work in progress, do not use!
+ */
+export declare class TuiCalendarMultiComponent<T extends 'multi' | 'range' | 'single'> extends TuiDatePicker<T> {
+    protected readonly visible: import("@angular/core").WritableSignal<Record<string, number>>;
+    protected readonly carousel: import("@angular/core").Signal<TuiCarouselComponent | undefined>;
+    protected readonly scroll: import("@angular/core").Signal<ElementRef<any>>;
+    protected readonly height: import("@angular/core").Signal<number>;
+    protected readonly start: import("@angular/core").Signal<boolean>;
+    protected readonly end: import("@angular/core").Signal<boolean>;
+    protected readonly index: import("@angular/core").Signal<number>;
+    readonly months: import("@angular/core").InputSignal<3 | 2 | 1>;
+    protected updateMonth(day?: TuiDay | null): void;
+    protected getMonth(index: number): TuiMonth;
+    protected onSpin(step: number): void;
+    protected onIntersection(visible: boolean, month: TuiMonth, height: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendarMultiComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarMultiComponent<any>, "tui-calendar[months]", never, { "months": { "alias": "months"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -1,20 +1,14 @@
-import { TuiDay, TuiDayRange, TuiMonth } from '@taiga-ui/cdk/date-time';
+import { TuiMonth } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler, 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 { TuiDatePicker } from './date-picker';
 import * as i0 from "@angular/core";
-type DatePicker<T> = T extends 'single' ? TuiDay : T extends 'multi' ? readonly TuiDay[] : TuiDayRange;
 /**
  * @deprecated: work in progress, do not use!
  */
-export declare class TuiCalendar<T extends 'multi' | 'range' | 'single' = 'single'> extends AbstractTuiCalendar<DatePicker<T>> {
-    protected readonly options: import("@taiga-ui/experimental/components/month").TuiMonthOptions;
+export declare class TuiCalendarComponent<T extends 'multi' | 'range' | 'single'> extends TuiDatePicker<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 dropdown: import("@angular/core").ElementRef<Element> | null;
     protected readonly content: import("@angular/core").Signal<PolymorpheusContent<TuiContext<TuiMonth>>>;
     protected readonly years: import("@angular/core").Signal<number[]>;
     protected readonly year: import("@angular/core").Signal<TuiMonth[]>;
@@ -22,28 +16,20 @@ export declare class TuiCalendar<T extends 'multi' | 'range' | 'single' = 'singl
     protected readonly button: import("@angular/core").Signal<string>;
     protected readonly yearMin: import("@angular/core").Signal<number>;
     protected readonly yearMax: import("@angular/core").Signal<number>;
-    protected readonly disabledDay: import("@angular/core").Signal<(day: TuiDay) => boolean>;
     protected readonly disabledMonth: import("@angular/core").Signal<TuiBooleanHandler<TuiMonth>>;
     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>;
     protected readonly index: import("@angular/core").Signal<number>;
-    protected readonly sync: import("@angular/core").EffectRef;
     readonly view: import("@angular/core").ModelSignal<"day" | "month" | "year">;
-    readonly mode: import("@angular/core").InputSignal<T | undefined>;
-    readonly contentDay: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<TuiDay>>>;
     readonly contentMonth: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<TuiMonth>>>;
     readonly contentYear: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<number>>>;
-    readonly dayType: import("@angular/core").InputSignal<import("@taiga-ui/cdk/types").TuiHandler<TuiDay, string>>;
     readonly showAdjacent: import("@angular/core").InputSignal<boolean>;
-    readonly showWeek: import("@angular/core").InputSignal<boolean>;
     protected getMonth(index: number): TuiMonth;
     protected getItems(initial: number): readonly number[];
     protected onSpin(step: number): void;
     protected onYear(year: number): void;
     protected onMonth(month: TuiMonth): void;
-    protected onDay(day: TuiDay): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendar<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendar<any>, "tui-calendar[new]", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "contentDay": { "alias": "contentDay"; "required": false; "isSignal": true; }; "contentMonth": { "alias": "contentMonth"; "required": false; "isSignal": true; }; "contentYear": { "alias": "contentYear"; "required": false; "isSignal": true; }; "dayType": { "alias": "dayType"; "required": false; "isSignal": true; }; "showAdjacent": { "alias": "showAdjacent"; "required": false; "isSignal": true; }; "showWeek": { "alias": "showWeek"; "required": false; "isSignal": true; }; }, { "view": "viewChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendarComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarComponent<any>, "tui-calendar[new]", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; "contentMonth": { "alias": "contentMonth"; "required": false; "isSignal": true; }; "contentYear": { "alias": "contentYear"; "required": false; "isSignal": true; }; "showAdjacent": { "alias": "showAdjacent"; "required": false; "isSignal": true; }; }, { "view": "viewChange"; }, never, never, true, never>;
 }
-export {};

package/components/calendar/calendar.d.ts

@@ -0,0 +1,3 @@
+import { TuiCalendarComponent } from './calendar.component';
+import { TuiCalendarMultiComponent } from './calendar-multi.component';
+export declare const TuiCalendar: readonly [typeof TuiCalendarComponent, typeof TuiCalendarMultiComponent];

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

@@ -0,0 +1,24 @@
+import { TuiDay, TuiDayRange } from '@taiga-ui/cdk/date-time';
+import { type TuiContext } from '@taiga-ui/cdk/types';
+import { AbstractTuiCalendar } from '@taiga-ui/core/components/calendar';
+import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import * as i0 from "@angular/core";
+type DatePicker<T> = T extends 'single' ? TuiDay : T extends 'multi' ? readonly TuiDay[] : TuiDayRange;
+export declare abstract class TuiDatePicker<T extends 'multi' | 'range' | 'single'> extends AbstractTuiCalendar<DatePicker<T>> {
+    protected readonly options: import("@taiga-ui/experimental/components/month").TuiMonthOptions;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
+    protected readonly dropdown: import("@angular/core").ElementRef<Element> | null;
+    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 disabledDay: import("@angular/core").Signal<(day: TuiDay) => boolean>;
+    protected readonly sync: import("@angular/core").EffectRef;
+    readonly mode: import("@angular/core").InputSignal<T | undefined>;
+    readonly contentDay: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<TuiDay>>>;
+    readonly dayType: import("@angular/core").InputSignal<import("@taiga-ui/cdk/types").TuiHandler<TuiDay, string>>;
+    readonly showWeek: import("@angular/core").InputSignal<boolean>;
+    protected updateMonth(day?: TuiDay | null): void;
+    protected onDay(day: TuiDay): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDatePicker<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDatePicker<any>, never, never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "contentDay": { "alias": "contentDay"; "required": false; "isSignal": true; }; "dayType": { "alias": "dayType"; "required": false; "isSignal": true; }; "showWeek": { "alias": "showWeek"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/components/calendar/index.d.ts

@@ -1,2 +1,5 @@
+export * from './calendar';
 export * from './calendar.component';
 export * from './calendar-header.component';
+export * from './calendar-multi.component';
+export * from './date-picker';

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

@@ -1,18 +1,16 @@
 import { coerceArray } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { inject, input, Component, ChangeDetectionStrategy, viewChild, computed, effect, model, signal } from '@angular/core';
+import { inject, input, Component, ChangeDetectionStrategy, computed, effect, untracked, Directive, viewChild, model, signal, ElementRef } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { TuiDayRange, TuiMonth, TuiDay } from '@taiga-ui/cdk/date-time';
+import { TuiDayRange, TuiDay, TuiMonth } from '@taiga-ui/cdk/date-time';
 import { TuiMapperPipe } from '@taiga-ui/cdk/pipes/mapper';
 import { tuiProvide } from '@taiga-ui/cdk/utils/di';
-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 { tuiTextfieldOptionsProvider } from '@taiga-ui/core/components/textfield';
-import { TUI_DROPDOWN_HOST } from '@taiga-ui/core/portals/dropdown';
 import { TUI_COMMON_ICONS, TUI_SPIN_TEXTS, TUI_MONTHS, tuiAsAuxiliary } from '@taiga-ui/core/tokens';
 import { TuiDataGrid } from '@taiga-ui/experimental/components/data-grid';
 import { TUI_MONTH_OPTIONS, TuiMonthComponent } from '@taiga-ui/experimental/components/month';
@@ -20,10 +18,13 @@ import { TuiChevron } from '@taiga-ui/kit/directives/chevron';
 import { TuiElasticContainer } from '@taiga-ui/layout/components/elastic-container';
 import { TuiSlides } from '@taiga-ui/layout/components/slides';
 import { __decorate } from 'tslib';
+import { TUI_DROPDOWN_HOST } from '@taiga-ui/core/portals/dropdown';
 import { tuiInputDateOptionsProvider, TuiInputDate } from '@taiga-ui/kit/components/input-date';
 import { TuiInputDateMulti } from '@taiga-ui/kit/components/input-date-multi';
 import { TuiInputDateRange } from '@taiga-ui/kit/components/input-date-range';
+import { tuiArrayToggle } from '@taiga-ui/cdk/utils/miscellaneous';
 import * as i2 from '@taiga-ui/cdk/directives/item';
+import { WaIntersectionObservee } from '@ng-web-apis/intersection-observer';
 
 let TuiCalendarHeader = class TuiCalendarHeader {
     constructor() {
@@ -92,18 +93,61 @@ TuiCalendarHeader = __decorate([
     })
 ], TuiCalendarHeader);
 
-/**
- * @deprecated: work in progress, do not use!
- */
-class TuiCalendar extends AbstractTuiCalendar {
+class TuiDatePicker extends AbstractTuiCalendar {
     constructor() {
         super(...arguments);
         this.options = inject(TUI_MONTH_OPTIONS);
-        this.carousel = viewChild(TuiCarouselComponent);
         this.icons = inject(TUI_COMMON_ICONS);
+        this.dropdown = inject(TUI_DROPDOWN_HOST, { optional: true });
         this.texts = inject(TUI_SPIN_TEXTS);
         this.i18n = inject(TUI_MONTHS);
-        this.dropdown = inject(TUI_DROPDOWN_HOST, { optional: true });
+        this.disabledDay = computed(() => (day) => day < this.min() || day > this.max() || this.disabledItemHandler()(day));
+        this.sync = effect(() => {
+            const value = this.value();
+            const [day] = value instanceof TuiDayRange ? [value.from] : coerceArray(value);
+            this.min();
+            this.max();
+            if (!day || day.year < 9000) {
+                untracked(() => this.updateMonth(day));
+            }
+        });
+        this.mode = input();
+        this.contentDay = input();
+        this.dayType = input(this.options.dayType);
+        this.showWeek = input(this.options.showWeek);
+    }
+    updateMonth(day) {
+        this.month.update(({ month, year }) => (day || new TuiDay(year, month, 1)).dayLimit(this.min(), this.max()));
+    }
+    onDay(day) {
+        if (this.mode() === 'range') {
+            this.value.update((value) => value instanceof TuiDayRange && value.from === value.to
+                ? TuiDayRange.sort(value.to, day.append({}))
+                : new TuiDayRange(day, day));
+        }
+        else if (this.mode() === 'multi') {
+            this.value.update((value) => Array.isArray(value)
+                ? tuiArrayToggle(value, day, (a, b) => a.daySame(b))
+                : [day]);
+        }
+        else {
+            this.value.set(day);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiDatePicker, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiDatePicker, isStandalone: true, inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, contentDay: { classPropertyName: "contentDay", publicName: "contentDay", isSignal: true, isRequired: false, transformFunction: null }, dayType: { classPropertyName: "dayType", publicName: "dayType", isSignal: true, isRequired: false, transformFunction: null }, showWeek: { classPropertyName: "showWeek", publicName: "showWeek", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiDatePicker, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * @deprecated: work in progress, do not use!
+ */
+class TuiCalendarComponent extends TuiDatePicker {
+    constructor() {
+        super(...arguments);
+        this.carousel = viewChild(TuiCarouselComponent);
         this.content = computed(() => (c) => this.i18n()[c.$implicit.month]);
         this.years = computed((value = this.value()) => value instanceof TuiDayRange
             ? Array.from({ length: value.to.year - value.from.year + 1 }, (_, index) => value.from.year + index)
@@ -117,7 +161,6 @@ class TuiCalendar extends AbstractTuiCalendar {
             : 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) => month.monthBefore(this.min()) || month.monthAfter(this.max()));
         this.disabledYear = computed(() => (year) => year < this.min().year || year > this.max().year);
         this.start = computed((carousel = this.carousel()) => this.view() === 'month'
@@ -127,21 +170,10 @@ class TuiCalendar extends AbstractTuiCalendar {
             ? this.month().year === this.max().year
             : carousel?.index() === carousel?.max());
         this.index = computed(() => this.month().year * 12 + this.month().month);
-        this.sync = effect(() => {
-            const value = this.value();
-            const [day] = value instanceof TuiDayRange ? [value.from] : coerceArray(value);
-            if (!day || day.year < 9000) {
-                this.month.update(({ month, year }) => (day || new TuiDay(year, month, 1)).dayLimit(this.min(), this.max()));
-            }
-        });
         this.view = model('day');
-        this.mode = input();
-        this.contentDay = input();
         this.contentMonth = input();
         this.contentYear = input();
-        this.dayType = input(this.options.dayType);
         this.showAdjacent = input(this.options.showAdjacent);
-        this.showWeek = input(this.options.showWeek);
     }
     getMonth(index) {
         return new TuiMonth(Math.floor(index / 12), index % 12);
@@ -163,32 +195,17 @@ class TuiCalendar extends AbstractTuiCalendar {
         this.month.set(month);
         this.view.set('day');
     }
-    onDay(day) {
-        if (this.mode() === 'range') {
-            this.value.update((value) => value instanceof TuiDayRange && value.from === value.to
-                ? TuiDayRange.sort(value.to, day.append({}))
-                : new TuiDayRange(day, day));
-        }
-        else if (this.mode() === 'multi') {
-            this.value.update((value) => Array.isArray(value)
-                ? tuiArrayToggle(value, day, (a, b) => a.daySame(b))
-                : [day]);
-        }
-        else {
-            this.value.set(day);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiCalendar, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiCalendar, isStandalone: true, selector: "tui-calendar[new]", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, contentDay: { classPropertyName: "contentDay", publicName: "contentDay", isSignal: true, isRequired: false, transformFunction: null }, contentMonth: { classPropertyName: "contentMonth", publicName: "contentMonth", isSignal: true, isRequired: false, transformFunction: null }, contentYear: { classPropertyName: "contentYear", publicName: "contentYear", isSignal: true, isRequired: false, transformFunction: null }, dayType: { classPropertyName: "dayType", publicName: "dayType", isSignal: true, isRequired: false, transformFunction: null }, showAdjacent: { classPropertyName: "showAdjacent", publicName: "showAdjacent", isSignal: true, isRequired: false, transformFunction: null }, showWeek: { classPropertyName: "showWeek", publicName: "showWeek", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange" }, providers: [
-            tuiAsAuxiliary(TuiCalendar),
-            tuiProvide(AbstractTuiCalendar, TuiCalendar),
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiCalendarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiCalendarComponent, isStandalone: true, selector: "tui-calendar[new]", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, contentMonth: { classPropertyName: "contentMonth", publicName: "contentMonth", isSignal: true, isRequired: false, transformFunction: null }, contentYear: { classPropertyName: "contentYear", publicName: "contentYear", isSignal: true, isRequired: false, transformFunction: null }, showAdjacent: { classPropertyName: "showAdjacent", publicName: "showAdjacent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange" }, providers: [
+            tuiAsAuxiliary(TuiCalendarComponent),
+            tuiProvide(AbstractTuiCalendar, TuiCalendarComponent),
             tuiButtonOptionsProvider({ size: 'xs', appearance: 'flat' }),
             tuiTextfieldOptionsProvider({ size: signal('m'), cleaner: signal(false) }),
-        ], 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            tabindex=\"-1\"\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            [tuiChevron]=\"false\"\n            (click)=\"view.set(view() === 'day' ? 'month' : 'year')\"\n            (pointerdown.zoneless.prevent)=\"(0)\"\n        ></button>\n    } @else {\n        @let years = month().year + (carousel()?.index() || 0) * 12 - 6 | tuiMapper: getItems;\n        <b>{{ years[0] }}-{{ years[years.length - 1] }}</b>\n    }\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[1] }}\n    </button>\n\n    @if (dropdown?.nativeElement?.matches(':not(input)')) {\n        <tui-calendar-header [mode]=\"mode()\" />\n    }\n</header>\n<tui-elastic-container class=\"t-slides\">\n    <section tuiSlides>\n        @switch (view()) {\n            @case ('day') {\n                <tui-carousel\n                    [index]=\"index()\"\n                    [max]=\"max().year * 12 + max().month\"\n                    [min]=\"min().year * 12 + min().month\"\n                    (indexChange)=\"month.set(getMonth($event))\"\n                >\n                    <tui-month\n                        *tuiItem=\"let current\"\n                        class=\"t-calendar\"\n                        [content]=\"contentDay()\"\n                        [dayType]=\"dayType()\"\n                        [disabledItemHandler]=\"disabledDay()\"\n                        [month]=\"current | tuiMapper: getMonth\"\n                        [showAdjacent]=\"showAdjacent()\"\n                        [showWeek]=\"showWeek()\"\n                        [value]=\"value()\"\n                        (pick)=\"onDay($event)\"\n                    />\n                </tui-carousel>\n            }\n\n            @case ('month') {\n                <tui-data-grid\n                    class=\"t-grid\"\n                    [content]=\"contentMonth() ?? content()\"\n                    [disabledItemHandler]=\"disabledMonth()\"\n                    [items]=\"year()\"\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                        class=\"t-grid\"\n                        [content]=\"contentYear()\"\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</tui-elastic-container>\n", styles: [":host{display:block;inline-size:calc(20rem * var(--tui-font-scale));min-inline-size:calc(20rem * var(--tui-font-scale));flex:1;box-sizing:content-box}:host-context(tui-dropdown){padding:.5rem}:host-context(tui-dropdown):not(:only-child){box-shadow:0 0 0 1px var(--tui-border-normal)}.t-header{position:relative;display:flex;gap:.25rem;align-items:center;justify-content:flex-end;padding:.5rem .75rem 1rem;font:var(--tui-typography-ui-l)}.t-header:focus-within{visibility:hidden}.t-header :first-child{margin-inline-end:auto}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);font:inherit;font-weight:700;text-decoration:none}@media(hover:hover)and (pointer:fine){.t-button:hover{opacity:var(--tui-disabled-opacity)}}.t-chevron{transform:scaleX(var(--tui-inline))}.t-grid{padding:0 .5rem .5rem}.t-slides{margin:0 -.5rem}.t-calendar{padding:0 .5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiCalendarHeader, selector: "tui-calendar-header", inputs: ["mode"] }, { 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: "component", type: TuiElasticContainer, selector: "tui-elastic-container" }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "pipe", type: TuiMapperPipe, name: "tuiMapper" }, { kind: "component", type: 
+        ], 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            tabindex=\"-1\"\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            [tuiChevron]=\"false\"\n            (click)=\"view.set(view() === 'day' ? 'month' : 'year')\"\n            (pointerdown.zoneless.prevent)=\"(0)\"\n        ></button>\n    } @else {\n        @let years = month().year + (carousel()?.index() || 0) * 12 - 6 | tuiMapper: getItems;\n        <b>{{ years[0] }}-{{ years[years.length - 1] }}</b>\n    }\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[1] }}\n    </button>\n\n    @if (!dropdown?.nativeElement?.matches('input')) {\n        <tui-calendar-header [mode]=\"mode()\" />\n    }\n</header>\n<tui-elastic-container class=\"t-slides\">\n    <section tuiSlides>\n        @switch (view()) {\n            @case ('day') {\n                <tui-carousel\n                    [index]=\"index()\"\n                    [max]=\"max().year * 12 + max().month\"\n                    [min]=\"min().year * 12 + min().month\"\n                    (indexChange)=\"month.set(getMonth($event))\"\n                >\n                    <tui-month\n                        *tuiItem=\"let current\"\n                        class=\"t-calendar\"\n                        [content]=\"contentDay()\"\n                        [dayType]=\"dayType()\"\n                        [disabledItemHandler]=\"disabledDay()\"\n                        [month]=\"current | tuiMapper: getMonth\"\n                        [showAdjacent]=\"showAdjacent()\"\n                        [showWeek]=\"showWeek()\"\n                        [value]=\"value()\"\n                        (pick)=\"onDay($event)\"\n                    />\n                </tui-carousel>\n            }\n\n            @case ('month') {\n                <tui-data-grid\n                    class=\"t-grid\"\n                    [content]=\"contentMonth() ?? content()\"\n                    [disabledItemHandler]=\"disabledMonth()\"\n                    [items]=\"year()\"\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                        class=\"t-grid\"\n                        [content]=\"contentYear()\"\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</tui-elastic-container>\n", styles: [":host{display:block;min-inline-size:calc(20rem * var(--tui-font-scale));flex:1;box-sizing:content-box;overflow:hidden}:host-context(tui-dropdown){inline-size:calc(20rem * var(--tui-font-scale));padding-inline:.5rem}:host-context(tui-dropdown):has([tuiTitle]) .t-calendar{padding-block-end:.5rem}:host-context(tui-dropdown):not(:only-child){box-shadow:0 0 0 1px var(--tui-border-normal)}.t-header{position:relative;display:flex;gap:.25rem;align-items:center;justify-content:flex-end;min-block-size:var(--tui-height-l);padding:0 .75rem;font:var(--tui-typography-ui-l)}.t-header:focus-within{visibility:hidden}.t-header :first-child{margin-inline-end:auto}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);font:inherit;font-weight:700;text-decoration:none}@media(hover:hover)and (pointer:fine){.t-button:hover{opacity:var(--tui-disabled-opacity)}}.t-chevron{transform:scaleX(var(--tui-inline))}.t-grid,.t-calendar{padding:0 .5rem 1rem}.t-slides{margin:0 -.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiCalendarHeader, selector: "tui-calendar-header", inputs: ["mode"] }, { 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: "component", type: TuiElasticContainer, selector: "tui-elastic-container" }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "pipe", type: TuiMapperPipe, name: "tuiMapper" }, { kind: "component", type: 
                 // eslint-disable-next-line @taiga-ui/experience-next/short-tui-imports
                 TuiMonthComponent, selector: "tui-month", inputs: ["month", "value", "content", "dayType", "showAdjacent", "showWeek", "disabledItemHandler"], outputs: ["pick"] }, { kind: "directive", type: TuiSlides, selector: "[tuiSlides]", inputs: ["tuiSlides"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiCalendar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tui-calendar[new]', imports: [
                         FormsModule,
@@ -204,16 +221,89 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         TuiMonthComponent,
                         TuiSlides,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        tuiAsAuxiliary(TuiCalendar),
-                        tuiProvide(AbstractTuiCalendar, TuiCalendar),
+                        tuiAsAuxiliary(TuiCalendarComponent),
+                        tuiProvide(AbstractTuiCalendar, TuiCalendarComponent),
                         tuiButtonOptionsProvider({ size: 'xs', appearance: 'flat' }),
                         tuiTextfieldOptionsProvider({ size: signal('m'), cleaner: signal(false) }),
-                    ], template: "<header class=\"t-header\">\n    @if (view() !== 'year') {\n        <button\n            appearance=\"\"\n            tabindex=\"-1\"\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            [tuiChevron]=\"false\"\n            (click)=\"view.set(view() === 'day' ? 'month' : 'year')\"\n            (pointerdown.zoneless.prevent)=\"(0)\"\n        ></button>\n    } @else {\n        @let years = month().year + (carousel()?.index() || 0) * 12 - 6 | tuiMapper: getItems;\n        <b>{{ years[0] }}-{{ years[years.length - 1] }}</b>\n    }\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[1] }}\n    </button>\n\n    @if (dropdown?.nativeElement?.matches(':not(input)')) {\n        <tui-calendar-header [mode]=\"mode()\" />\n    }\n</header>\n<tui-elastic-container class=\"t-slides\">\n    <section tuiSlides>\n        @switch (view()) {\n            @case ('day') {\n                <tui-carousel\n                    [index]=\"index()\"\n                    [max]=\"max().year * 12 + max().month\"\n                    [min]=\"min().year * 12 + min().month\"\n                    (indexChange)=\"month.set(getMonth($event))\"\n                >\n                    <tui-month\n                        *tuiItem=\"let current\"\n                        class=\"t-calendar\"\n                        [content]=\"contentDay()\"\n                        [dayType]=\"dayType()\"\n                        [disabledItemHandler]=\"disabledDay()\"\n                        [month]=\"current | tuiMapper: getMonth\"\n                        [showAdjacent]=\"showAdjacent()\"\n                        [showWeek]=\"showWeek()\"\n                        [value]=\"value()\"\n                        (pick)=\"onDay($event)\"\n                    />\n                </tui-carousel>\n            }\n\n            @case ('month') {\n                <tui-data-grid\n                    class=\"t-grid\"\n                    [content]=\"contentMonth() ?? content()\"\n                    [disabledItemHandler]=\"disabledMonth()\"\n                    [items]=\"year()\"\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                        class=\"t-grid\"\n                        [content]=\"contentYear()\"\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</tui-elastic-container>\n", styles: [":host{display:block;inline-size:calc(20rem * var(--tui-font-scale));min-inline-size:calc(20rem * var(--tui-font-scale));flex:1;box-sizing:content-box}:host-context(tui-dropdown){padding:.5rem}:host-context(tui-dropdown):not(:only-child){box-shadow:0 0 0 1px var(--tui-border-normal)}.t-header{position:relative;display:flex;gap:.25rem;align-items:center;justify-content:flex-end;padding:.5rem .75rem 1rem;font:var(--tui-typography-ui-l)}.t-header:focus-within{visibility:hidden}.t-header :first-child{margin-inline-end:auto}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);font:inherit;font-weight:700;text-decoration:none}@media(hover:hover)and (pointer:fine){.t-button:hover{opacity:var(--tui-disabled-opacity)}}.t-chevron{transform:scaleX(var(--tui-inline))}.t-grid{padding:0 .5rem .5rem}.t-slides{margin:0 -.5rem}.t-calendar{padding:0 .5rem}\n"] }]
+                    ], template: "<header class=\"t-header\">\n    @if (view() !== 'year') {\n        <button\n            appearance=\"\"\n            tabindex=\"-1\"\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            [tuiChevron]=\"false\"\n            (click)=\"view.set(view() === 'day' ? 'month' : 'year')\"\n            (pointerdown.zoneless.prevent)=\"(0)\"\n        ></button>\n    } @else {\n        @let years = month().year + (carousel()?.index() || 0) * 12 - 6 | tuiMapper: getItems;\n        <b>{{ years[0] }}-{{ years[years.length - 1] }}</b>\n    }\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[1] }}\n    </button>\n\n    @if (!dropdown?.nativeElement?.matches('input')) {\n        <tui-calendar-header [mode]=\"mode()\" />\n    }\n</header>\n<tui-elastic-container class=\"t-slides\">\n    <section tuiSlides>\n        @switch (view()) {\n            @case ('day') {\n                <tui-carousel\n                    [index]=\"index()\"\n                    [max]=\"max().year * 12 + max().month\"\n                    [min]=\"min().year * 12 + min().month\"\n                    (indexChange)=\"month.set(getMonth($event))\"\n                >\n                    <tui-month\n                        *tuiItem=\"let current\"\n                        class=\"t-calendar\"\n                        [content]=\"contentDay()\"\n                        [dayType]=\"dayType()\"\n                        [disabledItemHandler]=\"disabledDay()\"\n                        [month]=\"current | tuiMapper: getMonth\"\n                        [showAdjacent]=\"showAdjacent()\"\n                        [showWeek]=\"showWeek()\"\n                        [value]=\"value()\"\n                        (pick)=\"onDay($event)\"\n                    />\n                </tui-carousel>\n            }\n\n            @case ('month') {\n                <tui-data-grid\n                    class=\"t-grid\"\n                    [content]=\"contentMonth() ?? content()\"\n                    [disabledItemHandler]=\"disabledMonth()\"\n                    [items]=\"year()\"\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                        class=\"t-grid\"\n                        [content]=\"contentYear()\"\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</tui-elastic-container>\n", styles: [":host{display:block;min-inline-size:calc(20rem * var(--tui-font-scale));flex:1;box-sizing:content-box;overflow:hidden}:host-context(tui-dropdown){inline-size:calc(20rem * var(--tui-font-scale));padding-inline:.5rem}:host-context(tui-dropdown):has([tuiTitle]) .t-calendar{padding-block-end:.5rem}:host-context(tui-dropdown):not(:only-child){box-shadow:0 0 0 1px var(--tui-border-normal)}.t-header{position:relative;display:flex;gap:.25rem;align-items:center;justify-content:flex-end;min-block-size:var(--tui-height-l);padding:0 .75rem;font:var(--tui-typography-ui-l)}.t-header:focus-within{visibility:hidden}.t-header :first-child{margin-inline-end:auto}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);font:inherit;font-weight:700;text-decoration:none}@media(hover:hover)and (pointer:fine){.t-button:hover{opacity:var(--tui-disabled-opacity)}}.t-chevron{transform:scaleX(var(--tui-inline))}.t-grid,.t-calendar{padding:0 .5rem 1rem}.t-slides{margin:0 -.5rem}\n"] }]
         }] });
 
+/**
+ * @deprecated: work in progress, do not use!
+ */
+class TuiCalendarMultiComponent extends TuiDatePicker {
+    constructor() {
+        super(...arguments);
+        this.visible = signal({});
+        this.carousel = viewChild(TuiCarouselComponent);
+        this.scroll = viewChild.required(TuiCarouselComponent, {
+            read: ElementRef,
+        });
+        this.height = computed(() => Math.max(...Object.values(this.visible())));
+        this.start = computed((carousel = this.carousel()) => carousel?.index() === carousel?.min());
+        this.end = computed((carousel = this.carousel()) => carousel?.index() === carousel?.max());
+        this.index = computed(() => this.month().year * 12 + this.month().month);
+        this.months = input(2);
+    }
+    updateMonth(day) {
+        this.month.update(({ year, month }) => {
+            const updated = new TuiDay(day?.year || year, day?.month || month, 1);
+            const limited = updated.dayLimit(this.min(), this.max());
+            return Object.keys(this.visible()).includes(limited.toJSON().slice(0, -3))
+                ? new TuiMonth(year, month)
+                : limited;
+        });
+    }
+    getMonth(index) {
+        return new TuiMonth(Math.floor(index / 12), index % 12);
+    }
+    onSpin(step) {
+        const el = this.scroll().nativeElement;
+        const sign = el.matches('[dir="rtl"] :scope') ? -1 : 1;
+        const left = el.offsetWidth / this.months();
+        el.scrollTo({ left: el.scrollLeft + left * sign * step, behavior: 'smooth' });
+    }
+    onIntersection(visible, month, height) {
+        this.visible.update((current) => {
+            const { [month.toJSON()]: removed, ...rest } = current;
+            return visible ? { ...current, [month.toJSON()]: removed || height } : rest;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiCalendarMultiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiCalendarMultiComponent, isStandalone: true, selector: "tui-calendar[months]", inputs: { months: { classPropertyName: "months", publicName: "months", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--t-months": "months()" } }, providers: [
+            tuiAsAuxiliary(TuiCalendarMultiComponent),
+            tuiProvide(AbstractTuiCalendar, TuiCalendarMultiComponent),
+            tuiButtonOptionsProvider({ size: 'xs', appearance: 'flat' }),
+            tuiTextfieldOptionsProvider({ size: signal('m'), cleaner: signal(false) }),
+        ], viewQueries: [{ propertyName: "carousel", first: true, predicate: TuiCarouselComponent, descendants: true, isSignal: true }, { propertyName: "scroll", first: true, predicate: TuiCarouselComponent, descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<header class=\"t-buttons\">\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[1] }}\n    </button>\n\n    @if (!dropdown?.nativeElement?.matches('input')) {\n        <tui-calendar-header [mode]=\"mode()\" />\n    }\n</header>\n<section\n    tuiSlides\n    class=\"t-slides\"\n>\n    <tui-carousel\n        [index]=\"index()\"\n        [max]=\"max().year * 12 + max().month\"\n        [min]=\"min().year * 12 + min().month\"\n        [style.max-block-size.px]=\"height()\"\n        (indexChange)=\"month.set(getMonth(index() + ($event - index()) * months()))\"\n    >\n        <ng-container *tuiItem=\"let current\">\n            @for (_ of '-'.repeat(months()); track $index) {\n                @let month = index() + (current - index()) * months() + $index | tuiMapper: getMonth;\n                <div\n                    #el\n                    class=\"t-calendar\"\n                >\n                    <div class=\"t-header\">{{ i18n()[month.month] }} {{ month.year }}</div>\n                    <tui-month\n                        [content]=\"contentDay()\"\n                        [dayType]=\"dayType()\"\n                        [disabledItemHandler]=\"disabledDay()\"\n                        [month]=\"month\"\n                        [showAdjacent]=\"false\"\n                        [showWeek]=\"showWeek()\"\n                        [value]=\"value()\"\n                        (pick)=\"onDay($event)\"\n                        (waIntersectionObservee)=\"onIntersection(!!$event[0]?.isIntersecting, month, el.offsetHeight)\"\n                    />\n                </div>\n            }\n        </ng-container>\n    </tui-carousel>\n</section>\n", styles: [":host{position:relative;display:block;inline-size:calc(20rem * var(--tui-font-scale) * var(--t-months));min-inline-size:calc(20rem * var(--tui-font-scale) * var(--t-months));flex:1;box-sizing:content-box}:host-context(tui-dropdown){padding:.5rem}:host-context(tui-dropdown):not(:only-child){box-shadow:0 0 0 1px var(--tui-border-normal)}.t-header{position:relative;display:flex;gap:.25rem;align-items:center;justify-content:center;padding:.5rem .25rem 1rem;font:var(--tui-typography-ui-l);font-weight:700}.t-chevron{transform:scaleX(var(--tui-inline))}.t-slides{margin:0 -.5rem}.t-calendar{inline-size:100%;align-self:flex-start;scroll-snap-align:start;scroll-snap-stop:always;padding:0 .5rem}.t-buttons{position:absolute;inset:0 0 auto;z-index:1;display:flex;justify-content:space-between;padding:.5rem .25rem}.t-buttons:focus-within{visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiCalendarHeader, selector: "tui-calendar-header", inputs: ["mode"] }, { kind: "component", type: i1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["index", "min", "max"], outputs: ["indexChange"] }, { kind: "directive", type: i2.TuiItem, selector: "[tuiItem]" }, { kind: "pipe", type: TuiMapperPipe, name: "tuiMapper" }, { kind: "component", type: 
+                // eslint-disable-next-line @taiga-ui/experience-next/short-tui-imports
+                TuiMonthComponent, selector: "tui-month", inputs: ["month", "value", "content", "dayType", "showAdjacent", "showWeek", "disabledItemHandler"], outputs: ["pick"] }, { kind: "directive", type: TuiSlides, selector: "[tuiSlides]", inputs: ["tuiSlides"] }, { kind: "directive", type: WaIntersectionObservee, selector: "[waIntersectionObservee]", outputs: ["waIntersectionObservee"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiCalendarMultiComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-calendar[months]', imports: [
+                        FormsModule,
+                        TuiButton,
+                        TuiCalendarHeader,
+                        TuiCarousel,
+                        TuiMapperPipe,
+                        // eslint-disable-next-line @taiga-ui/experience-next/short-tui-imports
+                        TuiMonthComponent,
+                        TuiSlides,
+                        WaIntersectionObservee,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        tuiAsAuxiliary(TuiCalendarMultiComponent),
+                        tuiProvide(AbstractTuiCalendar, TuiCalendarMultiComponent),
+                        tuiButtonOptionsProvider({ size: 'xs', appearance: 'flat' }),
+                        tuiTextfieldOptionsProvider({ size: signal('m'), cleaner: signal(false) }),
+                    ], host: { '[style.--t-months]': 'months()' }, template: "<header class=\"t-buttons\">\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[1] }}\n    </button>\n\n    @if (!dropdown?.nativeElement?.matches('input')) {\n        <tui-calendar-header [mode]=\"mode()\" />\n    }\n</header>\n<section\n    tuiSlides\n    class=\"t-slides\"\n>\n    <tui-carousel\n        [index]=\"index()\"\n        [max]=\"max().year * 12 + max().month\"\n        [min]=\"min().year * 12 + min().month\"\n        [style.max-block-size.px]=\"height()\"\n        (indexChange)=\"month.set(getMonth(index() + ($event - index()) * months()))\"\n    >\n        <ng-container *tuiItem=\"let current\">\n            @for (_ of '-'.repeat(months()); track $index) {\n                @let month = index() + (current - index()) * months() + $index | tuiMapper: getMonth;\n                <div\n                    #el\n                    class=\"t-calendar\"\n                >\n                    <div class=\"t-header\">{{ i18n()[month.month] }} {{ month.year }}</div>\n                    <tui-month\n                        [content]=\"contentDay()\"\n                        [dayType]=\"dayType()\"\n                        [disabledItemHandler]=\"disabledDay()\"\n                        [month]=\"month\"\n                        [showAdjacent]=\"false\"\n                        [showWeek]=\"showWeek()\"\n                        [value]=\"value()\"\n                        (pick)=\"onDay($event)\"\n                        (waIntersectionObservee)=\"onIntersection(!!$event[0]?.isIntersecting, month, el.offsetHeight)\"\n                    />\n                </div>\n            }\n        </ng-container>\n    </tui-carousel>\n</section>\n", styles: [":host{position:relative;display:block;inline-size:calc(20rem * var(--tui-font-scale) * var(--t-months));min-inline-size:calc(20rem * var(--tui-font-scale) * var(--t-months));flex:1;box-sizing:content-box}:host-context(tui-dropdown){padding:.5rem}:host-context(tui-dropdown):not(:only-child){box-shadow:0 0 0 1px var(--tui-border-normal)}.t-header{position:relative;display:flex;gap:.25rem;align-items:center;justify-content:center;padding:.5rem .25rem 1rem;font:var(--tui-typography-ui-l);font-weight:700}.t-chevron{transform:scaleX(var(--tui-inline))}.t-slides{margin:0 -.5rem}.t-calendar{inline-size:100%;align-self:flex-start;scroll-snap-align:start;scroll-snap-stop:always;padding:0 .5rem}.t-buttons{position:absolute;inset:0 0 auto;z-index:1;display:flex;justify-content:space-between;padding:.5rem .25rem}.t-buttons:focus-within{visibility:hidden}\n"] }]
+        }] });
+
+const TuiCalendar = [TuiCalendarComponent, TuiCalendarMultiComponent];
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TuiCalendar, TuiCalendarHeader };
+export { TuiCalendar, TuiCalendarComponent, TuiCalendarHeader, TuiCalendarMultiComponent, TuiDatePicker };
 //# sourceMappingURL=taiga-ui-experimental-components-calendar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-calendar.mjs","sources":["../../../projects/experimental/components/calendar/calendar-header.component.ts","../../../projects/experimental/components/calendar/calendar.component.ts","../../../projects/experimental/components/calendar/calendar.component.html","../../../projects/experimental/components/calendar/taiga-ui-experimental-components-calendar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, inject, input} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {AbstractTuiCalendar} from '@taiga-ui/core/components/calendar';\nimport {TUI_DROPDOWN_HOST} from '@taiga-ui/core/portals/dropdown';\nimport {\n    TuiInputDate,\n    tuiInputDateOptionsProvider,\n} from '@taiga-ui/kit/components/input-date';\nimport {TuiInputDateMulti} from '@taiga-ui/kit/components/input-date-multi';\nimport {TuiInputDateRange} from '@taiga-ui/kit/components/input-date-range';\n\n@Component({\n    selector: 'tui-calendar-header',\n    imports: [FormsModule, TuiInputDate, TuiInputDateMulti, TuiInputDateRange],\n    template: `\n        @switch (mode()) {\n            @case ('multi') {\n                <tui-textfield multi>\n                    <input\n                        tuiInputDateMulti\n                        [attr.aria-labelledby]=\"dropdown?.nativeElement?.id || null\"\n                        [max]=\"picker.max()\"\n                        [min]=\"picker.min()\"\n                        [(ngModel)]=\"picker.value\"\n                    />\n                </tui-textfield>\n            }\n            @case ('range') {\n                <tui-textfield>\n                    <input\n                        tuiInputDateRange\n                        [attr.aria-labelledby]=\"dropdown?.nativeElement?.id || null\"\n                        [max]=\"picker.max()\"\n                        [min]=\"picker.min()\"\n                        [(ngModel)]=\"picker.value\"\n                    />\n                </tui-textfield>\n            }\n            @default {\n                <tui-textfield>\n                    <input\n                        tuiInputDate\n                        [attr.aria-labelledby]=\"dropdown?.nativeElement?.id || null\"\n                        [max]=\"picker.max()\"\n                        [min]=\"picker.min()\"\n                        [(ngModel)]=\"picker.value\"\n                    />\n                </tui-textfield>\n            }\n        }\n    `,\n    styles: `\n        :host {\n            position: absolute;\n            inset: 0.125rem;\n            opacity: 0;\n            pointer-events: none;\n            visibility: visible;\n\n            &:focus-within {\n                opacity: 1;\n                pointer-events: auto;\n            }\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiInputDateOptionsProvider({icon: ''})],\n})\nexport class TuiCalendarHeader {\n    protected readonly picker = inject(AbstractTuiCalendar);\n    protected readonly dropdown = inject(TUI_DROPDOWN_HOST, {optional: true});\n\n    public readonly mode = input<'multi' | 'range' | 'single'>();\n}\n","import {coerceArray} from '@angular/cdk/coercion';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    effect,\n    inject,\n    input,\n    model,\n    signal,\n    viewChild,\n} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiDay, TuiDayRange, TuiMonth} 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 {tuiProvide} from '@taiga-ui/cdk/utils/di';\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 {tuiTextfieldOptionsProvider} from '@taiga-ui/core/components/textfield';\nimport {TUI_DROPDOWN_HOST} from '@taiga-ui/core/portals/dropdown';\nimport {\n    TUI_COMMON_ICONS,\n    TUI_MONTHS,\n    TUI_SPIN_TEXTS,\n    tuiAsAuxiliary,\n} from '@taiga-ui/core/tokens';\nimport {TuiDataGrid} from '@taiga-ui/experimental/components/data-grid';\nimport {\n    TUI_MONTH_OPTIONS,\n    TuiMonthComponent,\n} from '@taiga-ui/experimental/components/month';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\nimport {TuiElasticContainer} from '@taiga-ui/layout/components/elastic-container';\nimport {TuiSlides} from '@taiga-ui/layout/components/slides';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nimport {TuiCalendarHeader} from './calendar-header.component';\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-calendar[new]',\n    imports: [\n        FormsModule,\n        TuiButton,\n        TuiCalendarHeader,\n        TuiCarousel,\n        TuiChevron,\n        TuiDataGrid,\n        TuiElasticContainer,\n        TuiLink,\n        TuiMapperPipe,\n        // eslint-disable-next-line @taiga-ui/experience-next/short-tui-imports\n        TuiMonthComponent,\n        TuiSlides,\n    ],\n    templateUrl: './calendar.component.html',\n    styleUrl: './calendar.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsAuxiliary(TuiCalendar),\n        tuiProvide(AbstractTuiCalendar, TuiCalendar),\n        tuiButtonOptionsProvider({size: 'xs', appearance: 'flat'}),\n        tuiTextfieldOptionsProvider({size: signal('m'), cleaner: signal(false)}),\n    ],\n})\nexport class TuiCalendar<\n    T extends 'multi' | 'range' | 'single' = 'single',\n> extends AbstractTuiCalendar<DatePicker<T>> {\n    protected readonly options = inject(TUI_MONTH_OPTIONS);\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    protected readonly dropdown = inject(TUI_DROPDOWN_HOST, {optional: true});\n\n    protected readonly content = computed<PolymorpheusContent<TuiContext<TuiMonth>>>(\n        () => (c) => this.i18n()[c.$implicit.month],\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 year = computed(() =>\n        Array.from({length: 12}, (_, index) => new TuiMonth(this.month().year, index)),\n    );\n\n    protected readonly months = computed((value = this.value()) =>\n        this.year().filter((month) =>\n            value instanceof TuiDayRange\n                ? value.monthInRange(month)\n                : coerceArray<TuiDay>(value ?? []).some((day) => day.monthSame(month)),\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<TuiBooleanHandler<TuiMonth>>(\n        () => (month) => month.monthBefore(this.min()) || month.monthAfter(this.max()),\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    protected readonly index = computed(\n        () => this.month().year * 12 + this.month().month,\n    );\n\n    protected readonly sync = effect(() => {\n        const value = this.value();\n        const [day] = value instanceof TuiDayRange ? [value.from] : coerceArray(value);\n\n        if (!day || day.year < 9000) {\n            this.month.update(({month, year}) =>\n                (day || new TuiDay(year, month, 1)).dayLimit(this.min(), this.max()),\n            );\n        }\n    });\n\n    public readonly view = model<'day' | 'month' | 'year'>('day');\n    public readonly mode = input<T>();\n    public readonly contentDay = input<PolymorpheusContent<TuiContext<TuiDay>>>();\n    public readonly contentMonth = input<PolymorpheusContent<TuiContext<TuiMonth>>>();\n    public readonly contentYear = input<PolymorpheusContent<TuiContext<number>>>();\n    public readonly dayType = input(this.options.dayType);\n    public readonly showAdjacent = input(this.options.showAdjacent);\n    public readonly showWeek = input(this.options.showWeek);\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(month: TuiMonth): void {\n        this.month.set(month);\n        this.view.set('day');\n    }\n\n    protected onDay(day: TuiDay): void {\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            tabindex=\"-1\"\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            [tuiChevron]=\"false\"\n            (click)=\"view.set(view() === 'day' ? 'month' : 'year')\"\n            (pointerdown.zoneless.prevent)=\"(0)\"\n        ></button>\n    } @else {\n        @let years = month().year + (carousel()?.index() || 0) * 12 - 6 | tuiMapper: getItems;\n        <b>{{ years[0] }}-{{ years[years.length - 1] }}</b>\n    }\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[1] }}\n    </button>\n\n    @if (dropdown?.nativeElement?.matches(':not(input)')) {\n        <tui-calendar-header [mode]=\"mode()\" />\n    }\n</header>\n<tui-elastic-container class=\"t-slides\">\n    <section tuiSlides>\n        @switch (view()) {\n            @case ('day') {\n                <tui-carousel\n                    [index]=\"index()\"\n                    [max]=\"max().year * 12 + max().month\"\n                    [min]=\"min().year * 12 + min().month\"\n                    (indexChange)=\"month.set(getMonth($event))\"\n                >\n                    <tui-month\n                        *tuiItem=\"let current\"\n                        class=\"t-calendar\"\n                        [content]=\"contentDay()\"\n                        [dayType]=\"dayType()\"\n                        [disabledItemHandler]=\"disabledDay()\"\n                        [month]=\"current | tuiMapper: getMonth\"\n                        [showAdjacent]=\"showAdjacent()\"\n                        [showWeek]=\"showWeek()\"\n                        [value]=\"value()\"\n                        (pick)=\"onDay($event)\"\n                    />\n                </tui-carousel>\n            }\n\n            @case ('month') {\n                <tui-data-grid\n                    class=\"t-grid\"\n                    [content]=\"contentMonth() ?? content()\"\n                    [disabledItemHandler]=\"disabledMonth()\"\n                    [items]=\"year()\"\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                        class=\"t-grid\"\n                        [content]=\"contentYear()\"\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</tui-elastic-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEO,IAAM,iBAAiB,GAAvB,MAAM,iBAAiB,CAAA;AAAvB,IAAA,WAAA,GAAA;AACgB,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,mBAAmB,CAAC;QACpC,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;QAEzD,IAAA,CAAA,IAAI,GAAG,KAAK,EAAgC;IAChE;;AALa,iBAAiB,GAAA,UAAA,CAAA;AAzD7B,IAAA,SAAS,CAAC;AACP,QAAA,QAAQ,EAAE,qBAAqB;QAC/B,OAAO,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,CAAC;AAC1E,QAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCT,IAAA,CAAA;AACD,QAAA,MAAM,EAAE;;;;;;;;;;;;;AAaP,IAAA,CAAA;QACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE,CAAC,2BAA2B,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,CAAC,CAAC;KACvD;AACY,CAAA,EAAA,iBAAiB,CAK7B;;ACzBD;;AAEG;AA2BG,MAAO,WAEX,SAAQ,mBAAkC,CAAA;AA5B5C,IAAA,WAAA,GAAA;;AA6BuB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,iBAAiB,CAAC;AACnC,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAAC,oBAAoB,CAAC;AAC1C,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAChC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC;QACzB,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;QAEtD,IAAA,CAAA,OAAO,GAAG,QAAQ,CACjC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAC9C;AAEkB,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,KACrD,KAAK,YAAY;AACb,cAAE,KAAK,CAAC,IAAI,CACN,EAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAC,EAC7C,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK;AAE3C,cAAE,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,WAAW,CAAS,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CACpF;AAEkB,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAC/B,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,EAAE,EAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CACjF;QAEkB,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,KACtD,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,KACrB,KAAK,YAAY;AACb,cAAE,KAAK,CAAC,YAAY,CAAC,KAAK;cACxB,WAAW,CAAS,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAC7E,CACJ;QAEkB,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MACjC,IAAI,CAAC,IAAI,EAAE,KAAK;cACV,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,EAAE,CAAC,aAAa,CAAA;cAChE,IAAI,CAAC,KAAK,EAAE,CAAC,aAAa,CACnC;AAEkB,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC,CAC5D;AAEkB,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC,CAC7D;AAEkB,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CACrC,MAAM,CAAC,GAAW,KACd,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC,GAAG,CAAC,CAC9E;AAEkB,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CACvC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CACjF;AAEkB,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CACtC,MAAM,CAAC,IAAY,KAAK,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAC3E;AAEkB,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,KAC3D,IAAI,CAAC,IAAI,EAAE,KAAK;AACZ,cAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC;cACjC,QAAQ,EAAE,KAAK,EAAE,KAAK,QAAQ,EAAE,GAAG,EAAE,CAC9C;AAEkB,QAAA,IAAA,CAAA,GAAG,GAAG,QAAQ,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,KACzD,IAAI,CAAC,IAAI,EAAE,KAAK;AACZ,cAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC;cACjC,QAAQ,EAAE,KAAK,EAAE,KAAK,QAAQ,EAAE,GAAG,EAAE,CAC9C;QAEkB,IAAA,CAAA,KAAK,GAAG,QAAQ,CAC/B,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CACpD;AAEkB,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAK;AAClC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;YAC1B,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,YAAY,WAAW,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC;YAE9E,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE;AACzB,gBAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,KAC5B,CAAC,GAAG,IAAI,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CACvE;YACL;AACJ,QAAA,CAAC,CAAC;AAEc,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAA2B,KAAK,CAAC;QAC7C,IAAA,CAAA,IAAI,GAAG,KAAK,EAAK;QACjB,IAAA,CAAA,UAAU,GAAG,KAAK,EAA2C;QAC7D,IAAA,CAAA,YAAY,GAAG,KAAK,EAA6C;QACjE,IAAA,CAAA,WAAW,GAAG,KAAK,EAA2C;QAC9D,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;QACrC,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;QAC/C,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;AA6C1D,IAAA;AA3Ca,IAAA,QAAQ,CAAC,KAAa,EAAA;AAC5B,QAAA,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,KAAK,GAAG,EAAE,CAAC;IAC3D;AAEU,IAAA,QAAQ,CAAC,OAAe,EAAA;QAC9B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,EAAE,EAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,OAAO,GAAG,KAAK,CAAC;IAClE;AAEU,IAAA,MAAM,CAAC,IAAY,EAAA;AACzB,QAAA,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC,EAAE;AAE/C,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,EAAE;YACzB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;QAC5D;IACJ;AAEU,IAAA,MAAM,CAAC,IAAY,EAAA;QACzB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAC,KAAK,EAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACzD,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;IAC1B;AAEU,IAAA,OAAO,CAAC,KAAe,EAAA;AAC7B,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;IACxB;AAEU,IAAA,KAAK,CAAC,GAAW,EAAA;AACvB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,EAAE;YACzB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,KACpB,KAAK,YAAY,WAAW,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC;AACjD,kBAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;kBACzC,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CAClC;QACL;AAAO,aAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,EAAE;AAChC,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,KACpB,KAAK,CAAC,OAAO,CAAC,KAAK;kBACb,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAS,EAAE,CAAS,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;AACnE,kBAAE,CAAC,GAAG,CAAC,CACd;QACL;aAAO;AACH,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAU,CAAC;QAC9B;IACJ;+GA5IS,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,YAAA,EAAA,EAAA,SAAA,EAPT;YACP,cAAc,CAAC,WAAW,CAAC;AAC3B,YAAA,UAAU,CAAC,mBAAmB,EAAE,WAAW,CAAC;YAC5C,wBAAwB,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAC,CAAC;AAC1D,YAAA,2BAA2B,CAAC,EAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,EAAC,CAAC;AAC3E,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAMuC,oBAAoB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjFhE,i9GAqGA,0+BD/CQ,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,SAAS,EAAA,QAAA,EAAA,uEAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACT,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAEjB,UAAU,iFACV,WAAW,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,mBAAmB,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,OAAO,mEACP,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;AAEb,gBAAA,iBAAiB,8KACjB,SAAS,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAYJ,WAAW,EAAA,UAAA,EAAA,CAAA;kBA1BvB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,OAAA,EACpB;wBACL,WAAW;wBACX,SAAS;wBACT,iBAAiB;wBACjB,WAAW;wBACX,UAAU;wBACV,WAAW;wBACX,mBAAmB;wBACnB,OAAO;wBACP,aAAa;;wBAEb,iBAAiB;wBACjB,SAAS;qBACZ,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA,cAAc,CAAA,WAAA,CAAa;wBAC3B,UAAU,CAAC,mBAAmB,EAAA,WAAA,CAAc;wBAC5C,wBAAwB,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAC,CAAC;AAC1D,wBAAA,2BAA2B,CAAC,EAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,EAAC,CAAC;AAC3E,qBAAA,EAAA,QAAA,EAAA,i9GAAA,EAAA,MAAA,EAAA,CAAA,m7BAAA,CAAA,EAAA;;;AE3EL;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-experimental-components-calendar.mjs","sources":["../../../projects/experimental/components/calendar/calendar-header.component.ts","../../../projects/experimental/components/calendar/date-picker.ts","../../../projects/experimental/components/calendar/calendar.component.ts","../../../projects/experimental/components/calendar/calendar.component.html","../../../projects/experimental/components/calendar/calendar-multi.component.ts","../../../projects/experimental/components/calendar/calendar-multi.component.html","../../../projects/experimental/components/calendar/calendar.ts","../../../projects/experimental/components/calendar/taiga-ui-experimental-components-calendar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, inject, input} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {AbstractTuiCalendar} from '@taiga-ui/core/components/calendar';\nimport {TUI_DROPDOWN_HOST} from '@taiga-ui/core/portals/dropdown';\nimport {\n    TuiInputDate,\n    tuiInputDateOptionsProvider,\n} from '@taiga-ui/kit/components/input-date';\nimport {TuiInputDateMulti} from '@taiga-ui/kit/components/input-date-multi';\nimport {TuiInputDateRange} from '@taiga-ui/kit/components/input-date-range';\n\n@Component({\n    selector: 'tui-calendar-header',\n    imports: [FormsModule, TuiInputDate, TuiInputDateMulti, TuiInputDateRange],\n    template: `\n        @switch (mode()) {\n            @case ('multi') {\n                <tui-textfield multi>\n                    <input\n                        tuiInputDateMulti\n                        [attr.aria-labelledby]=\"dropdown?.nativeElement?.id || null\"\n                        [max]=\"picker.max()\"\n                        [min]=\"picker.min()\"\n                        [(ngModel)]=\"picker.value\"\n                    />\n                </tui-textfield>\n            }\n            @case ('range') {\n                <tui-textfield>\n                    <input\n                        tuiInputDateRange\n                        [attr.aria-labelledby]=\"dropdown?.nativeElement?.id || null\"\n                        [max]=\"picker.max()\"\n                        [min]=\"picker.min()\"\n                        [(ngModel)]=\"picker.value\"\n                    />\n                </tui-textfield>\n            }\n            @default {\n                <tui-textfield>\n                    <input\n                        tuiInputDate\n                        [attr.aria-labelledby]=\"dropdown?.nativeElement?.id || null\"\n                        [max]=\"picker.max()\"\n                        [min]=\"picker.min()\"\n                        [(ngModel)]=\"picker.value\"\n                    />\n                </tui-textfield>\n            }\n        }\n    `,\n    styles: `\n        :host {\n            position: absolute;\n            inset: 0.125rem;\n            opacity: 0;\n            pointer-events: none;\n            visibility: visible;\n\n            &:focus-within {\n                opacity: 1;\n                pointer-events: auto;\n            }\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiInputDateOptionsProvider({icon: ''})],\n})\nexport class TuiCalendarHeader {\n    protected readonly picker = inject(AbstractTuiCalendar);\n    protected readonly dropdown = inject(TUI_DROPDOWN_HOST, {optional: true});\n\n    public readonly mode = input<'multi' | 'range' | 'single'>();\n}\n","import {coerceArray} from '@angular/cdk/coercion';\nimport {computed, Directive, effect, inject, input, untracked} from '@angular/core';\nimport {TuiDay, TuiDayRange} from '@taiga-ui/cdk/date-time';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiArrayToggle} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {AbstractTuiCalendar} from '@taiga-ui/core/components/calendar';\nimport {TUI_DROPDOWN_HOST} from '@taiga-ui/core/portals/dropdown';\nimport {TUI_COMMON_ICONS, TUI_MONTHS, TUI_SPIN_TEXTS} from '@taiga-ui/core/tokens';\nimport {TUI_MONTH_OPTIONS} from '@taiga-ui/experimental/components/month';\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@Directive()\nexport abstract class TuiDatePicker<\n    T extends 'multi' | 'range' | 'single',\n> extends AbstractTuiCalendar<DatePicker<T>> {\n    protected readonly options = inject(TUI_MONTH_OPTIONS);\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n    protected readonly dropdown = inject(TUI_DROPDOWN_HOST, {optional: true});\n    protected readonly texts = inject(TUI_SPIN_TEXTS);\n    protected readonly i18n = inject(TUI_MONTHS);\n    protected readonly disabledDay = computed(\n        () => (day: TuiDay) =>\n            day < this.min() || day > this.max() || this.disabledItemHandler()(day),\n    );\n\n    protected readonly sync = effect(() => {\n        const value = this.value();\n        const [day] = value instanceof TuiDayRange ? [value.from] : coerceArray(value);\n\n        this.min();\n        this.max();\n\n        if (!day || day.year < 9000) {\n            untracked(() => this.updateMonth(day));\n        }\n    });\n\n    public readonly mode = input<T>();\n    public readonly contentDay = input<PolymorpheusContent<TuiContext<TuiDay>>>();\n    public readonly dayType = input(this.options.dayType);\n    public readonly showWeek = input(this.options.showWeek);\n\n    protected updateMonth(day?: TuiDay | null): void {\n        this.month.update(({month, year}) =>\n            (day || new TuiDay(year, month, 1)).dayLimit(this.min(), this.max()),\n        );\n    }\n\n    protected onDay(day: TuiDay): void {\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","import {coerceArray} from '@angular/cdk/coercion';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    model,\n    signal,\n    viewChild,\n} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {type TuiDay, TuiDayRange, TuiMonth} 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 {tuiProvide} from '@taiga-ui/cdk/utils/di';\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 {tuiTextfieldOptionsProvider} from '@taiga-ui/core/components/textfield';\nimport {tuiAsAuxiliary} from '@taiga-ui/core/tokens';\nimport {TuiDataGrid} from '@taiga-ui/experimental/components/data-grid';\nimport {TuiMonthComponent} from '@taiga-ui/experimental/components/month';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\nimport {TuiElasticContainer} from '@taiga-ui/layout/components/elastic-container';\nimport {TuiSlides} from '@taiga-ui/layout/components/slides';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nimport {TuiCalendarHeader} from './calendar-header.component';\nimport {TuiDatePicker} from './date-picker';\n\n/**\n * @deprecated: work in progress, do not use!\n */\n@Component({\n    selector: 'tui-calendar[new]',\n    imports: [\n        FormsModule,\n        TuiButton,\n        TuiCalendarHeader,\n        TuiCarousel,\n        TuiChevron,\n        TuiDataGrid,\n        TuiElasticContainer,\n        TuiLink,\n        TuiMapperPipe,\n        // eslint-disable-next-line @taiga-ui/experience-next/short-tui-imports\n        TuiMonthComponent,\n        TuiSlides,\n    ],\n    templateUrl: './calendar.component.html',\n    styleUrl: './calendar.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsAuxiliary(TuiCalendarComponent),\n        tuiProvide(AbstractTuiCalendar, TuiCalendarComponent),\n        tuiButtonOptionsProvider({size: 'xs', appearance: 'flat'}),\n        tuiTextfieldOptionsProvider({size: signal('m'), cleaner: signal(false)}),\n    ],\n})\nexport class TuiCalendarComponent<\n    T extends 'multi' | 'range' | 'single',\n> extends TuiDatePicker<T> {\n    protected readonly carousel = viewChild(TuiCarouselComponent);\n    protected readonly content = computed<PolymorpheusContent<TuiContext<TuiMonth>>>(\n        () => (c) => this.i18n()[c.$implicit.month],\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 year = computed(() =>\n        Array.from({length: 12}, (_, index) => new TuiMonth(this.month().year, index)),\n    );\n\n    protected readonly months = computed((value = this.value()) =>\n        this.year().filter((month) =>\n            value instanceof TuiDayRange\n                ? value.monthInRange(month)\n                : coerceArray<TuiDay>(value ?? []).some((day) => day.monthSame(month)),\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 disabledMonth = computed<TuiBooleanHandler<TuiMonth>>(\n        () => (month) => month.monthBefore(this.min()) || month.monthAfter(this.max()),\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    protected readonly index = computed(\n        () => this.month().year * 12 + this.month().month,\n    );\n\n    public readonly view = model<'day' | 'month' | 'year'>('day');\n    public readonly contentMonth = input<PolymorpheusContent<TuiContext<TuiMonth>>>();\n    public readonly contentYear = input<PolymorpheusContent<TuiContext<number>>>();\n    public readonly showAdjacent = input(this.options.showAdjacent);\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(month: TuiMonth): void {\n        this.month.set(month);\n        this.view.set('day');\n    }\n}\n","<header class=\"t-header\">\n    @if (view() !== 'year') {\n        <button\n            appearance=\"\"\n            tabindex=\"-1\"\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            [tuiChevron]=\"false\"\n            (click)=\"view.set(view() === 'day' ? 'month' : 'year')\"\n            (pointerdown.zoneless.prevent)=\"(0)\"\n        ></button>\n    } @else {\n        @let years = month().year + (carousel()?.index() || 0) * 12 - 6 | tuiMapper: getItems;\n        <b>{{ years[0] }}-{{ years[years.length - 1] }}</b>\n    }\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[1] }}\n    </button>\n\n    @if (!dropdown?.nativeElement?.matches('input')) {\n        <tui-calendar-header [mode]=\"mode()\" />\n    }\n</header>\n<tui-elastic-container class=\"t-slides\">\n    <section tuiSlides>\n        @switch (view()) {\n            @case ('day') {\n                <tui-carousel\n                    [index]=\"index()\"\n                    [max]=\"max().year * 12 + max().month\"\n                    [min]=\"min().year * 12 + min().month\"\n                    (indexChange)=\"month.set(getMonth($event))\"\n                >\n                    <tui-month\n                        *tuiItem=\"let current\"\n                        class=\"t-calendar\"\n                        [content]=\"contentDay()\"\n                        [dayType]=\"dayType()\"\n                        [disabledItemHandler]=\"disabledDay()\"\n                        [month]=\"current | tuiMapper: getMonth\"\n                        [showAdjacent]=\"showAdjacent()\"\n                        [showWeek]=\"showWeek()\"\n                        [value]=\"value()\"\n                        (pick)=\"onDay($event)\"\n                    />\n                </tui-carousel>\n            }\n\n            @case ('month') {\n                <tui-data-grid\n                    class=\"t-grid\"\n                    [content]=\"contentMonth() ?? content()\"\n                    [disabledItemHandler]=\"disabledMonth()\"\n                    [items]=\"year()\"\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                        class=\"t-grid\"\n                        [content]=\"contentYear()\"\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</tui-elastic-container>\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    ElementRef,\n    input,\n    signal,\n    viewChild,\n} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {WaIntersectionObservee} from '@ng-web-apis/intersection-observer';\nimport {TuiDay, TuiMonth} from '@taiga-ui/cdk/date-time';\nimport {TuiMapperPipe} from '@taiga-ui/cdk/pipes/mapper';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\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 {tuiTextfieldOptionsProvider} from '@taiga-ui/core/components/textfield';\nimport {tuiAsAuxiliary} from '@taiga-ui/core/tokens';\nimport {TuiMonthComponent} from '@taiga-ui/experimental/components/month';\nimport {TuiSlides} from '@taiga-ui/layout/components/slides';\n\nimport {TuiCalendarHeader} from './calendar-header.component';\nimport {TuiDatePicker} from './date-picker';\n\n/**\n * @deprecated: work in progress, do not use!\n */\n@Component({\n    selector: 'tui-calendar[months]',\n    imports: [\n        FormsModule,\n        TuiButton,\n        TuiCalendarHeader,\n        TuiCarousel,\n        TuiMapperPipe,\n        // eslint-disable-next-line @taiga-ui/experience-next/short-tui-imports\n        TuiMonthComponent,\n        TuiSlides,\n        WaIntersectionObservee,\n    ],\n    templateUrl: './calendar-multi.component.html',\n    styleUrl: './calendar-multi.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsAuxiliary(TuiCalendarMultiComponent),\n        tuiProvide(AbstractTuiCalendar, TuiCalendarMultiComponent),\n        tuiButtonOptionsProvider({size: 'xs', appearance: 'flat'}),\n        tuiTextfieldOptionsProvider({size: signal('m'), cleaner: signal(false)}),\n    ],\n    host: {'[style.--t-months]': 'months()'},\n})\nexport class TuiCalendarMultiComponent<\n    T extends 'multi' | 'range' | 'single',\n> extends TuiDatePicker<T> {\n    protected readonly visible = signal<Record<string, number>>({});\n    protected readonly carousel = viewChild(TuiCarouselComponent);\n    protected readonly scroll = viewChild.required(TuiCarouselComponent, {\n        read: ElementRef,\n    });\n\n    protected readonly height = computed(() =>\n        Math.max(...Object.values(this.visible())),\n    );\n\n    protected readonly start = computed(\n        (carousel = this.carousel()) => carousel?.index() === carousel?.min(),\n    );\n\n    protected readonly end = computed(\n        (carousel = this.carousel()) => carousel?.index() === carousel?.max(),\n    );\n\n    protected readonly index = computed(\n        () => this.month().year * 12 + this.month().month,\n    );\n\n    public readonly months = input<1 | 2 | 3>(2);\n\n    protected override updateMonth(day?: TuiDay | null): void {\n        this.month.update(({year, month}) => {\n            const updated = new TuiDay(day?.year || year, day?.month || month, 1);\n            const limited = updated.dayLimit(this.min(), this.max());\n\n            return Object.keys(this.visible()).includes(limited.toJSON().slice(0, -3))\n                ? new TuiMonth(year, month)\n                : limited;\n        });\n    }\n\n    protected getMonth(index: number): TuiMonth {\n        return new TuiMonth(Math.floor(index / 12), index % 12);\n    }\n\n    protected onSpin(step: number): void {\n        const el: HTMLElement = this.scroll().nativeElement;\n        const sign = el.matches('[dir=\"rtl\"] :scope') ? -1 : 1;\n        const left = el.offsetWidth / this.months();\n\n        el.scrollTo({left: el.scrollLeft + left * sign * step, behavior: 'smooth'});\n    }\n\n    protected onIntersection(visible: boolean, month: TuiMonth, height: number): void {\n        this.visible.update((current) => {\n            const {[month.toJSON()]: removed, ...rest} = current;\n\n            return visible ? {...current, [month.toJSON()]: removed || height} : rest;\n        });\n    }\n}\n","<header class=\"t-buttons\">\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"start()\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [disabled]=\"end()\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n        (pointerdown.zoneless.prevent)=\"(0)\"\n    >\n        {{ texts()[1] }}\n    </button>\n\n    @if (!dropdown?.nativeElement?.matches('input')) {\n        <tui-calendar-header [mode]=\"mode()\" />\n    }\n</header>\n<section\n    tuiSlides\n    class=\"t-slides\"\n>\n    <tui-carousel\n        [index]=\"index()\"\n        [max]=\"max().year * 12 + max().month\"\n        [min]=\"min().year * 12 + min().month\"\n        [style.max-block-size.px]=\"height()\"\n        (indexChange)=\"month.set(getMonth(index() + ($event - index()) * months()))\"\n    >\n        <ng-container *tuiItem=\"let current\">\n            @for (_ of '-'.repeat(months()); track $index) {\n                @let month = index() + (current - index()) * months() + $index | tuiMapper: getMonth;\n                <div\n                    #el\n                    class=\"t-calendar\"\n                >\n                    <div class=\"t-header\">{{ i18n()[month.month] }} {{ month.year }}</div>\n                    <tui-month\n                        [content]=\"contentDay()\"\n                        [dayType]=\"dayType()\"\n                        [disabledItemHandler]=\"disabledDay()\"\n                        [month]=\"month\"\n                        [showAdjacent]=\"false\"\n                        [showWeek]=\"showWeek()\"\n                        [value]=\"value()\"\n                        (pick)=\"onDay($event)\"\n                        (waIntersectionObservee)=\"onIntersection(!!$event[0]?.isIntersecting, month, el.offsetHeight)\"\n                    />\n                </div>\n            }\n        </ng-container>\n    </tui-carousel>\n</section>\n","import {TuiCalendarComponent} from './calendar.component';\nimport {TuiCalendarMultiComponent} from './calendar-multi.component';\n\nexport const TuiCalendar = [TuiCalendarComponent, TuiCalendarMultiComponent] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -16,11 +16,11 @@ class TuiDataGrid {
         this.disabledItemHandler = input(TUI_FALSE_HANDLER);
     }
     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;box-sizing:border-box}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);display:block;block-size:2.5rem;min-inline-size:0;border-radius:10rem;border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-primary);font:var(--tui-typography-ui-s);white-space:nowrap}.t-item ::ng-deep [tuiTitle]{gap:.125rem;text-align:center}.t-item ::ng-deep [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary);font:var(--tui-typography-ui-xs)}.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)}.t-item_active ::ng-deep [tuiTitle] [tuiSubtitle]{color:inherit}@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.ɵ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;font:var(--tui-typography-body-m);place-content:center;box-sizing:border-box}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);display:block;block-size:2.5rem;min-inline-size:0;border-radius:10rem;border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-primary);font:inherit;white-space:nowrap}.t-item ::ng-deep [tuiTitle]{gap:.125rem;text-align:center}.t-item ::ng-deep [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary);font:var(--tui-typography-ui-xs)}.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)}.t-item_active ::ng-deep [tuiTitle] [tuiSubtitle]{color:inherit}@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.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;box-sizing:border-box}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);display:block;block-size:2.5rem;min-inline-size:0;border-radius:10rem;border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-primary);font:var(--tui-typography-ui-s);white-space:nowrap}.t-item ::ng-deep [tuiTitle]{gap:.125rem;text-align:center}.t-item ::ng-deep [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary);font:var(--tui-typography-ui-xs)}.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)}.t-item_active ::ng-deep [tuiTitle] [tuiSubtitle]{color:inherit}@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"] }]
+            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;font:var(--tui-typography-body-m);place-content:center;box-sizing:border-box}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);display:block;block-size:2.5rem;min-inline-size:0;border-radius:10rem;border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-primary);font:inherit;white-space:nowrap}.t-item ::ng-deep [tuiTitle]{gap:.125rem;text-align:center}.t-item ::ng-deep [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary);font:var(--tui-typography-ui-xs)}.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)}.t-item_active ::ng-deep [tuiTitle] [tuiSubtitle]{color:inherit}@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-data-grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-data-grid.mjs","sources":["../../../projects/experimental/components/data-grid/data-grid.component.ts","../../../projects/experimental/components/data-grid/data-grid.component.html","../../../projects/experimental/components/data-grid/taiga-ui-experimental-components-data-grid.ts"],"sourcesContent":["import {coerceArray} from '@angular/cdk/coercion';\nimport {ChangeDetectionStrategy, Component, input, output} from '@angular/core';\nimport {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {type TuiBooleanHandler, type TuiContext} from '@taiga-ui/cdk/types';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\n/**\n * @deprecated: work in progress, do not use!\n */\n@Component({\n    selector: 'tui-data-grid',\n    imports: [PolymorpheusOutlet],\n    templateUrl: './data-grid.component.html',\n    styleUrl: './data-grid.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiDataGrid<T> {\n    public readonly pick = output<T>();\n    public readonly items = input<readonly T[]>([]);\n    public readonly content = input<PolymorpheusContent<TuiContext<T>>>();\n    public readonly value = input([], {transform: coerceArray<T>});\n    public readonly disabledItemHandler = input<TuiBooleanHandler<T>>(TUI_FALSE_HANDLER);\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAMA;;AAEG;MAQU,WAAW,CAAA;AAPxB,IAAA,WAAA,GAAA;QAQoB,IAAA,CAAA,IAAI,GAAG,MAAM,EAAK;AAClB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAe,EAAE,CAAC;QAC/B,IAAA,CAAA,OAAO,GAAG,KAAK,EAAsC;AACrD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE,EAAE,EAAC,SAAS,GAAE,WAAc,CAAA,EAAC,CAAC;AAC9C,QAAA,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAuB,iBAAiB,CAAC;AACvF,IAAA;+GANY,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBxB,gbAaA,EAAA,MAAA,EAAA,CAAA,qkCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDFc,kBAAkB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAKnB,WAAW,EAAA,UAAA,EAAA,CAAA;kBAPvB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,WAChB,CAAC,kBAAkB,CAAC,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gbAAA,EAAA,MAAA,EAAA,CAAA,qkCAAA,CAAA,EAAA;;;AEdnD;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-experimental-components-data-grid.mjs","sources":["../../../projects/experimental/components/data-grid/data-grid.component.ts","../../../projects/experimental/components/data-grid/data-grid.component.html","../../../projects/experimental/components/data-grid/taiga-ui-experimental-components-data-grid.ts"],"sourcesContent":["import {coerceArray} from '@angular/cdk/coercion';\nimport {ChangeDetectionStrategy, Component, input, output} from '@angular/core';\nimport {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {type TuiBooleanHandler, type TuiContext} from '@taiga-ui/cdk/types';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\n/**\n * @deprecated: work in progress, do not use!\n */\n@Component({\n    selector: 'tui-data-grid',\n    imports: [PolymorpheusOutlet],\n    templateUrl: './data-grid.component.html',\n    styleUrl: './data-grid.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiDataGrid<T> {\n    public readonly pick = output<T>();\n    public readonly items = input<readonly T[]>([]);\n    public readonly content = input<PolymorpheusContent<TuiContext<T>>>();\n    public readonly value = input([], {transform: coerceArray<T>});\n    public readonly disabledItemHandler = input<TuiBooleanHandler<T>>(TUI_FALSE_HANDLER);\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAMA;;AAEG;MAQU,WAAW,CAAA;AAPxB,IAAA,WAAA,GAAA;QAQoB,IAAA,CAAA,IAAI,GAAG,MAAM,EAAK;AAClB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAe,EAAE,CAAC;QAC/B,IAAA,CAAA,OAAO,GAAG,KAAK,EAAsC;AACrD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE,EAAE,EAAC,SAAS,GAAE,WAAc,CAAA,EAAC,CAAC;AAC9C,QAAA,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAuB,iBAAiB,CAAC;AACvF,IAAA;+GANY,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBxB,gbAaA,EAAA,MAAA,EAAA,CAAA,olCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDFc,kBAAkB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAKnB,WAAW,EAAA,UAAA,EAAA,CAAA;kBAPvB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,WAChB,CAAC,kBAAkB,CAAC,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gbAAA,EAAA,MAAA,EAAA,CAAA,olCAAA,CAAA,EAAA;;;AEdnD;;AAEG;;;;"}

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

@@ -40,7 +40,7 @@ class TuiFile {
             <ng-content select="[tuiTitle]" />
         </label>
         <ng-content select="[tuiButtonX]" />
-    `, isInline: true, styles: ["[data-tui-version=\"5.19.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.20.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiFile, decorators: [{
             type: Component,
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                     ], hostDirectives: [{ directive: TuiCell, inputs: ['tuiCell: size'] }], host: {
                         tuiFile: '',
                         '[attr.data-orientation]': 'orientation()',
-                    }, styles: ["[data-tui-version=\"5.19.0\"]{@import \"./file.styles.less\";}\n"] }]
+                    }, styles: ["[data-tui-version=\"5.20.0\"]{@import \"./file.styles.less\";}\n"] }]
         }] });
 
 class TuiFilePipe {

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

@@ -1,5 +1,4 @@
 import { coerceArray } from '@angular/cdk/coercion';
-import { UpperCasePipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { signal, Pipe, inject, computed, output, input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { TUI_FALSE_HANDLER } from '@taiga-ui/cdk/constants';
@@ -88,20 +87,14 @@ class TuiMonthComponent {
         return day === this.days()[5] || day === this.days()[6] ? 'weekend' : '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiMonthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiMonthComponent, isStandalone: true, selector: "tui-month", inputs: { month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, dayType: { classPropertyName: "dayType", publicName: "dayType", isSignal: true, isRequired: false, transformFunction: null }, showAdjacent: { classPropertyName: "showAdjacent", publicName: "showAdjacent", isSignal: true, isRequired: false, transformFunction: null }, showWeek: { classPropertyName: "showWeek", publicName: "showWeek", 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)" }, properties: { "class._ww": "showWeek()" } }, ngImport: i0, template: "@if (showWeek()) {\n    <span>#</span>\n}\n@for (day of week(); track $index) {\n    <span [attr.data-type]=\"getType(day)\">{{ day.slice(0, 2) | uppercase }}</span>\n}\n@for (week of month() | tuiCalendarSheet: true; track week) {\n    @for (day of week; track day) {\n        @if (day.monthSameOrBefore(month()) || showAdjacent()) {\n            @if (showWeek() && $first) {\n                <button\n                    disabled\n                    tabindex=\"-1\"\n                    type=\"button\"\n                    class=\"t-day\"\n                >\n                    {{ day | tuiWeek }}\n                </button>\n            }\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                class=\"t-day\"\n                [attr.data-range]=\"getRange(day)\"\n                [attr.data-type]=\"day | tuiMapper: dayType()\"\n                [class.t-day_adjacent]=\"day.month !== month().month\"\n                [class.t-day_end]=\"$last\"\n                [class.t-day_hidden]=\"day.monthBefore(month()) && !showAdjacent()\"\n                [class.t-day_start]=\"$first\"\n                [class.t-day_today]=\"day.daySame(today)\"\n                [disabled]=\"disabledItemHandler()(day)\"\n                (click)=\"pick.emit(day)\"\n                (mouseenter)=\"hovered.set(day)\"\n                (pointerdown.prevent.zoneless)=\"(0)\"\n            >\n                <ng-container *polymorpheusOutlet=\"content() || `${day.day}` as text; context: {$implicit: day}\">\n                    {{ text }}\n                </ng-container>\n            </button>\n        }\n    }\n}\n", styles: [":host{display:grid;inline-size:100%;color:var(--tui-text-secondary);font:var(--tui-typography-body-m);grid-template:2rem / repeat(7,1fr);gap:.25rem 0;place-items:center;isolation:isolate}:host._ww{grid-template:2rem / repeat(8,1fr)}.t-day{position:relative;inline-size:100%;min-block-size:var(--tui-height-s);padding:0;border:0;background:transparent;font:inherit;color:var(--tui-text-primary);cursor:pointer;overflow:hidden}.t-day:has([tuiTitle]){min-block-size:var(--tui-height-m)}.t-day:has([tuiTitle]):before{min-inline-size:var(--tui-height-m);border-radius:var(--tui-radius-m)}.t-day:has([tuiTitle]):after{display:none}.t-day ::ng-deep [tuiTitle]{gap:.125rem;text-align:center}.t-day ::ng-deep [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary);font:var(--tui-typography-ui-xs)}.t-day ::ng-deep [tuiTitle] [tuiSubtitle]:before{content:\"\\200b\"}.t-day:before{content:\"\";position:absolute;inset:50%;z-index:-1;block-size:100%;min-inline-size:var(--tui-height-s);aspect-ratio:1;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_hidden{visibility:hidden}.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-1)}.t-day_start{border-start-start-radius:var(--tui-radius-s);border-end-start-radius:var(--tui-radius-s)}.t-day_end{border-start-end-radius:var(--tui-radius-s);border-end-end-radius:var(--tui-radius-s)}.t-day[data-range=single],.t-day[data-range=start],.t-day[data-range=end]{color:var(--tui-text-primary-on-accent-1)}.t-day[data-range=single] ::ng-deep [tuiSubtitle],.t-day[data-range=start] ::ng-deep [tuiSubtitle],.t-day[data-range=end] ::ng-deep [tuiSubtitle]{color:inherit}.t-day[data-range=single]:before,.t-day[data-range=start]:before,.t-day[data-range=end]:before{background:var(--tui-background-accent-1)}.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-1-hover)}}[data-type~=weekend]{color:var(--tui-text-action)}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "pipe", type: TuiCalendarSheetPipe, name: "tuiCalendarSheet" }, { kind: "pipe", type: TuiMapperPipe, name: "tuiMapper" }, { kind: "pipe", type: TuiWeekPipe, name: "tuiWeek" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiMonthComponent, isStandalone: true, selector: "tui-month", inputs: { month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, dayType: { classPropertyName: "dayType", publicName: "dayType", isSignal: true, isRequired: false, transformFunction: null }, showAdjacent: { classPropertyName: "showAdjacent", publicName: "showAdjacent", isSignal: true, isRequired: false, transformFunction: null }, showWeek: { classPropertyName: "showWeek", publicName: "showWeek", 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)" }, properties: { "class._ww": "showWeek()" } }, ngImport: i0, template: "@if (showWeek()) {\n    <span class=\"t-label\">#</span>\n}\n@for (day of week(); track $index) {\n    <span\n        class=\"t-label\"\n        [attr.data-type]=\"getType(day)\"\n    >\n        {{ day.slice(0, 2) }}\n    </span>\n}\n@for (week of month() | tuiCalendarSheet: true; track week) {\n    @for (day of week; track day) {\n        @if (day.monthSameOrBefore(month()) || showAdjacent()) {\n            @if (showWeek() && $first) {\n                <button\n                    disabled\n                    tabindex=\"-1\"\n                    type=\"button\"\n                    class=\"t-day\"\n                >\n                    {{ day | tuiWeek }}\n                </button>\n            }\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                class=\"t-day\"\n                [attr.data-range]=\"getRange(day)\"\n                [attr.data-type]=\"day | tuiMapper: dayType()\"\n                [class.t-day_adjacent]=\"day.month !== month().month\"\n                [class.t-day_end]=\"$last\"\n                [class.t-day_hidden]=\"day.monthBefore(month()) && !showAdjacent()\"\n                [class.t-day_start]=\"$first\"\n                [class.t-day_today]=\"day.daySame(today)\"\n                [disabled]=\"disabledItemHandler()(day)\"\n                (click)=\"pick.emit(day)\"\n                (mouseenter)=\"hovered.set(day)\"\n                (pointerdown.prevent.zoneless)=\"(0)\"\n            >\n                <ng-container *polymorpheusOutlet=\"content() || `${day.day}` as text; context: {$implicit: day}\">\n                    {{ text }}\n                </ng-container>\n            </button>\n        }\n    }\n}\n", styles: [":host{display:grid;inline-size:100%;min-block-size:var(--tui-height-s);color:var(--tui-text-secondary);font:var(--tui-typography-body-m);grid-template:2rem / repeat(7,1fr);gap:.25rem 0;place-items:center;isolation:isolate}:host._ww{grid-template:2rem / repeat(8,1fr)}.t-label{padding:.5rem 0 .375rem;font:var(--tui-typography-ui-s);text-transform:uppercase}.t-day{position:relative;inline-size:100%;min-block-size:inherit;padding:0;border:0;background:transparent;font:inherit;color:var(--tui-text-primary);cursor:pointer;overflow:hidden}.t-day:has([tuiTitle]){min-block-size:var(--tui-height-m)}.t-day:has([tuiTitle]):before{min-inline-size:var(--tui-height-m);border-radius:var(--tui-radius-m)}.t-day:has([tuiTitle]):after{display:none}.t-day ::ng-deep [tuiTitle]{gap:.125rem;text-align:center}.t-day ::ng-deep [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary);font:var(--tui-typography-ui-xs)}.t-day ::ng-deep [tuiTitle] [tuiSubtitle]:before{content:\"\\200b\"}.t-day:before{content:\"\";position:absolute;inset:50%;z-index:-1;block-size:100%;min-inline-size:var(--tui-height-s);aspect-ratio:1;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_hidden{visibility:hidden}.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-1)}.t-day_start{border-start-start-radius:var(--tui-radius-s);border-end-start-radius:var(--tui-radius-s)}.t-day_end{border-start-end-radius:var(--tui-radius-s);border-end-end-radius:var(--tui-radius-s)}.t-day[data-range=single],.t-day[data-range=start],.t-day[data-range=end]{color:var(--tui-text-primary-on-accent-1)}.t-day[data-range=single] ::ng-deep [tuiSubtitle],.t-day[data-range=start] ::ng-deep [tuiSubtitle],.t-day[data-range=end] ::ng-deep [tuiSubtitle]{color:inherit}.t-day[data-range=single]:before,.t-day[data-range=start]:before,.t-day[data-range=end]:before{background:var(--tui-background-accent-1)}.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-1-hover)}}[data-type~=weekend]{color:var(--tui-text-action)}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "pipe", type: TuiCalendarSheetPipe, name: "tuiCalendarSheet" }, { kind: "pipe", type: TuiMapperPipe, name: "tuiMapper" }, { kind: "pipe", type: TuiWeekPipe, name: "tuiWeek" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiMonthComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-month', imports: [
-                        PolymorpheusOutlet,
-                        TuiCalendarSheetPipe,
-                        TuiMapperPipe,
-                        TuiWeekPipe,
-                        UpperCasePipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'tui-month', imports: [PolymorpheusOutlet, TuiCalendarSheetPipe, TuiMapperPipe, TuiWeekPipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class._ww]': 'showWeek()',
                         '(mouseleave)': 'hovered.set(null)',
-                    }, template: "@if (showWeek()) {\n    <span>#</span>\n}\n@for (day of week(); track $index) {\n    <span [attr.data-type]=\"getType(day)\">{{ day.slice(0, 2) | uppercase }}</span>\n}\n@for (week of month() | tuiCalendarSheet: true; track week) {\n    @for (day of week; track day) {\n        @if (day.monthSameOrBefore(month()) || showAdjacent()) {\n            @if (showWeek() && $first) {\n                <button\n                    disabled\n                    tabindex=\"-1\"\n                    type=\"button\"\n                    class=\"t-day\"\n                >\n                    {{ day | tuiWeek }}\n                </button>\n            }\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                class=\"t-day\"\n                [attr.data-range]=\"getRange(day)\"\n                [attr.data-type]=\"day | tuiMapper: dayType()\"\n                [class.t-day_adjacent]=\"day.month !== month().month\"\n                [class.t-day_end]=\"$last\"\n                [class.t-day_hidden]=\"day.monthBefore(month()) && !showAdjacent()\"\n                [class.t-day_start]=\"$first\"\n                [class.t-day_today]=\"day.daySame(today)\"\n                [disabled]=\"disabledItemHandler()(day)\"\n                (click)=\"pick.emit(day)\"\n                (mouseenter)=\"hovered.set(day)\"\n                (pointerdown.prevent.zoneless)=\"(0)\"\n            >\n                <ng-container *polymorpheusOutlet=\"content() || `${day.day}` as text; context: {$implicit: day}\">\n                    {{ text }}\n                </ng-container>\n            </button>\n        }\n    }\n}\n", styles: [":host{display:grid;inline-size:100%;color:var(--tui-text-secondary);font:var(--tui-typography-body-m);grid-template:2rem / repeat(7,1fr);gap:.25rem 0;place-items:center;isolation:isolate}:host._ww{grid-template:2rem / repeat(8,1fr)}.t-day{position:relative;inline-size:100%;min-block-size:var(--tui-height-s);padding:0;border:0;background:transparent;font:inherit;color:var(--tui-text-primary);cursor:pointer;overflow:hidden}.t-day:has([tuiTitle]){min-block-size:var(--tui-height-m)}.t-day:has([tuiTitle]):before{min-inline-size:var(--tui-height-m);border-radius:var(--tui-radius-m)}.t-day:has([tuiTitle]):after{display:none}.t-day ::ng-deep [tuiTitle]{gap:.125rem;text-align:center}.t-day ::ng-deep [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary);font:var(--tui-typography-ui-xs)}.t-day ::ng-deep [tuiTitle] [tuiSubtitle]:before{content:\"\\200b\"}.t-day:before{content:\"\";position:absolute;inset:50%;z-index:-1;block-size:100%;min-inline-size:var(--tui-height-s);aspect-ratio:1;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_hidden{visibility:hidden}.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-1)}.t-day_start{border-start-start-radius:var(--tui-radius-s);border-end-start-radius:var(--tui-radius-s)}.t-day_end{border-start-end-radius:var(--tui-radius-s);border-end-end-radius:var(--tui-radius-s)}.t-day[data-range=single],.t-day[data-range=start],.t-day[data-range=end]{color:var(--tui-text-primary-on-accent-1)}.t-day[data-range=single] ::ng-deep [tuiSubtitle],.t-day[data-range=start] ::ng-deep [tuiSubtitle],.t-day[data-range=end] ::ng-deep [tuiSubtitle]{color:inherit}.t-day[data-range=single]:before,.t-day[data-range=start]:before,.t-day[data-range=end]:before{background:var(--tui-background-accent-1)}.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-1-hover)}}[data-type~=weekend]{color:var(--tui-text-action)}\n"] }]
+                    }, template: "@if (showWeek()) {\n    <span class=\"t-label\">#</span>\n}\n@for (day of week(); track $index) {\n    <span\n        class=\"t-label\"\n        [attr.data-type]=\"getType(day)\"\n    >\n        {{ day.slice(0, 2) }}\n    </span>\n}\n@for (week of month() | tuiCalendarSheet: true; track week) {\n    @for (day of week; track day) {\n        @if (day.monthSameOrBefore(month()) || showAdjacent()) {\n            @if (showWeek() && $first) {\n                <button\n                    disabled\n                    tabindex=\"-1\"\n                    type=\"button\"\n                    class=\"t-day\"\n                >\n                    {{ day | tuiWeek }}\n                </button>\n            }\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                class=\"t-day\"\n                [attr.data-range]=\"getRange(day)\"\n                [attr.data-type]=\"day | tuiMapper: dayType()\"\n                [class.t-day_adjacent]=\"day.month !== month().month\"\n                [class.t-day_end]=\"$last\"\n                [class.t-day_hidden]=\"day.monthBefore(month()) && !showAdjacent()\"\n                [class.t-day_start]=\"$first\"\n                [class.t-day_today]=\"day.daySame(today)\"\n                [disabled]=\"disabledItemHandler()(day)\"\n                (click)=\"pick.emit(day)\"\n                (mouseenter)=\"hovered.set(day)\"\n                (pointerdown.prevent.zoneless)=\"(0)\"\n            >\n                <ng-container *polymorpheusOutlet=\"content() || `${day.day}` as text; context: {$implicit: day}\">\n                    {{ text }}\n                </ng-container>\n            </button>\n        }\n    }\n}\n", styles: [":host{display:grid;inline-size:100%;min-block-size:var(--tui-height-s);color:var(--tui-text-secondary);font:var(--tui-typography-body-m);grid-template:2rem / repeat(7,1fr);gap:.25rem 0;place-items:center;isolation:isolate}:host._ww{grid-template:2rem / repeat(8,1fr)}.t-label{padding:.5rem 0 .375rem;font:var(--tui-typography-ui-s);text-transform:uppercase}.t-day{position:relative;inline-size:100%;min-block-size:inherit;padding:0;border:0;background:transparent;font:inherit;color:var(--tui-text-primary);cursor:pointer;overflow:hidden}.t-day:has([tuiTitle]){min-block-size:var(--tui-height-m)}.t-day:has([tuiTitle]):before{min-inline-size:var(--tui-height-m);border-radius:var(--tui-radius-m)}.t-day:has([tuiTitle]):after{display:none}.t-day ::ng-deep [tuiTitle]{gap:.125rem;text-align:center}.t-day ::ng-deep [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary);font:var(--tui-typography-ui-xs)}.t-day ::ng-deep [tuiTitle] [tuiSubtitle]:before{content:\"\\200b\"}.t-day:before{content:\"\";position:absolute;inset:50%;z-index:-1;block-size:100%;min-inline-size:var(--tui-height-s);aspect-ratio:1;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_hidden{visibility:hidden}.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-1)}.t-day_start{border-start-start-radius:var(--tui-radius-s);border-end-start-radius:var(--tui-radius-s)}.t-day_end{border-start-end-radius:var(--tui-radius-s);border-end-end-radius:var(--tui-radius-s)}.t-day[data-range=single],.t-day[data-range=start],.t-day[data-range=end]{color:var(--tui-text-primary-on-accent-1)}.t-day[data-range=single] ::ng-deep [tuiSubtitle],.t-day[data-range=start] ::ng-deep [tuiSubtitle],.t-day[data-range=end] ::ng-deep [tuiSubtitle]{color:inherit}.t-day[data-range=single]:before,.t-day[data-range=start]:before,.t-day[data-range=end]:before{background:var(--tui-background-accent-1)}.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-1-hover)}}[data-type~=weekend]{color:var(--tui-text-action)}\n"] }]
         }] });
 function convert(week) {
     return [week[week.length - 1] || '', ...week.slice(0, week.length - 1)];

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-month.mjs","sources":["../../../projects/experimental/components/month/month.options.ts","../../../projects/experimental/components/month/week.pipe.ts","../../../projects/experimental/components/month/month.component.ts","../../../projects/experimental/components/month/month.component.html","../../../projects/experimental/components/month/taiga-ui-experimental-components-month.ts"],"sourcesContent":["import {type Signal, signal} from '@angular/core';\nimport {type TuiDay, TuiDayOfWeek} from '@taiga-ui/cdk/date-time';\nimport {type TuiHandler} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiMonthOptions {\n    readonly dayType: TuiHandler<TuiDay, string>;\n    readonly weekFirstDay: Signal<number>;\n    readonly showAdjacent: boolean;\n    readonly showWeek: boolean;\n}\n\nexport const TUI_MONTH_DEFAULT_OPTIONS: TuiMonthOptions = {\n    dayType: (day) => (day.isWeekend ? 'weekend' : 'weekday'),\n    weekFirstDay: signal(TuiDayOfWeek.Monday),\n    showAdjacent: false,\n    showWeek: false,\n};\n\nexport const [TUI_MONTH_OPTIONS, tuiMonthOptionsProvider] = tuiCreateOptions(\n    TUI_MONTH_DEFAULT_OPTIONS,\n);\n","import {Pipe, type PipeTransform} from '@angular/core';\nimport {TuiDay} from '@taiga-ui/cdk/date-time';\n\nconst ISO_MIN = 4;\n\n@Pipe({name: 'tuiWeek'})\nexport class TuiWeekPipe implements PipeTransform {\n    public transform(day: TuiDay): number {\n        const today = this.getWeek(day);\n        const prev = this.getWeek(day.append({day: -7}));\n        const next = this.getWeek(day.append({day: 7}));\n\n        return next === 2 ? 1 : today || prev;\n    }\n\n    private getWeek(day: TuiDay): number {\n        const beginning = new TuiDay(day.year, 0, 1);\n        const delta = beginning.dayOfWeek();\n        const first = ISO_MIN > 7 - delta ? 0 : 1;\n        const sunday = day.append({day: 6 - day.dayOfWeek()});\n        const offset = Math.floor(TuiDay.lengthBetween(beginning, sunday) / 7);\n\n        return first + offset;\n    }\n}\n","import {coerceArray} from '@angular/cdk/coercion';\nimport {UpperCasePipe} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    output,\n    signal,\n} from '@angular/core';\nimport {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {TuiDay, TuiDayRange, TuiMonth} 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 {TuiCalendarSheetPipe} from '@taiga-ui/core/components/calendar';\nimport {TUI_SHORT_WEEK_DAYS} from '@taiga-ui/core/tokens';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TUI_MONTH_OPTIONS} from './month.options';\nimport {TuiWeekPipe} from './week.pipe';\n\n/**\n * @deprecated: work in progress, do not use!\n */\n@Component({\n    selector: 'tui-month',\n    imports: [\n        PolymorpheusOutlet,\n        TuiCalendarSheetPipe,\n        TuiMapperPipe,\n        TuiWeekPipe,\n        UpperCasePipe,\n    ],\n    templateUrl: './month.component.html',\n    styleUrl: './month.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class._ww]': 'showWeek()',\n        '(mouseleave)': 'hovered.set(null)',\n    },\n})\nexport class TuiMonthComponent {\n    private readonly days = inject(TUI_SHORT_WEEK_DAYS);\n    private readonly options = inject(TUI_MONTH_OPTIONS);\n\n    protected readonly today = TuiDay.currentLocal();\n    protected readonly hovered = signal<TuiDay | null>(null);\n\n    protected readonly week = computed((week = convert(this.days())) => [\n        ...week.slice(this.options.weekFirstDay()),\n        ...week.slice(0, this.options.weekFirstDay()),\n    ]);\n\n    public readonly pick = output<TuiDay>();\n    public readonly month = input(TuiMonth.currentLocal());\n    public readonly value = input<TuiDay | TuiDayRange | readonly TuiDay[] | null>(null);\n    public readonly content = input<PolymorpheusContent<TuiContext<TuiDay>>>();\n    public readonly dayType = input(this.options.dayType);\n    public readonly showAdjacent = input(this.options.showAdjacent);\n    public readonly showWeek = input(this.options.showWeek);\n\n    public readonly disabledItemHandler =\n        input<TuiBooleanHandler<TuiDay>>(TUI_FALSE_HANDLER);\n\n    protected getRange(day: TuiDay): 'end' | 'middle' | 'single' | 'start' | null {\n        const value = this.value() || [];\n\n        if (!(value instanceof TuiDayRange)) {\n            return coerceArray(value).find((item) => day.daySame(item)) ? 'single' : null;\n        }\n\n        const hovered = this.hovered();\n\n        const range =\n            value.from === value.to && hovered\n                ? TuiDayRange.sort(hovered, value.to)\n                : value;\n\n        if (range.isSingleDay && day.daySame(range.from)) {\n            return 'single';\n        }\n\n        if (day.daySame(range.from)) {\n            return 'start';\n        }\n\n        if (day.daySame(range.to)) {\n            return 'end';\n        }\n\n        return range.dayInRange(day) ? 'middle' : null;\n    }\n\n    protected getType(day: string): string {\n        return day === this.days()[5] || day === this.days()[6] ? 'weekend' : '';\n    }\n}\n\nfunction convert(week: readonly string[]): readonly string[] {\n    return [week[week.length - 1] || '', ...week.slice(0, week.length - 1)];\n}\n","@if (showWeek()) {\n    <span>#</span>\n}\n@for (day of week(); track $index) {\n    <span [attr.data-type]=\"getType(day)\">{{ day.slice(0, 2) | uppercase }}</span>\n}\n@for (week of month() | tuiCalendarSheet: true; track week) {\n    @for (day of week; track day) {\n        @if (day.monthSameOrBefore(month()) || showAdjacent()) {\n            @if (showWeek() && $first) {\n                <button\n                    disabled\n                    tabindex=\"-1\"\n                    type=\"button\"\n                    class=\"t-day\"\n                >\n                    {{ day | tuiWeek }}\n                </button>\n            }\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                class=\"t-day\"\n                [attr.data-range]=\"getRange(day)\"\n                [attr.data-type]=\"day | tuiMapper: dayType()\"\n                [class.t-day_adjacent]=\"day.month !== month().month\"\n                [class.t-day_end]=\"$last\"\n                [class.t-day_hidden]=\"day.monthBefore(month()) && !showAdjacent()\"\n                [class.t-day_start]=\"$first\"\n                [class.t-day_today]=\"day.daySame(today)\"\n                [disabled]=\"disabledItemHandler()(day)\"\n                (click)=\"pick.emit(day)\"\n                (mouseenter)=\"hovered.set(day)\"\n                (pointerdown.prevent.zoneless)=\"(0)\"\n            >\n                <ng-container *polymorpheusOutlet=\"content() || `${day.day}` as text; context: {$implicit: day}\">\n                    {{ text }}\n                </ng-container>\n            </button>\n        }\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-month.mjs","sources":["../../../projects/experimental/components/month/month.options.ts","../../../projects/experimental/components/month/week.pipe.ts","../../../projects/experimental/components/month/month.component.ts","../../../projects/experimental/components/month/month.component.html","../../../projects/experimental/components/month/taiga-ui-experimental-components-month.ts"],"sourcesContent":["import {type Signal, signal} from '@angular/core';\nimport {type TuiDay, TuiDayOfWeek} from '@taiga-ui/cdk/date-time';\nimport {type TuiHandler} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiMonthOptions {\n    readonly dayType: TuiHandler<TuiDay, string>;\n    readonly weekFirstDay: Signal<number>;\n    readonly showAdjacent: boolean;\n    readonly showWeek: boolean;\n}\n\nexport const TUI_MONTH_DEFAULT_OPTIONS: TuiMonthOptions = {\n    dayType: (day) => (day.isWeekend ? 'weekend' : 'weekday'),\n    weekFirstDay: signal(TuiDayOfWeek.Monday),\n    showAdjacent: false,\n    showWeek: false,\n};\n\nexport const [TUI_MONTH_OPTIONS, tuiMonthOptionsProvider] = tuiCreateOptions(\n    TUI_MONTH_DEFAULT_OPTIONS,\n);\n","import {Pipe, type PipeTransform} from '@angular/core';\nimport {TuiDay} from '@taiga-ui/cdk/date-time';\n\nconst ISO_MIN = 4;\n\n@Pipe({name: 'tuiWeek'})\nexport class TuiWeekPipe implements PipeTransform {\n    public transform(day: TuiDay): number {\n        const today = this.getWeek(day);\n        const prev = this.getWeek(day.append({day: -7}));\n        const next = this.getWeek(day.append({day: 7}));\n\n        return next === 2 ? 1 : today || prev;\n    }\n\n    private getWeek(day: TuiDay): number {\n        const beginning = new TuiDay(day.year, 0, 1);\n        const delta = beginning.dayOfWeek();\n        const first = ISO_MIN > 7 - delta ? 0 : 1;\n        const sunday = day.append({day: 6 - day.dayOfWeek()});\n        const offset = Math.floor(TuiDay.lengthBetween(beginning, sunday) / 7);\n\n        return first + offset;\n    }\n}\n","import {coerceArray} from '@angular/cdk/coercion';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    output,\n    signal,\n} from '@angular/core';\nimport {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {TuiDay, TuiDayRange, TuiMonth} 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 {TuiCalendarSheetPipe} from '@taiga-ui/core/components/calendar';\nimport {TUI_SHORT_WEEK_DAYS} from '@taiga-ui/core/tokens';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TUI_MONTH_OPTIONS} from './month.options';\nimport {TuiWeekPipe} from './week.pipe';\n\n/**\n * @deprecated: work in progress, do not use!\n */\n@Component({\n    selector: 'tui-month',\n    imports: [PolymorpheusOutlet, TuiCalendarSheetPipe, TuiMapperPipe, TuiWeekPipe],\n    templateUrl: './month.component.html',\n    styleUrl: './month.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class._ww]': 'showWeek()',\n        '(mouseleave)': 'hovered.set(null)',\n    },\n})\nexport class TuiMonthComponent {\n    private readonly days = inject(TUI_SHORT_WEEK_DAYS);\n    private readonly options = inject(TUI_MONTH_OPTIONS);\n\n    protected readonly today = TuiDay.currentLocal();\n    protected readonly hovered = signal<TuiDay | null>(null);\n\n    protected readonly week = computed((week = convert(this.days())) => [\n        ...week.slice(this.options.weekFirstDay()),\n        ...week.slice(0, this.options.weekFirstDay()),\n    ]);\n\n    public readonly pick = output<TuiDay>();\n    public readonly month = input(TuiMonth.currentLocal());\n    public readonly value = input<TuiDay | TuiDayRange | readonly TuiDay[] | null>(null);\n    public readonly content = input<PolymorpheusContent<TuiContext<TuiDay>>>();\n    public readonly dayType = input(this.options.dayType);\n    public readonly showAdjacent = input(this.options.showAdjacent);\n    public readonly showWeek = input(this.options.showWeek);\n\n    public readonly disabledItemHandler =\n        input<TuiBooleanHandler<TuiDay>>(TUI_FALSE_HANDLER);\n\n    protected getRange(day: TuiDay): 'end' | 'middle' | 'single' | 'start' | null {\n        const value = this.value() || [];\n\n        if (!(value instanceof TuiDayRange)) {\n            return coerceArray(value).find((item) => day.daySame(item)) ? 'single' : null;\n        }\n\n        const hovered = this.hovered();\n\n        const range =\n            value.from === value.to && hovered\n                ? TuiDayRange.sort(hovered, value.to)\n                : value;\n\n        if (range.isSingleDay && day.daySame(range.from)) {\n            return 'single';\n        }\n\n        if (day.daySame(range.from)) {\n            return 'start';\n        }\n\n        if (day.daySame(range.to)) {\n            return 'end';\n        }\n\n        return range.dayInRange(day) ? 'middle' : null;\n    }\n\n    protected getType(day: string): string {\n        return day === this.days()[5] || day === this.days()[6] ? 'weekend' : '';\n    }\n}\n\nfunction convert(week: readonly string[]): readonly string[] {\n    return [week[week.length - 1] || '', ...week.slice(0, week.length - 1)];\n}\n","@if (showWeek()) {\n    <span class=\"t-label\">#</span>\n}\n@for (day of week(); track $index) {\n    <span\n        class=\"t-label\"\n        [attr.data-type]=\"getType(day)\"\n    >\n        {{ day.slice(0, 2) }}\n    </span>\n}\n@for (week of month() | tuiCalendarSheet: true; track week) {\n    @for (day of week; track day) {\n        @if (day.monthSameOrBefore(month()) || showAdjacent()) {\n            @if (showWeek() && $first) {\n                <button\n                    disabled\n                    tabindex=\"-1\"\n                    type=\"button\"\n                    class=\"t-day\"\n                >\n                    {{ day | tuiWeek }}\n                </button>\n            }\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                class=\"t-day\"\n                [attr.data-range]=\"getRange(day)\"\n                [attr.data-type]=\"day | tuiMapper: dayType()\"\n                [class.t-day_adjacent]=\"day.month !== month().month\"\n                [class.t-day_end]=\"$last\"\n                [class.t-day_hidden]=\"day.monthBefore(month()) && !showAdjacent()\"\n                [class.t-day_start]=\"$first\"\n                [class.t-day_today]=\"day.daySame(today)\"\n                [disabled]=\"disabledItemHandler()(day)\"\n                (click)=\"pick.emit(day)\"\n                (mouseenter)=\"hovered.set(day)\"\n                (pointerdown.prevent.zoneless)=\"(0)\"\n            >\n                <ng-container *polymorpheusOutlet=\"content() || `${day.day}` as text; context: {$implicit: day}\">\n                    {{ text }}\n                </ng-container>\n            </button>\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/experimental",
-  "version": "5.19.0",
+  "version": "5.20.0",
   "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.19.0",
-    "@taiga-ui/cdk": "5.19.0",
-    "@taiga-ui/core": "5.19.0",
-    "@taiga-ui/kit": "5.19.0",
-    "@taiga-ui/layout": "5.19.0",
+    "@taiga-ui/addon-commerce": "5.20.0",
+    "@taiga-ui/cdk": "5.20.0",
+    "@taiga-ui/core": "5.20.0",
+    "@taiga-ui/kit": "5.20.0",
+    "@taiga-ui/layout": "5.20.0",
     "@taiga-ui/polymorpheus": "^5.0.1",
     "rxjs": ">=7.0.0"
   },