@taiga-ui/experimental 4.21.0 → 4.22.0-canary.9ea8f29

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

@@ -0,0 +1,181 @@
+import { NgForOf, NgIf, NgTemplateOutlet, KeyValuePipe } 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 { NgControl } from '@angular/forms';
+import { WA_LOCAL_STORAGE, WA_NAVIGATOR } from '@ng-web-apis/common';
+import { TuiButton } from '@taiga-ui/core/components/button';
+import { TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
+import { TuiTitle } from '@taiga-ui/core/directives/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 { 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 { TuiLoader } from '@taiga-ui/core/components/loader';
+import { TuiScrollbar } from '@taiga-ui/core/components/scrollbar';
+import * as i2 from '@taiga-ui/kit/components/tabs';
+import { TuiTabs } from '@taiga-ui/kit/components/tabs';
+import * as i1 from '@taiga-ui/layout/components/block-status';
+import { TuiBlockStatus } from '@taiga-ui/layout/components/block-status';
+
+const [TUI_SEARCH_RESULTS_OPTIONS, tuiSearchResultsOptionsProvider] = tuiCreateOptions({
+    key: 'taiga-search-history',
+    history: '@tui.clock',
+    popular: '@tui.search',
+    empty: '@tui.search',
+    remove: '@tui.trash',
+});
+
+class TuiSearchHistory {
+    constructor() {
+        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.options = inject(TUI_SEARCH_RESULTS_OPTIONS);
+        this.$ = this.control.valueChanges
+            ?.pipe(map(String), filter((item) => !!item && !this.popular.includes(item)), takeUntilDestroyed())
+            .subscribe((value) => {
+            this.store(value);
+        });
+        this.history = this.items;
+        this.popular = [];
+    }
+    store(item) {
+        this.storage.setItem(this.options.key, JSON.stringify(Array.from(new Set([item.trim(), ...this.items]))
+            .filter((v, _, a) => v && !a.find((s) => s.startsWith(v) && s !== v))
+            .slice(0, 5)));
+    }
+    remove(item) {
+        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();
+    }
+    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=\"m\"\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=\"m\"\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:.325rem 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSearchHistory, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'tui-search-history', imports: [NgForOf, NgIf, NgTemplateOutlet, 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=\"m\"\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=\"m\"\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:.325rem 0}\n"] }]
+        }], propDecorators: { popular: [{
+                type: Input
+            }] } });
+
+class TuiSearchHotkey {
+    constructor() {
+        this.platform = inject(WA_NAVIGATOR).platform;
+        this.search = inject(TuiInputSearch);
+        this.placeholder = toSignal(inject(TUI_INPUT_SEARCH).pipe(map(({ hotkey }) => 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSearchHotkey, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'input[tuiSearchHotkey]',
+                    host: {
+                        '[placeholder]': 'placeholder()',
+                        '(document:keydown.meta.k.stop)': 'search.open()',
+                        '(document:keydown.alt.k.stop)': 'search.open()',
+                    },
+                }]
+        }] });
+
+class TuiSearchResultsComponent {
+    constructor() {
+        this.el = tuiInjectElement();
+        this.options = inject(TUI_SEARCH_RESULTS_OPTIONS);
+        this.i18n = toSignal(inject(TUI_INPUT_SEARCH));
+        this.textfield = inject(TuiTextfieldComponent);
+        this.active = 0;
+        this.results = {};
+    }
+    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();
+        }
+        else {
+            tuiMoveFocus(elements.indexOf(current), elements, step);
+        }
+    }
+    tab(step) {
+        this.active = tuiClamp(this.active + step, 0, Object.keys(this.results || {}).length);
+        this.textfield.input?.nativeElement.focus();
+    }
+    notEmpty({ value }) {
+        return !!value.length;
+    }
+    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.directive?.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        >\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:-webkit-fill-available;inline-size:-moz-available;inline-size:stretch;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-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:.325rem 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 }); }
+}
+__decorate([
+    tuiPure
+], TuiSearchResultsComponent.prototype, "isEmpty", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSearchResultsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'tui-search-results', imports: [
+                        KeyValuePipe,
+                        NgForOf,
+                        NgIf,
+                        NgTemplateOutlet,
+                        TuiBlockStatus,
+                        TuiFilterPipe,
+                        TuiIconPipe,
+                        TuiLet,
+                        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.directive?.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        >\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:-webkit-fill-available;inline-size:-moz-available;inline-size:stretch;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-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:.325rem 0}\n"] }]
+        }], propDecorators: { template: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }], results: [{
+                type: Input
+            }], isEmpty: [] } });
+
+const TuiSearchResults = [
+    TuiSearchHotkey,
+    TuiSearchHistory,
+    TuiSearchResultsComponent,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_SEARCH_RESULTS_OPTIONS, TuiSearchHistory, TuiSearchHotkey, TuiSearchResults, TuiSearchResultsComponent, tuiSearchResultsOptionsProvider };
+//# sourceMappingURL=taiga-ui-experimental-components-search-results.mjs.map

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

@@ -0,0 +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, NgTemplateOutlet} 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, NgTemplateOutlet, TuiAvatar, TuiButton, TuiCell, TuiTitle],\n    templateUrl: './search-history.component.html',\n    styles: [\n        `\n            :host:not(:empty) {\n                display: block;\n                padding: 0.325rem 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=\"m\"\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=\"m\"\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 type {KeyValue} from '@angular/common';\nimport {KeyValuePipe, NgForOf, NgIf, NgTemplateOutlet} from '@angular/common';\nimport type {OnChanges} from '@angular/core';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    inject,\n    Input,\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        this.active = tuiClamp(\n            this.active + step,\n            0,\n            Object.keys(this.results || {}).length,\n        );\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.directive?.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        >\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];\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

@@ -2,6 +2,7 @@ export * from '@taiga-ui/experimental/components/accordion';
 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';
 
 /**
  * Generated bundle index. Do not edit.

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.21.0",
+  "version": "4.22.0-canary.9ea8f29",
   "description": "A package with Taiga UI experimental components",
   "keywords": [
     "angular",
@@ -13,10 +13,10 @@
   "peerDependencies": {
     "@angular/common": ">=16.0.0",
     "@angular/core": ">=16.0.0",
-    "@taiga-ui/addon-commerce": "^4.21.0",
-    "@taiga-ui/cdk": "^4.21.0",
-    "@taiga-ui/core": "^4.21.0",
-    "@taiga-ui/kit": "^4.21.0",
+    "@taiga-ui/addon-commerce": "^4.22.0",
+    "@taiga-ui/cdk": "^4.22.0",
+    "@taiga-ui/core": "^4.22.0",
+    "@taiga-ui/kit": "^4.22.0",
     "@taiga-ui/polymorpheus": "^4.8.0",
     "rxjs": ">=7.0.0"
   },
@@ -61,6 +61,12 @@
       "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/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"
     }
   },
   "sideEffects": false,