@taiga-ui/experimental 4.66.0 → 5.0.0-canary.8b64ec1

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,7 +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/pdf-viewer';
 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/components/search-results/search-results.options.d.ts

@@ -10,13 +10,7 @@ export declare const TUI_SEARCH_RESULTS_OPTIONS: import("@angular/core").Injecti
     popular: string;
     empty: string;
     remove: string;
-}> | import("@angular/core").ProviderToken<Partial<{
-    key: string;
-    history: string;
-    popular: string;
-    empty: string;
-    remove: string;
-}>> | (() => Partial<{
+}> | (() => Partial<{
     key: string;
     history: string;
     popular: string;

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

@@ -1,27 +1,24 @@
-import { NgForOf, NgIf, KeyValuePipe, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Component, ChangeDetectionStrategy, Input, 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 { TuiLet } from '@taiga-ui/cdk/directives/let';
+import { KeyValuePipe, NgTemplateOutlet } from '@angular/common';
 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 { TuiIconPipe } from '@taiga-ui/core/components/icon';
+import { TuiIcon } from '@taiga-ui/core/components/icon';
 import { TuiLoader } from '@taiga-ui/core/components/loader';
 import { TuiScrollbar } from '@taiga-ui/core/components/scrollbar';
 import * as i2 from '@taiga-ui/kit/components/tabs';
@@ -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: "16.2.12", ngImport: i0, type: TuiSearchHistory, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSearchHistory, isStandalone: true, selector: "tui-search-history", inputs: { popular: "popular" }, ngImport: i0, template: "<label\n    *ngIf=\"history.length\"\n    class=\"t-sr-label\"\n>\n    {{ i18n()?.history }}\n</label>\n<button\n    *ngFor=\"let item of history\"\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    <tui-avatar [src]=\"options.history\" />\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<label\n    *ngIf=\"popular.length\"\n    class=\"t-sr-label\"\n>\n    {{ i18n()?.popular }}\n</label>\n<button\n    *ngFor=\"let item of popular\"\n    tuiCell\n    type=\"button\"\n    (click)=\"select(item)\"\n    (mousedown.prevent)=\"(0)\"\n>\n    <tui-avatar [src]=\"options.popular\" />\n    <span tuiTitle>{{ item }}</span>\n</button>\n", styles: [":host:not(:empty){display:block;padding:.375rem 0}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TuiAvatar, selector: "tui-avatar,button[tuiAvatar],a[tuiAvatar]", inputs: ["size", "round", "src"] }, { 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: "16.2.12", ngImport: i0, type: TuiSearchHistory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiSearchHistory, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'tui-search-history', imports: [NgForOf, NgIf, TuiAvatar, TuiButton, TuiCell, TuiTitle], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label\n    *ngIf=\"history.length\"\n    class=\"t-sr-label\"\n>\n    {{ i18n()?.history }}\n</label>\n<button\n    *ngFor=\"let item of history\"\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    <tui-avatar [src]=\"options.history\" />\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<label\n    *ngIf=\"popular.length\"\n    class=\"t-sr-label\"\n>\n    {{ i18n()?.popular }}\n</label>\n<button\n    *ngFor=\"let item of popular\"\n    tuiCell\n    type=\"button\"\n    (click)=\"select(item)\"\n    (mousedown.prevent)=\"(0)\"\n>\n    <tui-avatar [src]=\"options.popular\" />\n    <span tuiTitle>{{ item }}</span>\n</button>\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: "16.2.12", ngImport: i0, type: TuiSearchHotkey, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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: "16.2.12", 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,36 +131,25 @@ class TuiSearchResultsComponent {
     asIs() {
         return 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSearchResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: "<ng-content *ngIf=\"!textfield.value(); else a\" />\n<ng-template #a>\n    <tui-loader\n        *ngIf=\"!results; else b\"\n        class=\"t-loader\"\n    />\n    <ng-template #b>\n        <tui-block-status\n            *ngIf=\"results && isEmpty(results); else c\"\n            size=\"m\"\n            class=\"t-status\"\n        >\n            <img\n                alt=\"\"\n                tuiSlot=\"top\"\n                class=\"t-empty\"\n                [src]=\"options.empty | tuiIcon\"\n            />\n            {{ i18n()?.empty }}\n        </tui-block-status>\n        <ng-template #c>\n            <ng-container *tuiLet=\"(results | keyvalue: asIs) || [] as items\">\n                <tui-scrollbar class=\"t-scrollbar\">\n                    <ng-container *ngFor=\"let group of items | tuiFilter: notEmpty; let index = index\">\n                        <ng-container *ngIf=\"!active || active === index + 1\">\n                            <label\n                                *ngIf=\"!active && items.length > 1\"\n                                class=\"t-sr-label\"\n                            >\n                                {{ group.key }}\n                            </label>\n                            <ng-container\n                                *ngFor=\"let item of group.value\"\n                                [ngTemplateOutlet]=\"template || null\"\n                                [ngTemplateOutletContext]=\"{$implicit: item}\"\n                            />\n                        </ng-container>\n                    </ng-container>\n                </tui-scrollbar>\n                <tui-tabs\n                    *ngIf=\"items.length > 1\"\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                    <ng-container *ngFor=\"let group of items\">\n                        <button\n                            *ngIf=\"group.value.length\"\n                            tuiTab\n                        >\n                            {{ group.key }}\n                        </button>\n                    </ng-container>\n                </tui-tabs>\n            </ng-container>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;border-radius:var(--tui-radius-l);background:var(--tui-background-base);box-shadow:inset 0 0 0 1px var(--tui-border-normal)}:host ::ng-deep [tuiCell]{inline-size:calc(100% - 2rem);padding:.375rem;margin:.25rem .625rem;border-radius:var(--tui-radius-l)}:host ::ng-deep [tuiCell]>tui-avatar{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;filter:invert(1)}.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: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "pipe", type: TuiIconPipe, name: "tuiIcon" }, { 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:calc(100% - 2rem);padding:.375rem;margin:.25rem .625rem;border-radius:var(--tui-radius-l)}:host ::ng-deep [tuiCell]>[tuiAvatar]{border-radius:var(--tui-radius-m)}:host ::ng-deep .t-sr-label{display:block;font:var(--tui-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])", inputs: ["underline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-__decorate([
-    tuiPure
-], TuiSearchResultsComponent.prototype, "isEmpty", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSearchResultsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiSearchResultsComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'tui-search-results', imports: [
+            args: [{ selector: 'tui-search-results', imports: [
                         KeyValuePipe,
-                        NgForOf,
-                        NgIf,
                         NgTemplateOutlet,
                         TuiBlockStatus,
                         TuiFilterPipe,
-                        TuiIconPipe,
-                        TuiLet,
+                        TuiIcon,
                         TuiLoader,
                         TuiScrollbar,
                         TuiTabs,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '(keydown.arrowDown.prevent)': 'onArrow($event.target, 1)',
                         '(keydown.arrowUp.prevent)': 'onArrow($event.target, -1)',
-                    }, template: "<ng-content *ngIf=\"!textfield.value(); else a\" />\n<ng-template #a>\n    <tui-loader\n        *ngIf=\"!results; else b\"\n        class=\"t-loader\"\n    />\n    <ng-template #b>\n        <tui-block-status\n            *ngIf=\"results && isEmpty(results); else c\"\n            size=\"m\"\n            class=\"t-status\"\n        >\n            <img\n                alt=\"\"\n                tuiSlot=\"top\"\n                class=\"t-empty\"\n                [src]=\"options.empty | tuiIcon\"\n            />\n            {{ i18n()?.empty }}\n        </tui-block-status>\n        <ng-template #c>\n            <ng-container *tuiLet=\"(results | keyvalue: asIs) || [] as items\">\n                <tui-scrollbar class=\"t-scrollbar\">\n                    <ng-container *ngFor=\"let group of items | tuiFilter: notEmpty; let index = index\">\n                        <ng-container *ngIf=\"!active || active === index + 1\">\n                            <label\n                                *ngIf=\"!active && items.length > 1\"\n                                class=\"t-sr-label\"\n                            >\n                                {{ group.key }}\n                            </label>\n                            <ng-container\n                                *ngFor=\"let item of group.value\"\n                                [ngTemplateOutlet]=\"template || null\"\n                                [ngTemplateOutletContext]=\"{$implicit: item}\"\n                            />\n                        </ng-container>\n                    </ng-container>\n                </tui-scrollbar>\n                <tui-tabs\n                    *ngIf=\"items.length > 1\"\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                    <ng-container *ngFor=\"let group of items\">\n                        <button\n                            *ngIf=\"group.value.length\"\n                            tuiTab\n                        >\n                            {{ group.key }}\n                        </button>\n                    </ng-container>\n                </tui-tabs>\n            </ng-container>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;border-radius:var(--tui-radius-l);background:var(--tui-background-base);box-shadow:inset 0 0 0 1px var(--tui-border-normal)}:host ::ng-deep [tuiCell]{inline-size:calc(100% - 2rem);padding:.375rem;margin:.25rem .625rem;border-radius:var(--tui-radius-l)}:host ::ng-deep [tuiCell]>tui-avatar{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;filter:invert(1)}.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:calc(100% - 2rem);padding:.375rem;margin:.25rem .625rem;border-radius:var(--tui-radius-l)}:host ::ng-deep [tuiCell]>[tuiAvatar]{border-radius:var(--tui-radius-m)}:host ::ng-deep .t-sr-label{display:block;font:var(--tui-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 {NgForOf, NgIf} from '@angular/common';\nimport {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    standalone: true,\n    selector: 'tui-search-history',\n    imports: [NgForOf, NgIf, 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","<label\n    *ngIf=\"history.length\"\n    class=\"t-sr-label\"\n>\n    {{ i18n()?.history }}\n</label>\n<button\n    *ngFor=\"let item of history\"\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    <tui-avatar [src]=\"options.history\" />\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<label\n    *ngIf=\"popular.length\"\n    class=\"t-sr-label\"\n>\n    {{ i18n()?.popular }}\n</label>\n<button\n    *ngFor=\"let item of popular\"\n    tuiCell\n    type=\"button\"\n    (click)=\"select(item)\"\n    (mousedown.prevent)=\"(0)\"\n>\n    <tui-avatar [src]=\"options.popular\" />\n    <span tuiTitle>{{ item }}</span>\n</button>\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 {\n    type KeyValue,\n    KeyValuePipe,\n    NgForOf,\n    NgIf,\n    NgTemplateOutlet,\n} 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 {TuiIconPipe} 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    standalone: true,\n    selector: 'tui-search-results',\n    imports: [\n        KeyValuePipe,\n        NgForOf,\n        NgIf,\n        NgTemplateOutlet,\n        TuiBlockStatus,\n        TuiFilterPipe,\n        TuiIconPipe,\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","<ng-content *ngIf=\"!textfield.value(); else a\" />\n<ng-template #a>\n    <tui-loader\n        *ngIf=\"!results; else b\"\n        class=\"t-loader\"\n    />\n    <ng-template #b>\n        <tui-block-status\n            *ngIf=\"results && isEmpty(results); else c\"\n            size=\"m\"\n            class=\"t-status\"\n        >\n            <img\n                alt=\"\"\n                tuiSlot=\"top\"\n                class=\"t-empty\"\n                [src]=\"options.empty | tuiIcon\"\n            />\n            {{ i18n()?.empty }}\n        </tui-block-status>\n        <ng-template #c>\n            <ng-container *tuiLet=\"(results | keyvalue: asIs) || [] as items\">\n                <tui-scrollbar class=\"t-scrollbar\">\n                    <ng-container *ngFor=\"let group of items | tuiFilter: notEmpty; let index = index\">\n                        <ng-container *ngIf=\"!active || active === index + 1\">\n                            <label\n                                *ngIf=\"!active && items.length > 1\"\n                                class=\"t-sr-label\"\n                            >\n                                {{ group.key }}\n                            </label>\n                            <ng-container\n                                *ngFor=\"let item of group.value\"\n                                [ngTemplateOutlet]=\"template || null\"\n                                [ngTemplateOutletContext]=\"{$implicit: item}\"\n                            />\n                        </ng-container>\n                    </ng-container>\n                </tui-scrollbar>\n                <tui-tabs\n                    *ngIf=\"items.length > 1\"\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                    <ng-container *ngFor=\"let group of items\">\n                        <button\n                            *ngIf=\"group.value.length\"\n                            tuiTab\n                        >\n                            {{ group.key }}\n                        </button>\n                    </ng-container>\n                </tui-tabs>\n            </ng-container>\n        </ng-template>\n    </ng-template>\n</ng-template>\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,9 +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/pdf-viewer';
 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.66.0",
+  "version": "5.0.0-canary.8b64ec1",
   "description": "A package with Taiga UI experimental components",
   "keywords": [
     "angular",
@@ -8,17 +8,20 @@
     "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": ">=16.0.0",
-    "@angular/core": ">=16.0.0",
-    "@taiga-ui/addon-commerce": "^4.66.0",
-    "@taiga-ui/cdk": "^4.66.0",
-    "@taiga-ui/core": "^4.66.0",
-    "@taiga-ui/kit": "^4.66.0",
-    "@taiga-ui/layout": "^4.66.0",
-    "@taiga-ui/polymorpheus": "^4.9.0",
+    "@angular/common": ">=19.0.0",
+    "@angular/core": ">=19.0.0",
+    "@taiga-ui/addon-commerce": "^5.0.0-rc.0",
+    "@taiga-ui/cdk": "^5.0.0-rc.0",
+    "@taiga-ui/core": "^5.0.0-rc.0",
+    "@taiga-ui/kit": "^5.0.0-rc.0",
+    "@taiga-ui/layout": "^5.0.0-rc.0",
+    "@taiga-ui/polymorpheus": "^5.0.0",
     "rxjs": ">=7.0.0"
   },
   "module": "fesm2022/taiga-ui-experimental.mjs",
@@ -29,56 +32,14 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/taiga-ui-experimental.mjs",
-      "esm": "./esm2022/taiga-ui-experimental.mjs",
       "default": "./fesm2022/taiga-ui-experimental.mjs"
     },
     "./components": {
       "types": "./components/index.d.ts",
-      "esm2022": "./esm2022/components/taiga-ui-experimental-components.mjs",
-      "esm": "./esm2022/components/taiga-ui-experimental-components.mjs",
       "default": "./fesm2022/taiga-ui-experimental-components.mjs"
     },
-    "./components/dialog": {
-      "types": "./components/dialog/index.d.ts",
-      "esm2022": "./esm2022/components/dialog/taiga-ui-experimental-components-dialog.mjs",
-      "esm": "./esm2022/components/dialog/taiga-ui-experimental-components-dialog.mjs",
-      "default": "./fesm2022/taiga-ui-experimental-components-dialog.mjs"
-    },
-    "./components/accordion": {
-      "types": "./components/accordion/index.d.ts",
-      "esm2022": "./esm2022/components/accordion/taiga-ui-experimental-components-accordion.mjs",
-      "esm": "./esm2022/components/accordion/taiga-ui-experimental-components-accordion.mjs",
-      "default": "./fesm2022/taiga-ui-experimental-components-accordion.mjs"
-    },
-    "./components/expand": {
-      "types": "./components/expand/index.d.ts",
-      "esm2022": "./esm2022/components/expand/taiga-ui-experimental-components-expand.mjs",
-      "esm": "./esm2022/components/expand/taiga-ui-experimental-components-expand.mjs",
-      "default": "./fesm2022/taiga-ui-experimental-components-expand.mjs"
-    },
-    "./components/hint": {
-      "types": "./components/hint/index.d.ts",
-      "esm2022": "./esm2022/components/hint/taiga-ui-experimental-components-hint.mjs",
-      "esm": "./esm2022/components/hint/taiga-ui-experimental-components-hint.mjs",
-      "default": "./fesm2022/taiga-ui-experimental-components-hint.mjs"
-    },
-    "./components/input-phone-international": {
-      "types": "./components/input-phone-international/index.d.ts",
-      "esm2022": "./esm2022/components/input-phone-international/taiga-ui-experimental-components-input-phone-international.mjs",
-      "esm": "./esm2022/components/input-phone-international/taiga-ui-experimental-components-input-phone-international.mjs",
-      "default": "./fesm2022/taiga-ui-experimental-components-input-phone-international.mjs"
-    },
-    "./components/pdf-viewer": {
-      "types": "./components/pdf-viewer/index.d.ts",
-      "esm2022": "./esm2022/components/pdf-viewer/taiga-ui-experimental-components-pdf-viewer.mjs",
-      "esm": "./esm2022/components/pdf-viewer/taiga-ui-experimental-components-pdf-viewer.mjs",
-      "default": "./fesm2022/taiga-ui-experimental-components-pdf-viewer.mjs"
-    },
     "./components/search-results": {
       "types": "./components/search-results/index.d.ts",
-      "esm2022": "./esm2022/components/search-results/taiga-ui-experimental-components-search-results.mjs",
-      "esm": "./esm2022/components/search-results/taiga-ui-experimental-components-search-results.mjs",
       "default": "./fesm2022/taiga-ui-experimental-components-search-results.mjs"
     }
   },