@taiga-ui/kit 2.29.0 → 2.33.0

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

@@ -1,9 +1,9 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ContentChild, ViewChild, Input, Output, TemplateRef, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { forwardRef, EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ContentChild, ViewChild, Input, Output, TemplateRef, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { TUI_DEFAULT_STRINGIFY, TUI_STRICT_MATCHER, TUI_DEFAULT_IDENTITY_MATCHER, isNativeFocused, isPresent, setNativeFocused, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { TUI_DATA_LIST_ACCESSOR, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiDataListDirective, TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule } from '@taiga-ui/core';
-import { TUI_ARROW, TuiArrowModule } from '@taiga-ui/kit/components/arrow';
+import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TUI_DEFAULT_STRINGIFY, TUI_STRICT_MATCHER, TUI_DEFAULT_IDENTITY_MATCHER, isNativeFocused, isPresent, setNativeFocused, tuiDefaultProp, tuiPure, AbstractTuiNullableControl, TuiActiveZoneModule } from '@taiga-ui/cdk';
+import { TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT, TUI_DATA_LIST_ACCESSOR, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiDataListDirective, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule, TuiTextfieldComponent } from '@taiga-ui/core';
+import { TUI_ARROW_MODE, TuiArrowModule } from '@taiga-ui/kit/components/arrow';
 import { TUI_SELECT_OPTION, TuiSelectOptionModule } from '@taiga-ui/kit/components/select-option';
 import { FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { CommonModule } from '@angular/common';
@@ -11,10 +11,31 @@ import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
 // TODO: remove in ivy compilation
 var COMBOBOX_OPTION = TUI_SELECT_OPTION;
+var TUI_COMBO_BOX_PROVIDERS = [
+    {
+        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+        useExisting: forwardRef(function () { return TuiComboBoxComponent; }),
+    },
+    {
+        provide: TUI_DATA_LIST_HOST,
+        useExisting: forwardRef(function () { return TuiComboBoxComponent; }),
+    },
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(function () { return TuiComboBoxComponent; }),
+    },
+    {
+        provide: TUI_OPTION_CONTENT,
+        useValue: COMBOBOX_OPTION,
+    },
+    FIXED_DROPDOWN_CONTROLLER_PROVIDER,
+];
+
 var TuiComboBoxComponent = /** @class */ (function (_super) {
     __extends(TuiComboBoxComponent, _super);
-    function TuiComboBoxComponent(control, changeDetectorRef) {
+    function TuiComboBoxComponent(control, changeDetectorRef, arrowMode) {
         var _this = _super.call(this, control, changeDetectorRef) || this;
+        _this.arrowMode = arrowMode;
         _this.stringify = TUI_DEFAULT_STRINGIFY;
         _this.strictMatcher = TUI_STRICT_MATCHER;
         _this.identityMatcher = TUI_DEFAULT_IDENTITY_MATCHER;
@@ -26,10 +47,9 @@ var TuiComboBoxComponent = /** @class */ (function (_super) {
         _this.open = false;
         return _this;
     }
-    TuiComboBoxComponent_1 = TuiComboBoxComponent;
     Object.defineProperty(TuiComboBoxComponent.prototype, "arrow", {
         get: function () {
-            return this.disabled || this.readOnly ? '' : TUI_ARROW;
+            return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;
         },
         enumerable: true,
         configurable: true
@@ -66,13 +86,6 @@ var TuiComboBoxComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TuiComboBoxComponent.prototype, "canOpen", {
-        get: function () {
-            return !this.computedDisabled && !this.readOnly;
-        },
-        enumerable: true,
-        configurable: true
-    });
     Object.defineProperty(TuiComboBoxComponent.prototype, "computedContent", {
         get: function () {
             return this.valueContent || this.nativeValue;
@@ -115,7 +128,7 @@ var TuiComboBoxComponent = /** @class */ (function (_super) {
         this.updateSearch(null);
         this.close();
     };
-    TuiComboBoxComponent.prototype.onInput = function (value) {
+    TuiComboBoxComponent.prototype.onValueChange = function (value) {
         var _this = this;
         var _a;
         this.updateSearch(value);
@@ -133,17 +146,15 @@ var TuiComboBoxComponent = /** @class */ (function (_super) {
         this.updateHovered(hovered);
     };
     TuiComboBoxComponent.prototype.toggle = function () {
-        if (this.hostedDropdown) {
-            this.hostedDropdown.updateOpen(!this.open);
-        }
+        var _a;
+        (_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(!this.open);
     };
     TuiComboBoxComponent.prototype.isStrictMatch = function (item) {
         return this.strictMatcher(item, this.search || '', this.stringify);
     };
     TuiComboBoxComponent.prototype.close = function () {
-        if (this.hostedDropdown) {
-            this.hostedDropdown.updateOpen(false);
-        }
+        var _a;
+        (_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(false);
     };
     TuiComboBoxComponent.prototype.updateSearch = function (search) {
         if (this.search === search) {
@@ -163,10 +174,10 @@ var TuiComboBoxComponent = /** @class */ (function (_super) {
             setNativeFocused(this.nativeFocusableElement, true, preventScroll);
         }
     };
-    var TuiComboBoxComponent_1;
     TuiComboBoxComponent.ctorParameters = function () { return [
         { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
-        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
+        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_ARROW_MODE,] }] }
     ]; };
     __decorate([
         ContentChild(TUI_DATA_LIST_ACCESSOR)
@@ -210,36 +221,54 @@ var TuiComboBoxComponent = /** @class */ (function (_super) {
     __decorate([
         tuiPure
     ], TuiComboBoxComponent.prototype, "computeContext", null);
-    TuiComboBoxComponent = TuiComboBoxComponent_1 = __decorate([
+    TuiComboBoxComponent = __decorate([
         Component({
             selector: 'tui-combo-box',
-            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-combo-box__textfield\"\n        class=\"textfield\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"arrow\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"nativeValue\"\n        (valueChange)=\"onInput($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (click)=\"toggle()\"\n        (keydown.enter)=\"onFieldKeyDownEnter($event)\"\n    >\n        <ng-content></ng-content>\n        <div\n            *ngIf=\"showValueTemplate\"\n            polymorpheus-outlet\n            automation-id=\"tui-combo-box__template\"\n            class=\"value\"\n            [content]=\"computedContent\"\n            [context]=\"computeContext(value, computedFocused)\"\n        ></div>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n",
+            template: "<tui-hosted-dropdown\n    class=\"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=\"textfield\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"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 select=\"input\" ngProjectAs=\"input\"></ng-content>\n        <div\n            *ngIf=\"showValueTemplate\"\n            polymorpheus-outlet\n            automation-id=\"tui-combo-box__template\"\n            class=\"value\"\n            [content]=\"computedContent\"\n            [context]=\"computeContext(value, computedFocused)\"\n        ></div>\n    </tui-primitive-textfield>\n\n    <ng-template #icon>\n        <div polymorpheus-outlet class=\"t-icon\" [content]=\"arrow\"></div>\n    </ng-template>\n</tui-hosted-dropdown>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [
-                {
-                    provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                    useExisting: forwardRef(function () { return TuiComboBoxComponent_1; }),
-                },
-                {
-                    provide: TUI_DATA_LIST_HOST,
-                    useExisting: forwardRef(function () { return TuiComboBoxComponent_1; }),
-                },
-                {
-                    provide: TUI_OPTION_CONTENT,
-                    useValue: COMBOBOX_OPTION,
-                },
-                FIXED_DROPDOWN_CONTROLLER_PROVIDER,
-            ],
-            styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.value{display:flex;width:100%;align-items:center}"]
+            providers: TUI_COMBO_BOX_PROVIDERS,
+            styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.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(1, Inject(ChangeDetectorRef)),
+        __param(2, Inject(TUI_ARROW_MODE))
     ], TuiComboBoxComponent);
     return TuiComboBoxComponent;
 }(AbstractTuiNullableControl));
 
+var TuiComboBoxDirective = /** @class */ (function (_super) {
+    __extends(TuiComboBoxDirective, _super);
+    function TuiComboBoxDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TuiComboBoxDirective_1 = TuiComboBoxDirective;
+    Object.defineProperty(TuiComboBoxDirective.prototype, "value", {
+        get: function () {
+            return this.host.nativeValue;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiComboBoxDirective.prototype.onValueChange = function (value) {
+        this.host.onValueChange(value);
+    };
+    var TuiComboBoxDirective_1;
+    TuiComboBoxDirective = TuiComboBoxDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-combo-box',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiComboBoxDirective_1; }),
+                },
+            ],
+        })
+    ], TuiComboBoxDirective);
+    return TuiComboBoxDirective;
+}(TuiAbstractTextfieldHost));
+
 var TuiComboBoxModule = /** @class */ (function () {
     function TuiComboBoxModule() {
     }
@@ -254,8 +283,8 @@ var TuiComboBoxModule = /** @class */ (function () {
                 TuiSelectOptionModule,
                 TuiArrowModule,
             ],
-            declarations: [TuiComboBoxComponent],
-            exports: [TuiComboBoxComponent],
+            declarations: [TuiComboBoxComponent, TuiComboBoxDirective],
+            exports: [TuiComboBoxComponent, TuiComboBoxDirective, TuiTextfieldComponent],
         })
     ], TuiComboBoxModule);
     return TuiComboBoxModule;
@@ -265,5 +294,5 @@ var TuiComboBoxModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { COMBOBOX_OPTION, TuiComboBoxComponent, TuiComboBoxModule };
+export { COMBOBOX_OPTION, TUI_COMBO_BOX_PROVIDERS, TuiComboBoxComponent, TuiComboBoxDirective, TuiComboBoxModule };
 //# sourceMappingURL=taiga-ui-kit-components-combo-box.js.map

package/fesm5/taiga-ui-kit-components-combo-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-combo-box.js","sources":["ng://@taiga-ui/kit/components/combo-box/combo-box.component.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.module.ts","ng://@taiga-ui/kit/components/combo-box/taiga-ui-kit-components-combo-box.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    isPresent,\n    setNativeFocused,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_DEFAULT_STRINGIFY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_STRICT_MATCHER,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiIdentityMatcher,\n    tuiPure,\n    TuiStringHandler,\n    TuiStringMatcher,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_ACCESSOR,\n    TUI_DATA_LIST_HOST,\n    TUI_OPTION_CONTENT,\n    TuiDataListAccessor,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ARROW} from '@taiga-ui/kit/components/arrow';\nimport {TUI_SELECT_OPTION} from '@taiga-ui/kit/components/select-option';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// TODO: remove in ivy compilation\nexport const COMBOBOX_OPTION: any = TUI_SELECT_OPTION;\n\n@Component({\n    selector: 'tui-combo-box',\n    templateUrl: './combo-box.template.html',\n    styleUrls: ['./combo-box.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiComboBoxComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiComboBoxComponent),\n        },\n        {\n            provide: TUI_OPTION_CONTENT,\n            useValue: COMBOBOX_OPTION,\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiComboBoxComponent<T>\n    extends AbstractTuiNullableControl<T | string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<T>\n{\n    @ContentChild(TUI_DATA_LIST_ACCESSOR as any)\n    private readonly accessor?: TuiDataListAccessor<T>;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    stringify: TuiStringHandler<T> = TUI_DEFAULT_STRINGIFY;\n\n    @Input()\n    @tuiDefaultProp()\n    strictMatcher: TuiStringMatcher<T> = TUI_STRICT_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    valueContent: PolymorpheusContent<TuiValueContentContext<T>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    strict = true;\n\n    @Input()\n    @tuiDefaultProp()\n    search: string | null = '';\n\n    @Output()\n    readonly searchChange = new EventEmitter<string | null>();\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent = '';\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get arrow(): PolymorpheusContent {\n        return this.disabled || this.readOnly ? '' : TUI_ARROW;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get nativeValue(): string {\n        if (this.value === null) {\n            return this.search || '';\n        }\n\n        return typeof this.value === 'string' ? this.value : this.stringify(this.value);\n    }\n\n    get showValueTemplate(): boolean {\n        return isPresent(this.value) && !this.focused;\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly;\n    }\n\n    get computedContent(): PolymorpheusContent<TuiValueContentContext<T>> {\n        return this.valueContent || this.nativeValue;\n    }\n\n    @tuiPure\n    computeContext(\n        $implicit: T | null,\n        active: boolean,\n    ): TuiValueContentContext<T | null> {\n        return {\n            $implicit,\n            active,\n        };\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    checkOption(option: T) {\n        if (!this.isStrictMatch(option)) {\n            return;\n        }\n\n        this.updateValue(option);\n        this.updateSearch(null);\n    }\n\n    handleOption(item: T) {\n        this.setNativeValue(this.stringify(item));\n        this.focusInput();\n        this.close();\n        this.updateSearch(null);\n        this.updateValue(item);\n    }\n\n    onFieldKeyDownEnter(event: KeyboardEvent) {\n        if (this.open) {\n            event.preventDefault();\n        }\n\n        const options = this.accessor ? this.accessor.getOptions() : [];\n\n        if (options.length !== 1) {\n            return;\n        }\n\n        this.updateValue(options[0]);\n        this.updateSearch(null);\n        this.close();\n    }\n\n    onInput(value: string) {\n        this.updateSearch(value);\n\n        const match =\n            this.accessor &&\n            this.accessor.getOptions().find(item => this.isStrictMatch(item));\n\n        if (match !== undefined) {\n            this.updateValue(match);\n            this.updateSearch(null);\n\n            return;\n        }\n\n        this.updateValue(this.strict || this.search === '' ? null : this.search);\n        this.hostedDropdown?.updateOpen(true);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    toggle() {\n        if (this.hostedDropdown) {\n            this.hostedDropdown.updateOpen(!this.open);\n        }\n    }\n\n    private isStrictMatch(item: T): boolean {\n        return this.strictMatcher(item, this.search || '', this.stringify);\n    }\n\n    private close() {\n        if (this.hostedDropdown) {\n            this.hostedDropdown.updateOpen(false);\n        }\n    }\n\n    private updateSearch(search: string | null) {\n        if (this.search === search) {\n            return;\n        }\n\n        this.search = search;\n        this.searchChange.emit(search);\n    }\n\n    private setNativeValue(value: string) {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = value;\n        }\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {TuiHostedDropdownModule, TuiPrimitiveTextfieldModule} from '@taiga-ui/core';\nimport {TuiArrowModule} from '@taiga-ui/kit/components/arrow';\nimport {TuiSelectOptionModule} from '@taiga-ui/kit/components/select-option';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n        TuiSelectOptionModule,\n        TuiArrowModule,\n    ],\n    declarations: [TuiComboBoxComponent],\n    exports: [TuiComboBoxComponent],\n})\nexport class TuiComboBoxModule {}\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-kit-components-combo-box.js","sources":["ng://@taiga-ui/kit/components/combo-box/combo-box.providers.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.component.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.directive.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.module.ts","ng://@taiga-ui/kit/components/combo-box/taiga-ui-kit-components-combo-box.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT} from '@taiga-ui/core';\nimport {TUI_SELECT_OPTION} from '@taiga-ui/kit/components/select-option';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n// TODO: remove in ivy compilation\nexport const COMBOBOX_OPTION: any = TUI_SELECT_OPTION;\n\nexport const TUI_COMBO_BOX_PROVIDERS = [\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiComboBoxComponent),\n    },\n    {\n        provide: TUI_DATA_LIST_HOST,\n        useExisting: forwardRef(() => TuiComboBoxComponent),\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiComboBoxComponent),\n    },\n    {\n        provide: TUI_OPTION_CONTENT,\n        useValue: COMBOBOX_OPTION,\n    },\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    EventEmitter,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    isPresent,\n    setNativeFocused,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_DEFAULT_STRINGIFY,\n    TUI_STRICT_MATCHER,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiIdentityMatcher,\n    tuiPure,\n    TuiStringHandler,\n    TuiStringMatcher,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_ACCESSOR,\n    TuiDataListAccessor,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ARROW_MODE, TuiArrowMode} from '@taiga-ui/kit/components/arrow';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_COMBO_BOX_PROVIDERS} from './combo-box.providers';\n\n@Component({\n    selector: 'tui-combo-box',\n    templateUrl: './combo-box.template.html',\n    styleUrls: ['./combo-box.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_COMBO_BOX_PROVIDERS,\n})\nexport class TuiComboBoxComponent<T>\n    extends AbstractTuiNullableControl<T | string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<T>\n{\n    @ContentChild(TUI_DATA_LIST_ACCESSOR as any)\n    private readonly accessor?: TuiDataListAccessor<T>;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    stringify: TuiStringHandler<T> = TUI_DEFAULT_STRINGIFY;\n\n    @Input()\n    @tuiDefaultProp()\n    strictMatcher: TuiStringMatcher<T> = TUI_STRICT_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    valueContent: PolymorpheusContent<TuiValueContentContext<T>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    strict = true;\n\n    @Input()\n    @tuiDefaultProp()\n    search: string | null = '';\n\n    @Output()\n    readonly searchChange = new EventEmitter<string | null>();\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent = '';\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_ARROW_MODE)\n        private readonly arrowMode: TuiArrowMode,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get arrow(): PolymorpheusContent {\n        return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get nativeValue(): string {\n        if (this.value === null) {\n            return this.search || '';\n        }\n\n        return typeof this.value === 'string' ? this.value : this.stringify(this.value);\n    }\n\n    get showValueTemplate(): boolean {\n        return isPresent(this.value) && !this.focused;\n    }\n\n    get computedContent(): PolymorpheusContent<TuiValueContentContext<T>> {\n        return this.valueContent || this.nativeValue;\n    }\n\n    @tuiPure\n    computeContext(\n        $implicit: T | null,\n        active: boolean,\n    ): TuiValueContentContext<T | null> {\n        return {\n            $implicit,\n            active,\n        };\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    checkOption(option: T) {\n        if (!this.isStrictMatch(option)) {\n            return;\n        }\n\n        this.updateValue(option);\n        this.updateSearch(null);\n    }\n\n    handleOption(item: T) {\n        this.setNativeValue(this.stringify(item));\n        this.focusInput();\n        this.close();\n        this.updateSearch(null);\n        this.updateValue(item);\n    }\n\n    onFieldKeyDownEnter(event: KeyboardEvent) {\n        if (this.open) {\n            event.preventDefault();\n        }\n\n        const options = this.accessor ? this.accessor.getOptions() : [];\n\n        if (options.length !== 1) {\n            return;\n        }\n\n        this.updateValue(options[0]);\n        this.updateSearch(null);\n        this.close();\n    }\n\n    onValueChange(value: string) {\n        this.updateSearch(value);\n\n        const match =\n            this.accessor &&\n            this.accessor.getOptions().find(item => this.isStrictMatch(item));\n\n        if (match !== undefined) {\n            this.updateValue(match);\n            this.updateSearch(null);\n\n            return;\n        }\n\n        this.updateValue(this.strict || this.search === '' ? null : this.search);\n        this.hostedDropdown?.updateOpen(true);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    toggle() {\n        this.hostedDropdown?.updateOpen(!this.open);\n    }\n\n    private isStrictMatch(item: T): boolean {\n        return this.strictMatcher(item, this.search || '', this.stringify);\n    }\n\n    private close() {\n        this.hostedDropdown?.updateOpen(false);\n    }\n\n    private updateSearch(search: string | null) {\n        if (this.search === search) {\n            return;\n        }\n\n        this.search = search;\n        this.searchChange.emit(search);\n    }\n\n    private setNativeValue(value: string) {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = value;\n        }\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n@Directive({\n    selector: 'tui-combo-box',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiComboBoxDirective),\n        },\n    ],\n})\nexport class TuiComboBoxDirective extends TuiAbstractTextfieldHost<\n    TuiComboBoxComponent<any>\n> {\n    get value(): string {\n        return this.host.nativeValue;\n    }\n\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\nimport {TuiArrowModule} from '@taiga-ui/kit/components/arrow';\nimport {TuiSelectOptionModule} from '@taiga-ui/kit/components/select-option';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\nimport {TuiComboBoxDirective} from './combo-box.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n        TuiSelectOptionModule,\n        TuiArrowModule,\n    ],\n    declarations: [TuiComboBoxComponent, TuiComboBoxDirective],\n    exports: [TuiComboBoxComponent, TuiComboBoxDirective, TuiTextfieldComponent],\n})\nexport class TuiComboBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-input-copy.js

@@ -1,15 +1,27 @@
 import { __extends, __decorate, __param } from 'tslib';
 import { DOCUMENT, CommonModule } from '@angular/common';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl } from '@taiga-ui/cdk';
-import { TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiSvgModule, TuiHintModule, TuiPrimitiveTextfieldModule, TuiNotificationsModule } from '@taiga-ui/core';
-import { TUI_VALUE_ACCESSOR_PROVIDER } from '@taiga-ui/kit/providers';
+import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, tuiDefaultProp, tuiPure } from '@taiga-ui/cdk';
+import { TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiSvgModule, TuiHintModule, TuiPrimitiveTextfieldModule, TuiNotificationsModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { TUI_COPY_TEXTS } from '@taiga-ui/kit/tokens';
 import { Subject, merge, of, timer, Observable } from 'rxjs';
 import { switchMap, mapTo, startWith } from 'rxjs/operators';
+import { TUI_VALUE_ACCESSOR_PROVIDER } from '@taiga-ui/kit/providers';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
+var TUI_INPUT_COPY_PROVIDERS = [
+    TUI_VALUE_ACCESSOR_PROVIDER,
+    {
+        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+        useExisting: forwardRef(function () { return TuiInputCopyComponent; }),
+    },
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(function () { return TuiInputCopyComponent; }),
+    },
+];
+
 // @dynamic
 var TuiInputCopyComponent = /** @class */ (function (_super) {
     __extends(TuiInputCopyComponent, _super);
@@ -24,7 +36,6 @@ var TuiInputCopyComponent = /** @class */ (function (_super) {
         _this.messageMode = null;
         return _this;
     }
-    TuiInputCopyComponent_1 = TuiInputCopyComponent;
     Object.defineProperty(TuiInputCopyComponent.prototype, "hasValue", {
         get: function () {
             return !!this.value;
@@ -90,7 +101,6 @@ var TuiInputCopyComponent = /** @class */ (function (_super) {
     TuiInputCopyComponent.prototype.getFallbackValue = function () {
         return '';
     };
-    var TuiInputCopyComponent_1;
     TuiInputCopyComponent.ctorParameters = function () { return [
         { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
@@ -119,18 +129,12 @@ var TuiInputCopyComponent = /** @class */ (function (_super) {
     __decorate([
         tuiPure
     ], TuiInputCopyComponent.prototype, "hintText$", null);
-    TuiInputCopyComponent = TuiInputCopyComponent_1 = __decorate([
+    TuiInputCopyComponent = __decorate([
         Component({
             selector: 'tui-input-copy',
-            template: "<tui-primitive-textfield\n    class=\"textfield\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [invalid]=\"computedInvalid\"\n    [focusable]=\"focusable\"\n    [nativeId]=\"nativeId\"\n    [disabled]=\"disabled\"\n    [readOnly]=\"readOnly\"\n    [iconContent]=\"!disabled ? iconContent : null\"\n    [value]=\"value\"\n    (valueChange)=\"onValueChange($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (pressedChange)=\"onPressed($event)\"\n>\n    <ng-content></ng-content>\n</tui-primitive-textfield>\n\n<ng-template #iconContent>\n    <tui-svg\n        automation-id=\"tui-copy__icon\"\n        tuiHintId=\"not_required\"\n        class=\"icon\"\n        [tuiHint]=\"hint\"\n        [tuiHintDirection]=\"messageDirection\"\n        [tuiHintMode]=\"messageMode\"\n        [src]=\"icon\"\n        (click)=\"copy()\"\n    ></tui-svg>\n</ng-template>\n\n<ng-template #hint>\n    <div polymorpheus-outlet [content]=\"hintText$ | async\"></div>\n</ng-template>\n",
+            template: "<tui-primitive-textfield\n    class=\"textfield\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [invalid]=\"computedInvalid\"\n    [focusable]=\"focusable\"\n    [nativeId]=\"nativeId\"\n    [disabled]=\"computedDisabled\"\n    [readOnly]=\"readOnly\"\n    [iconContent]=\"!disabled ? iconContent : null\"\n    [value]=\"value\"\n    (valueChange)=\"onValueChange($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (pressedChange)=\"onPressed($event)\"\n>\n    <ng-content></ng-content>\n    <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n</tui-primitive-textfield>\n\n<ng-template #iconContent>\n    <tui-svg\n        automation-id=\"tui-copy__icon\"\n        tuiHintId=\"not_required\"\n        class=\"icon\"\n        [tuiHint]=\"hint\"\n        [tuiHintDirection]=\"messageDirection\"\n        [tuiHintMode]=\"messageMode\"\n        [src]=\"icon\"\n        (click)=\"copy()\"\n    ></tui-svg>\n</ng-template>\n\n<ng-template #hint>\n    <div polymorpheus-outlet [content]=\"hintText$ | async\"></div>\n</ng-template>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [
-                TUI_VALUE_ACCESSOR_PROVIDER,
-                {
-                    provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                    useExisting: forwardRef(function () { return TuiInputCopyComponent_1; }),
-                },
-            ],
+            providers: TUI_INPUT_COPY_PROVIDERS,
             styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.icon{position:relative;cursor:pointer;pointer-events:auto;color:var(--tui-base-06)}:host:not(._has-value) .icon{pointer-events:none;opacity:var(--tui-disabled-opacity)}.textfield{border-radius:inherit;text-align:inherit}"]
         }),
         __param(0, Optional()),
@@ -144,6 +148,30 @@ var TuiInputCopyComponent = /** @class */ (function (_super) {
     return TuiInputCopyComponent;
 }(AbstractTuiControl));
 
+var TuiInputCopyDirective = /** @class */ (function (_super) {
+    __extends(TuiInputCopyDirective, _super);
+    function TuiInputCopyDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TuiInputCopyDirective_1 = TuiInputCopyDirective;
+    TuiInputCopyDirective.prototype.onValueChange = function (value) {
+        this.host.onValueChange(value);
+    };
+    var TuiInputCopyDirective_1;
+    TuiInputCopyDirective = TuiInputCopyDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-input-copy',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiInputCopyDirective_1; }),
+                },
+            ],
+        })
+    ], TuiInputCopyDirective);
+    return TuiInputCopyDirective;
+}(TuiAbstractTextfieldHost));
+
 var TuiInputCopyModule = /** @class */ (function () {
     function TuiInputCopyModule() {
     }
@@ -157,8 +185,8 @@ var TuiInputCopyModule = /** @class */ (function () {
                 TuiPrimitiveTextfieldModule,
                 TuiNotificationsModule,
             ],
-            declarations: [TuiInputCopyComponent],
-            exports: [TuiInputCopyComponent],
+            declarations: [TuiInputCopyComponent, TuiInputCopyDirective],
+            exports: [TuiInputCopyComponent, TuiInputCopyDirective, TuiTextfieldComponent],
         })
     ], TuiInputCopyModule);
     return TuiInputCopyModule;
@@ -168,5 +196,5 @@ var TuiInputCopyModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TuiInputCopyComponent, TuiInputCopyModule };
+export { TUI_INPUT_COPY_PROVIDERS, TuiInputCopyComponent, TuiInputCopyDirective, TuiInputCopyModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-copy.js.map

package/fesm5/taiga-ui-kit-components-input-copy.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-copy.js","sources":["ng://@taiga-ui/kit/components/input-copy/input-copy.component.ts","ng://@taiga-ui/kit/components/input-copy/input-copy.module.ts","ng://@taiga-ui/kit/components/input-copy/taiga-ui-kit-components-input-copy.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\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    AbstractTuiControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_TEXTFIELD_SIZE,\n    TuiDirection,\n    TuiHintModeT,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n} from '@taiga-ui/core';\nimport {TUI_VALUE_ACCESSOR_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TUI_COPY_TEXTS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {merge, Observable, of, Subject, timer} from 'rxjs';\nimport {mapTo, startWith, switchMap} from 'rxjs/operators';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-copy',\n    templateUrl: './input-copy.template.html',\n    styleUrls: ['./input-copy.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        TUI_VALUE_ACCESSOR_PROVIDER,\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputCopyComponent),\n        },\n    ],\n})\nexport class TuiInputCopyComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private readonly copy$ = new Subject<void>();\n\n    @Input()\n    @tuiDefaultProp()\n    successMessage: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    messageDirection: TuiDirection = 'bottom-left';\n\n    @Input()\n    @tuiDefaultProp()\n    messageMode: TuiHintModeT | null = null;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_COPY_TEXTS) private readonly copyTexts$: Observable<[string, string]>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @HostBinding('class._has-value')\n    get hasValue(): boolean {\n        return !!this.value;\n    }\n\n    @tuiPure\n    get hintText$(): Observable<PolymorpheusContent> {\n        return this.copyTexts$.pipe(\n            switchMap(texts =>\n                this.copy$.pipe(\n                    switchMap(() =>\n                        merge(\n                            of(this.successMessage || texts[1]),\n                            timer(3000).pipe(mapTo(texts[0])),\n                        ),\n                    ),\n                    startWith(texts[0]),\n                ),\n            ),\n        );\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.computedDisabled || !this.textfield\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield && this.textfield.focused;\n    }\n\n    get icon(): string {\n        return this.textfieldSize.size === 's' ? 'tuiIconCopy' : 'tuiIconCopyLarge';\n    }\n\n    onValueChange(value: string) {\n        this.updateValue(value);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    copy() {\n        if (!this.textfield || !this.textfield.nativeFocusableElement) {\n            return;\n        }\n\n        this.textfield.nativeFocusableElement.select();\n        this.documentRef.execCommand('copy');\n        this.copy$.next();\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiHintModule,\n    TuiNotificationsModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputCopyComponent} from './input-copy.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiSvgModule,\n        TuiHintModule,\n        TuiPrimitiveTextfieldModule,\n        TuiNotificationsModule,\n    ],\n    declarations: [TuiInputCopyComponent],\n    exports: [TuiInputCopyComponent],\n})\nexport class TuiInputCopyModule {}\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-kit-components-input-copy.js","sources":["ng://@taiga-ui/kit/components/input-copy/input-copy.providers.ts","ng://@taiga-ui/kit/components/input-copy/input-copy.component.ts","ng://@taiga-ui/kit/components/input-copy/input-copy.directive.ts","ng://@taiga-ui/kit/components/input-copy/input-copy.module.ts","ng://@taiga-ui/kit/components/input-copy/taiga-ui-kit-components-input-copy.ts"],"sourcesContent":["import {forwardRef, Provider} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_VALUE_ACCESSOR_PROVIDER} from '@taiga-ui/kit/providers';\n\nimport {TuiInputCopyComponent} from './input-copy.component';\n\nexport const TUI_INPUT_COPY_PROVIDERS: Provider[] = [\n    TUI_VALUE_ACCESSOR_PROVIDER,\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputCopyComponent),\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiInputCopyComponent),\n    },\n];\n","import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_TEXTFIELD_SIZE,\n    TuiDirection,\n    TuiHintModeT,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n} from '@taiga-ui/core';\nimport {TUI_COPY_TEXTS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {merge, Observable, of, Subject, timer} from 'rxjs';\nimport {mapTo, startWith, switchMap} from 'rxjs/operators';\n\nimport {TUI_INPUT_COPY_PROVIDERS} from './input-copy.providers';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-copy',\n    templateUrl: './input-copy.template.html',\n    styleUrls: ['./input-copy.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_INPUT_COPY_PROVIDERS,\n})\nexport class TuiInputCopyComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private readonly copy$ = new Subject<void>();\n\n    @Input()\n    @tuiDefaultProp()\n    successMessage: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    messageDirection: TuiDirection = 'bottom-left';\n\n    @Input()\n    @tuiDefaultProp()\n    messageMode: TuiHintModeT | null = null;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(DOCUMENT) private readonly documentRef: Document,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_COPY_TEXTS) private readonly copyTexts$: Observable<[string, string]>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @HostBinding('class._has-value')\n    get hasValue(): boolean {\n        return !!this.value;\n    }\n\n    @tuiPure\n    get hintText$(): Observable<PolymorpheusContent> {\n        return this.copyTexts$.pipe(\n            switchMap(texts =>\n                this.copy$.pipe(\n                    switchMap(() =>\n                        merge(\n                            of(this.successMessage || texts[1]),\n                            timer(3000).pipe(mapTo(texts[0])),\n                        ),\n                    ),\n                    startWith(texts[0]),\n                ),\n            ),\n        );\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.computedDisabled || !this.textfield\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield && this.textfield.focused;\n    }\n\n    get icon(): string {\n        return this.textfieldSize.size === 's' ? 'tuiIconCopy' : 'tuiIconCopyLarge';\n    }\n\n    onValueChange(value: string) {\n        this.updateValue(value);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    copy() {\n        if (!this.textfield || !this.textfield.nativeFocusableElement) {\n            return;\n        }\n\n        this.textfield.nativeFocusableElement.select();\n        this.documentRef.execCommand('copy');\n        this.copy$.next();\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputCopyComponent} from './input-copy.component';\n\n@Directive({\n    selector: 'tui-input-copy',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputCopyDirective),\n        },\n    ],\n})\nexport class TuiInputCopyDirective extends TuiAbstractTextfieldHost<TuiInputCopyComponent> {\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiHintModule,\n    TuiNotificationsModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputCopyComponent} from './input-copy.component';\nimport {TuiInputCopyDirective} from './input-copy.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiSvgModule,\n        TuiHintModule,\n        TuiPrimitiveTextfieldModule,\n        TuiNotificationsModule,\n    ],\n    declarations: [TuiInputCopyComponent, TuiInputCopyDirective],\n    exports: [TuiInputCopyComponent, TuiInputCopyDirective, TuiTextfieldComponent],\n})\nexport class TuiInputCopyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-input-count.js

@@ -1,8 +1,8 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { isNativeFocused, isPresent, setNativeFocused, clamp, TUI_IS_MOBILE, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl } from '@taiga-ui/cdk';
-import { tuiCreateNumberMask, formatNumber, TUI_TEXTFIELD_APPEARANCE, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TUI_NUMBER_FORMAT, TuiPrimitiveTextfieldComponent, TuiButtonModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule } from '@taiga-ui/core';
+import { tuiCreateNumberMask, formatNumber, TUI_TEXTFIELD_APPEARANCE, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TUI_NUMBER_FORMAT, TuiPrimitiveTextfieldComponent, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiButtonModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { TUI_PLUS_MINUS_TEXTS } from '@taiga-ui/kit/tokens';
 import { Observable } from 'rxjs';
 import { CommonModule } from '@angular/common';
@@ -121,18 +121,14 @@ var TuiInputCountComponent = /** @class */ (function (_super) {
     });
     Object.defineProperty(TuiInputCountComponent.prototype, "minusButtonDisabled", {
         get: function () {
-            return (this.disabled ||
-                this.readOnly ||
-                (isPresent(this.value) && this.value <= this.min));
+            return !this.interactive || (isPresent(this.value) && this.value <= this.min);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(TuiInputCountComponent.prototype, "plusButtonDisabled", {
         get: function () {
-            return (this.disabled ||
-                this.readOnly ||
-                (isPresent(this.value) && this.value >= this.max));
+            return !this.interactive || (isPresent(this.value) && this.value >= this.max);
         },
         enumerable: true,
         configurable: true
@@ -292,13 +288,17 @@ var TuiInputCountComponent = /** @class */ (function (_super) {
     TuiInputCountComponent = TuiInputCountComponent_1 = __decorate([
         Component({
             selector: 'tui-input-count',
-            template: "<tui-primitive-textfield\n    tuiValueAccessor\n    tuiTextfieldAutocomplete=\"off\"\n    tuiTextfieldInputMode=\"numeric\"\n    class=\"textfield\"\n    [tuiTextfieldMaxLength]=\"18\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [focusable]=\"focusable\"\n    [nativeId]=\"nativeId\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix\"\n    [disabled]=\"disabled\"\n    [readOnly]=\"readOnly\"\n    [textMask]=\"getMask(min < 0)\"\n    [invalid]=\"computedInvalid\"\n    [value]=\"computedValue\"\n    (valueChange)=\"onValueChange()\"\n    (keydown)=\"onKeydown($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (pressedChange)=\"onPressed($event)\"\n>\n    <ng-content></ng-content>\n</tui-primitive-textfield>\n<ng-container *ngIf=\"!buttonsHidden && (minusTexts$ | async) as texts\">\n    <section class=\"buttons\">\n        <button\n            tuiIconButton\n            type=\"button\"\n            automation-id=\"tui-input-count__plus-button\"\n            size=\"s\"\n            class=\"button button_plus\"\n            [icon]=\"iconUp\"\n            [appearance]=\"options.appearance\"\n            [title]=\"texts[0]\"\n            [disabled]=\"plusButtonDisabled\"\n            [focusable]=\"false\"\n            (mousedown)=\"onButtonMouseDown($event, plusButtonDisabled)\"\n            (click)=\"increaseValue()\"\n        ></button>\n        <button\n            tuiIconButton\n            type=\"button\"\n            automation-id=\"tui-input-count__minus-button\"\n            size=\"s\"\n            class=\"button button_minus\"\n            [icon]=\"iconDown\"\n            [appearance]=\"options.appearance\"\n            [disabled]=\"minusButtonDisabled\"\n            [focusable]=\"false\"\n            [title]=\"texts[1]\"\n            (mousedown)=\"onButtonMouseDown($event, minusButtonDisabled)\"\n            (click)=\"decreaseValue()\"\n        ></button>\n    </section>\n</ng-container>\n",
+            template: "<tui-primitive-textfield\n    tuiValueAccessor\n    tuiTextfieldAutocomplete=\"off\"\n    tuiTextfieldInputMode=\"numeric\"\n    class=\"textfield\"\n    [tuiTextfieldMaxLength]=\"18\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [focusable]=\"focusable\"\n    [nativeId]=\"nativeId\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix\"\n    [disabled]=\"computedDisabled\"\n    [readOnly]=\"readOnly\"\n    [textMask]=\"getMask(min < 0)\"\n    [invalid]=\"computedInvalid\"\n    [value]=\"computedValue\"\n    (valueChange)=\"onValueChange()\"\n    (keydown)=\"onKeydown($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (pressedChange)=\"onPressed($event)\"\n>\n    <ng-content></ng-content>\n    <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n</tui-primitive-textfield>\n<ng-container *ngIf=\"!buttonsHidden && (minusTexts$ | async) as texts\">\n    <section class=\"buttons\">\n        <button\n            tuiIconButton\n            type=\"button\"\n            automation-id=\"tui-input-count__plus-button\"\n            size=\"s\"\n            class=\"button button_plus\"\n            [icon]=\"iconUp\"\n            [appearance]=\"options.appearance\"\n            [title]=\"texts[0]\"\n            [disabled]=\"plusButtonDisabled\"\n            [focusable]=\"false\"\n            (mousedown)=\"onButtonMouseDown($event, plusButtonDisabled)\"\n            (click)=\"increaseValue()\"\n        ></button>\n        <button\n            tuiIconButton\n            type=\"button\"\n            automation-id=\"tui-input-count__minus-button\"\n            size=\"s\"\n            class=\"button button_minus\"\n            [icon]=\"iconDown\"\n            [appearance]=\"options.appearance\"\n            [disabled]=\"minusButtonDisabled\"\n            [focusable]=\"false\"\n            [title]=\"texts[1]\"\n            (mousedown)=\"onButtonMouseDown($event, minusButtonDisabled)\"\n            (click)=\"decreaseValue()\"\n        ></button>\n    </section>\n</ng-container>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [
                 {
                     provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
                     useExisting: forwardRef(function () { return TuiInputCountComponent_1; }),
                 },
+                {
+                    provide: AbstractTuiControl,
+                    useExisting: forwardRef(function () { return TuiInputCountComponent_1; }),
+                },
             ],
             styles: [":host{display:flex;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);height:var(--tui-height-m);color:var(--tui-text-01);text-align:left}:host._disabled{pointer-events:none}:host[data-tui-host-size='l']{font:var(--tui-font-text-m);height:var(--tui-height-l)}.textfield{position:relative;border-radius:inherit;text-align:inherit;flex-grow:1;min-width:0}:host:not(._hide-buttons) .textfield{border-top-right-radius:0;border-bottom-right-radius:0}.buttons{display:flex;flex-direction:column;margin-left:.125rem;height:100%}.buttons .button{display:flex;width:calc(var(--tui-height-m) * .75);height:calc(50% - .0625rem)}.buttons .button_plus{margin-bottom:.125rem;border-radius:0 var(--tui-radius-m) 0 0}.buttons .button_minus{border-radius:0 0 var(--tui-radius-m)}:host[data-tui-host-size='l'] .buttons .button{width:calc(var(--tui-height-l) * .75)}"]
         }),
@@ -316,6 +316,34 @@ var TuiInputCountComponent = /** @class */ (function (_super) {
     return TuiInputCountComponent;
 }(AbstractTuiControl));
 
+var TuiInputCountDirective = /** @class */ (function (_super) {
+    __extends(TuiInputCountDirective, _super);
+    function TuiInputCountDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TuiInputCountDirective_1 = TuiInputCountDirective;
+    TuiInputCountDirective.prototype.onValueChange = function () {
+        this.host.onValueChange();
+    };
+    TuiInputCountDirective.prototype.process = function (input) {
+        input.autocomplete = 'off';
+        input.inputMode = 'numeric';
+    };
+    var TuiInputCountDirective_1;
+    TuiInputCountDirective = TuiInputCountDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-input-count',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiInputCountDirective_1; }),
+                },
+            ],
+        })
+    ], TuiInputCountDirective);
+    return TuiInputCountDirective;
+}(TuiAbstractTextfieldHost));
+
 var TuiInputCountModule = /** @class */ (function () {
     function TuiInputCountModule() {
     }
@@ -330,8 +358,8 @@ var TuiInputCountModule = /** @class */ (function () {
                 TuiValueAccessorModule,
                 PolymorpheusModule,
             ],
-            declarations: [TuiInputCountComponent],
-            exports: [TuiInputCountComponent],
+            declarations: [TuiInputCountComponent, TuiInputCountDirective],
+            exports: [TuiInputCountComponent, TuiInputCountDirective, TuiTextfieldComponent],
         })
     ], TuiInputCountModule);
     return TuiInputCountModule;
@@ -341,5 +369,5 @@ var TuiInputCountModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { PASSWORD_ICON_DOWN, PASSWORD_ICON_UP, TUI_INPUT_COUNT_DEFAULT_OPTIONS, TUI_INPUT_COUNT_OPTIONS, TuiInputCountComponent, TuiInputCountModule };
+export { PASSWORD_ICON_DOWN, PASSWORD_ICON_UP, TUI_INPUT_COUNT_DEFAULT_OPTIONS, TUI_INPUT_COUNT_OPTIONS, TuiInputCountComponent, TuiInputCountDirective, TuiInputCountModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-count.js.map