@taiga-ui/experimental 4.51.0 → 4.52.0-canary.05c3268

package/components/index.d.ts

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

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

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

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

@@ -1,27 +1,27 @@
-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 { inject, Input, ChangeDetectionStrategy, Component, 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 { TuiCell } from '@taiga-ui/core/components/cell';
 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 { KeyValuePipe, NgTemplateOutlet } from '@angular/common';
 import { TuiLet } from '@taiga-ui/cdk/directives/let';
 import { TuiFilterPipe } from '@taiga-ui/cdk/pipes/filter';
 import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
 import { tuiMoveFocus } from '@taiga-ui/cdk/utils/focus';
 import { tuiClamp } from '@taiga-ui/cdk/utils/math';
 import { tuiPure } from '@taiga-ui/cdk/utils/miscellaneous';
-import { 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';
@@ -70,12 +70,12 @@ class TuiSearchHistory {
     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.15", ngImport: i0, type: TuiSearchHistory, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiSearchHistory, isStandalone: true, selector: "tui-search-history", inputs: { popular: "popular" }, ngImport: i0, template: "@if (history.length) {\n    <label class=\"t-sr-label\">\n        {{ i18n()?.history }}\n    </label>\n}\n@for (item of history; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (keydown.backspace)=\"remove(item)\"\n        (keydown.delete)=\"remove(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <div [tuiAvatar]=\"options.history\"></div>\n        <span tuiTitle>{{ item }}</span>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tabindex=\"-1\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"options.remove\"\n            (click.stop)=\"remove(item)\"\n        >\n            \uD83D\uDDD1\uFE0F\n        </button>\n    </button>\n}\n@if (popular.length) {\n    <label class=\"t-sr-label\">\n        {{ i18n()?.popular }}\n    </label>\n}\n@for (item of popular; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <span [tuiAvatar]=\"options.popular\"></span>\n        <span tuiTitle>{{ item }}</span>\n    </button>\n}\n", styles: [":host:not(:empty){display:block;padding:.375rem 0}\n"], dependencies: [{ kind: "directive", type: TuiAvatar, selector: "[tuiAvatar]", inputs: ["size", "round", "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.15", 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"] }]
+            args: [{ selector: 'tui-search-history', imports: [TuiAvatar, TuiButton, TuiCell, TuiTitle], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (history.length) {\n    <label class=\"t-sr-label\">\n        {{ i18n()?.history }}\n    </label>\n}\n@for (item of history; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (keydown.backspace)=\"remove(item)\"\n        (keydown.delete)=\"remove(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <div [tuiAvatar]=\"options.history\"></div>\n        <span tuiTitle>{{ item }}</span>\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tabindex=\"-1\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"options.remove\"\n            (click.stop)=\"remove(item)\"\n        >\n            \uD83D\uDDD1\uFE0F\n        </button>\n    </button>\n}\n@if (popular.length) {\n    <label class=\"t-sr-label\">\n        {{ i18n()?.popular }}\n    </label>\n}\n@for (item of popular; track item) {\n    <button\n        tuiCell\n        type=\"button\"\n        (click)=\"select(item)\"\n        (mousedown.prevent)=\"(0)\"\n    >\n        <span [tuiAvatar]=\"options.popular\"></span>\n        <span tuiTitle>{{ item }}</span>\n    </button>\n}\n", styles: [":host:not(:empty){display:block;padding:.375rem 0}\n"] }]
         }], propDecorators: { popular: [{
                 type: Input
             }] } });
@@ -86,10 +86,10 @@ class TuiSearchHotkey {
         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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSearchHotkey, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiSearchHotkey, isStandalone: true, selector: "input[tuiSearchHotkey]", host: { listeners: { "document:keydown.meta.k.stop": "search.open()", "document:keydown.alt.k.stop": "search.open()" }, properties: { "placeholder": "placeholder()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSearchHotkey, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSearchHotkey, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -137,22 +137,20 @@ 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:-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-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.15", ngImport: i0, type: TuiSearchResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiSearchResultsComponent, isStandalone: true, selector: "tui-search-results", inputs: { results: "results" }, host: { listeners: { "keydown.arrowDown.prevent": "onArrow($event.target, 1)", "keydown.arrowUp.prevent": "onArrow($event.target, -1)" } }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (!textfield.value()) {\n    <ng-content />\n} @else {\n    @if (!results) {\n        <tui-loader class=\"t-loader\" />\n    } @else {\n        @if (results && isEmpty(results)) {\n            <tui-block-status\n                size=\"m\"\n                class=\"t-status\"\n            >\n                <tui-icon\n                    tuiSlot=\"top\"\n                    class=\"t-empty\"\n                    [icon]=\"options.empty\"\n                />\n                {{ i18n()?.empty }}\n            </tui-block-status>\n        } @else {\n            <ng-container *tuiLet=\"(results | keyvalue: asIs) || [] as items\">\n                <tui-scrollbar class=\"t-scrollbar\">\n                    @for (group of items | tuiFilter: notEmpty; track group; let index = $index) {\n                        @if (!active || active === index + 1) {\n                            @if (!active && items.length > 1) {\n                                <label class=\"t-sr-label\">\n                                    {{ group.key }}\n                                </label>\n                            }\n                            @for (item of group.value; track item) {\n                                <ng-container\n                                    [ngTemplateOutlet]=\"template || null\"\n                                    [ngTemplateOutletContext]=\"{$implicit: item}\"\n                                />\n                            }\n                        }\n                    }\n                </tui-scrollbar>\n                @if (items.length > 1) {\n                    <tui-tabs\n                        size=\"m\"\n                        class=\"t-tabs\"\n                        [(activeItemIndex)]=\"active\"\n                        (document:keydown.shift.tab.prevent)=\"tab(-1)\"\n                        (document:keydown.tab.prevent)=\"tab(1)\"\n                    >\n                        <button tuiTab>{{ i18n()?.all }}</button>\n                        @for (group of items; track group) {\n                            @if (group.value.length) {\n                                <button tuiTab>\n                                    {{ group.key }}\n                                </button>\n                            }\n                        }\n                    </tui-tabs>\n                }\n            </ng-container>\n        }\n    }\n}\n", styles: [":host{display:flex;flex-direction:column;border-radius:var(--tui-radius-l);background:var(--tui-background-base);box-shadow:inset 0 0 0 1px var(--tui-border-normal)}:host ::ng-deep [tuiCell]{inline-size:stretch;padding:.375rem;margin:.25rem .625rem;border-radius:var(--tui-radius-l)}:host ::ng-deep [tuiCell]>[tuiAvatar]{border-radius:var(--tui-radius-m)}:host ::ng-deep .t-sr-label{display:block;font:var(--tui-font-text-ui-s);color:var(--tui-text-secondary);margin:.75rem 1rem .5rem}.t-loader{margin:1rem 0}.t-status{margin-block-end:2rem}.t-empty{margin-block-start:1.5rem;font-size:6rem;color:var(--tui-text-primary)}.t-tabs{order:-1;margin:0 1rem;box-shadow:none;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 1rem}.t-tabs:before{background:var(--tui-background-accent-opposite-pressed)}.t-scrollbar{max-block-size:30rem;padding:.375rem 0}\n"], dependencies: [{ kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.TuiBlockStatusComponent, selector: "tui-block-status", inputs: ["card", "size"] }, { kind: "directive", type: i1.TuiBlockStatusDirective, selector: "[tuiSlot]", inputs: ["tuiSlot"] }, { kind: "pipe", type: TuiFilterPipe, name: "tuiFilter" }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: TuiScrollbar, selector: "tui-scrollbar", inputs: ["hidden"] }, { kind: "directive", type: i2.TuiTab, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]" }, { kind: "directive", type: i2.TuiTabsHorizontal, selector: "tui-tabs:not([vertical]), nav[tuiTabs]:not([vertical])", inputs: ["underline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __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.15", 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,
+                        TuiIcon,
                         TuiLet,
                         TuiLoader,
                         TuiScrollbar,
@@ -160,7 +158,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ], 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:-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-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"] }]
+                    }, template: "@if (!textfield.value()) {\n    <ng-content />\n} @else {\n    @if (!results) {\n        <tui-loader class=\"t-loader\" />\n    } @else {\n        @if (results && isEmpty(results)) {\n            <tui-block-status\n                size=\"m\"\n                class=\"t-status\"\n            >\n                <tui-icon\n                    tuiSlot=\"top\"\n                    class=\"t-empty\"\n                    [icon]=\"options.empty\"\n                />\n                {{ i18n()?.empty }}\n            </tui-block-status>\n        } @else {\n            <ng-container *tuiLet=\"(results | keyvalue: asIs) || [] as items\">\n                <tui-scrollbar class=\"t-scrollbar\">\n                    @for (group of items | tuiFilter: notEmpty; track group; let index = $index) {\n                        @if (!active || active === index + 1) {\n                            @if (!active && items.length > 1) {\n                                <label class=\"t-sr-label\">\n                                    {{ group.key }}\n                                </label>\n                            }\n                            @for (item of group.value; track item) {\n                                <ng-container\n                                    [ngTemplateOutlet]=\"template || null\"\n                                    [ngTemplateOutletContext]=\"{$implicit: item}\"\n                                />\n                            }\n                        }\n                    }\n                </tui-scrollbar>\n                @if (items.length > 1) {\n                    <tui-tabs\n                        size=\"m\"\n                        class=\"t-tabs\"\n                        [(activeItemIndex)]=\"active\"\n                        (document:keydown.shift.tab.prevent)=\"tab(-1)\"\n                        (document:keydown.tab.prevent)=\"tab(1)\"\n                    >\n                        <button tuiTab>{{ i18n()?.all }}</button>\n                        @for (group of items; track group) {\n                            @if (group.value.length) {\n                                <button tuiTab>\n                                    {{ group.key }}\n                                </button>\n                            }\n                        }\n                    </tui-tabs>\n                }\n            </ng-container>\n        }\n    }\n}\n", styles: [":host{display:flex;flex-direction:column;border-radius:var(--tui-radius-l);background:var(--tui-background-base);box-shadow:inset 0 0 0 1px var(--tui-border-normal)}:host ::ng-deep [tuiCell]{inline-size:stretch;padding:.375rem;margin:.25rem .625rem;border-radius:var(--tui-radius-l)}:host ::ng-deep [tuiCell]>[tuiAvatar]{border-radius:var(--tui-radius-m)}:host ::ng-deep .t-sr-label{display:block;font:var(--tui-font-text-ui-s);color:var(--tui-text-secondary);margin:.75rem 1rem .5rem}.t-loader{margin:1rem 0}.t-status{margin-block-end:2rem}.t-empty{margin-block-start:1.5rem;font-size:6rem;color:var(--tui-text-primary)}.t-tabs{order:-1;margin:0 1rem;box-shadow:none;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 1rem}.t-tabs:before{background:var(--tui-background-accent-opposite-pressed)}.t-scrollbar{max-block-size:30rem;padding:.375rem 0}\n"] }]
         }], propDecorators: { template: [{
                 type: ContentChild,
                 args: [TemplateRef]

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/experimental",
-  "version": "4.51.0",
+  "version": "4.52.0-canary.05c3268",
   "description": "A package with Taiga UI experimental components",
   "keywords": [
     "angular",
@@ -11,13 +11,13 @@
   "repository": "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.51.0",
-    "@taiga-ui/cdk": "^4.51.0",
-    "@taiga-ui/core": "^4.51.0",
-    "@taiga-ui/kit": "^4.51.0",
-    "@taiga-ui/layout": "^4.51.0",
+    "@angular/common": ">=19.0.0",
+    "@angular/core": ">=19.0.0",
+    "@taiga-ui/addon-commerce": "^4.52.0",
+    "@taiga-ui/cdk": "^4.52.0",
+    "@taiga-ui/core": "^4.52.0",
+    "@taiga-ui/kit": "^4.52.0",
+    "@taiga-ui/layout": "^4.52.0",
     "@taiga-ui/polymorpheus": "^4.9.0",
     "rxjs": ">=7.0.0"
   },
@@ -29,50 +29,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/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/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/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/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"
     }
   },

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

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

package/components/accordion/accordion.d.ts

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

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

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

package/components/accordion/index.d.ts

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

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

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

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

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

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

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

package/components/dialog/dialog.service.d.ts

@@ -1,7 +0,0 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
-import { type TuiDialogOptions } from './dialog.options';
-import * as i0 from "@angular/core";
-export declare class TuiDialogService extends TuiPopoverService<TuiDialogOptions<any>> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialogService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TuiDialogService>;
-}

package/components/dialog/index.d.ts

@@ -1,4 +0,0 @@
-export * from './dialog.component';
-export * from './dialog.directive';
-export * from './dialog.options';
-export * from './dialog.service';

package/components/expand/expand.component.d.ts

@@ -1,13 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class TuiExpand {
-    private readonly el;
-    private readonly cdr;
-    protected content?: TemplateRef<any>;
-    protected readonly signal: import("@angular/core").WritableSignal<boolean>;
-    protected readonly animating: import("@angular/core").WritableSignal<boolean>;
-    set expanded(expanded: boolean);
-    protected onTransitionEnd({ propertyName }: TransitionEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiExpand, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiExpand, "tui-expand", never, { "expanded": { "alias": "expanded"; "required": false; }; }, {}, ["content"], ["*"], true, never>;
-}

package/components/expand/index.d.ts

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

package/components/hint/hint.component.d.ts

@@ -1,26 +0,0 @@
-import { type Provider } from '@angular/core';
-import { TuiRectAccessor } from '@taiga-ui/core/classes';
-import { type TuiHintDirective, TuiHintPointer } from '@taiga-ui/core/directives/hint';
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/appearance";
-import * as i2 from "@taiga-ui/cdk/directives/animated";
-export declare class TuiHintComponent<C = any> {
-    private readonly el;
-    private readonly hover;
-    private readonly vvs;
-    private readonly viewport;
-    protected readonly pointer: TuiHintPointer | null;
-    protected readonly accessor: TuiRectAccessor;
-    protected readonly hint: TuiHintDirective<C>;
-    protected readonly isMobile: boolean;
-    protected readonly content: import("@angular/core").WritableSignal<import("@taiga-ui/polymorpheus").PolymorpheusContent<C>>;
-    protected readonly theme: string | null | undefined;
-    protected readonly appearance: import("@angular/core").WritableSignal<string>;
-    constructor();
-    protected onClick(target: HTMLElement): void;
-    private apply;
-    private update;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiHintComponent<any>, "tui-hint", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.TuiAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAnimated; inputs: {}; outputs: {}; }]>;
-}
-export declare function tuiProvideExperimentalHint(): Provider;

package/components/hint/index.d.ts

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

package/components/input-phone-international/index.d.ts

@@ -1 +0,0 @@
-export * from './input-phone-international.component';