@taiga-ui/kit 3.22.0-dev.main-9b18d21 → 3.22.0-dev.main-29da1cb

package/bundles/taiga-ui-kit-components-select.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core'), require('@taiga-ui/kit/components/data-list-wrapper'), require('@angular/common'), require('@angular/forms'), require('@taiga-ui/kit/components/arrow'), require('@taiga-ui/kit/components/select-option'), require('@taiga-ui/kit/providers'), require('@taiga-ui/kit/tokens'), require('@tinkoff/ng-polymorpheus')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/kit/components/select', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core', '@taiga-ui/kit/components/data-list-wrapper', '@angular/common', '@angular/forms', '@taiga-ui/kit/components/arrow', '@taiga-ui/kit/components/select-option', '@taiga-ui/kit/providers', '@taiga-ui/kit/tokens', '@tinkoff/ng-polymorpheus'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].kit = global["taiga-ui"].kit || {}, global["taiga-ui"].kit.components = global["taiga-ui"].kit.components || {}, global["taiga-ui"].kit.components.select = {}), global.ng.core, global.i1$1, global.i1, global["taiga-ui"].kit.components["data-list-wrapper"], global.ng.common, global.ng.forms, global["taiga-ui"].kit.components.arrow, global["taiga-ui"].kit.components["select-option"], global["taiga-ui"].kit.providers, global["taiga-ui"].kit.tokens, global.i4));
-})(this, (function (exports, i0, i1$1, i1, i1$2, i3, i5, arrow, selectOption, providers, tokens, i4) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/core'), require('@taiga-ui/kit/abstract'), require('@taiga-ui/kit/components/data-list-wrapper'), require('@angular/common'), require('@angular/forms'), require('@taiga-ui/cdk'), require('@taiga-ui/kit/components/arrow'), require('@taiga-ui/kit/components/select-option'), require('@taiga-ui/kit/providers'), require('@taiga-ui/kit/tokens'), require('@tinkoff/ng-polymorpheus')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/kit/components/select', ['exports', '@angular/core', '@taiga-ui/core', '@taiga-ui/kit/abstract', '@taiga-ui/kit/components/data-list-wrapper', '@angular/common', '@angular/forms', '@taiga-ui/cdk', '@taiga-ui/kit/components/arrow', '@taiga-ui/kit/components/select-option', '@taiga-ui/kit/providers', '@taiga-ui/kit/tokens', '@tinkoff/ng-polymorpheus'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].kit = global["taiga-ui"].kit || {}, global["taiga-ui"].kit.components = global["taiga-ui"].kit.components || {}, global["taiga-ui"].kit.components.select = {}), global.ng.core, global.i1, global["taiga-ui"].kit.abstract, global["taiga-ui"].kit.components["data-list-wrapper"], global.ng.common, global.ng.forms, global.i2, global["taiga-ui"].kit.components.arrow, global["taiga-ui"].kit.components["select-option"], global["taiga-ui"].kit.providers, global["taiga-ui"].kit.tokens, global.i4));
+})(this, (function (exports, i0, i1, abstract, i1$1, i3, i5, i2, arrow, selectOption, providers, tokens, i4) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -23,57 +23,13 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$2);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
 
-    var AbstractTuiNativeSelect = /** @class */ (function () {
-        function AbstractTuiNativeSelect(host, control, elementRef, idService) {
-            this.host = host;
-            this.control = control;
-            this.elementRef = elementRef;
-            this.idService = idService;
-            this.datalist = null;
-            this.host.process(this.elementRef.nativeElement);
-        }
-        Object.defineProperty(AbstractTuiNativeSelect.prototype, "id", {
-            get: function () {
-                return this.elementRef.nativeElement.id || this.idService.generate();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return AbstractTuiNativeSelect;
-    }());
-    AbstractTuiNativeSelect.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AbstractTuiNativeSelect, deps: [{ token: i1.TUI_TEXTFIELD_HOST }, { token: i1$1.AbstractTuiControl }, { token: i0.ElementRef }, { token: i1$1.TuiIdService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    AbstractTuiNativeSelect.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: AbstractTuiNativeSelect, host: { properties: { "id": "this.id" } }, viewQueries: [{ propertyName: "datalist", first: true, predicate: i1.TuiDataListDirective, descendants: true, read: i0.TemplateRef, static: true }], ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AbstractTuiNativeSelect, decorators: [{
-                type: i0.Directive
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.TUI_TEXTFIELD_HOST]
-                        }] }, { type: i1__namespace.AbstractTuiControl, decorators: [{
-                            type: i0.Inject,
-                            args: [i1$1.AbstractTuiControl]
-                        }] }, { type: i0__namespace.ElementRef, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.ElementRef]
-                        }] }, { type: i1__namespace.TuiIdService, decorators: [{
-                            type: i0.Inject,
-                            args: [i1$1.TuiIdService]
-                        }] }];
-        }, propDecorators: { datalist: [{
-                    type: i0.ViewChild,
-                    args: [i1.TuiDataListDirective, { read: i0.TemplateRef, static: true }]
-                }], id: [{
-                    type: i0.HostBinding,
-                    args: ["id"]
-                }] } });
-
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -400,7 +356,7 @@
             return _this;
         }
         return TuiNativeSelectComponent;
-    }(AbstractTuiNativeSelect));
+    }(abstract.AbstractTuiNativeSelect));
     TuiNativeSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNativeSelectComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
     TuiNativeSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiNativeSelectComponent, selector: "select[tuiSelect]:not([labels]):not([multiple])", inputs: { items: "items" }, host: { listeners: { "change": "host.onValueChange($event.target.value)" }, properties: { "attr.aria-invalid": "host.invalid", "disabled": "host.disabled || control.readOnly", "tabIndex": "host.focusable ? 0 : -1", "value": "host.value" } }, providers: [
             i1.tuiAsDataList(TuiNativeSelectComponent),
@@ -413,10 +369,10 @@
                 },
             },
             {
-                provide: AbstractTuiNativeSelect,
+                provide: abstract.AbstractTuiNativeSelect,
                 useExisting: TuiNativeSelectComponent,
             },
-        ], usesInheritance: true, ngImport: i0__namespace, template: "<tui-data-list-wrapper\n    *tuiDataList\n    [items]=\"items\"\n></tui-data-list-wrapper>\n<option\n    *ngFor=\"let option of items\"\n    [value]=\"option\"\n>\n    {{ option }}\n</option>\n", styles: [":host{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}\n"], components: [{ type: i1__namespace$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items"] }], directives: [{ type: i1__namespace$2.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        ], usesInheritance: true, ngImport: i0__namespace, template: "<tui-data-list-wrapper\n    *tuiDataList\n    [items]=\"items\"\n    [disabledItemHandler]=\"disabledItemHandler || itemsHandlers.disabledItemHandler\"\n></tui-data-list-wrapper>\n<option\n    *ngFor=\"let option of items\"\n    [value]=\"option\"\n    [disabled]=\"disabledItemHandler ? disabledItemHandler(option) : itemsHandlers.disabledItemHandler(option)\"\n>\n    {{ option }}\n</option>\n", styles: [":host{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}\n"], components: [{ type: i1__namespace.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items"] }], directives: [{ type: i1__namespace$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNativeSelectComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -433,7 +389,7 @@
                                 },
                             },
                             {
-                                provide: AbstractTuiNativeSelect,
+                                provide: abstract.AbstractTuiNativeSelect,
                                 useExisting: TuiNativeSelectComponent,
                             },
                         ],
@@ -460,7 +416,7 @@
             return _this;
         }
         return TuiNativeSelectGroupComponent;
-    }(AbstractTuiNativeSelect));
+    }(abstract.AbstractTuiNativeSelect));
     TuiNativeSelectGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNativeSelectGroupComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
     TuiNativeSelectGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiNativeSelectGroupComponent, selector: "select[tuiSelect][labels]:not([multiple])", inputs: { items: "items", labels: "labels" }, host: { listeners: { "change": "host.onValueChange($event.target.value)" }, properties: { "attr.aria-invalid": "host.invalid", "disabled": "host.disabled || control.readOnly", "tabIndex": "host.focusable ? 0 : -1", "value": "host.value" } }, providers: [
             i1.tuiAsDataList(TuiNativeSelectGroupComponent),
@@ -473,10 +429,10 @@
                 },
             },
             {
-                provide: AbstractTuiNativeSelect,
+                provide: abstract.AbstractTuiNativeSelect,
                 useExisting: TuiNativeSelectGroupComponent,
             },
-        ], usesInheritance: true, ngImport: i0__namespace, template: "<tui-data-list-wrapper\n    *tuiDataList\n    [items]=\"items\"\n    [labels]=\"labels\"\n></tui-data-list-wrapper>\n<optgroup\n    *ngFor=\"let group of items; let index = index\"\n    [label]=\"labels[index]\"\n>\n    <option\n        *ngFor=\"let option of group\"\n        [value]=\"option\"\n    >\n        {{ option }}\n    </option>\n</optgroup>\n", styles: [":host{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}\n"], components: [{ type: i1__namespace$1.TuiDataListGroupWrapperComponent, selector: "tui-data-list-wrapper[labels]", inputs: ["items", "labels"] }], directives: [{ type: i1__namespace$2.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        ], usesInheritance: true, ngImport: i0__namespace, template: "<tui-data-list-wrapper\n    *tuiDataList\n    [items]=\"items\"\n    [labels]=\"labels\"\n    [disabledItemHandler]=\"disabledItemHandler || itemsHandlers.disabledItemHandler\"\n></tui-data-list-wrapper>\n<optgroup\n    *ngFor=\"let group of items; let index = index\"\n    [label]=\"labels[index]\"\n>\n    <option\n        *ngFor=\"let option of group\"\n        [value]=\"option\"\n        [disabled]=\"disabledItemHandler ? disabledItemHandler(option) : itemsHandlers.disabledItemHandler(option)\"\n    >\n        {{ option }}\n    </option>\n</optgroup>\n", styles: [":host{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}\n"], components: [{ type: i1__namespace.TuiDataListGroupWrapperComponent, selector: "tui-data-list-wrapper[labels]", inputs: ["items", "labels"] }], directives: [{ type: i1__namespace$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiNativeSelectGroupComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -493,7 +449,7 @@
                                 },
                             },
                             {
-                                provide: AbstractTuiNativeSelect,
+                                provide: abstract.AbstractTuiNativeSelect,
                                 useExisting: TuiNativeSelectGroupComponent,
                             },
                         ],
@@ -558,7 +514,7 @@
         });
         Object.defineProperty(TuiSelectComponent.prototype, "focused", {
             get: function () {
-                return (i1$1.tuiIsNativeFocused(this.nativeFocusableElement) ||
+                return (i2.tuiIsNativeFocused(this.nativeFocusableElement) ||
                     (!!this.hostedDropdown && this.hostedDropdown.focused));
             },
             enumerable: false,
@@ -587,10 +543,10 @@
         });
         TuiSelectComponent.prototype.onValueChange = function (value) {
             if (!value) {
-                this.updateValue(null);
+                this.value = null;
             }
             else {
-                this.updateValue(value || null);
+                this.value = value || null;
             }
         };
         TuiSelectComponent.prototype.onActiveZone = function (active) {
@@ -598,13 +554,13 @@
         };
         TuiSelectComponent.prototype.onKeyDownDelete = function () {
             if (this.textfieldCleaner.cleaner) {
-                this.updateValue(null);
+                this.value = null;
             }
         };
         TuiSelectComponent.prototype.handleOption = function (option) {
             var _a;
             this.focusInput();
-            this.updateValue(option);
+            this.value = option;
             (_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(false);
         };
         TuiSelectComponent.prototype.focusInput = function (preventScroll) {
@@ -614,22 +570,22 @@
             }
         };
         return TuiSelectComponent;
-    }(i1$1.AbstractTuiNullableControl));
-    TuiSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSelectComponent, deps: [{ token: i5.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }, { token: i1.TUI_TEXTFIELD_CLEANER }, { token: arrow.TUI_ARROW_MODE }, { token: tokens.TUI_ITEMS_HANDLERS }, { token: TUI_SELECT_OPTIONS }, { token: i1$1.TUI_IS_MOBILE }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    }(i2.AbstractTuiNullableControl));
+    TuiSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSelectComponent, deps: [{ token: i5.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }, { token: i1.TUI_TEXTFIELD_CLEANER }, { token: arrow.TUI_ARROW_MODE }, { token: tokens.TUI_ITEMS_HANDLERS }, { token: TUI_SELECT_OPTIONS }, { token: i2.TUI_IS_MOBILE }], target: i0__namespace.ɵɵFactoryTarget.Component });
     TuiSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSelectComponent, selector: "tui-select", inputs: { stringify: "stringify", identityMatcher: "identityMatcher", valueContent: "valueContent" }, providers: [
-            i1$1.tuiAsFocusableItemAccessor(TuiSelectComponent),
-            i1$1.tuiAsControl(TuiSelectComponent),
+            i2.tuiAsFocusableItemAccessor(TuiSelectComponent),
+            i2.tuiAsControl(TuiSelectComponent),
             i1.tuiAsDataListHost(TuiSelectComponent),
             i1.tuiAsOptionContent(selectOption.TUI_SELECT_OPTION),
-        ], queries: [{ propertyName: "nativeSelect", first: true, predicate: AbstractTuiNativeSelect, descendants: true, static: true }, { propertyName: "datalist", first: true, predicate: i1.TuiDataListDirective, descendants: true, read: i0.TemplateRef }], viewQueries: [{ propertyName: "textfield", first: true, predicate: i1.TuiPrimitiveTextfieldComponent, descendants: true }, { propertyName: "hostedDropdown", first: true, predicate: i1.TuiHostedDropdownComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"interactive && !nativeDropdownMode\"\n    [content]=\"datalist || ''\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-select__textfield\"\n        class=\"t-textfield\"\n        [tuiTextfieldIcon]=\"arrow ? icon : ''\"\n        [editable]=\"false\"\n        [pseudoFocus]=\"computedFocused\"\n        [pseudoHover]=\"pseudoHover\"\n        [pseudoActive]=\"pseudoActive\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($any($event))\"\n        (keydown.delete.prevent)=\"onKeyDownDelete()\"\n        (keydown.backspace.prevent)=\"onKeyDownDelete()\"\n    >\n        <ng-content></ng-content>\n        <ng-content\n            select=\"input\"\n            ngProjectAs=\"input\"\n        ></ng-content>\n\n        <ng-template #select>\n            <ng-content\n                *ngIf=\"isMobile\"\n                select=\"select\"\n            ></ng-content>\n        </ng-template>\n\n        <ng-container\n            *ngTemplateOutlet=\"select\"\n            ngProjectAs=\"select\"\n        ></ng-container>\n\n        <div\n            *ngIf=\"value !== null\"\n            ngProjectAs=\"tuiContent\"\n            automation-id=\"tui-select__value\"\n            class=\"t-value\"\n        >\n            <div\n                *polymorpheusOutlet=\"computedContent as text; context: {$implicit: value, active: computedFocused}\"\n                class=\"t-primitive-value\"\n                [textContent]=\"text\"\n            ></div>\n        </div>\n    </tui-primitive-textfield>\n\n    <ng-template #icon>\n        <div\n            tuiWrapper\n            appearance=\"icon\"\n            class=\"t-icon\"\n        >\n            <ng-container *polymorpheusOutlet=\"arrow\"></ng-container>\n        </div>\n    </ng-template>\n</tui-hosted-dropdown>\n", styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host:not(._readonly) ::ng-deep input:not(:disabled){cursor:pointer}:host._readonly ::ng-deep input{cursor:default}.t-hosted{display:block;border-radius:inherit}.t-textfield{border-radius:inherit;text-align:inherit}.t-value{display:flex;width:100%;align-items:center}.t-primitive-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], components: [{ type: i1__namespace$2.TuiHostedDropdownComponent, selector: "tui-hosted-dropdown", inputs: ["content", "sided", "canOpen", "open"], outputs: ["openChange", "focusedChange"] }, { type: i1__namespace$2.TuiPrimitiveTextfieldComponent, selector: "tui-primitive-textfield", inputs: ["editable", "filler", "iconCleaner", "readOnly", "invalid", "disabled", "prefix", "postfix", "value"], outputs: ["valueChange"] }], directives: [{ type: i1__namespace.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { type: i1__namespace$2.TuiPrimitiveTextfieldDirective, selector: "tui-primitive-textfield" }, { type: i1__namespace$2.TuiTextfieldIconDirective, selector: "[tuiTextfieldIcon]", inputs: ["tuiTextfieldIcon"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i1__namespace$2.TuiWrapperDirective, selector: "[tuiWrapper]", inputs: ["disabled", "readOnly", "hover", "active", "focus", "invalid", "appearance"] }], viewProviders: [providers.FIXED_DROPDOWN_CONTROLLER_PROVIDER], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "nativeSelect", first: true, predicate: abstract.AbstractTuiNativeSelect, descendants: true, static: true }, { propertyName: "datalist", first: true, predicate: i1.TuiDataListDirective, descendants: true, read: i0.TemplateRef }], viewQueries: [{ propertyName: "textfield", first: true, predicate: i1.TuiPrimitiveTextfieldComponent, descendants: true }, { propertyName: "hostedDropdown", first: true, predicate: i1.TuiHostedDropdownComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"interactive && !nativeDropdownMode\"\n    [content]=\"datalist || ''\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-select__textfield\"\n        class=\"t-textfield\"\n        [tuiTextfieldIcon]=\"arrow ? icon : ''\"\n        [editable]=\"false\"\n        [pseudoFocus]=\"computedFocused\"\n        [pseudoHover]=\"pseudoHover\"\n        [pseudoActive]=\"pseudoActive\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($any($event))\"\n        (keydown.delete.prevent)=\"onKeyDownDelete()\"\n        (keydown.backspace.prevent)=\"onKeyDownDelete()\"\n    >\n        <ng-content></ng-content>\n        <ng-content\n            select=\"input\"\n            ngProjectAs=\"input\"\n        ></ng-content>\n\n        <ng-template #select>\n            <ng-content\n                *ngIf=\"isMobile\"\n                select=\"select\"\n            ></ng-content>\n        </ng-template>\n\n        <ng-container\n            *ngTemplateOutlet=\"select\"\n            ngProjectAs=\"select\"\n        ></ng-container>\n\n        <div\n            *ngIf=\"value !== null\"\n            ngProjectAs=\"tuiContent\"\n            automation-id=\"tui-select__value\"\n            class=\"t-value\"\n        >\n            <div\n                *polymorpheusOutlet=\"computedContent as text; context: {$implicit: value, active: computedFocused}\"\n                class=\"t-primitive-value\"\n                [textContent]=\"text\"\n            ></div>\n        </div>\n    </tui-primitive-textfield>\n\n    <ng-template #icon>\n        <div\n            tuiWrapper\n            appearance=\"icon\"\n            class=\"t-icon\"\n        >\n            <ng-container *polymorpheusOutlet=\"arrow\"></ng-container>\n        </div>\n    </ng-template>\n</tui-hosted-dropdown>\n", styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host:not(._readonly) ::ng-deep input:not(:disabled){cursor:pointer}:host._readonly ::ng-deep input{cursor:default}.t-hosted{display:block;border-radius:inherit}.t-textfield{border-radius:inherit;text-align:inherit}.t-value{display:flex;width:100%;align-items:center}.t-primitive-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], components: [{ type: i1__namespace$1.TuiHostedDropdownComponent, selector: "tui-hosted-dropdown", inputs: ["content", "sided", "canOpen", "open"], outputs: ["openChange", "focusedChange"] }, { type: i1__namespace$1.TuiPrimitiveTextfieldComponent, selector: "tui-primitive-textfield", inputs: ["editable", "filler", "iconCleaner", "readOnly", "invalid", "disabled", "prefix", "postfix", "value"], outputs: ["valueChange"] }], directives: [{ type: i2__namespace.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { type: i1__namespace$1.TuiPrimitiveTextfieldDirective, selector: "tui-primitive-textfield" }, { type: i1__namespace$1.TuiTextfieldIconDirective, selector: "[tuiTextfieldIcon]", inputs: ["tuiTextfieldIcon"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i1__namespace$1.TuiWrapperDirective, selector: "[tuiWrapper]", inputs: ["disabled", "readOnly", "hover", "active", "focus", "invalid", "appearance"] }], viewProviders: [providers.FIXED_DROPDOWN_CONTROLLER_PROVIDER], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     __decorate([
-        i1$1.tuiDefaultProp()
+        i2.tuiDefaultProp()
     ], TuiSelectComponent.prototype, "stringify", void 0);
     __decorate([
-        i1$1.tuiDefaultProp()
+        i2.tuiDefaultProp()
     ], TuiSelectComponent.prototype, "identityMatcher", void 0);
     __decorate([
-        i1$1.tuiDefaultProp()
+        i2.tuiDefaultProp()
     ], TuiSelectComponent.prototype, "valueContent", void 0);
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSelectComponent, decorators: [{
                 type: i0.Component,
@@ -639,8 +595,8 @@
                         styleUrls: ['./select.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         providers: [
-                            i1$1.tuiAsFocusableItemAccessor(TuiSelectComponent),
-                            i1$1.tuiAsControl(TuiSelectComponent),
+                            i2.tuiAsFocusableItemAccessor(TuiSelectComponent),
+                            i2.tuiAsControl(TuiSelectComponent),
                             i1.tuiAsDataListHost(TuiSelectComponent),
                             i1.tuiAsOptionContent(selectOption.TUI_SELECT_OPTION),
                         ],
@@ -657,7 +613,7 @@
                         }] }, { type: i0__namespace.ChangeDetectorRef, decorators: [{
                             type: i0.Inject,
                             args: [i0.ChangeDetectorRef]
-                        }] }, { type: i1__namespace$2.TuiTextfieldCleanerDirective, decorators: [{
+                        }] }, { type: i1__namespace$1.TuiTextfieldCleanerDirective, decorators: [{
                             type: i0.Inject,
                             args: [i1.TUI_TEXTFIELD_CLEANER]
                         }] }, { type: undefined, decorators: [{
@@ -671,7 +627,7 @@
                             args: [TUI_SELECT_OPTIONS]
                         }] }, { type: undefined, decorators: [{
                             type: i0.Inject,
-                            args: [i1$1.TUI_IS_MOBILE]
+                            args: [i2.TUI_IS_MOBILE]
                         }] }];
         }, propDecorators: { textfield: [{
                     type: i0.ViewChild,
@@ -681,7 +637,7 @@
                     args: [i1.TuiHostedDropdownComponent]
                 }], nativeSelect: [{
                     type: i0.ContentChild,
-                    args: [AbstractTuiNativeSelect, { static: true }]
+                    args: [abstract.AbstractTuiNativeSelect, { static: true }]
                 }], stringify: [{
                     type: i0.Input
                 }], identityMatcher: [{
@@ -738,14 +694,14 @@
             TuiNativeSelectComponent,
             TuiNativeSelectGroupComponent], imports: [i3.CommonModule,
             i4.PolymorpheusModule,
-            i1$1.TuiActiveZoneModule,
+            i2.TuiActiveZoneModule,
             i1.TuiPrimitiveTextfieldModule,
             i1.TuiHostedDropdownModule,
             selectOption.TuiSelectOptionModule,
             arrow.TuiArrowModule,
             i1.TuiWrapperModule,
             i1.TuiTextfieldControllerModule,
-            i1$2.TuiDataListWrapperModule,
+            i1$1.TuiDataListWrapperModule,
             i1.TuiDataListModule], exports: [TuiSelectComponent,
             TuiSelectDirective,
             i1.TuiTextfieldComponent,
@@ -754,14 +710,14 @@
     TuiSelectModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSelectModule, imports: [[
                 i3.CommonModule,
                 i4.PolymorpheusModule,
-                i1$1.TuiActiveZoneModule,
+                i2.TuiActiveZoneModule,
                 i1.TuiPrimitiveTextfieldModule,
                 i1.TuiHostedDropdownModule,
                 selectOption.TuiSelectOptionModule,
                 arrow.TuiArrowModule,
                 i1.TuiWrapperModule,
                 i1.TuiTextfieldControllerModule,
-                i1$2.TuiDataListWrapperModule,
+                i1$1.TuiDataListWrapperModule,
                 i1.TuiDataListModule,
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSelectModule, decorators: [{
@@ -770,14 +726,14 @@
                         imports: [
                             i3.CommonModule,
                             i4.PolymorpheusModule,
-                            i1$1.TuiActiveZoneModule,
+                            i2.TuiActiveZoneModule,
                             i1.TuiPrimitiveTextfieldModule,
                             i1.TuiHostedDropdownModule,
                             selectOption.TuiSelectOptionModule,
                             arrow.TuiArrowModule,
                             i1.TuiWrapperModule,
                             i1.TuiTextfieldControllerModule,
-                            i1$2.TuiDataListWrapperModule,
+                            i1$1.TuiDataListWrapperModule,
                             i1.TuiDataListModule,
                         ],
                         declarations: [
@@ -800,7 +756,6 @@
      * Generated bundle index. Do not edit.
      */
 
-    exports.AbstractTuiNativeSelect = AbstractTuiNativeSelect;
     exports.TUI_SELECT_DEFAULT_OPTIONS = TUI_SELECT_DEFAULT_OPTIONS;
     exports.TUI_SELECT_OPTIONS = TUI_SELECT_OPTIONS;
     exports.TuiNativeSelectComponent = TuiNativeSelectComponent;