@taiga-ui/kit 2.61.0 → 3.0.0-rc.2

package/fesm2015/taiga-ui-kit-components-checkbox.js

@@ -1,12 +1,15 @@
-import { __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef, Component, ChangeDetectionStrategy, Optional, Self, Inject, ViewChild, Input, HostBinding, NgModule } from '@angular/core';
+import * as i3 from '@angular/forms';
 import { NgControl } from '@angular/forms';
-import { AbstractTuiNullableControl, isNativeFocused, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiCheckedModule, TuiFocusableModule, TuiFocusedModule, TuiHoveredModule, TuiPressedModule, TuiFocusVisibleModule } from '@taiga-ui/cdk';
+import * as i2 from '@taiga-ui/cdk';
+import { AbstractTuiNullableControl, tuiIsNativeFocused, tuiAsFocusableItemAccessor, tuiAsControl, tuiDefaultProp, TuiCheckedModule, TuiFocusableModule, TuiFocusedModule, TuiFocusVisibleModule } from '@taiga-ui/cdk';
+import * as i1 from '@taiga-ui/core';
 import { TUI_CHECKBOX_OPTIONS, TuiPrimitiveCheckboxModule } from '@taiga-ui/core';
 import { CommonModule } from '@angular/common';
 
-var TuiCheckboxComponent_1;
-let TuiCheckboxComponent = TuiCheckboxComponent_1 = class TuiCheckboxComponent extends AbstractTuiNullableControl {
+class TuiCheckboxComponent extends AbstractTuiNullableControl {
     constructor(control, options, changeDetectorRef) {
         super(control, changeDetectorRef);
         this.options = options;
@@ -18,7 +21,7 @@ let TuiCheckboxComponent = TuiCheckboxComponent_1 = class TuiCheckboxComponent e
             : this.focusableElement.nativeElement;
     }
     get focused() {
-        return isNativeFocused(this.nativeFocusableElement);
+        return tuiIsNativeFocused(this.nativeFocusableElement);
     }
     get computedFocusable() {
         return this.interactive && this.focusable;
@@ -29,67 +32,85 @@ let TuiCheckboxComponent = TuiCheckboxComponent_1 = class TuiCheckboxComponent e
     onFocused(focused) {
         this.updateFocused(focused);
     }
-    onHovered(hovered) {
-        this.updateHovered(hovered);
-    }
-    onPressed(pressed) {
-        this.updatePressed(pressed);
-    }
     onFocusVisible(focusVisible) {
         this.updateFocusVisible(focusVisible);
     }
-};
-TuiCheckboxComponent.ctorParameters = () => [
-    { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_CHECKBOX_OPTIONS,] }] },
-    { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
-];
-__decorate([
-    ViewChild(`focusableElement`)
-], TuiCheckboxComponent.prototype, "focusableElement", void 0);
+}
+TuiCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiCheckboxComponent, deps: [{ token: NgControl, optional: true, self: true }, { token: TUI_CHECKBOX_OPTIONS }, { token: ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiCheckboxComponent, selector: "tui-checkbox", inputs: { size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, providers: [
+        tuiAsFocusableItemAccessor(TuiCheckboxComponent),
+        tuiAsControl(TuiCheckboxComponent),
+    ], viewQueries: [{ propertyName: "focusableElement", first: true, predicate: ["focusableElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<tui-primitive-checkbox\n    [size]=\"size\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocusVisible\"\n    [hovered]=\"pseudoHover\"\n    [pressed]=\"pseudoActive\"\n    [invalid]=\"computedInvalid\"\n    [value]=\"value\"\n>\n    <input\n        #focusableElement\n        type=\"checkbox\"\n        automation-id=\"tui-checkbox__native\"\n        class=\"t-native\"\n        [disabled]=\"disabled\"\n        [id]=\"id\"\n        [tuiChecked]=\"value\"\n        [tuiFocusable]=\"computedFocusable\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiCheckedChange)=\"onChecked($event)\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    />\n</tui-primitive-checkbox>\n", styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}:host[data-size=m]{width:1rem;height:1rem}:host[data-size=l]{width:1.5rem;height:1.5rem}:host._disabled,:host._readonly{pointer-events:none}.t-native{padding:0;margin:0;border:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native:-webkit-autofill,.t-native:-webkit-autofill:hover,.t-native:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}\n"], components: [{ type: i1.TuiPrimitiveCheckboxComponent, selector: "tui-primitive-checkbox", inputs: ["size", "disabled", "focused", "hovered", "pressed", "invalid", "value"] }], directives: [{ type: i2.TuiCheckedDirective, selector: "input[tuiChecked], input[tuiCheckedChange]", inputs: ["tuiChecked"], outputs: ["tuiCheckedChange"] }, { type: i2.TuiFocusableDirective, selector: "[tuiFocusable]", inputs: ["tuiFocusable"] }, { type: i2.TuiFocusedDirective, selector: "[tuiFocusedChange]", outputs: ["tuiFocusedChange"] }, { type: i2.TuiFocusVisibleDirective, selector: "[tuiFocusVisibleChange]", outputs: ["tuiFocusVisibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
-    Input(),
-    HostBinding(`attr.data-size`),
     tuiDefaultProp()
 ], TuiCheckboxComponent.prototype, "size", void 0);
-TuiCheckboxComponent = TuiCheckboxComponent_1 = __decorate([
-    Component({
-        selector: `tui-checkbox`,
-        template: "<tui-primitive-checkbox\n    [size]=\"size\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocusVisible\"\n    [hovered]=\"computedHovered\"\n    [pressed]=\"computedPressed\"\n    [invalid]=\"computedInvalid\"\n    [value]=\"value\"\n>\n    <input\n        #focusableElement\n        type=\"checkbox\"\n        automation-id=\"tui-checkbox__native\"\n        class=\"t-native\"\n        [disabled]=\"disabled\"\n        [id]=\"id\"\n        [tuiChecked]=\"value\"\n        [tuiFocusable]=\"computedFocusable\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiHoveredChange)=\"onHovered($event)\"\n        (tuiPressedChange)=\"onPressed($event)\"\n        (tuiCheckedChange)=\"onChecked($event)\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    />\n</tui-primitive-checkbox>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        providers: [
-            {
-                provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                useExisting: forwardRef(() => TuiCheckboxComponent_1),
-            },
-        ],
-        styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0}:host[data-size='m']{width:1rem;height:1rem}:host[data-size='l']{width:1.5rem;height:1.5rem}:host._disabled,:host._readonly{pointer-events:none}.t-native{padding:0;margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native:-webkit-autofill,.t-native:-webkit-autofill:focus,.t-native:-webkit-autofill:hover{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}"]
-    }),
-    __param(0, Optional()),
-    __param(0, Self()),
-    __param(0, Inject(NgControl)),
-    __param(1, Inject(TUI_CHECKBOX_OPTIONS)),
-    __param(2, Inject(ChangeDetectorRef))
-], TuiCheckboxComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-checkbox`,
+                    templateUrl: `./checkbox.template.html`,
+                    styleUrls: [`./checkbox.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        tuiAsFocusableItemAccessor(TuiCheckboxComponent),
+                        tuiAsControl(TuiCheckboxComponent),
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i3.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [NgControl]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_CHECKBOX_OPTIONS]
+                }] }, { type: i0.ChangeDetectorRef, decorators: [{
+                    type: Inject,
+                    args: [ChangeDetectorRef]
+                }] }]; }, propDecorators: { focusableElement: [{
+                type: ViewChild,
+                args: [`focusableElement`]
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`attr.data-size`]
+            }] } });
 
-let TuiCheckboxModule = class TuiCheckboxModule {
-};
-TuiCheckboxModule = __decorate([
-    NgModule({
-        imports: [
+class TuiCheckboxModule {
+}
+TuiCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiCheckboxModule, declarations: [TuiCheckboxComponent], imports: [CommonModule,
+        TuiCheckedModule,
+        TuiFocusableModule,
+        TuiFocusedModule,
+        TuiFocusVisibleModule,
+        TuiPrimitiveCheckboxModule], exports: [TuiCheckboxComponent] });
+TuiCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiCheckboxModule, imports: [[
             CommonModule,
             TuiCheckedModule,
             TuiFocusableModule,
             TuiFocusedModule,
-            TuiHoveredModule,
-            TuiPressedModule,
             TuiFocusVisibleModule,
             TuiPrimitiveCheckboxModule,
-        ],
-        declarations: [TuiCheckboxComponent],
-        exports: [TuiCheckboxComponent],
-    })
-], TuiCheckboxModule);
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TuiCheckedModule,
+                        TuiFocusableModule,
+                        TuiFocusedModule,
+                        TuiFocusVisibleModule,
+                        TuiPrimitiveCheckboxModule,
+                    ],
+                    declarations: [TuiCheckboxComponent],
+                    exports: [TuiCheckboxComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/taiga-ui-kit-components-checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-checkbox.js","sources":["ng://@taiga-ui/kit/components/checkbox/checkbox.component.ts","ng://@taiga-ui/kit/components/checkbox/checkbox.module.ts","ng://@taiga-ui/kit/components/checkbox/taiga-ui-kit-components-checkbox.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {TUI_CHECKBOX_OPTIONS, TuiCheckboxOptions, TuiSizeL} from '@taiga-ui/core';\n\n@Component({\n    selector: `tui-checkbox`,\n    templateUrl: `./checkbox.template.html`,\n    styleUrls: [`./checkbox.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiCheckboxComponent),\n        },\n    ],\n})\nexport class TuiCheckboxComponent\n    extends AbstractTuiNullableControl<boolean>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(`focusableElement`)\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeL = this.options.size;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(TUI_CHECKBOX_OPTIONS)\n        private readonly options: TuiCheckboxOptions,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get computedFocusable(): boolean {\n        return this.interactive && this.focusable;\n    }\n\n    onChecked(checked: boolean): void {\n        this.updateValue(checked);\n    }\n\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean): void {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean): void {\n        this.updatePressed(pressed);\n    }\n\n    onFocusVisible(focusVisible: boolean): void {\n        this.updateFocusVisible(focusVisible);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiCheckedModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n    TuiHoveredModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiPrimitiveCheckboxModule} from '@taiga-ui/core';\n\nimport {TuiCheckboxComponent} from './checkbox.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCheckedModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiFocusVisibleModule,\n        TuiPrimitiveCheckboxModule,\n    ],\n    declarations: [TuiCheckboxComponent],\n    exports: [TuiCheckboxComponent],\n})\nexport class TuiCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;IAmCa,oBAAoB,4BAAjC,MAAa,oBACT,SAAQ,0BAAmC;IAW3C,YAII,OAAyB,EAER,OAA2B,EACjB,iBAAoC;QAE/D,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAHjB,YAAO,GAAP,OAAO,CAAoB;QARhD,SAAI,GAAa,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;KAYlC;IAED,IAAI,sBAAsB;QACtB,OAAO,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB;cAChD,IAAI;cACJ,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC;KAC7C;IAED,IAAI,OAAO;QACP,OAAO,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;KACvD;IAED,IAAI,iBAAiB;QACjB,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC;KAC7C;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;KAC7B;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,cAAc,CAAC,YAAqB;QAChC,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;KACzC;EACJ;;YAzCgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;4CAEhB,MAAM,SAAC,oBAAoB;YAEkB,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;;AAd7B;IADC,SAAS,CAAC,kBAAkB,CAAC;8DACmC;AAKjE;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;kDACkB;AAV1B,oBAAoB;IAZhC,SAAS,CAAC;QACP,QAAQ,EAAE,cAAc;QACxB,2zBAAuC;QAEvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,2BAA2B;gBACpC,WAAW,EAAE,UAAU,CAAC,MAAM,sBAAoB,CAAC;aACtD;SACJ;;KACJ,CAAC;IAcO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,oBAAoB,CAAC,CAAA;IAE5B,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;GAnBrB,oBAAoB,CAyDhC;;IChEY,iBAAiB,GAA9B,MAAa,iBAAiB;EAAG;AAApB,iBAAiB;IAd7B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,gBAAgB;YAChB,kBAAkB;YAClB,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;YAChB,qBAAqB;YACrB,0BAA0B;SAC7B;QACD,YAAY,EAAE,CAAC,oBAAoB,CAAC;QACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;KAClC,CAAC;GACW,iBAAiB,CAAG;;AC5BjC;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-checkbox.js","sources":["../../../projects/kit/components/checkbox/checkbox.component.ts","../../../projects/kit/components/checkbox/checkbox.template.html","../../../projects/kit/components/checkbox/checkbox.module.ts","../../../projects/kit/components/checkbox/taiga-ui-kit-components-checkbox.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    tuiAsControl,\n    tuiAsFocusableItemAccessor,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiIsNativeFocused,\n} from '@taiga-ui/cdk';\nimport {TUI_CHECKBOX_OPTIONS, TuiCheckboxOptions, TuiSizeL} from '@taiga-ui/core';\n\n@Component({\n    selector: `tui-checkbox`,\n    templateUrl: `./checkbox.template.html`,\n    styleUrls: [`./checkbox.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsFocusableItemAccessor(TuiCheckboxComponent),\n        tuiAsControl(TuiCheckboxComponent),\n    ],\n})\nexport class TuiCheckboxComponent\n    extends AbstractTuiNullableControl<boolean>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(`focusableElement`)\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeL = this.options.size;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(TUI_CHECKBOX_OPTIONS)\n        private readonly options: TuiCheckboxOptions,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return tuiIsNativeFocused(this.nativeFocusableElement);\n    }\n\n    get computedFocusable(): boolean {\n        return this.interactive && this.focusable;\n    }\n\n    onChecked(checked: boolean): void {\n        this.updateValue(checked);\n    }\n\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    onFocusVisible(focusVisible: boolean): void {\n        this.updateFocusVisible(focusVisible);\n    }\n}\n","<tui-primitive-checkbox\n    [size]=\"size\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocusVisible\"\n    [hovered]=\"pseudoHover\"\n    [pressed]=\"pseudoActive\"\n    [invalid]=\"computedInvalid\"\n    [value]=\"value\"\n>\n    <input\n        #focusableElement\n        type=\"checkbox\"\n        automation-id=\"tui-checkbox__native\"\n        class=\"t-native\"\n        [disabled]=\"disabled\"\n        [id]=\"id\"\n        [tuiChecked]=\"value\"\n        [tuiFocusable]=\"computedFocusable\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiCheckedChange)=\"onChecked($event)\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    />\n</tui-primitive-checkbox>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiCheckedModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n} from '@taiga-ui/cdk';\nimport {TuiPrimitiveCheckboxModule} from '@taiga-ui/core';\n\nimport {TuiCheckboxComponent} from './checkbox.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCheckedModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiFocusVisibleModule,\n        TuiPrimitiveCheckboxModule,\n    ],\n    declarations: [TuiCheckboxComponent],\n    exports: [TuiCheckboxComponent],\n})\nexport class TuiCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-combo-box.js

@@ -1,38 +1,22 @@
-import { __decorate, __param } from 'tslib';
-import { forwardRef, EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ContentChild, ViewChild, Input, Output, TemplateRef, Component, ChangeDetectionStrategy, Directive, HostListener, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { EventEmitter, ChangeDetectorRef, TemplateRef, Component, ChangeDetectionStrategy, Optional, Self, Inject, ContentChild, ViewChild, Input, Output, Directive, HostListener, NgModule } from '@angular/core';
+import * as i5 from '@angular/forms';
 import { NgControl } from '@angular/forms';
-import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, AbstractTuiNullableControl, TUI_STRICT_MATCHER, isNativeFocused, isPresent, setNativeFocused, tuiDefaultProp, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT, TUI_DATA_LIST_ACCESSOR, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiDataListDirective, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule, TuiTextfieldComponent } from '@taiga-ui/core';
+import * as i2 from '@taiga-ui/cdk';
+import { AbstractTuiNullableControl, TUI_STRICT_MATCHER, tuiIsNativeFocused, tuiIsPresent, tuiAsFocusableItemAccessor, tuiAsControl, tuiDefaultProp, TuiActiveZoneModule } from '@taiga-ui/cdk';
+import * as i1 from '@taiga-ui/core';
+import { tuiAsDataListHost, tuiAsOptionContent, TUI_DATA_LIST_ACCESSOR, TuiDataListDirective, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiAbstractTextfieldHost, tuiAsTextfieldHost, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule, TuiTextfieldControllerModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { TUI_ARROW_MODE, TuiArrowModule } from '@taiga-ui/kit/components/arrow';
-import { TUI_ITEMS_HANDLERS } from '@taiga-ui/kit/tokens';
 import { TUI_SELECT_OPTION, TuiSelectOptionModule } from '@taiga-ui/kit/components/select-option';
 import { FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
+import { TUI_ITEMS_HANDLERS } from '@taiga-ui/kit/tokens';
+import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i4 from '@tinkoff/ng-polymorpheus';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
-// TODO: 3.0 remove in ivy compilation
-const COMBOBOX_OPTION = TUI_SELECT_OPTION;
-const TUI_COMBO_BOX_PROVIDERS = [
-    {
-        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-        useExisting: forwardRef(() => TuiComboBoxComponent),
-    },
-    {
-        provide: TUI_DATA_LIST_HOST,
-        useExisting: forwardRef(() => TuiComboBoxComponent),
-    },
-    {
-        provide: AbstractTuiControl,
-        useExisting: forwardRef(() => TuiComboBoxComponent),
-    },
-    {
-        provide: TUI_OPTION_CONTENT,
-        useValue: COMBOBOX_OPTION,
-    },
-    FIXED_DROPDOWN_CONTROLLER_PROVIDER,
-];
-
-let TuiComboBoxComponent = class TuiComboBoxComponent extends AbstractTuiNullableControl {
+class TuiComboBoxComponent extends AbstractTuiNullableControl {
     constructor(control, changeDetectorRef, arrowMode, itemsHandlers) {
         super(control, changeDetectorRef);
         this.arrowMode = arrowMode;
@@ -54,14 +38,14 @@ let TuiComboBoxComponent = class TuiComboBoxComponent extends AbstractTuiNullabl
         return this.textfield ? this.textfield.nativeFocusableElement : null;
     }
     get focused() {
-        return (isNativeFocused(this.nativeFocusableElement) ||
+        return (tuiIsNativeFocused(this.nativeFocusableElement) ||
             (!!this.hostedDropdown && this.hostedDropdown.focused));
     }
     get nativeValue() {
         return this.value === null ? this.search || `` : this.stringify(this.value);
     }
     get showValueTemplate() {
-        return isPresent(this.value) && !this.focused;
+        return tuiIsPresent(this.value) && !this.focused;
     }
     get computedContent() {
         return this.valueContent || this.nativeValue;
@@ -113,9 +97,6 @@ let TuiComboBoxComponent = class TuiComboBoxComponent extends AbstractTuiNullabl
     updateValue(value) {
         super.updateValue(value);
     }
-    onHovered(hovered) {
-        this.updateHovered(hovered);
-    }
     toggle() {
         var _a;
         (_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(!this.open);
@@ -141,93 +122,113 @@ let TuiComboBoxComponent = class TuiComboBoxComponent extends AbstractTuiNullabl
     }
     focusInput(preventScroll = false) {
         if (this.nativeFocusableElement) {
-            setNativeFocused(this.nativeFocusableElement, true, preventScroll);
+            this.nativeFocusableElement.focus({ preventScroll });
         }
     }
-};
-TuiComboBoxComponent.ctorParameters = () => [
-    { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
-    { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_ARROW_MODE,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_ITEMS_HANDLERS,] }] }
-];
-__decorate([
-    ContentChild(TUI_DATA_LIST_ACCESSOR)
-], TuiComboBoxComponent.prototype, "accessor", void 0);
+}
+TuiComboBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiComboBoxComponent, deps: [{ token: NgControl, optional: true, self: true }, { token: ChangeDetectorRef }, { token: TUI_ARROW_MODE }, { token: TUI_ITEMS_HANDLERS }], target: i0.ɵɵFactoryTarget.Component });
+TuiComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiComboBoxComponent, selector: "tui-combo-box", inputs: { stringify: "stringify", strictMatcher: "strictMatcher", identityMatcher: "identityMatcher", valueContent: "valueContent", strict: "strict", search: "search" }, outputs: { searchChange: "searchChange" }, providers: [
+        tuiAsFocusableItemAccessor(TuiComboBoxComponent),
+        tuiAsDataListHost(TuiComboBoxComponent),
+        tuiAsControl(TuiComboBoxComponent),
+        tuiAsOptionContent(TUI_SELECT_OPTION),
+    ], queries: [{ propertyName: "accessor", first: true, predicate: TUI_DATA_LIST_ACCESSOR, descendants: true }, { propertyName: "datalist", first: true, predicate: TuiDataListDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "hostedDropdown", first: true, predicate: TuiHostedDropdownComponent, descendants: true }, { propertyName: "textfield", first: true, predicate: TuiPrimitiveTextfieldComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-combo-box__textfield\"\n        class=\"t-textfield\"\n        [pseudoFocus]=\"computedFocused\"\n        [pseudoHover]=\"pseudoHover\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [tuiTextfieldIcon]=\"arrow ? icon : ''\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"nativeValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (click)=\"toggle()\"\n        (keydown.enter)=\"onFieldKeyDownEnter($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content\n            select=\"input\"\n            ngProjectAs=\"input\"\n        ></ng-content>\n        <div\n            *ngIf=\"showValueTemplate\"\n            ngProjectAs=\"tuiContent\"\n            automation-id=\"tui-combo-box__template\"\n            class=\"t-value\"\n        >\n            <ng-container\n                *polymorpheusOutlet=\"computedContent as text; context: {$implicit: value!, active: computedFocused}\"\n            >\n                {{ text }}\n            </ng-container>\n        </div>\n    </tui-primitive-textfield>\n\n    <ng-template #icon>\n        <div class=\"t-icon\">\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}.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-icon{pointer-events:auto}\n"], components: [{ type: i1.TuiHostedDropdownComponent, selector: "tui-hosted-dropdown", inputs: ["content", "canOpen", "open"], outputs: ["openChange", "focusedChange"] }, { type: i1.TuiPrimitiveTextfieldComponent, selector: "tui-primitive-textfield", inputs: ["editable", "filler", "iconCleaner", "readOnly", "invalid", "disabled", "prefix", "postfix", "value"], outputs: ["valueChange"] }], directives: [{ type: i2.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { type: i1.TuiPrimitiveTextfieldDirective, selector: "tui-primitive-textfield" }, { type: i1.TuiTextfieldIconDirective, selector: "[tuiTextfieldIcon]", inputs: ["tuiTextfieldIcon"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
-    ViewChild(TuiHostedDropdownComponent)
-], TuiComboBoxComponent.prototype, "hostedDropdown", void 0);
-__decorate([
-    ViewChild(TuiPrimitiveTextfieldComponent)
-], TuiComboBoxComponent.prototype, "textfield", void 0);
-__decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiComboBoxComponent.prototype, "stringify", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiComboBoxComponent.prototype, "strictMatcher", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiComboBoxComponent.prototype, "identityMatcher", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiComboBoxComponent.prototype, "valueContent", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiComboBoxComponent.prototype, "strict", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiComboBoxComponent.prototype, "search", void 0);
-__decorate([
-    Output()
-], TuiComboBoxComponent.prototype, "searchChange", void 0);
-__decorate([
-    ContentChild(TuiDataListDirective, { read: TemplateRef })
-], TuiComboBoxComponent.prototype, "datalist", void 0);
-TuiComboBoxComponent = __decorate([
-    Component({
-        selector: `tui-combo-box`,
-        template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-combo-box__textfield\"\n        class=\"t-textfield\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"arrow ? icon : ''\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"nativeValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (click)=\"toggle()\"\n        (keydown.enter)=\"onFieldKeyDownEnter($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content\n            select=\"input\"\n            ngProjectAs=\"input\"\n        ></ng-content>\n        <div\n            *ngIf=\"showValueTemplate\"\n            polymorpheus-outlet\n            automation-id=\"tui-combo-box__template\"\n            class=\"t-value\"\n            [content]=\"computedContent\"\n            [context]=\"{$implicit: value!, active: computedFocused}\"\n        ></div>\n    </tui-primitive-textfield>\n\n    <ng-template #icon>\n        <div\n            polymorpheus-outlet\n            class=\"t-icon\"\n            [content]=\"arrow\"\n        ></div>\n    </ng-template>\n</tui-hosted-dropdown>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        providers: TUI_COMBO_BOX_PROVIDERS,
-        styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.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-icon{pointer-events:auto}"]
-    }),
-    __param(0, Optional()),
-    __param(0, Self()),
-    __param(0, Inject(NgControl)),
-    __param(1, Inject(ChangeDetectorRef)),
-    __param(2, Inject(TUI_ARROW_MODE)),
-    __param(3, Inject(TUI_ITEMS_HANDLERS))
-], TuiComboBoxComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiComboBoxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-combo-box`,
+                    templateUrl: `./combo-box.template.html`,
+                    styleUrls: [`./combo-box.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        tuiAsFocusableItemAccessor(TuiComboBoxComponent),
+                        tuiAsDataListHost(TuiComboBoxComponent),
+                        tuiAsControl(TuiComboBoxComponent),
+                        tuiAsOptionContent(TUI_SELECT_OPTION),
+                    ],
+                    viewProviders: [FIXED_DROPDOWN_CONTROLLER_PROVIDER],
+                }]
+        }], ctorParameters: function () { return [{ type: i5.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [NgControl]
+                }] }, { type: i0.ChangeDetectorRef, decorators: [{
+                    type: Inject,
+                    args: [ChangeDetectorRef]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_ARROW_MODE]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_ITEMS_HANDLERS]
+                }] }]; }, propDecorators: { accessor: [{
+                type: ContentChild,
+                args: [TUI_DATA_LIST_ACCESSOR]
+            }], hostedDropdown: [{
+                type: ViewChild,
+                args: [TuiHostedDropdownComponent]
+            }], textfield: [{
+                type: ViewChild,
+                args: [TuiPrimitiveTextfieldComponent]
+            }], stringify: [{
+                type: Input
+            }], strictMatcher: [{
+                type: Input
+            }], identityMatcher: [{
+                type: Input
+            }], valueContent: [{
+                type: Input
+            }], strict: [{
+                type: Input
+            }], search: [{
+                type: Input
+            }], searchChange: [{
+                type: Output
+            }], datalist: [{
+                type: ContentChild,
+                args: [TuiDataListDirective, { read: TemplateRef }]
+            }] } });
 
-var TuiComboBoxDirective_1;
-let TuiComboBoxDirective = TuiComboBoxDirective_1 = class TuiComboBoxDirective extends TuiAbstractTextfieldHost {
+class TuiComboBoxDirective extends TuiAbstractTextfieldHost {
     get value() {
         return this.host.nativeValue;
     }
     onValueChange(value) {
         this.host.onValueChange(value);
     }
-};
-TuiComboBoxDirective = TuiComboBoxDirective_1 = __decorate([
-    Directive({
-        selector: `tui-combo-box`,
-        providers: [
-            {
-                provide: TUI_TEXTFIELD_HOST,
-                useExisting: forwardRef(() => TuiComboBoxDirective_1),
-            },
-        ],
-    })
-], TuiComboBoxDirective);
+}
+TuiComboBoxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiComboBoxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiComboBoxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiComboBoxDirective, selector: "tui-combo-box", providers: [tuiAsTextfieldHost(TuiComboBoxDirective)], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiComboBoxDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `tui-combo-box`,
+                    providers: [tuiAsTextfieldHost(TuiComboBoxDirective)],
+                }]
+        }] });
 
-let TuiComboBoxStrictDirective = class TuiComboBoxStrictDirective {
+class TuiComboBoxStrictDirective {
     constructor(comboBox) {
         this.comboBox = comboBox;
         this.strict = true;
@@ -237,29 +238,44 @@ let TuiComboBoxStrictDirective = class TuiComboBoxStrictDirective {
             this.comboBox.updateValue(this.comboBox.search);
         }
     }
-};
-TuiComboBoxStrictDirective.ctorParameters = () => [
-    { type: TuiComboBoxComponent, decorators: [{ type: Inject, args: [TuiComboBoxComponent,] }] }
-];
+}
+TuiComboBoxStrictDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiComboBoxStrictDirective, deps: [{ token: TuiComboBoxComponent }], target: i0.ɵɵFactoryTarget.Directive });
+TuiComboBoxStrictDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiComboBoxStrictDirective, selector: "tui-combo-box[strict]", inputs: { strict: "strict" }, host: { listeners: { "input": "onInput()" } }, ngImport: i0 });
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiComboBoxStrictDirective.prototype, "strict", void 0);
-__decorate([
-    HostListener(`input`)
-], TuiComboBoxStrictDirective.prototype, "onInput", null);
-TuiComboBoxStrictDirective = __decorate([
-    Directive({
-        selector: `tui-combo-box[strict]`,
-    }),
-    __param(0, Inject(TuiComboBoxComponent))
-], TuiComboBoxStrictDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiComboBoxStrictDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `tui-combo-box[strict]`,
+                }]
+        }], ctorParameters: function () { return [{ type: TuiComboBoxComponent, decorators: [{
+                    type: Inject,
+                    args: [TuiComboBoxComponent]
+                }] }]; }, propDecorators: { strict: [{
+                type: Input
+            }], onInput: [{
+                type: HostListener,
+                args: [`input`]
+            }] } });
 
-let TuiComboBoxModule = class TuiComboBoxModule {
-};
-TuiComboBoxModule = __decorate([
-    NgModule({
-        imports: [
+class TuiComboBoxModule {
+}
+TuiComboBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiComboBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiComboBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiComboBoxModule, declarations: [TuiComboBoxComponent,
+        TuiComboBoxStrictDirective,
+        TuiComboBoxDirective], imports: [CommonModule,
+        PolymorpheusModule,
+        TuiActiveZoneModule,
+        TuiPrimitiveTextfieldModule,
+        TuiHostedDropdownModule,
+        TuiSelectOptionModule,
+        TuiArrowModule,
+        TuiTextfieldControllerModule], exports: [TuiComboBoxComponent,
+        TuiComboBoxStrictDirective,
+        TuiComboBoxDirective,
+        TuiTextfieldComponent] });
+TuiComboBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiComboBoxModule, imports: [[
             CommonModule,
             PolymorpheusModule,
             TuiActiveZoneModule,
@@ -267,24 +283,38 @@ TuiComboBoxModule = __decorate([
             TuiHostedDropdownModule,
             TuiSelectOptionModule,
             TuiArrowModule,
-        ],
-        declarations: [
-            TuiComboBoxComponent,
-            TuiComboBoxStrictDirective,
-            TuiComboBoxDirective,
-        ],
-        exports: [
-            TuiComboBoxComponent,
-            TuiComboBoxStrictDirective,
-            TuiComboBoxDirective,
-            TuiTextfieldComponent,
-        ],
-    })
-], TuiComboBoxModule);
+            TuiTextfieldControllerModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiComboBoxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PolymorpheusModule,
+                        TuiActiveZoneModule,
+                        TuiPrimitiveTextfieldModule,
+                        TuiHostedDropdownModule,
+                        TuiSelectOptionModule,
+                        TuiArrowModule,
+                        TuiTextfieldControllerModule,
+                    ],
+                    declarations: [
+                        TuiComboBoxComponent,
+                        TuiComboBoxStrictDirective,
+                        TuiComboBoxDirective,
+                    ],
+                    exports: [
+                        TuiComboBoxComponent,
+                        TuiComboBoxStrictDirective,
+                        TuiComboBoxDirective,
+                        TuiTextfieldComponent,
+                    ],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { COMBOBOX_OPTION, TUI_COMBO_BOX_PROVIDERS, TuiComboBoxComponent, TuiComboBoxDirective, TuiComboBoxModule, TuiComboBoxStrictDirective };
+export { TuiComboBoxComponent, TuiComboBoxDirective, TuiComboBoxModule, TuiComboBoxStrictDirective };
 //# sourceMappingURL=taiga-ui-kit-components-combo-box.js.map