@taiga-ui/experimental 4.52.0-canary.932d3ef → 4.52.0-canary.9c7b1f0

package/README.md

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

package/components/index.d.ts

@@ -1,6 +1 @@
-export * from '@taiga-ui/experimental/components/accordion';
-export * from '@taiga-ui/experimental/components/dialog';
-export * from '@taiga-ui/experimental/components/expand';
-export * from '@taiga-ui/experimental/components/hint';
-export * from '@taiga-ui/experimental/components/input-phone-international';
 export * from '@taiga-ui/experimental/components/search-results';

package/components/search-results/search-history.component.d.ts

@@ -3,7 +3,7 @@ export declare class TuiSearchHistory {
     private readonly textfield;
     private readonly storage;
     private readonly control;
-    protected readonly close: import("@angular/core").Signal<string | undefined>;
+    protected readonly close: import("@angular/core").Signal<string>;
     protected readonly i18n: import("@angular/core").Signal<{
         popular: string;
         history: string;
@@ -11,7 +11,7 @@ export declare class TuiSearchHistory {
         hotkey: string;
         all: string;
         empty: string;
-    } | undefined>;
+    }>;
     protected readonly options: {
         key: string;
         history: string;
@@ -21,11 +21,11 @@ export declare class TuiSearchHistory {
     };
     protected readonly $: import("rxjs").Subscription | undefined;
     protected history: readonly string[];
-    popular: readonly string[];
+    readonly popular: import("@angular/core").InputSignal<readonly string[]>;
     protected store(item: string): void;
     protected remove(item: string): void;
     protected select(item: string): void;
     private get items();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSearchHistory, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSearchHistory, "tui-search-history", never, { "popular": { "alias": "popular"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSearchHistory, "tui-search-history", never, { "popular": { "alias": "popular"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/search-results/search-hotkey.directive.d.ts

@@ -2,8 +2,9 @@ import { TuiInputSearch } from '@taiga-ui/layout/components/input-search';
 import * as i0 from "@angular/core";
 export declare class TuiSearchHotkey {
     private readonly platform;
+    private readonly texts;
     protected readonly search: TuiInputSearch;
-    protected readonly placeholder: import("@angular/core").Signal<string | undefined>;
+    protected readonly placeholder: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSearchHotkey, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSearchHotkey, "input[tuiSearchHotkey]", never, {}, {}, never, never, true, never>;
 }

package/components/search-results/search-results.component.d.ts

@@ -1,6 +1,5 @@
 import { type KeyValue } from '@angular/common';
 import { type OnChanges, TemplateRef } from '@angular/core';
-import { type TuiContext } from '@taiga-ui/cdk/types';
 import { TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
 import * as i0 from "@angular/core";
 export declare class TuiSearchResultsComponent<T> implements OnChanges {
@@ -19,17 +18,17 @@ export declare class TuiSearchResultsComponent<T> implements OnChanges {
         hotkey: string;
         all: string;
         empty: string;
-    } | undefined>;
+    }>;
     protected readonly textfield: TuiTextfieldComponent<any>;
     protected active: number;
-    readonly template?: TemplateRef<TuiContext<T>>;
-    results: Record<string, readonly T[]> | null;
+    protected readonly empty: import("@angular/core").Signal<boolean>;
+    readonly template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    readonly results: import("@angular/core").InputSignal<Record<string, readonly T[]> | null>;
     ngOnChanges(): void;
-    protected isEmpty(results: Record<string, readonly T[]>): boolean;
     protected onArrow(current: HTMLElement, step: number): void;
     protected tab(step: number): void;
     protected notEmpty({ value }: KeyValue<string, readonly T[]>): boolean;
     protected asIs(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSearchResultsComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSearchResultsComponent<any>, "tui-search-results", never, { "results": { "alias": "results"; "required": false; }; }, {}, ["template"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSearchResultsComponent<any>, "tui-search-results", never, { "results": { "alias": "results"; "required": false; "isSignal": true; }; }, {}, ["template"], ["*"], true, never>;
 }

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

@@ -1,26 +1,23 @@
 import * as i0 from '@angular/core';
-import { inject, Input, ChangeDetectionStrategy, Component, Directive, TemplateRef, ContentChild } from '@angular/core';
-import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { inject, input, ChangeDetectionStrategy, Component, computed, Directive, contentChild, TemplateRef } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { NgControl } from '@angular/forms';
 import { WA_LOCAL_STORAGE, WA_NAVIGATOR } from '@ng-web-apis/common';
 import { TuiButton } from '@taiga-ui/core/components/button';
+import { TuiCell } from '@taiga-ui/core/components/cell';
 import { TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
-import { TuiTitle } from '@taiga-ui/core/directives/title';
+import { TuiTitle } from '@taiga-ui/core/components/title';
 import { TUI_CLOSE_WORD } from '@taiga-ui/core/tokens';
 import { TuiAvatar } from '@taiga-ui/kit/components/avatar';
-import { TuiCell } from '@taiga-ui/layout/components/cell';
 import { TUI_INPUT_SEARCH } from '@taiga-ui/layout/tokens';
 import { map, filter } from 'rxjs';
 import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
 import { TuiInputSearch } from '@taiga-ui/layout/components/input-search';
-import { __decorate } from 'tslib';
 import { KeyValuePipe, NgTemplateOutlet } from '@angular/common';
-import { TuiLet } from '@taiga-ui/cdk/directives/let';
 import { TuiFilterPipe } from '@taiga-ui/cdk/pipes/filter';
 import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
 import { tuiMoveFocus } from '@taiga-ui/cdk/utils/focus';
 import { tuiClamp } from '@taiga-ui/cdk/utils/math';
-import { tuiPure } from '@taiga-ui/cdk/utils/miscellaneous';
 import { TuiIcon } from '@taiga-ui/core/components/icon';
 import { TuiLoader } from '@taiga-ui/core/components/loader';
 import { TuiScrollbar } from '@taiga-ui/core/components/scrollbar';
@@ -42,16 +39,16 @@ class TuiSearchHistory {
         this.textfield = inject(TuiTextfieldComponent);
         this.storage = inject(WA_LOCAL_STORAGE);
         this.control = inject(NgControl);
-        this.close = toSignal(inject(TUI_CLOSE_WORD));
-        this.i18n = toSignal(inject(TUI_INPUT_SEARCH));
+        this.close = inject(TUI_CLOSE_WORD);
+        this.i18n = inject(TUI_INPUT_SEARCH);
         this.options = inject(TUI_SEARCH_RESULTS_OPTIONS);
         this.$ = this.control.valueChanges
-            ?.pipe(map(String), filter((item) => !!item && !this.popular.includes(item)), takeUntilDestroyed())
+            ?.pipe(map(String), filter((item) => !!item && !this.popular().includes(item)), takeUntilDestroyed())
             .subscribe((value) => {
             this.store(value);
         });
         this.history = this.items;
-        this.popular = [];
+        this.popular = input([]);
     }
     store(item) {
         this.storage?.setItem(this.options.key, JSON.stringify(Array.from(new Set([item.trim(), ...this.items]))
@@ -59,40 +56,38 @@ class TuiSearchHistory {
             .slice(0, 5)));
     }
     remove(item) {
-        this.textfield.input?.nativeElement.focus();
+        this.textfield.input()?.nativeElement.focus();
         this.history = this.history.filter((v) => v !== item);
         this.storage?.setItem(this.options.key, JSON.stringify(this.items.filter((v) => v !== item)));
     }
     select(item) {
         this.control.control?.setValue(item);
-        this.textfield.input?.nativeElement.focus();
+        this.textfield.input()?.nativeElement.focus();
     }
     get items() {
         return JSON.parse(this.storage?.getItem(this.options.key) || '[]');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSearchHistory, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiSearchHistory, isStandalone: true, selector: "tui-search-history", inputs: { popular: "popular" }, ngImport: i0, template: "@if (history.length) {\n    <label class=\"t-sr-label\">\n        {{ i18n()?.history }}\n    </label>\n}\n@for (item of history; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (keydown.backspace)=\"remove(item)\"\n        (keydown.delete)=\"remove(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <div [tuiAvatar]=\"options.history\"></div>\n        <span tuiTitle>{{ item }}</span>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tabindex=\"-1\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"options.remove\"\n            (click.stop)=\"remove(item)\"\n        >\n            \uD83D\uDDD1\uFE0F\n        </button>\n    </button>\n}\n@if (popular.length) {\n    <label class=\"t-sr-label\">\n        {{ i18n()?.popular }}\n    </label>\n}\n@for (item of popular; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <span [tuiAvatar]=\"options.popular\"></span>\n        <span tuiTitle>{{ item }}</span>\n    </button>\n}\n", styles: [":host:not(:empty){display:block;padding:.375rem 0}\n"], dependencies: [{ kind: "directive", type: TuiAvatar, selector: "[tuiAvatar]", inputs: ["size", "round"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell", "tuiCellHeight"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiSearchHistory, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TuiSearchHistory, isStandalone: true, selector: "tui-search-history", inputs: { popular: { classPropertyName: "popular", publicName: "popular", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (history.length) {\n    <label class=\"t-sr-label\">{{ i18n().history }}</label>\n}\n@for (item of history; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (keydown.backspace)=\"remove(item)\"\n        (keydown.delete)=\"remove(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <div [tuiAvatar]=\"options.history\"></div>\n        <span tuiTitle>{{ item }}</span>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tabindex=\"-1\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"options.remove\"\n            (click.stop)=\"remove(item)\"\n        >\n            \uD83D\uDDD1\uFE0F\n        </button>\n    </button>\n}\n@if (popular().length) {\n    <label class=\"t-sr-label\">{{ i18n().popular }}</label>\n}\n@for (item of popular(); track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <span [tuiAvatar]=\"options.popular\"></span>\n        <span tuiTitle>{{ item }}</span>\n    </button>\n}\n", styles: [":host:not(:empty){display:block;padding:.375rem 0}\n"], dependencies: [{ kind: "directive", type: TuiAvatar, selector: "[tuiAvatar]", inputs: ["size", "round", "badge"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell", "tuiCellHeight"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSearchHistory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiSearchHistory, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-search-history', imports: [TuiAvatar, TuiButton, TuiCell, TuiTitle], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (history.length) {\n    <label class=\"t-sr-label\">\n        {{ i18n()?.history }}\n    </label>\n}\n@for (item of history; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (keydown.backspace)=\"remove(item)\"\n        (keydown.delete)=\"remove(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <div [tuiAvatar]=\"options.history\"></div>\n        <span tuiTitle>{{ item }}</span>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tabindex=\"-1\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"options.remove\"\n            (click.stop)=\"remove(item)\"\n        >\n            \uD83D\uDDD1\uFE0F\n        </button>\n    </button>\n}\n@if (popular.length) {\n    <label class=\"t-sr-label\">\n        {{ i18n()?.popular }}\n    </label>\n}\n@for (item of popular; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <span [tuiAvatar]=\"options.popular\"></span>\n        <span tuiTitle>{{ item }}</span>\n    </button>\n}\n", styles: [":host:not(:empty){display:block;padding:.375rem 0}\n"] }]
-        }], propDecorators: { popular: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'tui-search-history', imports: [TuiAvatar, TuiButton, TuiCell, TuiTitle], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (history.length) {\n    <label class=\"t-sr-label\">{{ i18n().history }}</label>\n}\n@for (item of history; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (keydown.backspace)=\"remove(item)\"\n        (keydown.delete)=\"remove(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <div [tuiAvatar]=\"options.history\"></div>\n        <span tuiTitle>{{ item }}</span>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tabindex=\"-1\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"options.remove\"\n            (click.stop)=\"remove(item)\"\n        >\n            \uD83D\uDDD1\uFE0F\n        </button>\n    </button>\n}\n@if (popular().length) {\n    <label class=\"t-sr-label\">{{ i18n().popular }}</label>\n}\n@for (item of popular(); track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <span [tuiAvatar]=\"options.popular\"></span>\n        <span tuiTitle>{{ item }}</span>\n    </button>\n}\n", styles: [":host:not(:empty){display:block;padding:.375rem 0}\n"] }]
+        }] });
 
 class TuiSearchHotkey {
     constructor() {
         this.platform = inject(WA_NAVIGATOR).platform;
+        this.texts = inject(TUI_INPUT_SEARCH);
         this.search = inject(TuiInputSearch);
-        this.placeholder = toSignal(inject(TUI_INPUT_SEARCH).pipe(map(({ hotkey }) => this.platform.startsWith('Mac') ? `⌘+K ${hotkey}` : `Alt+K ${hotkey}`)));
+        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.15", ngImport: i0, type: TuiSearchHotkey, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiSearchHotkey, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSearchHotkey, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiSearchHotkey, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: 'input[tuiSearchHotkey]',
                     host: {
                         '[placeholder]': 'placeholder()',
@@ -106,30 +101,29 @@ class TuiSearchResultsComponent {
     constructor() {
         this.el = tuiInjectElement();
         this.options = inject(TUI_SEARCH_RESULTS_OPTIONS);
-        this.i18n = toSignal(inject(TUI_INPUT_SEARCH));
+        this.i18n = inject(TUI_INPUT_SEARCH);
         this.textfield = inject(TuiTextfieldComponent);
         this.active = 0;
-        this.results = {};
+        this.empty = computed((results = this.results() || {}) => !Object.values(results).reduce((total, { length }) => length + total, 0));
+        this.template = contentChild(TemplateRef);
+        this.results = input({});
     }
     ngOnChanges() {
         this.active = 0;
     }
-    isEmpty(results) {
-        return !Object.values(results).reduce((total, { length }) => length + total, 0);
-    }
     onArrow(current, step) {
         const elements = Array.from(this.el.querySelectorAll('[tuiCell]'));
         if (elements[0] === current && step < 0) {
-            this.textfield.input?.nativeElement.focus();
+            this.textfield.input()?.nativeElement.focus();
         }
         else {
             tuiMoveFocus(elements.indexOf(current), elements, step);
         }
     }
     tab(step) {
-        const max = Object.values(this.results || {}).filter((v) => v.length).length;
+        const max = Object.values(this.results() || {}).filter((v) => v.length).length;
         this.active = tuiClamp(this.active + step, 0, max);
-        this.textfield.input?.nativeElement.focus();
+        this.textfield.input()?.nativeElement.focus();
     }
     notEmpty({ value }) {
         return !!value.length;
@@ -137,13 +131,10 @@ class TuiSearchResultsComponent {
     asIs() {
         return 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSearchResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiSearchResultsComponent, isStandalone: true, selector: "tui-search-results", inputs: { results: "results" }, host: { listeners: { "keydown.arrowDown.prevent": "onArrow($event.target, 1)", "keydown.arrowUp.prevent": "onArrow($event.target, -1)" } }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (!textfield.value()) {\n    <ng-content />\n} @else {\n    @if (!results) {\n        <tui-loader class=\"t-loader\" />\n    } @else {\n        @if (results && isEmpty(results)) {\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            <ng-container *tuiLet=\"(results | keyvalue: asIs) || [] as items\">\n                <tui-scrollbar class=\"t-scrollbar\">\n                    @for (group of items | tuiFilter: notEmpty; track group; let index = $index) {\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            </ng-container>\n        }\n    }\n}\n", styles: [":host{display:flex;flex-direction:column;border-radius:var(--tui-radius-l);background:var(--tui-background-base);box-shadow:inset 0 0 0 1px var(--tui-border-normal)}:host ::ng-deep [tuiCell]{inline-size:stretch;padding:.375rem;margin:.25rem .625rem;border-radius:var(--tui-radius-l)}:host ::ng-deep [tuiCell]>[tuiAvatar]{border-radius:var(--tui-radius-m)}:host ::ng-deep .t-sr-label{display:block;font:var(--tui-font-text-ui-s);color:var(--tui-text-secondary);margin:.75rem 1rem .5rem}.t-loader{margin:1rem 0}.t-status{margin-block-end:2rem}.t-empty{margin-block-start:1.5rem;font-size:6rem;color:var(--tui-text-primary)}.t-tabs{order:-1;margin:0 1rem;box-shadow:none;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 1rem}.t-tabs:before{background:var(--tui-background-accent-opposite-pressed)}.t-scrollbar{max-block-size:30rem;padding:.375rem 0}\n"], dependencies: [{ kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.TuiBlockStatusComponent, selector: "tui-block-status", inputs: ["card", "size"] }, { kind: "directive", type: i1.TuiBlockStatusDirective, selector: "[tuiSlot]", inputs: ["tuiSlot"] }, { kind: "pipe", type: TuiFilterPipe, name: "tuiFilter" }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: TuiScrollbar, selector: "tui-scrollbar", inputs: ["hidden"] }, { kind: "directive", type: i2.TuiTab, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]" }, { kind: "directive", type: i2.TuiTabsHorizontal, selector: "tui-tabs:not([vertical]), nav[tuiTabs]:not([vertical])", inputs: ["underline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiSearchResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TuiSearchResultsComponent, isStandalone: true, selector: "tui-search-results", inputs: { results: { classPropertyName: "results", publicName: "results", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.arrowDown.prevent": "onArrow($event.target, 1)", "keydown.arrowUp.prevent": "onArrow($event.target, -1)" } }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (!textfield.value()) {\n    <ng-content />\n} @else {\n    @if (!results()) {\n        <tui-loader class=\"t-loader\" />\n    } @else {\n        @if (empty()) {\n            <tui-block-status\n                size=\"m\"\n                class=\"t-status\"\n            >\n                <tui-icon\n                    tuiSlot=\"top\"\n                    class=\"t-empty\"\n                    [icon]=\"options.empty\"\n                />\n                {{ i18n().empty }}\n            </tui-block-status>\n        } @else {\n            @let items = (results() | keyvalue: asIs) || [];\n            <tui-scrollbar class=\"t-scrollbar\">\n                @for (group of items | tuiFilter: notEmpty; track group) {\n                    @if (!active || active === $index + 1) {\n                        @if (!active && items.length > 1) {\n                            <label class=\"t-sr-label\">\n                                {{ group.key }}\n                            </label>\n                        }\n                        @for (item of group.value; track item) {\n                            <ng-container\n                                [ngTemplateOutlet]=\"template() || null\"\n                                [ngTemplateOutletContext]=\"{$implicit: item}\"\n                            />\n                        }\n                    }\n                }\n            </tui-scrollbar>\n            @if (items.length > 1) {\n                <tui-tabs\n                    size=\"m\"\n                    class=\"t-tabs\"\n                    [(activeItemIndex)]=\"active\"\n                    (document:keydown.shift.tab.prevent)=\"tab(-1)\"\n                    (document:keydown.tab.prevent)=\"tab(1)\"\n                >\n                    <button tuiTab>{{ i18n().all }}</button>\n                    @for (group of items; track group) {\n                        @if (group.value.length) {\n                            <button tuiTab>\n                                {{ group.key }}\n                            </button>\n                        }\n                    }\n                </tui-tabs>\n            }\n        }\n    }\n}\n", styles: [":host{display:flex;flex-direction:column;border-radius:var(--tui-radius-l);background:var(--tui-background-base);box-shadow:inset 0 0 0 1px var(--tui-border-normal)}:host ::ng-deep [tuiCell]{inline-size:stretch;padding:.375rem;margin:.25rem .625rem;border-radius:var(--tui-radius-l)}:host ::ng-deep [tuiCell]>[tuiAvatar]{border-radius:var(--tui-radius-m)}:host ::ng-deep .t-sr-label{display:block;font:var(--tui-font-ui-s);color:var(--tui-text-secondary);margin:.75rem 1rem .5rem}.t-loader{margin:1rem 0}.t-status{margin-block-end:2rem}.t-empty{margin-block-start:1.5rem;font-size:6rem;color:var(--tui-text-primary)}.t-tabs{order:-1;margin:0 1rem;box-shadow:none;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 1rem}.t-tabs:before{background:var(--tui-background-accent-opposite-pressed)}.t-scrollbar{max-block-size:30rem;padding:.375rem 0}\n"], dependencies: [{ kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.TuiBlockStatusComponent, selector: "tui-block-status", inputs: ["card", "size"] }, { kind: "directive", type: i1.TuiBlockStatusDirective, selector: "[tuiSlot]", inputs: ["tuiSlot"] }, { kind: "pipe", type: TuiFilterPipe, name: "tuiFilter" }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "component", type: TuiScrollbar, selector: "tui-scrollbar" }, { kind: "directive", type: i2.TuiTab, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]" }, { kind: "directive", type: i2.TuiTabsHorizontal, selector: "tui-tabs:not([vertical]), nav[tuiTabs]:not([vertical])", inputs: ["underline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-__decorate([
-    tuiPure
-], TuiSearchResultsComponent.prototype, "isEmpty", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSearchResultsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiSearchResultsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tui-search-results', imports: [
                         KeyValuePipe,
@@ -151,20 +142,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         TuiBlockStatus,
                         TuiFilterPipe,
                         TuiIcon,
-                        TuiLet,
                         TuiLoader,
                         TuiScrollbar,
                         TuiTabs,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '(keydown.arrowDown.prevent)': 'onArrow($event.target, 1)',
                         '(keydown.arrowUp.prevent)': 'onArrow($event.target, -1)',
-                    }, template: "@if (!textfield.value()) {\n    <ng-content />\n} @else {\n    @if (!results) {\n        <tui-loader class=\"t-loader\" />\n    } @else {\n        @if (results && isEmpty(results)) {\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            <ng-container *tuiLet=\"(results | keyvalue: asIs) || [] as items\">\n                <tui-scrollbar class=\"t-scrollbar\">\n                    @for (group of items | tuiFilter: notEmpty; track group; let index = $index) {\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            </ng-container>\n        }\n    }\n}\n", styles: [":host{display:flex;flex-direction:column;border-radius:var(--tui-radius-l);background:var(--tui-background-base);box-shadow:inset 0 0 0 1px var(--tui-border-normal)}:host ::ng-deep [tuiCell]{inline-size:stretch;padding:.375rem;margin:.25rem .625rem;border-radius:var(--tui-radius-l)}:host ::ng-deep [tuiCell]>[tuiAvatar]{border-radius:var(--tui-radius-m)}:host ::ng-deep .t-sr-label{display:block;font:var(--tui-font-text-ui-s);color:var(--tui-text-secondary);margin:.75rem 1rem .5rem}.t-loader{margin:1rem 0}.t-status{margin-block-end:2rem}.t-empty{margin-block-start:1.5rem;font-size:6rem;color:var(--tui-text-primary)}.t-tabs{order:-1;margin:0 1rem;box-shadow:none;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 1rem}.t-tabs:before{background:var(--tui-background-accent-opposite-pressed)}.t-scrollbar{max-block-size:30rem;padding:.375rem 0}\n"] }]
-        }], propDecorators: { template: [{
-                type: ContentChild,
-                args: [TemplateRef]
-            }], results: [{
-                type: Input
-            }], isEmpty: [] } });
+                    }, template: "@if (!textfield.value()) {\n    <ng-content />\n} @else {\n    @if (!results()) {\n        <tui-loader class=\"t-loader\" />\n    } @else {\n        @if (empty()) {\n            <tui-block-status\n                size=\"m\"\n                class=\"t-status\"\n            >\n                <tui-icon\n                    tuiSlot=\"top\"\n                    class=\"t-empty\"\n                    [icon]=\"options.empty\"\n                />\n                {{ i18n().empty }}\n            </tui-block-status>\n        } @else {\n            @let items = (results() | keyvalue: asIs) || [];\n            <tui-scrollbar class=\"t-scrollbar\">\n                @for (group of items | tuiFilter: notEmpty; track group) {\n                    @if (!active || active === $index + 1) {\n                        @if (!active && items.length > 1) {\n                            <label class=\"t-sr-label\">\n                                {{ group.key }}\n                            </label>\n                        }\n                        @for (item of group.value; track item) {\n                            <ng-container\n                                [ngTemplateOutlet]=\"template() || null\"\n                                [ngTemplateOutletContext]=\"{$implicit: item}\"\n                            />\n                        }\n                    }\n                }\n            </tui-scrollbar>\n            @if (items.length > 1) {\n                <tui-tabs\n                    size=\"m\"\n                    class=\"t-tabs\"\n                    [(activeItemIndex)]=\"active\"\n                    (document:keydown.shift.tab.prevent)=\"tab(-1)\"\n                    (document:keydown.tab.prevent)=\"tab(1)\"\n                >\n                    <button tuiTab>{{ i18n().all }}</button>\n                    @for (group of items; track group) {\n                        @if (group.value.length) {\n                            <button tuiTab>\n                                {{ group.key }}\n                            </button>\n                        }\n                    }\n                </tui-tabs>\n            }\n        }\n    }\n}\n", styles: [":host{display:flex;flex-direction:column;border-radius:var(--tui-radius-l);background:var(--tui-background-base);box-shadow:inset 0 0 0 1px var(--tui-border-normal)}:host ::ng-deep [tuiCell]{inline-size:stretch;padding:.375rem;margin:.25rem .625rem;border-radius:var(--tui-radius-l)}:host ::ng-deep [tuiCell]>[tuiAvatar]{border-radius:var(--tui-radius-m)}:host ::ng-deep .t-sr-label{display:block;font:var(--tui-font-ui-s);color:var(--tui-text-secondary);margin:.75rem 1rem .5rem}.t-loader{margin:1rem 0}.t-status{margin-block-end:2rem}.t-empty{margin-block-start:1.5rem;font-size:6rem;color:var(--tui-text-primary)}.t-tabs{order:-1;margin:0 1rem;box-shadow:none;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 1rem}.t-tabs:before{background:var(--tui-background-accent-opposite-pressed)}.t-scrollbar{max-block-size:30rem;padding:.375rem 0}\n"] }]
+        }] });
 
 const TuiSearchResults = [
     TuiSearchHotkey,

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, toSignal} 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 {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {TuiTitle} from '@taiga-ui/core/directives/title';\nimport {TUI_CLOSE_WORD} from '@taiga-ui/core/tokens';\nimport {TuiAvatar} from '@taiga-ui/kit/components/avatar';\nimport {TuiCell} from '@taiga-ui/layout/components/cell';\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        `\n            :host:not(:empty) {\n                display: block;\n                padding: 0.375rem 0;\n            }\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 = toSignal(inject(TUI_CLOSE_WORD));\n    protected readonly i18n = toSignal(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    @Input()\n    public popular: 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\">\n        {{ i18n()?.history }}\n    </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\">\n        {{ i18n()?.popular }}\n    </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 {Directive, inject} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\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';\nimport {map} from 'rxjs';\n\n@Directive({\n    standalone: true,\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\n    protected readonly search = inject(TuiInputSearch);\n    protected readonly placeholder = toSignal(\n        inject(TUI_INPUT_SEARCH).pipe(\n            map(({hotkey}) =>\n                this.platform.startsWith('Mac') ? `⌘+K ${hotkey}` : `Alt+K ${hotkey}`,\n            ),\n        ),\n    );\n}\n","import {type KeyValue, KeyValuePipe, NgTemplateOutlet} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    inject,\n    Input,\n    type OnChanges,\n    TemplateRef,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {TuiLet} from '@taiga-ui/cdk/directives/let';\nimport {TuiFilterPipe} from '@taiga-ui/cdk/pipes/filter';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\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 {tuiPure} from '@taiga-ui/cdk/utils/miscellaneous';\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        TuiLet,\n        TuiLoader,\n        TuiScrollbar,\n        TuiTabs,\n    ],\n    templateUrl: './search-results.component.html',\n    styleUrls: ['./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 = toSignal(inject(TUI_INPUT_SEARCH));\n    protected readonly textfield = inject(TuiTextfieldComponent);\n    protected active = 0;\n\n    @ContentChild(TemplateRef)\n    public readonly template?: TemplateRef<TuiContext<T>>;\n\n    @Input()\n    public results: Record<string, readonly T[]> | null = {};\n\n    public ngOnChanges(): void {\n        this.active = 0;\n    }\n\n    @tuiPure\n    protected isEmpty(results: Record<string, readonly T[]>): boolean {\n        return !Object.values(results).reduce((total, {length}) => length + total, 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 (results && isEmpty(results)) {\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            <ng-container *tuiLet=\"(results | keyvalue: asIs) || [] as items\">\n                <tui-scrollbar class=\"t-scrollbar\">\n                    @for (group of items | tuiFilter: notEmpty; track group; let index = $index) {\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            </ng-container>\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\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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"}

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

@@ -1,8 +1,3 @@
-export * from '@taiga-ui/experimental/components/accordion';
-export * from '@taiga-ui/experimental/components/dialog';
-export * from '@taiga-ui/experimental/components/expand';
-export * from '@taiga-ui/experimental/components/hint';
-export * from '@taiga-ui/experimental/components/input-phone-international';
 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": "4.52.0-canary.932d3ef",
+  "version": "4.52.0-canary.9c7b1f0",
   "description": "A package with Taiga UI experimental components",
   "keywords": [
     "angular",
@@ -8,7 +8,10 @@
     "layout"
   ],
   "homepage": "https://github.com/taiga-family/taiga-ui",
-  "repository": "https://github.com/taiga-family/taiga-ui",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/taiga-family/taiga-ui"
+  },
   "license": "Apache-2.0",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
@@ -35,26 +38,6 @@
       "types": "./components/index.d.ts",
       "default": "./fesm2022/taiga-ui-experimental-components.mjs"
     },
-    "./components/accordion": {
-      "types": "./components/accordion/index.d.ts",
-      "default": "./fesm2022/taiga-ui-experimental-components-accordion.mjs"
-    },
-    "./components/dialog": {
-      "types": "./components/dialog/index.d.ts",
-      "default": "./fesm2022/taiga-ui-experimental-components-dialog.mjs"
-    },
-    "./components/expand": {
-      "types": "./components/expand/index.d.ts",
-      "default": "./fesm2022/taiga-ui-experimental-components-expand.mjs"
-    },
-    "./components/hint": {
-      "types": "./components/hint/index.d.ts",
-      "default": "./fesm2022/taiga-ui-experimental-components-hint.mjs"
-    },
-    "./components/input-phone-international": {
-      "types": "./components/input-phone-international/index.d.ts",
-      "default": "./fesm2022/taiga-ui-experimental-components-input-phone-international.mjs"
-    },
     "./components/search-results": {
       "types": "./components/search-results/index.d.ts",
       "default": "./fesm2022/taiga-ui-experimental-components-search-results.mjs"

package/components/accordion/accordion.component.d.ts

@@ -1,20 +0,0 @@
-import { type AfterViewInit, type QueryList } from '@angular/core';
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
-import { TuiExpand } from '@taiga-ui/experimental/components/expand';
-import { TuiAccordionDirective } from './accordion.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/group";
-export declare class TuiAccordionComponent implements AfterViewInit {
-    private readonly destroyRef;
-    private readonly toggle$;
-    readonly expands: QueryList<TuiExpand>;
-    readonly directives: QueryList<TuiAccordionDirective>;
-    closeOthers: boolean;
-    readonly size: import("@angular/core").WritableSignal<"m" | "s" | "l">;
-    set sizeSetter(size: TuiSizeL | TuiSizeS);
-    ngAfterViewInit(): void;
-    toggle(directive: TuiAccordionDirective): void;
-    private expand;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAccordionComponent, "tui-accordion", never, { "closeOthers": { "alias": "closeOthers"; "required": false; }; "sizeSetter": { "alias": "size"; "required": false; }; }, {}, ["expands", "directives"], ["*"], true, [{ directive: typeof i1.TuiGroup; inputs: {}; outputs: {}; }]>;
-}

package/components/accordion/accordion.d.ts

@@ -1,5 +0,0 @@
-import { TuiItem } from '@taiga-ui/cdk/directives/item';
-import { TuiExpand } from '@taiga-ui/experimental/components/expand';
-import { TuiAccordionComponent } from './accordion.component';
-import { TuiAccordionDirective } from './accordion.directive';
-export declare const TuiAccordion: readonly [typeof TuiAccordionComponent, typeof TuiAccordionDirective, typeof TuiExpand, typeof TuiItem];

package/components/accordion/accordion.directive.d.ts

@@ -1,15 +0,0 @@
-import { EventEmitter, type OnChanges } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/button";
-import * as i2 from "@taiga-ui/kit/directives/chevron";
-export declare class TuiAccordionDirective implements OnChanges {
-    private readonly accordion;
-    protected readonly size: import("@angular/core").WritableSignal<"m" | "s" | "l">;
-    tuiAccordion: boolean | string;
-    readonly tuiAccordionChange: EventEmitter<boolean>;
-    readonly open: import("@angular/core").WritableSignal<boolean>;
-    ngOnChanges(): void;
-    toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAccordionDirective, "button[tuiAccordion]", never, { "tuiAccordion": { "alias": "tuiAccordion"; "required": false; }; }, { "tuiAccordionChange": "tuiAccordionChange"; }, never, never, true, [{ directive: typeof i1.TuiButton; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiChevron; inputs: {}; outputs: {}; }]>;
-}

package/components/accordion/index.d.ts

@@ -1,3 +0,0 @@
-export * from './accordion';
-export * from './accordion.component';
-export * from './accordion.directive';

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

@@ -1,15 +0,0 @@
-import { type TuiPopover } from '@taiga-ui/cdk/services';
-import { Subject } from 'rxjs';
-import { type TuiDialogOptions } from './dialog.options';
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/animated";
-export declare class TuiDialogComponent<O, I> {
-    protected readonly close$: Subject<void>;
-    protected readonly close: import("@angular/core").Signal<string | undefined>;
-    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly context: TuiPopover<TuiDialogOptions<I>, O>;
-    protected readonly sub: import("rxjs").Subscription;
-    protected get primitive(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialogComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDialogComponent<any, any>, "tui-dialog", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
-}

package/components/dialog/dialog.directive.d.ts

@@ -1,7 +0,0 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
-import { type TuiDialogOptions } from './dialog.options';
-import * as i0 from "@angular/core";
-export declare class TuiDialog<T> extends TuiPopoverDirective<TuiDialogOptions<T>> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialog<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDialog<any>, "ng-template[tuiDialog]", never, { "options": { "alias": "tuiDialogOptions"; "required": false; }; "open": { "alias": "tuiDialog"; "required": false; }; }, { "openChange": "tuiDialogChange"; }, never, never, true, never>;
-}

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

@@ -1,27 +0,0 @@
-import { type TuiPopoverContext } from '@taiga-ui/cdk/services';
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
-import { type Observable } from 'rxjs';
-/**
- * Options for a dialog
- *
- * appearance - data-appearance attribute of the dialog ('taiga' by default)
- * closable - show close button (true by default)
- * data - arbitrary data for dialog
- * dismissible - close dialog by Esc button or click on overlay (true by default)
- * label - string title for the dialog ('' by default)
- * required - dismissing or closing dialog by X button throws (false by default)
- * size - size of the dialog ('m' by default)
- */
-export interface TuiDialogOptions<I> {
-    readonly appearance: string;
-    readonly closable: Observable<boolean> | boolean;
-    readonly data: I extends void ? undefined : I;
-    readonly dismissible: Observable<boolean> | boolean;
-    readonly label: string;
-    readonly required: boolean;
-    readonly size: TuiSizeL | TuiSizeS;
-}
-export interface TuiDialogContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiDialogOptions<I> {
-}
-export declare const TUI_DIALOG_DEFAULT_OPTIONS: TuiDialogOptions<void>;
-export declare const TUI_DIALOG_OPTIONS: import("@angular/core").InjectionToken<TuiDialogOptions<void>>, tuiDialogOptionsProvider: (item: Partial<TuiDialogOptions<void>> | (() => Partial<TuiDialogOptions<void>>)) => import("@angular/core").FactoryProvider;