@taiga-ui/experimental 5.4.0 → 5.5.0-canary.e848761

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

@@ -0,0 +1,15 @@
+import { type TuiDay, TuiMonth } from '@taiga-ui/cdk/date-time';
+import * as i0 from "@angular/core";
+/**
+ * @deprecated: work in progress, do not use!
+ */
+export declare class TuiCalendar {
+    private readonly options;
+    private readonly days;
+    protected readonly week: import("@angular/core").Signal<string[]>;
+    readonly month: import("@angular/core").InputSignal<TuiMonth>;
+    readonly value: import("@angular/core").InputSignal<TuiDay | null>;
+    readonly pick: import("@angular/core").OutputEmitterRef<TuiDay>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendar, "tui-calendar", never, { "month": { "alias": "month"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "pick": "pick"; }, never, never, true, never>;
+}

package/components/calendar/index.d.ts

@@ -0,0 +1 @@
+export * from './calendar.component';

package/components/data-grid/data-grid.component.d.ts

@@ -0,0 +1,14 @@
+import { type TuiContext } from '@taiga-ui/cdk/types';
+import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import * as i0 from "@angular/core";
+/**
+ * @deprecated: work in progress, do not use!
+ */
+export declare class TuiDataGrid<T> {
+    readonly pick: import("@angular/core").OutputEmitterRef<T>;
+    readonly items: import("@angular/core").InputSignal<readonly T[]>;
+    readonly content: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<T>>>;
+    readonly value: import("@angular/core").InputSignalWithTransform<readonly T[], T | readonly T[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDataGrid<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDataGrid<any>, "tui-data-grid", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "pick": "pick"; }, never, never, true, never>;
+}

package/components/data-grid/index.d.ts

@@ -0,0 +1 @@
+export * from './data-grid.component';

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

@@ -0,0 +1,27 @@
+import { type TuiDay, TuiMonth } from '@taiga-ui/cdk/date-time';
+import { type TuiContext } from '@taiga-ui/cdk/types';
+import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import * as i0 from "@angular/core";
+/**
+ * @deprecated: work in progress, do not use!
+ */
+export declare class TuiDatePicker {
+    private readonly carousel;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
+    protected readonly texts: import("@angular/core").Signal<readonly [previous: string, next: string]>;
+    protected readonly months: 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 button: import("@angular/core").Signal<string>;
+    readonly view: import("@angular/core").ModelSignal<"day" | "month" | "year">;
+    readonly value: import("@angular/core").ModelSignal<TuiDay | null>;
+    readonly current: import("@angular/core").ModelSignal<TuiMonth>;
+    readonly month: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<number>>>;
+    protected getMonth(index: number): TuiMonth;
+    protected getItems(initial: number): readonly number[];
+    protected onView(): void;
+    protected onSpin(step: number): void;
+    protected onYear(year: number): void;
+    protected onMonth(index: number): void;
+    protected onDay(day: TuiDay): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDatePicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDatePicker, "tui-date-picker", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "month": { "alias": "month"; "required": false; "isSignal": true; }; }, { "view": "viewChange"; "value": "valueChange"; "current": "currentChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1 @@
+export * from './date-picker.component';

package/components/index.d.ts

@@ -1,2 +1,5 @@
+export * from '@taiga-ui/experimental/components/calendar';
+export * from '@taiga-ui/experimental/components/data-grid';
+export * from '@taiga-ui/experimental/components/date-picker';
 export * from '@taiga-ui/experimental/components/popout';
 export * from '@taiga-ui/experimental/components/search-results';

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

@@ -0,0 +1,38 @@
+import * as i0 from '@angular/core';
+import { inject, computed, input, output, ChangeDetectionStrategy, Component } from '@angular/core';
+import { TuiMonth } from '@taiga-ui/cdk/date-time';
+import { TUI_CALENDAR_OPTIONS, TuiCalendarSheetPipe } from '@taiga-ui/core/components/calendar';
+import { TUI_SHORT_WEEK_DAYS } from '@taiga-ui/core/tokens';
+
+/**
+ * @deprecated: work in progress, do not use!
+ */
+class TuiCalendar {
+    constructor() {
+        this.options = inject(TUI_CALENDAR_OPTIONS);
+        this.days = inject(TUI_SHORT_WEEK_DAYS);
+        this.week = computed((week = convert(this.days())) => [
+            ...week.slice(this.options.weekStart()),
+            ...week.slice(0, this.options.weekStart()),
+        ]);
+        this.month = input(TuiMonth.currentLocal());
+        this.value = input(null);
+        this.pick = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: TuiCalendar, isStandalone: true, selector: "tui-calendar", inputs: { month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pick: "pick" }, ngImport: i0, template: "@for (day of week(); track $index) {\n    <span>{{ day }}</span>\n}\n@for (week of month() | tuiCalendarSheet: true; track week) {\n    @for (day of week; track day) {\n        <button\n            type=\"button\"\n            class=\"t-day\"\n            [class.t-day_active]=\"value() && day.daySame(value()!)\"\n            [class.t-day_adjacent]=\"day.month !== month().month\"\n            (click)=\"pick.emit(day)\"\n        >\n            {{ day.day }}\n        </button>\n    }\n}\n", styles: [":host{display:grid;inline-size:100%;color:var(--tui-text-secondary);font:var(--tui-typography-ui-s);grid-template:2rem / repeat(7,1fr);grid-auto-rows:2.25rem;place-items:center}.t-day{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:2rem;block-size:2rem;padding:0;border:0;border-radius:100%;background:transparent;font:var(--tui-typography-ui-m);color:var(--tui-text-primary);cursor:pointer}@media (hover: hover) and (pointer: fine){.t-day:hover{background:var(--tui-background-neutral-1-hover)}.t-day_active:hover{background:var(--tui-background-accent-2-hover)}}.t-day_adjacent{opacity:var(--tui-disabled-opacity)}.t-day_active{background:var(--tui-background-accent-2);color:var(--tui-text-primary-on-accent-2)}\n"], dependencies: [{ kind: "pipe", type: TuiCalendarSheetPipe, name: "tuiCalendarSheet" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiCalendar, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-calendar', imports: [TuiCalendarSheetPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (day of week(); track $index) {\n    <span>{{ day }}</span>\n}\n@for (week of month() | tuiCalendarSheet: true; track week) {\n    @for (day of week; track day) {\n        <button\n            type=\"button\"\n            class=\"t-day\"\n            [class.t-day_active]=\"value() && day.daySame(value()!)\"\n            [class.t-day_adjacent]=\"day.month !== month().month\"\n            (click)=\"pick.emit(day)\"\n        >\n            {{ day.day }}\n        </button>\n    }\n}\n", styles: [":host{display:grid;inline-size:100%;color:var(--tui-text-secondary);font:var(--tui-typography-ui-s);grid-template:2rem / repeat(7,1fr);grid-auto-rows:2.25rem;place-items:center}.t-day{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:2rem;block-size:2rem;padding:0;border:0;border-radius:100%;background:transparent;font:var(--tui-typography-ui-m);color:var(--tui-text-primary);cursor:pointer}@media (hover: hover) and (pointer: fine){.t-day:hover{background:var(--tui-background-neutral-1-hover)}.t-day_active:hover{background:var(--tui-background-accent-2-hover)}}.t-day_adjacent{opacity:var(--tui-disabled-opacity)}.t-day_active{background:var(--tui-background-accent-2);color:var(--tui-text-primary-on-accent-2)}\n"] }]
+        }] });
+function convert(week) {
+    return [week[week.length - 1] || '', ...week.slice(0, week.length - 1)];
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiCalendar };
+//# sourceMappingURL=taiga-ui-experimental-components-calendar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-components-calendar.mjs","sources":["../../../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 {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    output,\n} from '@angular/core';\nimport {type TuiDay, TuiMonth} from '@taiga-ui/cdk/date-time';\nimport {\n    TUI_CALENDAR_OPTIONS,\n    TuiCalendarSheetPipe,\n} from '@taiga-ui/core/components/calendar';\nimport {TUI_SHORT_WEEK_DAYS} from '@taiga-ui/core/tokens';\n\n/**\n * @deprecated: work in progress, do not use!\n */\n@Component({\n    selector: 'tui-calendar',\n    imports: [TuiCalendarSheetPipe],\n    templateUrl: './calendar.component.html',\n    styleUrl: './calendar.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiCalendar {\n    private readonly options = inject(TUI_CALENDAR_OPTIONS);\n    private readonly days = inject(TUI_SHORT_WEEK_DAYS);\n\n    protected readonly week = computed((week = convert(this.days())) => [\n        ...week.slice(this.options.weekStart()),\n        ...week.slice(0, this.options.weekStart()),\n    ]);\n\n    public readonly month = input(TuiMonth.currentLocal());\n    public readonly value = input<TuiDay | null>(null);\n    public readonly pick = output<TuiDay>();\n}\n\nfunction convert(week: readonly string[]): readonly string[] {\n    return [week[week.length - 1] || '', ...week.slice(0, week.length - 1)];\n}\n","@for (day of week(); track $index) {\n    <span>{{ day }}</span>\n}\n@for (week of month() | tuiCalendarSheet: true; track week) {\n    @for (day of week; track day) {\n        <button\n            type=\"button\"\n            class=\"t-day\"\n            [class.t-day_active]=\"value() && day.daySame(value()!)\"\n            [class.t-day_adjacent]=\"day.month !== month().month\"\n            (click)=\"pick.emit(day)\"\n        >\n            {{ day.day }}\n        </button>\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAeA;;AAEG;MAQU,WAAW,CAAA;AAPxB,IAAA,WAAA,GAAA;AAQqB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,oBAAoB,CAAC;AACtC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAEhC,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK;YAChE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;AACvC,YAAA,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;AAC7C,SAAA,CAAC;QAEc,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;AACtC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAgB,IAAI,CAAC;QAClC,IAAA,CAAA,IAAI,GAAG,MAAM,EAAU;AAC1C,IAAA;+GAZY,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,cAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,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,ECzBxB,4eAgBA,EAAA,MAAA,EAAA,CAAA,6xBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EDIc,oBAAoB,EAAA,IAAA,EAAA,kBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAKrB,WAAW,EAAA,UAAA,EAAA,CAAA;kBAPvB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,WACf,CAAC,oBAAoB,CAAC,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4eAAA,EAAA,MAAA,EAAA,CAAA,6xBAAA,CAAA,EAAA;;AAgBnD,SAAS,OAAO,CAAC,IAAuB,EAAA;IACpC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAC3E;;AEzCA;;AAEG;;;;"}

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

@@ -0,0 +1,29 @@
+import { coerceArray } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { output, input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
+
+/**
+ * @deprecated: work in progress, do not use!
+ */
+class TuiDataGrid {
+    constructor() {
+        this.pick = output();
+        this.items = input([]);
+        this.content = input();
+        this.value = input([], { transform: (coerceArray) });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiDataGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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 } }, 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        (click)=\"pick.emit(item)\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() || `${item}` as text; context: {$implicit: item}\">\n            {{ text }}\n        </ng-container>\n    </button>\n}\n", styles: [":host{display:grid;inline-size:100%;grid-template-columns:repeat(3,calc(33% - .625rem));gap:1rem .5rem;place-content:center}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;block-size:2.5rem;border-radius:10rem;border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-primary);font:var(--tui-typography-ui-s);cursor:pointer}@media (hover: hover) and (pointer: fine){.t-item:hover{background:var(--tui-background-neutral-1-hover)}.t-item_active:hover{background:var(--tui-background-accent-2-hover)}}.t-item_active{background:var(--tui-background-accent-2);color:var(--tui-text-primary-on-accent-2)}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", 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        (click)=\"pick.emit(item)\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() || `${item}` as text; context: {$implicit: item}\">\n            {{ text }}\n        </ng-container>\n    </button>\n}\n", styles: [":host{display:grid;inline-size:100%;grid-template-columns:repeat(3,calc(33% - .625rem));gap:1rem .5rem;place-content:center}.t-item{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;block-size:2.5rem;border-radius:10rem;border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-primary);font:var(--tui-typography-ui-s);cursor:pointer}@media (hover: hover) and (pointer: fine){.t-item:hover{background:var(--tui-background-neutral-1-hover)}.t-item_active:hover{background:var(--tui-background-accent-2-hover)}}.t-item_active{background:var(--tui-background-accent-2);color:var(--tui-text-primary-on-accent-2)}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiDataGrid };
+//# sourceMappingURL=taiga-ui-experimental-components-data-grid.mjs.map

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

@@ -0,0 +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 {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}\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        (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":";;;;;AAKA;;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;AACjE,IAAA;+GALY,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,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfxB,4XAYA,EAAA,MAAA,EAAA,CAAA,qsBAAA,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,4XAAA,EAAA,MAAA,EAAA,CAAA,qsBAAA,CAAA,EAAA;;;AEbnD;;AAEG;;;;"}

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

@@ -0,0 +1,87 @@
+import * as i0 from '@angular/core';
+import { viewChild, inject, computed, model, input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { TuiMonth } from '@taiga-ui/cdk/date-time';
+import { TuiMapperPipe } from '@taiga-ui/cdk/pipes/mapper';
+import { TuiButton, tuiButtonOptionsProvider } from '@taiga-ui/core/components/button';
+import * as i1 from '@taiga-ui/core/components/carousel';
+import { TuiCarouselComponent, TuiCarousel } from '@taiga-ui/core/components/carousel';
+import { TuiLink } from '@taiga-ui/core/components/link';
+import { TUI_COMMON_ICONS, TUI_SPIN_TEXTS, TUI_MONTHS } from '@taiga-ui/core/tokens';
+import { TuiCalendar } from '@taiga-ui/experimental/components/calendar';
+import { TuiDataGrid } from '@taiga-ui/experimental/components/data-grid';
+import { TuiChevron } from '@taiga-ui/kit/directives/chevron';
+import { TuiSlides } from '@taiga-ui/layout/components/slides';
+import * as i2 from '@taiga-ui/cdk/directives/item';
+
+/**
+ * @deprecated: work in progress, do not use!
+ */
+class TuiDatePicker {
+    constructor() {
+        this.carousel = viewChild(TuiCarouselComponent);
+        this.icons = inject(TUI_COMMON_ICONS);
+        this.texts = inject(TUI_SPIN_TEXTS);
+        this.months = inject(TUI_MONTHS);
+        this.button = computed(() => this.view() === 'day'
+            ? `${this.months()[this.current().month]} ${this.current().formattedYear}`
+            : this.current().formattedYear);
+        this.view = model('day');
+        this.value = model(null);
+        this.current = model(TuiMonth.currentLocal());
+        this.month = input(({ $implicit }) => this.months()[$implicit]);
+    }
+    getMonth(index) {
+        return new TuiMonth(Math.floor(index / 12), index % 12);
+    }
+    getItems(initial) {
+        return Array.from({ length: 12 }, (_, index) => initial + index);
+    }
+    onView() {
+        this.view.update((view) => (view === 'day' ? 'month' : 'year'));
+    }
+    onSpin(step) {
+        const carousel = this.carousel();
+        if (step > 0) {
+            carousel?.next();
+        }
+        else {
+            carousel?.prev();
+        }
+        if (this.view() === 'month') {
+            this.current.update((current) => current.append({ year: step }));
+        }
+    }
+    onYear(year) {
+        this.current.update(({ month }) => new TuiMonth(year, month));
+        this.view.set('month');
+    }
+    onMonth(index) {
+        this.current.update(({ year }) => new TuiMonth(year, index));
+        this.view.set('day');
+    }
+    onDay(day) {
+        this.value.set(day);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: TuiDatePicker, isStandalone: true, selector: "tui-date-picker", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", value: "valueChange", current: "currentChange" }, providers: [tuiButtonOptionsProvider({ size: 'xs', appearance: 'flat' })], viewQueries: [{ propertyName: "carousel", first: true, predicate: TuiCarouselComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<header class=\"t-header\">\n    @if (view() !== 'year') {\n        <button\n            appearance=\"\"\n            tuiChevron\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            (click)=\"onView()\"\n        ></button>\n    }\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n    >\n        {{ texts()[1] }}\n    </button>\n</header>\n<section tuiSlides>\n    @switch (view()) {\n        @case ('day') {\n            <tui-carousel\n                [index]=\"current().year * 12 + current().month\"\n                (indexChange)=\"current.set(getMonth($event))\"\n            >\n                <tui-calendar\n                    *tuiItem=\"let index\"\n                    [month]=\"index | tuiMapper: getMonth\"\n                    [value]=\"value()\"\n                    (pick)=\"onDay($event)\"\n                />\n            </tui-carousel>\n        }\n\n        @case ('month') {\n            <tui-data-grid\n                [content]=\"month()\"\n                [items]=\"0 | tuiMapper: getItems\"\n                [value]=\"current().year === value()?.year ? current().month : []\"\n                (pick)=\"onMonth($event)\"\n            />\n        }\n\n        @case ('year') {\n            <tui-carousel>\n                <tui-data-grid\n                    *tuiItem=\"let offset\"\n                    [items]=\"current().year + offset * 12 - 6 | tuiMapper: getItems\"\n                    [value]=\"value()?.year || []\"\n                    (pick)=\"onYear($event)\"\n                />\n            </tui-carousel>\n        }\n    }\n</section>\n", styles: [":host{display:block;min-inline-size:17.5rem}.t-header{display:flex;gap:.25rem;align-items:center;justify-content:flex-end;padding:.5rem .75rem 1rem}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font:var(--tui-typography-ui-l);font-weight:700;text-decoration:none;margin-inline-end:auto}@media (hover: hover) and (pointer: fine){.t-button:hover{opacity:var(--tui-disabled-opacity)}}\n"], dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiCalendar, selector: "tui-calendar", inputs: ["month", "value"], outputs: ["pick"] }, { kind: "component", type: i1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["index", "min", "max"], outputs: ["indexChange"] }, { kind: "directive", type: i2.TuiItem, selector: "[tuiItem]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: TuiDataGrid, selector: "tui-data-grid", inputs: ["items", "content", "value"], outputs: ["pick"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]" }, { kind: "pipe", type: TuiMapperPipe, name: "tuiMapper" }, { kind: "directive", type: TuiSlides, selector: "[tuiSlides]", inputs: ["tuiSlides"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiDatePicker, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-date-picker', imports: [
+                        TuiButton,
+                        TuiCalendar,
+                        TuiCarousel,
+                        TuiChevron,
+                        TuiDataGrid,
+                        TuiLink,
+                        TuiMapperPipe,
+                        TuiSlides,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiButtonOptionsProvider({ size: 'xs', appearance: 'flat' })], template: "<header class=\"t-header\">\n    @if (view() !== 'year') {\n        <button\n            appearance=\"\"\n            tuiChevron\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            (click)=\"onView()\"\n        ></button>\n    }\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n    >\n        {{ texts()[1] }}\n    </button>\n</header>\n<section tuiSlides>\n    @switch (view()) {\n        @case ('day') {\n            <tui-carousel\n                [index]=\"current().year * 12 + current().month\"\n                (indexChange)=\"current.set(getMonth($event))\"\n            >\n                <tui-calendar\n                    *tuiItem=\"let index\"\n                    [month]=\"index | tuiMapper: getMonth\"\n                    [value]=\"value()\"\n                    (pick)=\"onDay($event)\"\n                />\n            </tui-carousel>\n        }\n\n        @case ('month') {\n            <tui-data-grid\n                [content]=\"month()\"\n                [items]=\"0 | tuiMapper: getItems\"\n                [value]=\"current().year === value()?.year ? current().month : []\"\n                (pick)=\"onMonth($event)\"\n            />\n        }\n\n        @case ('year') {\n            <tui-carousel>\n                <tui-data-grid\n                    *tuiItem=\"let offset\"\n                    [items]=\"current().year + offset * 12 - 6 | tuiMapper: getItems\"\n                    [value]=\"value()?.year || []\"\n                    (pick)=\"onYear($event)\"\n                />\n            </tui-carousel>\n        }\n    }\n</section>\n", styles: [":host{display:block;min-inline-size:17.5rem}.t-header{display:flex;gap:.25rem;align-items:center;justify-content:flex-end;padding:.5rem .75rem 1rem}.t-button{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font:var(--tui-typography-ui-l);font-weight:700;text-decoration:none;margin-inline-end:auto}@media (hover: hover) and (pointer: fine){.t-button:hover{opacity:var(--tui-disabled-opacity)}}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiDatePicker };
+//# sourceMappingURL=taiga-ui-experimental-components-date-picker.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-components-date-picker.mjs","sources":["../../../projects/experimental/components/date-picker/date-picker.component.ts","../../../projects/experimental/components/date-picker/date-picker.component.html","../../../projects/experimental/components/date-picker/taiga-ui-experimental-components-date-picker.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    model,\n    viewChild,\n} from '@angular/core';\nimport {type TuiDay, TuiMonth} from '@taiga-ui/cdk/date-time';\nimport {TuiMapperPipe} from '@taiga-ui/cdk/pipes/mapper';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiCarousel, TuiCarouselComponent} from '@taiga-ui/core/components/carousel';\nimport {TuiLink} from '@taiga-ui/core/components/link';\nimport {TUI_COMMON_ICONS, TUI_MONTHS, TUI_SPIN_TEXTS} from '@taiga-ui/core/tokens';\nimport {TuiCalendar} from '@taiga-ui/experimental/components/calendar';\nimport {TuiDataGrid} from '@taiga-ui/experimental/components/data-grid';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\nimport {TuiSlides} from '@taiga-ui/layout/components/slides';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\n/**\n * @deprecated: work in progress, do not use!\n */\n@Component({\n    selector: 'tui-date-picker',\n    imports: [\n        TuiButton,\n        TuiCalendar,\n        TuiCarousel,\n        TuiChevron,\n        TuiDataGrid,\n        TuiLink,\n        TuiMapperPipe,\n        TuiSlides,\n    ],\n    templateUrl: './date-picker.component.html',\n    styleUrl: './date-picker.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiButtonOptionsProvider({size: 'xs', appearance: 'flat'})],\n})\nexport class TuiDatePicker {\n    private readonly carousel = viewChild(TuiCarouselComponent);\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n    protected readonly texts = inject(TUI_SPIN_TEXTS);\n    protected readonly months = inject(TUI_MONTHS);\n\n    protected readonly button = computed(() =>\n        this.view() === 'day'\n            ? `${this.months()[this.current().month]} ${this.current().formattedYear}`\n            : this.current().formattedYear,\n    );\n\n    public readonly view = model<'day' | 'month' | 'year'>('day');\n    public readonly value = model<TuiDay | null>(null);\n    public readonly current = model(TuiMonth.currentLocal());\n\n    public readonly month = input<PolymorpheusContent<TuiContext<number>>>(\n        ({$implicit}) => this.months()[$implicit],\n    );\n\n    protected getMonth(index: number): TuiMonth {\n        return new TuiMonth(Math.floor(index / 12), index % 12);\n    }\n\n    protected getItems(initial: number): readonly number[] {\n        return Array.from({length: 12}, (_, index) => initial + index);\n    }\n\n    protected onView(): void {\n        this.view.update((view) => (view === 'day' ? 'month' : 'year'));\n    }\n\n    protected onSpin(step: number): void {\n        const carousel = this.carousel();\n\n        if (step > 0) {\n            carousel?.next();\n        } else {\n            carousel?.prev();\n        }\n\n        if (this.view() === 'month') {\n            this.current.update((current) => current.append({year: step}));\n        }\n    }\n\n    protected onYear(year: number): void {\n        this.current.update(({month}) => new TuiMonth(year, month));\n        this.view.set('month');\n    }\n\n    protected onMonth(index: number): void {\n        this.current.update(({year}) => new TuiMonth(year, index));\n        this.view.set('day');\n    }\n\n    protected onDay(day: TuiDay): void {\n        this.value.set(day);\n    }\n}\n","<header class=\"t-header\">\n    @if (view() !== 'year') {\n        <button\n            appearance=\"\"\n            tuiChevron\n            tuiLink\n            type=\"button\"\n            class=\"t-button\"\n            [textContent]=\"button()\"\n            (click)=\"onView()\"\n        ></button>\n    }\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [iconStart]=\"icons.decrement\"\n        (click)=\"onSpin(-1)\"\n    >\n        {{ texts()[0] }}\n    </button>\n    <button\n        tuiIconButton\n        type=\"button\"\n        class=\"t-chevron\"\n        [iconStart]=\"icons.increment\"\n        (click)=\"onSpin(1)\"\n    >\n        {{ texts()[1] }}\n    </button>\n</header>\n<section tuiSlides>\n    @switch (view()) {\n        @case ('day') {\n            <tui-carousel\n                [index]=\"current().year * 12 + current().month\"\n                (indexChange)=\"current.set(getMonth($event))\"\n            >\n                <tui-calendar\n                    *tuiItem=\"let index\"\n                    [month]=\"index | tuiMapper: getMonth\"\n                    [value]=\"value()\"\n                    (pick)=\"onDay($event)\"\n                />\n            </tui-carousel>\n        }\n\n        @case ('month') {\n            <tui-data-grid\n                [content]=\"month()\"\n                [items]=\"0 | tuiMapper: getItems\"\n                [value]=\"current().year === value()?.year ? current().month : []\"\n                (pick)=\"onMonth($event)\"\n            />\n        }\n\n        @case ('year') {\n            <tui-carousel>\n                <tui-data-grid\n                    *tuiItem=\"let offset\"\n                    [items]=\"current().year + offset * 12 - 6 | tuiMapper: getItems\"\n                    [value]=\"value()?.year || []\"\n                    (pick)=\"onYear($event)\"\n                />\n            </tui-carousel>\n        }\n    }\n</section>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -83,7 +83,7 @@ class TuiSearchHotkey {
         this.placeholder = computed(({ hotkey } = this.texts()) => this.platform.startsWith('Mac') ? `⌘+K ${hotkey}` : `Alt+K ${hotkey}`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiSearchHotkey, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: TuiSearchHotkey, isStandalone: true, selector: "input[tuiSearchHotkey]", host: { listeners: { "document:keydown.meta.k.stop": "search.open()", "document:keydown.alt.k.stop": "search.open()" }, properties: { "placeholder": "placeholder()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: TuiSearchHotkey, isStandalone: true, selector: "input[tuiSearchHotkey]", host: { listeners: { "document:keydown.alt.k.stop": "search.open()", "document:keydown.meta.k.stop": "search.open()" }, properties: { "placeholder": "placeholder()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiSearchHotkey, decorators: [{
             type: Directive,
@@ -91,8 +91,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: 'input[tuiSearchHotkey]',
                     host: {
                         '[placeholder]': 'placeholder()',
-                        '(document:keydown.meta.k.stop)': 'search.open()',
                         '(document:keydown.alt.k.stop)': 'search.open()',
+                        '(document:keydown.meta.k.stop)': 'search.open()',
                     },
                 }]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components-search-results.mjs","sources":["../../../projects/experimental/components/search-results/search-results.options.ts","../../../projects/experimental/components/search-results/search-history.component.ts","../../../projects/experimental/components/search-results/search-history.component.html","../../../projects/experimental/components/search-results/search-hotkey.directive.ts","../../../projects/experimental/components/search-results/search-results.component.ts","../../../projects/experimental/components/search-results/search-results.component.html","../../../projects/experimental/components/search-results/search-results.ts","../../../projects/experimental/components/search-results/taiga-ui-experimental-components-search-results.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport const [TUI_SEARCH_RESULTS_OPTIONS, tuiSearchResultsOptionsProvider] =\n    tuiCreateOptions({\n        key: 'taiga-search-history',\n        history: '@tui.clock',\n        popular: '@tui.search',\n        empty: '@tui.search',\n        remove: '@tui.trash',\n    });\n","import {ChangeDetectionStrategy, Component, inject, input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {NgControl} from '@angular/forms';\nimport {WA_LOCAL_STORAGE} from '@ng-web-apis/common';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiCell} from '@taiga-ui/core/components/cell';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {TuiTitle} from '@taiga-ui/core/components/title';\nimport {TUI_CLOSE_WORD} from '@taiga-ui/core/tokens';\nimport {TuiAvatar} from '@taiga-ui/kit/components/avatar';\nimport {TUI_INPUT_SEARCH} from '@taiga-ui/layout/tokens';\nimport {filter, map} from 'rxjs';\n\nimport {TUI_SEARCH_RESULTS_OPTIONS} from './search-results.options';\n\n@Component({\n    selector: 'tui-search-history',\n    imports: [TuiAvatar, TuiButton, TuiCell, TuiTitle],\n    templateUrl: './search-history.component.html',\n    styles: `\n        :host:not(:empty) {\n            display: block;\n            padding: 0.375rem 0;\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiSearchHistory {\n    private readonly textfield = inject(TuiTextfieldComponent);\n    private readonly storage = inject(WA_LOCAL_STORAGE);\n    private readonly control = inject(NgControl);\n\n    protected readonly close = inject(TUI_CLOSE_WORD);\n    protected readonly i18n = inject(TUI_INPUT_SEARCH);\n    protected readonly options = inject(TUI_SEARCH_RESULTS_OPTIONS);\n    protected readonly $ = this.control.valueChanges\n        ?.pipe(\n            map(String),\n            filter((item) => !!item && !this.popular().includes(item)),\n            takeUntilDestroyed(),\n        )\n        .subscribe((value) => {\n            this.store(value);\n        });\n\n    protected history = this.items;\n\n    public readonly popular = input<readonly string[]>([]);\n\n    protected store(item: string): void {\n        this.storage?.setItem(\n            this.options.key,\n            JSON.stringify(\n                Array.from(new Set([item.trim(), ...this.items]))\n                    .filter((v, _, a) => v && !a.find((s) => s.startsWith(v) && s !== v))\n                    .slice(0, 5),\n            ),\n        );\n    }\n\n    protected remove(item: string): void {\n        this.textfield.input()?.nativeElement.focus();\n        this.history = this.history.filter((v) => v !== item);\n        this.storage?.setItem(\n            this.options.key,\n            JSON.stringify(this.items.filter((v) => v !== item)),\n        );\n    }\n\n    protected select(item: string): void {\n        this.control.control?.setValue(item);\n        this.textfield.input()?.nativeElement.focus();\n    }\n\n    private get items(): readonly string[] {\n        return JSON.parse(this.storage?.getItem(this.options.key) || '[]');\n    }\n}\n","@if (history.length) {\n    <label class=\"t-sr-label\">{{ i18n().history }}</label>\n}\n@for (item of history; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (keydown.backspace)=\"remove(item)\"\n        (keydown.delete)=\"remove(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <div [tuiAvatar]=\"options.history\"></div>\n        <span tuiTitle>{{ item }}</span>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tabindex=\"-1\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"options.remove\"\n            (click.stop)=\"remove(item)\"\n        >\n            🗑️\n        </button>\n    </button>\n}\n@if (popular().length) {\n    <label class=\"t-sr-label\">{{ i18n().popular }}</label>\n}\n@for (item of popular(); track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <span [tuiAvatar]=\"options.popular\"></span>\n        <span tuiTitle>{{ item }}</span>\n    </button>\n}\n","import {computed, Directive, inject} from '@angular/core';\nimport {WA_NAVIGATOR} from '@ng-web-apis/common';\nimport {TuiInputSearch} from '@taiga-ui/layout/components/input-search';\nimport {TUI_INPUT_SEARCH} from '@taiga-ui/layout/tokens';\n\n@Directive({\n    selector: 'input[tuiSearchHotkey]',\n    host: {\n        '[placeholder]': 'placeholder()',\n        '(document:keydown.meta.k.stop)': 'search.open()',\n        '(document:keydown.alt.k.stop)': 'search.open()',\n    },\n})\nexport class TuiSearchHotkey {\n    private readonly platform = inject(WA_NAVIGATOR).platform;\n    private readonly texts = inject(TUI_INPUT_SEARCH);\n\n    protected readonly search = inject(TuiInputSearch);\n\n    protected readonly placeholder = computed(({hotkey} = this.texts()) =>\n        this.platform.startsWith('Mac') ? `⌘+K ${hotkey}` : `Alt+K ${hotkey}`,\n    );\n}\n","import {type KeyValue, KeyValuePipe, NgTemplateOutlet} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    inject,\n    input,\n    type OnChanges,\n    TemplateRef,\n} from '@angular/core';\nimport {TuiFilterPipe} from '@taiga-ui/cdk/pipes/filter';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiMoveFocus} from '@taiga-ui/cdk/utils/focus';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {TuiLoader} from '@taiga-ui/core/components/loader';\nimport {TuiScrollbar} from '@taiga-ui/core/components/scrollbar';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {TuiTabs} from '@taiga-ui/kit/components/tabs';\nimport {TuiBlockStatus} from '@taiga-ui/layout/components/block-status';\nimport {TUI_INPUT_SEARCH} from '@taiga-ui/layout/tokens';\n\nimport {TUI_SEARCH_RESULTS_OPTIONS} from './search-results.options';\n\n@Component({\n    selector: 'tui-search-results',\n    imports: [\n        KeyValuePipe,\n        NgTemplateOutlet,\n        TuiBlockStatus,\n        TuiFilterPipe,\n        TuiIcon,\n        TuiLoader,\n        TuiScrollbar,\n        TuiTabs,\n    ],\n    templateUrl: './search-results.component.html',\n    styleUrl: './search-results.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '(keydown.arrowDown.prevent)': 'onArrow($event.target, 1)',\n        '(keydown.arrowUp.prevent)': 'onArrow($event.target, -1)',\n    },\n})\nexport class TuiSearchResultsComponent<T> implements OnChanges {\n    private readonly el = tuiInjectElement();\n\n    protected readonly options = inject(TUI_SEARCH_RESULTS_OPTIONS);\n    protected readonly i18n = inject(TUI_INPUT_SEARCH);\n    protected readonly textfield = inject(TuiTextfieldComponent);\n    protected active = 0;\n    protected readonly empty = computed(\n        (results = this.results() || {}) =>\n            !Object.values(results).reduce((total, {length}) => length + total, 0),\n    );\n\n    public readonly template = contentChild(TemplateRef);\n    public readonly results = input<Record<string, readonly T[]> | null>({});\n\n    public ngOnChanges(): void {\n        this.active = 0;\n    }\n\n    protected onArrow(current: HTMLElement, step: number): void {\n        const elements = Array.from(this.el.querySelectorAll<HTMLElement>('[tuiCell]'));\n\n        if (elements[0] === current && step < 0) {\n            this.textfield.input()?.nativeElement.focus();\n        } else {\n            tuiMoveFocus(elements.indexOf(current), elements, step);\n        }\n    }\n\n    protected tab(step: number): void {\n        const max = Object.values(this.results() || {}).filter((v) => v.length).length;\n\n        this.active = tuiClamp(this.active + step, 0, max);\n        this.textfield.input()?.nativeElement.focus();\n    }\n\n    protected notEmpty({value}: KeyValue<string, readonly T[]>): boolean {\n        return !!value.length;\n    }\n\n    protected asIs(): number {\n        return 0;\n    }\n}\n","@if (!textfield.value()) {\n    <ng-content />\n} @else {\n    @if (!results()) {\n        <tui-loader class=\"t-loader\" />\n    } @else {\n        @if (empty()) {\n            <tui-block-status\n                size=\"m\"\n                class=\"t-status\"\n            >\n                <tui-icon\n                    tuiSlot=\"top\"\n                    class=\"t-empty\"\n                    [icon]=\"options.empty\"\n                />\n                {{ i18n().empty }}\n            </tui-block-status>\n        } @else {\n            @let items = (results() | keyvalue: asIs) || [];\n            <tui-scrollbar class=\"t-scrollbar\">\n                @for (group of items | tuiFilter: notEmpty; track group) {\n                    @if (!active || active === $index + 1) {\n                        @if (!active && items.length > 1) {\n                            <label class=\"t-sr-label\">\n                                {{ group.key }}\n                            </label>\n                        }\n                        @for (item of group.value; track item) {\n                            <ng-container\n                                [ngTemplateOutlet]=\"template() || null\"\n                                [ngTemplateOutletContext]=\"{$implicit: item}\"\n                            />\n                        }\n                    }\n                }\n            </tui-scrollbar>\n            @if (items.length > 1) {\n                <tui-tabs\n                    size=\"m\"\n                    class=\"t-tabs\"\n                    [(activeItemIndex)]=\"active\"\n                    (document:keydown.shift.tab.prevent)=\"tab(-1)\"\n                    (document:keydown.tab.prevent)=\"tab(1)\"\n                >\n                    <button tuiTab>{{ i18n().all }}</button>\n                    @for (group of items; track group) {\n                        @if (group.value.length) {\n                            <button tuiTab>\n                                {{ group.key }}\n                            </button>\n                        }\n                    }\n                </tui-tabs>\n            }\n        }\n    }\n}\n","import {TuiSearchHistory} from './search-history.component';\nimport {TuiSearchHotkey} from './search-hotkey.directive';\nimport {TuiSearchResultsComponent} from './search-results.component';\n\nexport const TuiSearchResults = [\n    TuiSearchHotkey,\n    TuiSearchHistory,\n    TuiSearchResultsComponent,\n] as const;\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-search-results.mjs","sources":["../../../projects/experimental/components/search-results/search-results.options.ts","../../../projects/experimental/components/search-results/search-history.component.ts","../../../projects/experimental/components/search-results/search-history.component.html","../../../projects/experimental/components/search-results/search-hotkey.directive.ts","../../../projects/experimental/components/search-results/search-results.component.ts","../../../projects/experimental/components/search-results/search-results.component.html","../../../projects/experimental/components/search-results/search-results.ts","../../../projects/experimental/components/search-results/taiga-ui-experimental-components-search-results.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport const [TUI_SEARCH_RESULTS_OPTIONS, tuiSearchResultsOptionsProvider] =\n    tuiCreateOptions({\n        key: 'taiga-search-history',\n        history: '@tui.clock',\n        popular: '@tui.search',\n        empty: '@tui.search',\n        remove: '@tui.trash',\n    });\n","import {ChangeDetectionStrategy, Component, inject, input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {NgControl} from '@angular/forms';\nimport {WA_LOCAL_STORAGE} from '@ng-web-apis/common';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiCell} from '@taiga-ui/core/components/cell';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {TuiTitle} from '@taiga-ui/core/components/title';\nimport {TUI_CLOSE_WORD} from '@taiga-ui/core/tokens';\nimport {TuiAvatar} from '@taiga-ui/kit/components/avatar';\nimport {TUI_INPUT_SEARCH} from '@taiga-ui/layout/tokens';\nimport {filter, map} from 'rxjs';\n\nimport {TUI_SEARCH_RESULTS_OPTIONS} from './search-results.options';\n\n@Component({\n    selector: 'tui-search-history',\n    imports: [TuiAvatar, TuiButton, TuiCell, TuiTitle],\n    templateUrl: './search-history.component.html',\n    styles: `\n        :host:not(:empty) {\n            display: block;\n            padding: 0.375rem 0;\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiSearchHistory {\n    private readonly textfield = inject(TuiTextfieldComponent);\n    private readonly storage = inject(WA_LOCAL_STORAGE);\n    private readonly control = inject(NgControl);\n    protected readonly close = inject(TUI_CLOSE_WORD);\n    protected readonly i18n = inject(TUI_INPUT_SEARCH);\n    protected readonly options = inject(TUI_SEARCH_RESULTS_OPTIONS);\n\n    protected readonly $ = this.control.valueChanges\n        ?.pipe(\n            map(String),\n            filter((item) => !!item && !this.popular().includes(item)),\n            takeUntilDestroyed(),\n        )\n        .subscribe((value) => {\n            this.store(value);\n        });\n\n    protected history = this.items;\n    public readonly popular = input<readonly string[]>([]);\n\n    protected store(item: string): void {\n        this.storage?.setItem(\n            this.options.key,\n            JSON.stringify(\n                Array.from(new Set([item.trim(), ...this.items]))\n                    .filter((v, _, a) => v && !a.find((s) => s.startsWith(v) && s !== v))\n                    .slice(0, 5),\n            ),\n        );\n    }\n\n    protected remove(item: string): void {\n        this.textfield.input()?.nativeElement.focus();\n        this.history = this.history.filter((v) => v !== item);\n        this.storage?.setItem(\n            this.options.key,\n            JSON.stringify(this.items.filter((v) => v !== item)),\n        );\n    }\n\n    protected select(item: string): void {\n        this.control.control?.setValue(item);\n        this.textfield.input()?.nativeElement.focus();\n    }\n\n    private get items(): readonly string[] {\n        return JSON.parse(this.storage?.getItem(this.options.key) || '[]');\n    }\n}\n","@if (history.length) {\n    <label class=\"t-sr-label\">{{ i18n().history }}</label>\n}\n@for (item of history; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (keydown.backspace)=\"remove(item)\"\n        (keydown.delete)=\"remove(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <div [tuiAvatar]=\"options.history\"></div>\n        <span tuiTitle>{{ item }}</span>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tabindex=\"-1\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"options.remove\"\n            (click.stop)=\"remove(item)\"\n        >\n            🗑️\n        </button>\n    </button>\n}\n@if (popular().length) {\n    <label class=\"t-sr-label\">{{ i18n().popular }}</label>\n}\n@for (item of popular(); track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <span [tuiAvatar]=\"options.popular\"></span>\n        <span tuiTitle>{{ item }}</span>\n    </button>\n}\n","import {computed, Directive, inject} from '@angular/core';\nimport {WA_NAVIGATOR} from '@ng-web-apis/common';\nimport {TuiInputSearch} from '@taiga-ui/layout/components/input-search';\nimport {TUI_INPUT_SEARCH} from '@taiga-ui/layout/tokens';\n\n@Directive({\n    selector: 'input[tuiSearchHotkey]',\n    host: {\n        '[placeholder]': 'placeholder()',\n        '(document:keydown.alt.k.stop)': 'search.open()',\n        '(document:keydown.meta.k.stop)': 'search.open()',\n    },\n})\nexport class TuiSearchHotkey {\n    private readonly platform = inject(WA_NAVIGATOR).platform;\n    private readonly texts = inject(TUI_INPUT_SEARCH);\n    protected readonly search = inject(TuiInputSearch);\n\n    protected readonly placeholder = computed(({hotkey} = this.texts()) =>\n        this.platform.startsWith('Mac') ? `⌘+K ${hotkey}` : `Alt+K ${hotkey}`,\n    );\n}\n","import {type KeyValue, KeyValuePipe, NgTemplateOutlet} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    inject,\n    input,\n    type OnChanges,\n    TemplateRef,\n} from '@angular/core';\nimport {TuiFilterPipe} from '@taiga-ui/cdk/pipes/filter';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiMoveFocus} from '@taiga-ui/cdk/utils/focus';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {TuiLoader} from '@taiga-ui/core/components/loader';\nimport {TuiScrollbar} from '@taiga-ui/core/components/scrollbar';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {TuiTabs} from '@taiga-ui/kit/components/tabs';\nimport {TuiBlockStatus} from '@taiga-ui/layout/components/block-status';\nimport {TUI_INPUT_SEARCH} from '@taiga-ui/layout/tokens';\n\nimport {TUI_SEARCH_RESULTS_OPTIONS} from './search-results.options';\n\n@Component({\n    selector: 'tui-search-results',\n    imports: [\n        KeyValuePipe,\n        NgTemplateOutlet,\n        TuiBlockStatus,\n        TuiFilterPipe,\n        TuiIcon,\n        TuiLoader,\n        TuiScrollbar,\n        TuiTabs,\n    ],\n    templateUrl: './search-results.component.html',\n    styleUrl: './search-results.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '(keydown.arrowDown.prevent)': 'onArrow($event.target, 1)',\n        '(keydown.arrowUp.prevent)': 'onArrow($event.target, -1)',\n    },\n})\nexport class TuiSearchResultsComponent<T> implements OnChanges {\n    private readonly el = tuiInjectElement();\n    protected readonly options = inject(TUI_SEARCH_RESULTS_OPTIONS);\n    protected readonly i18n = inject(TUI_INPUT_SEARCH);\n    protected readonly textfield = inject(TuiTextfieldComponent);\n    protected active = 0;\n\n    protected readonly empty = computed(\n        (results = this.results() || {}) =>\n            !Object.values(results).reduce((total, {length}) => length + total, 0),\n    );\n\n    public readonly template = contentChild(TemplateRef);\n    public readonly results = input<Record<string, readonly T[]> | null>({});\n\n    public ngOnChanges(): void {\n        this.active = 0;\n    }\n\n    protected onArrow(current: HTMLElement, step: number): void {\n        const elements = Array.from(this.el.querySelectorAll<HTMLElement>('[tuiCell]'));\n\n        if (elements[0] === current && step < 0) {\n            this.textfield.input()?.nativeElement.focus();\n        } else {\n            tuiMoveFocus(elements.indexOf(current), elements, step);\n        }\n    }\n\n    protected tab(step: number): void {\n        const max = Object.values(this.results() || {}).filter((v) => v.length).length;\n\n        this.active = tuiClamp(this.active + step, 0, max);\n        this.textfield.input()?.nativeElement.focus();\n    }\n\n    protected notEmpty({value}: KeyValue<string, readonly T[]>): boolean {\n        return !!value.length;\n    }\n\n    protected asIs(): number {\n        return 0;\n    }\n}\n","@if (!textfield.value()) {\n    <ng-content />\n} @else {\n    @if (!results()) {\n        <tui-loader class=\"t-loader\" />\n    } @else {\n        @if (empty()) {\n            <tui-block-status\n                size=\"m\"\n                class=\"t-status\"\n            >\n                <tui-icon\n                    tuiSlot=\"top\"\n                    class=\"t-empty\"\n                    [icon]=\"options.empty\"\n                />\n                {{ i18n().empty }}\n            </tui-block-status>\n        } @else {\n            @let items = (results() | keyvalue: asIs) || [];\n            <tui-scrollbar class=\"t-scrollbar\">\n                @for (group of items | tuiFilter: notEmpty; track group) {\n                    @if (!active || active === $index + 1) {\n                        @if (!active && items.length > 1) {\n                            <label class=\"t-sr-label\">\n                                {{ group.key }}\n                            </label>\n                        }\n                        @for (item of group.value; track item) {\n                            <ng-container\n                                [ngTemplateOutlet]=\"template() || null\"\n                                [ngTemplateOutletContext]=\"{$implicit: item}\"\n                            />\n                        }\n                    }\n                }\n            </tui-scrollbar>\n            @if (items.length > 1) {\n                <tui-tabs\n                    size=\"m\"\n                    class=\"t-tabs\"\n                    [(activeItemIndex)]=\"active\"\n                    (document:keydown.shift.tab.prevent)=\"tab(-1)\"\n                    (document:keydown.tab.prevent)=\"tab(1)\"\n                >\n                    <button tuiTab>{{ i18n().all }}</button>\n                    @for (group of items; track group) {\n                        @if (group.value.length) {\n                            <button tuiTab>\n                                {{ group.key }}\n                            </button>\n                        }\n                    }\n                </tui-tabs>\n            }\n        }\n    }\n}\n","import {TuiSearchHistory} from './search-history.component';\nimport {TuiSearchHotkey} from './search-hotkey.directive';\nimport {TuiSearchResultsComponent} from './search-results.component';\n\nexport const TuiSearchResults = [\n    TuiSearchHotkey,\n    TuiSearchHistory,\n    TuiSearchResultsComponent,\n] 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.mjs

@@ -1,3 +1,6 @@
+export * from '@taiga-ui/experimental/components/calendar';
+export * from '@taiga-ui/experimental/components/data-grid';
+export * from '@taiga-ui/experimental/components/date-picker';
 export * from '@taiga-ui/experimental/components/popout';
 export * from '@taiga-ui/experimental/components/search-results';
 

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/experimental",
-  "version": "5.4.0",
+  "version": "5.5.0-canary.e848761",
   "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.4.0",
-    "@taiga-ui/cdk": "5.4.0",
-    "@taiga-ui/core": "5.4.0",
-    "@taiga-ui/kit": "5.4.0",
-    "@taiga-ui/layout": "5.4.0",
+    "@taiga-ui/addon-commerce": "5.5.0",
+    "@taiga-ui/cdk": "5.5.0",
+    "@taiga-ui/core": "5.5.0",
+    "@taiga-ui/kit": "5.5.0",
+    "@taiga-ui/layout": "5.5.0",
     "@taiga-ui/polymorpheus": "^5.0.0",
     "rxjs": ">=7.0.0"
   },
@@ -52,6 +52,18 @@
       "types": "./components/index.d.ts",
       "default": "./fesm2022/taiga-ui-experimental-components.mjs"
     },
+    "./components/data-grid": {
+      "types": "./components/data-grid/index.d.ts",
+      "default": "./fesm2022/taiga-ui-experimental-components-data-grid.mjs"
+    },
+    "./components/date-picker": {
+      "types": "./components/date-picker/index.d.ts",
+      "default": "./fesm2022/taiga-ui-experimental-components-date-picker.mjs"
+    },
+    "./components/calendar": {
+      "types": "./components/calendar/index.d.ts",
+      "default": "./fesm2022/taiga-ui-experimental-components-calendar.mjs"
+    },
     "./components/popout": {
       "types": "./components/popout/index.d.ts",
       "default": "./fesm2022/taiga-ui-experimental-components-popout.mjs"