@taiga-ui/kit 2.32.0 → 2.33.0

package/fesm5/taiga-ui-kit-components-input-month-range.js

@@ -1,8 +1,8 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, Component, forwardRef, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, Component, forwardRef, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, TuiMonthRange, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiPreventDefaultModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { sizeBigger, TUI_MONTHS, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiSvgModule } from '@taiga-ui/core';
+import { TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, TuiMonthRange, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, AbstractTuiNullableControl, TuiPreventDefaultModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
+import { sizeBigger, TUI_MONTHS, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiSvgModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { Observable } from 'rxjs';
 import { CommonModule } from '@angular/common';
@@ -117,12 +117,16 @@ var TuiInputMonthRangeComponent = /** @class */ (function (_super) {
     TuiInputMonthRangeComponent = TuiInputMonthRangeComponent_1 = __decorate([
         Component({
             selector: 'tui-input-month-range',
-            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"dropdown\"\n    [open]=\"open && interactive\"\n    (openChange)=\"onOpenChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        *ngIf=\"months$ | async as months\"\n        class=\"textfield\"\n        [editable]=\"false\"\n        [disabled]=\"disabled\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"calendarIcon\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [value]=\"computeValue(value, focused, months)\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #dropdown>\n        <tui-calendar-month\n            tuiPreventDefault=\"mousedown\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [value]=\"value\"\n            (monthClick)=\"onMonthClick($event)\"\n        ></tui-calendar-month>\n    </ng-template>\n</tui-hosted-dropdown>\n",
+            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"dropdown\"\n    [open]=\"open && interactive\"\n    (openChange)=\"onOpenChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        *ngIf=\"months$ | async as months\"\n        class=\"textfield\"\n        [editable]=\"false\"\n        [disabled]=\"computedDisabled\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"calendarIcon\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [value]=\"computeValue(value, focused, months)\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #dropdown>\n        <tui-calendar-month\n            tuiPreventDefault=\"mousedown\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [value]=\"value\"\n            (monthClick)=\"onMonthClick($event)\"\n        ></tui-calendar-month>\n    </ng-template>\n</tui-hosted-dropdown>\n",
             providers: [
                 {
                     provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
                     useExisting: forwardRef(function () { return TuiInputMonthRangeComponent_1; }),
                 },
+                {
+                    provide: AbstractTuiControl,
+                    useExisting: forwardRef(function () { return TuiInputMonthRangeComponent_1; }),
+                },
                 LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
             ],
             changeDetection: ChangeDetectionStrategy.OnPush,
@@ -138,6 +142,46 @@ var TuiInputMonthRangeComponent = /** @class */ (function (_super) {
     return TuiInputMonthRangeComponent;
 }(AbstractTuiNullableControl));
 
+var TuiInputMonthRangeDirective = /** @class */ (function (_super) {
+    __extends(TuiInputMonthRangeDirective, _super);
+    function TuiInputMonthRangeDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TuiInputMonthRangeDirective_1 = TuiInputMonthRangeDirective;
+    Object.defineProperty(TuiInputMonthRangeDirective.prototype, "readOnly", {
+        get: function () {
+            return true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiInputMonthRangeDirective.prototype, "value", {
+        // TODO: Fix change detection
+        get: function () {
+            var _a;
+            return ((_a = this.host.textfield) === null || _a === void 0 ? void 0 : _a.value) || '';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiInputMonthRangeDirective.prototype.onValueChange = function (value) {
+        this.host.onValueChange(value);
+    };
+    var TuiInputMonthRangeDirective_1;
+    TuiInputMonthRangeDirective = TuiInputMonthRangeDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-input-month-range',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiInputMonthRangeDirective_1; }),
+                },
+            ],
+        })
+    ], TuiInputMonthRangeDirective);
+    return TuiInputMonthRangeDirective;
+}(TuiAbstractTextfieldHost));
+
 var TuiInputMonthRangeModule = /** @class */ (function () {
     function TuiInputMonthRangeModule() {
     }
@@ -152,8 +196,12 @@ var TuiInputMonthRangeModule = /** @class */ (function () {
                 TuiPreventDefaultModule,
                 TuiActiveZoneModule,
             ],
-            declarations: [TuiInputMonthRangeComponent],
-            exports: [TuiInputMonthRangeComponent],
+            declarations: [TuiInputMonthRangeComponent, TuiInputMonthRangeDirective],
+            exports: [
+                TuiInputMonthRangeComponent,
+                TuiInputMonthRangeDirective,
+                TuiTextfieldComponent,
+            ],
         })
     ], TuiInputMonthRangeModule);
     return TuiInputMonthRangeModule;
@@ -163,5 +211,5 @@ var TuiInputMonthRangeModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TuiInputMonthRangeComponent, TuiInputMonthRangeModule };
+export { TuiInputMonthRangeComponent, TuiInputMonthRangeDirective, TuiInputMonthRangeModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-month-range.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-month-range.js","sources":["ng://@taiga-ui/kit/components/input-month-range/input-month-range.component.ts","ng://@taiga-ui/kit/components/input-month-range/input-month-range.module.ts","ng://@taiga-ui/kit/components/input-month-range/taiga-ui-kit-components-input-month-range.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    TUI_FIRST_DAY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_LAST_DAY,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n    TuiMonthRange,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_MONTHS,\n    TUI_TEXTFIELD_SIZE,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TuiMonthContext} from '@taiga-ui/kit/interfaces';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TuiBooleanHandlerWithContext} from '@taiga-ui/kit/types';\nimport {Observable} from 'rxjs';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-month-range',\n    templateUrl: './input-month-range.template.html',\n    styleUrls: ['./input-month-range.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputMonthRangeComponent),\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiInputMonthRangeComponent\n    extends AbstractTuiNullableControl<TuiMonthRange>\n    implements TuiWithOptionalMinMax<TuiMonth>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    min: TuiMonth = TUI_FIRST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    max: TuiMonth = TUI_LAST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandlerWithContext<TuiMonth, TuiMonthContext> =\n        ALWAYS_FALSE_HANDLER;\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_MONTHS) readonly months$: Observable<readonly string[]>,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield && this.textfield.focused;\n    }\n\n    get calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    computeValue(\n        value: TuiMonthRange | null,\n        focused: boolean,\n        months: readonly string[],\n    ): string {\n        if (value === null) {\n            return '';\n        }\n\n        const formattedValueTo =\n            !value.isSingleMonth || !focused ? this.formatMonth(value.to, months) : '';\n\n        return `${this.formatMonth(value.from, months)} — ${formattedValueTo}`;\n    }\n\n    onValueChange(value: string) {\n        if (value === '') {\n            this.updateValue(null);\n            this.onOpenChange(true);\n        }\n    }\n\n    onMonthClick(month: TuiMonth) {\n        if (this.value === null || !this.value.isSingleMonth) {\n            this.writeValue(new TuiMonthRange(month, month));\n\n            return;\n        }\n\n        this.updateValue(TuiMonthRange.sort(this.value.from, month));\n        this.close();\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onActiveZone(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (focused) {\n            return;\n        }\n\n        if (this.value && this.value.isSingleMonth) {\n            this.updateValue(new TuiMonthRange(this.value.from, this.value.from));\n        }\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.close();\n    }\n\n    private formatMonth(\n        {month, formattedYear}: TuiMonth,\n        months: readonly string[],\n    ): string {\n        return `${months[month]} ${formattedYear}`;\n    }\n\n    private close() {\n        this.open = false;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule, TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n} from '@taiga-ui/core';\nimport {TuiCalendarMonthModule} from '@taiga-ui/kit/components/calendar-month';\n\nimport {TuiInputMonthRangeComponent} from './input-month-range.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCalendarMonthModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiSvgModule,\n        TuiPreventDefaultModule,\n        TuiActiveZoneModule,\n    ],\n    declarations: [TuiInputMonthRangeComponent],\n    exports: [TuiInputMonthRangeComponent],\n})\nexport class TuiInputMonthRangeModule {}\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-month-range.js","sources":["ng://@taiga-ui/kit/components/input-month-range/input-month-range.component.ts","ng://@taiga-ui/kit/components/input-month-range/input-month-range.directive.ts","ng://@taiga-ui/kit/components/input-month-range/input-month-range.module.ts","ng://@taiga-ui/kit/components/input-month-range/taiga-ui-kit-components-input-month-range.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    TUI_FIRST_DAY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_LAST_DAY,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n    TuiMonthRange,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_MONTHS,\n    TUI_TEXTFIELD_SIZE,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TuiMonthContext} from '@taiga-ui/kit/interfaces';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TuiBooleanHandlerWithContext} from '@taiga-ui/kit/types';\nimport {Observable} from 'rxjs';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-month-range',\n    templateUrl: './input-month-range.template.html',\n    styleUrls: ['./input-month-range.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputMonthRangeComponent),\n        },\n        {\n            provide: AbstractTuiControl,\n            useExisting: forwardRef(() => TuiInputMonthRangeComponent),\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiInputMonthRangeComponent\n    extends AbstractTuiNullableControl<TuiMonthRange>\n    implements TuiWithOptionalMinMax<TuiMonth>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    min: TuiMonth = TUI_FIRST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    max: TuiMonth = TUI_LAST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandlerWithContext<TuiMonth, TuiMonthContext> =\n        ALWAYS_FALSE_HANDLER;\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_MONTHS) readonly months$: Observable<readonly string[]>,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield && this.textfield.focused;\n    }\n\n    get calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    computeValue(\n        value: TuiMonthRange | null,\n        focused: boolean,\n        months: readonly string[],\n    ): string {\n        if (value === null) {\n            return '';\n        }\n\n        const formattedValueTo =\n            !value.isSingleMonth || !focused ? this.formatMonth(value.to, months) : '';\n\n        return `${this.formatMonth(value.from, months)} — ${formattedValueTo}`;\n    }\n\n    onValueChange(value: string) {\n        if (value === '') {\n            this.updateValue(null);\n            this.onOpenChange(true);\n        }\n    }\n\n    onMonthClick(month: TuiMonth) {\n        if (this.value === null || !this.value.isSingleMonth) {\n            this.writeValue(new TuiMonthRange(month, month));\n\n            return;\n        }\n\n        this.updateValue(TuiMonthRange.sort(this.value.from, month));\n        this.close();\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onActiveZone(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (focused) {\n            return;\n        }\n\n        if (this.value && this.value.isSingleMonth) {\n            this.updateValue(new TuiMonthRange(this.value.from, this.value.from));\n        }\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.close();\n    }\n\n    private formatMonth(\n        {month, formattedYear}: TuiMonth,\n        months: readonly string[],\n    ): string {\n        return `${months[month]} ${formattedYear}`;\n    }\n\n    private close() {\n        this.open = false;\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputMonthRangeComponent} from './input-month-range.component';\n\n@Directive({\n    selector: 'tui-input-month-range',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputMonthRangeDirective),\n        },\n    ],\n})\nexport class TuiInputMonthRangeDirective extends TuiAbstractTextfieldHost<TuiInputMonthRangeComponent> {\n    get readOnly(): boolean {\n        return true;\n    }\n\n    // TODO: Fix change detection\n    get value(): string {\n        return this.host.textfield?.value || '';\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, TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\nimport {TuiCalendarMonthModule} from '@taiga-ui/kit/components/calendar-month';\n\nimport {TuiInputMonthRangeComponent} from './input-month-range.component';\nimport {TuiInputMonthRangeDirective} from './input-month-range.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCalendarMonthModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiSvgModule,\n        TuiPreventDefaultModule,\n        TuiActiveZoneModule,\n    ],\n    declarations: [TuiInputMonthRangeComponent, TuiInputMonthRangeDirective],\n    exports: [\n        TuiInputMonthRangeComponent,\n        TuiInputMonthRangeDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiInputMonthRangeModule {}\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-month.js

@@ -1,8 +1,8 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, Component, forwardRef, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, Component, forwardRef, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiPreventDefaultModule } from '@taiga-ui/cdk';
-import { sizeBigger, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiSvgModule, TuiMonthPipeModule } from '@taiga-ui/core';
+import { TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, AbstractTuiNullableControl, TuiPreventDefaultModule } from '@taiga-ui/cdk';
+import { sizeBigger, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiSvgModule, TuiMonthPipeModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { CommonModule } from '@angular/common';
 import { TuiCalendarMonthModule } from '@taiga-ui/kit/components/calendar-month';
@@ -96,12 +96,16 @@ var TuiInputMonthComponent = /** @class */ (function (_super) {
     TuiInputMonthComponent = TuiInputMonthComponent_1 = __decorate([
         Component({
             selector: 'tui-input-month',
-            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"dropdown\"\n    [open]=\"open && interactive\"\n    (openChange)=\"onOpenChange($event)\"\n>\n    <tui-primitive-textfield\n        class=\"textfield\"\n        [editable]=\"false\"\n        [disabled]=\"disabled\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"calendarIcon\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [value]=\"value === null ? '' : (value | tuiMonth | async) + ' ' + value.formattedYear\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (focusedChange)=\"onFocused($event)\"\n    >\n        <ng-content></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #dropdown>\n        <tui-calendar-month\n            tuiPreventDefault=\"mousedown\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [value]=\"value\"\n            (monthClick)=\"onMonthClick($event)\"\n        ></tui-calendar-month>\n    </ng-template>\n</tui-hosted-dropdown>\n",
+            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"dropdown\"\n    [open]=\"open && interactive\"\n    (openChange)=\"onOpenChange($event)\"\n>\n    <tui-primitive-textfield\n        class=\"textfield\"\n        [editable]=\"false\"\n        [disabled]=\"computedDisabled\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"calendarIcon\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [value]=\"value === null ? '' : (value | tuiMonth | async) + ' ' + value.formattedYear\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (focusedChange)=\"onFocused($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #dropdown>\n        <tui-calendar-month\n            tuiPreventDefault=\"mousedown\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [value]=\"value\"\n            (monthClick)=\"onMonthClick($event)\"\n        ></tui-calendar-month>\n    </ng-template>\n</tui-hosted-dropdown>\n",
             providers: [
                 {
                     provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
                     useExisting: forwardRef(function () { return TuiInputMonthComponent_1; }),
                 },
+                {
+                    provide: AbstractTuiControl,
+                    useExisting: forwardRef(function () { return TuiInputMonthComponent_1; }),
+                },
                 LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
             ],
             changeDetection: ChangeDetectionStrategy.OnPush,
@@ -116,6 +120,46 @@ var TuiInputMonthComponent = /** @class */ (function (_super) {
     return TuiInputMonthComponent;
 }(AbstractTuiNullableControl));
 
+var TuiInputMonthDirective = /** @class */ (function (_super) {
+    __extends(TuiInputMonthDirective, _super);
+    function TuiInputMonthDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TuiInputMonthDirective_1 = TuiInputMonthDirective;
+    Object.defineProperty(TuiInputMonthDirective.prototype, "readOnly", {
+        get: function () {
+            return true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiInputMonthDirective.prototype, "value", {
+        // TODO: Fix change detection
+        get: function () {
+            var _a;
+            return ((_a = this.host.textfield) === null || _a === void 0 ? void 0 : _a.value) || '';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiInputMonthDirective.prototype.onValueChange = function (value) {
+        this.host.onValueChange(value);
+    };
+    var TuiInputMonthDirective_1;
+    TuiInputMonthDirective = TuiInputMonthDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-input-month',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiInputMonthDirective_1; }),
+                },
+            ],
+        })
+    ], TuiInputMonthDirective);
+    return TuiInputMonthDirective;
+}(TuiAbstractTextfieldHost));
+
 var TuiInputMonthModule = /** @class */ (function () {
     function TuiInputMonthModule() {
     }
@@ -130,8 +174,8 @@ var TuiInputMonthModule = /** @class */ (function () {
                 TuiPreventDefaultModule,
                 TuiMonthPipeModule,
             ],
-            declarations: [TuiInputMonthComponent],
-            exports: [TuiInputMonthComponent],
+            declarations: [TuiInputMonthComponent, TuiInputMonthDirective],
+            exports: [TuiInputMonthComponent, TuiInputMonthDirective, TuiTextfieldComponent],
         })
     ], TuiInputMonthModule);
     return TuiInputMonthModule;
@@ -141,5 +185,5 @@ var TuiInputMonthModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TuiInputMonthComponent, TuiInputMonthModule };
+export { TuiInputMonthComponent, TuiInputMonthDirective, TuiInputMonthModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-month.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-month.js","sources":["ng://@taiga-ui/kit/components/input-month/input-month.component.ts","ng://@taiga-ui/kit/components/input-month/input-month.module.ts","ng://@taiga-ui/kit/components/input-month/taiga-ui-kit-components-input-month.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    TUI_FIRST_DAY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_TEXTFIELD_SIZE,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-month',\n    templateUrl: './input-month.template.html',\n    styleUrls: ['./input-month.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputMonthComponent),\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiInputMonthComponent\n    extends AbstractTuiNullableControl<TuiMonth>\n    implements TuiWithOptionalMinMax<TuiMonth>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    min: TuiMonth = TUI_FIRST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    max: TuiMonth = TUI_LAST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<TuiMonth> = ALWAYS_FALSE_HANDLER;\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_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield && this.textfield.focused;\n    }\n\n    get calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    onValueChange(value: string) {\n        if (value === '') {\n            this.updateValue(null);\n            this.onOpenChange(true);\n        }\n    }\n\n    onMonthClick(month: TuiMonth) {\n        this.updateValue(month);\n        this.close();\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    toggle() {\n        this.open = !this.open;\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.close();\n    }\n\n    private close() {\n        this.open = false;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiMonthPipeModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n} from '@taiga-ui/core';\nimport {TuiCalendarMonthModule} from '@taiga-ui/kit/components/calendar-month';\n\nimport {TuiInputMonthComponent} from './input-month.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCalendarMonthModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiSvgModule,\n        TuiPreventDefaultModule,\n        TuiMonthPipeModule,\n    ],\n    declarations: [TuiInputMonthComponent],\n    exports: [TuiInputMonthComponent],\n})\nexport class TuiInputMonthModule {}\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-month.js","sources":["ng://@taiga-ui/kit/components/input-month/input-month.component.ts","ng://@taiga-ui/kit/components/input-month/input-month.directive.ts","ng://@taiga-ui/kit/components/input-month/input-month.module.ts","ng://@taiga-ui/kit/components/input-month/taiga-ui-kit-components-input-month.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    TUI_FIRST_DAY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_TEXTFIELD_SIZE,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-month',\n    templateUrl: './input-month.template.html',\n    styleUrls: ['./input-month.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputMonthComponent),\n        },\n        {\n            provide: AbstractTuiControl,\n            useExisting: forwardRef(() => TuiInputMonthComponent),\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiInputMonthComponent\n    extends AbstractTuiNullableControl<TuiMonth>\n    implements TuiWithOptionalMinMax<TuiMonth>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    min: TuiMonth = TUI_FIRST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    max: TuiMonth = TUI_LAST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<TuiMonth> = ALWAYS_FALSE_HANDLER;\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_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield && this.textfield.focused;\n    }\n\n    get calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    onValueChange(value: string) {\n        if (value === '') {\n            this.updateValue(null);\n            this.onOpenChange(true);\n        }\n    }\n\n    onMonthClick(month: TuiMonth) {\n        this.updateValue(month);\n        this.close();\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    toggle() {\n        this.open = !this.open;\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.close();\n    }\n\n    private close() {\n        this.open = false;\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputMonthComponent} from './input-month.component';\n\n@Directive({\n    selector: 'tui-input-month',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputMonthDirective),\n        },\n    ],\n})\nexport class TuiInputMonthDirective extends TuiAbstractTextfieldHost<TuiInputMonthComponent> {\n    get readOnly(): boolean {\n        return true;\n    }\n\n    // TODO: Fix change detection\n    get value(): string {\n        return this.host.textfield?.value || '';\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 {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiMonthPipeModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\nimport {TuiCalendarMonthModule} from '@taiga-ui/kit/components/calendar-month';\n\nimport {TuiInputMonthComponent} from './input-month.component';\nimport {TuiInputMonthDirective} from './input-month.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCalendarMonthModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiSvgModule,\n        TuiPreventDefaultModule,\n        TuiMonthPipeModule,\n    ],\n    declarations: [TuiInputMonthComponent, TuiInputMonthDirective],\n    exports: [TuiInputMonthComponent, TuiInputMonthDirective, TuiTextfieldComponent],\n})\nexport class TuiInputMonthModule {}\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-number.js

@@ -1,8 +1,8 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, forwardRef, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiMapperPipeModule } from '@taiga-ui/cdk';
-import { tuiCreateNumberMask, tuiCreateAutoCorrectedNumberPipe, getFractionPartPadded, formatNumber, maskedMoneyValueIsEmpty, maskedNumberStringToNumber, TUI_DECIMAL_SYMBOLS, TUI_NUMBER_FORMAT, TuiPrimitiveTextfieldComponent, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule } from '@taiga-ui/core';
+import { tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, AbstractTuiNullableControl, TuiMapperPipeModule } from '@taiga-ui/cdk';
+import { tuiCreateNumberMask, tuiCreateAutoCorrectedNumberPipe, getFractionPartPadded, formatNumber, maskedMoneyValueIsEmpty, maskedNumberStringToNumber, TUI_DECIMAL_SYMBOLS, TUI_NUMBER_FORMAT, TuiPrimitiveTextfieldComponent, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { TuiValueAccessorModule } from '@taiga-ui/kit/directives';
 import { TextMaskModule } from 'angular2-text-mask';
 
@@ -113,7 +113,7 @@ var TuiInputNumberComponent = /** @class */ (function (_super) {
         event.preventDefault();
         nativeFocusableElement.selectionStart++;
     };
-    TuiInputNumberComponent.prototype.onValue = function (value) {
+    TuiInputNumberComponent.prototype.onValueChange = function (value) {
         if (maskedMoneyValueIsEmpty(value)) {
             this.updateValue(null);
             return;
@@ -253,13 +253,17 @@ var TuiInputNumberComponent = /** @class */ (function (_super) {
     TuiInputNumberComponent = TuiInputNumberComponent_1 = __decorate([
         Component({
             selector: 'tui-input-number',
-            template: "<tui-primitive-textfield\n    tuiValueAccessor\n    tuiTextfieldInputMode=\"decimal\"\n    class=\"textfield\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoFocused]=\"computedFocused\"\n    [invalid]=\"computedInvalid\"\n    [tuiTextfieldMaxLength]=\"calculatedMaxLength\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"computedDisabled\"\n    [textMask]=\"isNegativeAllowed | tuiMapper: mask:decimal:precision:nativeFocusableElement\"\n    [value]=\"computedValue\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix\"\n    [focusable]=\"focusable\"\n    (valueChange)=\"onValue($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (pressedChange)=\"onPressed($event)\"\n    (keydown)=\"onKeyDown($event)\"\n>\n    <ng-content></ng-content>\n</tui-primitive-textfield>\n",
+            template: "<tui-primitive-textfield\n    tuiValueAccessor\n    tuiTextfieldInputMode=\"decimal\"\n    class=\"textfield\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoFocused]=\"computedFocused\"\n    [invalid]=\"computedInvalid\"\n    [tuiTextfieldMaxLength]=\"calculatedMaxLength\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"computedDisabled\"\n    [textMask]=\"isNegativeAllowed | tuiMapper: mask:decimal:precision:nativeFocusableElement\"\n    [value]=\"computedValue\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix\"\n    [focusable]=\"focusable\"\n    (valueChange)=\"onValueChange($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (pressedChange)=\"onPressed($event)\"\n    (keydown)=\"onKeyDown($event)\"\n>\n    <ng-content></ng-content>\n    <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n</tui-primitive-textfield>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [
                 {
                     provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
                     useExisting: forwardRef(function () { return TuiInputNumberComponent_1; }),
                 },
+                {
+                    provide: AbstractTuiControl,
+                    useExisting: forwardRef(function () { return TuiInputNumberComponent_1; }),
+                },
             ],
             styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.textfield{border-radius:inherit;text-align:inherit}"]
         }),
@@ -272,6 +276,41 @@ var TuiInputNumberComponent = /** @class */ (function (_super) {
     return TuiInputNumberComponent;
 }(AbstractTuiNullableControl));
 
+var TuiInputNumberDirective = /** @class */ (function (_super) {
+    __extends(TuiInputNumberDirective, _super);
+    function TuiInputNumberDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TuiInputNumberDirective_1 = TuiInputNumberDirective;
+    Object.defineProperty(TuiInputNumberDirective.prototype, "value", {
+        get: function () {
+            return this.host.computedValue;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiInputNumberDirective.prototype.onValueChange = function (value) {
+        this.host.onValueChange(value);
+    };
+    TuiInputNumberDirective.prototype.process = function (input) {
+        input.inputMode = 'decimal';
+        // TODO maxLength?
+    };
+    var TuiInputNumberDirective_1;
+    TuiInputNumberDirective = TuiInputNumberDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-input-number',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiInputNumberDirective_1; }),
+                },
+            ],
+        })
+    ], TuiInputNumberDirective);
+    return TuiInputNumberDirective;
+}(TuiAbstractTextfieldHost));
+
 var TuiInputNumberModule = /** @class */ (function () {
     function TuiInputNumberModule() {
     }
@@ -284,8 +323,8 @@ var TuiInputNumberModule = /** @class */ (function () {
                 TuiTextfieldControllerModule,
                 TuiValueAccessorModule,
             ],
-            declarations: [TuiInputNumberComponent],
-            exports: [TuiInputNumberComponent],
+            declarations: [TuiInputNumberComponent, TuiInputNumberDirective],
+            exports: [TuiInputNumberComponent, TuiInputNumberDirective, TuiTextfieldComponent],
         })
     ], TuiInputNumberModule);
     return TuiInputNumberModule;
@@ -295,5 +334,5 @@ var TuiInputNumberModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TuiInputNumberComponent, TuiInputNumberModule };
+export { TuiInputNumberComponent, TuiInputNumberDirective, TuiInputNumberModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-number.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-number.js","sources":["ng://@taiga-ui/kit/components/input-number/input-number.component.ts","ng://@taiga-ui/kit/components/input-number/input-number.module.ts","ng://@taiga-ui/kit/components/input-number/taiga-ui-kit-components-input-number.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiInputModeT,\n    TuiMapper,\n} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    getFractionPartPadded,\n    maskedMoneyValueIsEmpty,\n    maskedNumberStringToNumber,\n    NumberFormatSettings,\n    TUI_DECIMAL_SYMBOLS,\n    TUI_NUMBER_FORMAT,\n    tuiCreateAutoCorrectedNumberPipe,\n    tuiCreateNumberMask,\n    TuiDecimalT,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\n\nconst DEFAULT_MAX_LENGTH = 18;\n\n// @dynamic\n@Component({\n    selector: 'tui-input-number',\n    templateUrl: './input-number.template.html',\n    styleUrls: ['./input-number.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputNumberComponent),\n        },\n    ],\n})\nexport class TuiInputNumberComponent\n    extends AbstractTuiNullableControl<number>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly primitiveTextfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    min = -Infinity;\n\n    @Input()\n    @tuiDefaultProp()\n    max = Infinity;\n\n    @Input()\n    @tuiDefaultProp()\n    decimal: TuiDecimalT = 'not-zero';\n\n    @Input()\n    @tuiDefaultProp()\n    precision = 2;\n\n    @Input()\n    @tuiDefaultProp()\n    prefix = '';\n\n    @Input()\n    @tuiDefaultProp()\n    postfix = '';\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef)\n        changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_NUMBER_FORMAT)\n        private readonly numberFormat: NumberFormatSettings,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.primitiveTextfield || this.computedDisabled\n            ? null\n            : this.primitiveTextfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return !!this.primitiveTextfield && this.primitiveTextfield.focused;\n    }\n\n    get isNegativeAllowed(): boolean {\n        return this.min < 0;\n    }\n\n    get inputMode(): TuiInputModeT {\n        return this.decimal === 'never' ? 'numeric' : 'decimal';\n    }\n\n    get calculatedMaxLength(): number {\n        const decimalPart =\n            this.decimal !== 'never' &&\n            this.nativeValue.includes(this.numberFormat.decimalSeparator);\n        const precision = decimalPart ? this.precision + 1 : 0;\n        const takeThousand = this.numberFormat.thousandSeparator.repeat(5).length;\n\n        return DEFAULT_MAX_LENGTH + precision + takeThousand;\n    }\n\n    get formattedValue(): string {\n        const value = this.value || 0;\n        const absValue = Math.abs(value);\n        const hasFraction = absValue % 1 > 0;\n        let limit = this.decimal === 'always' || hasFraction ? this.precision : 0;\n\n        const fraction = hasFraction ? getFractionPartPadded(value, this.precision) : '';\n\n        if (this.focused && this.decimal !== 'always') {\n            limit = fraction.length;\n        }\n\n        return formatNumber(\n            value,\n            limit,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n            this.numberFormat.zeroPadding,\n        );\n    }\n\n    get computedValue(): string {\n        if (this.focused) {\n            return this.nativeValue;\n        }\n\n        return this.value === null ? '' : this.formattedValue;\n    }\n\n    @HostListener('keydown.0', ['$event'])\n    onZero(event: KeyboardEvent) {\n        const decimal =\n            this.nativeValue.split(this.numberFormat.decimalSeparator)[1] || '';\n        const {nativeFocusableElement} = this;\n\n        if (\n            decimal.length < this.precision ||\n            !nativeFocusableElement ||\n            !nativeFocusableElement.selectionStart ||\n            this.nativeValue[nativeFocusableElement.selectionStart] !== '0'\n        ) {\n            return;\n        }\n\n        event.preventDefault();\n        nativeFocusableElement.selectionStart++;\n    }\n\n    mask: TuiMapper<boolean, TuiTextMaskOptions> = (\n        allowNegative: boolean,\n        decimal: TuiDecimalT,\n        decimalLimit: number,\n        nativeFocusableElement: HTMLInputElement | null,\n    ) => ({\n        mask: tuiCreateNumberMask({\n            allowNegative,\n            decimalLimit,\n            allowDecimal: decimal !== 'never',\n            requireDecimal: decimal === 'always',\n            autoCorrectDecimalSymbol: false,\n            decimalSymbol: this.numberFormat.decimalSeparator,\n            thousandSymbol: this.numberFormat.thousandSeparator,\n        }),\n        pipe: tuiCreateAutoCorrectedNumberPipe(\n            decimal === 'always' ? decimalLimit : 0,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n            nativeFocusableElement || undefined,\n            allowNegative,\n        ),\n        guide: false,\n    });\n\n    onValue(value: string) {\n        if (maskedMoneyValueIsEmpty(value)) {\n            this.updateValue(null);\n\n            return;\n        }\n\n        if (this.isNativeValueNotFinished) {\n            return;\n        }\n\n        const capped = this.absoluteCapInputValue(value);\n\n        if (capped === null || isNaN(capped)) {\n            return;\n        }\n\n        this.updateValue(capped);\n\n        if (\n            capped !==\n            maskedNumberStringToNumber(\n                value,\n                this.numberFormat.decimalSeparator,\n                this.numberFormat.thousandSeparator,\n            )\n        ) {\n            this.nativeValue = this.formattedValue;\n        }\n    }\n\n    onKeyDown(event: KeyboardEvent) {\n        if (TUI_DECIMAL_SYMBOLS.indexOf(event.key) === -1) {\n            return;\n        }\n\n        if (this.decimal === 'never') {\n            event.preventDefault();\n\n            return;\n        }\n\n        if (this.nativeValue.includes(this.numberFormat.decimalSeparator)) {\n            event.preventDefault();\n            this.setCaretAfterComma();\n        }\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (focused) {\n            return;\n        }\n\n        const nativeNumberValue = this.nativeNumberValue;\n\n        if (isNaN(nativeNumberValue)) {\n            this.clear();\n\n            return;\n        }\n\n        const clamped = Math.min(this.max, Math.max(this.min, nativeNumberValue));\n\n        this.updateValue(clamped);\n        this.nativeValue = this.formattedValue;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    private get isNativeValueNotFinished(): boolean {\n        const nativeNumberValue = this.nativeNumberValue;\n\n        return nativeNumberValue < 0\n            ? nativeNumberValue > this.max\n            : nativeNumberValue < this.min;\n    }\n\n    private get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    private get nativeNumberValue(): number {\n        return maskedNumberStringToNumber(\n            this.nativeValue,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n    }\n\n    private set nativeValue(value: string) {\n        if (!this.primitiveTextfield || !this.nativeFocusableElement) {\n            return;\n        }\n\n        this.primitiveTextfield.value = value;\n        this.nativeFocusableElement.value = value;\n    }\n\n    private clear() {\n        this.nativeValue = '';\n        this.updateValue(null);\n    }\n\n    private absoluteCapInputValue(inputValue: string): number | null {\n        const value = maskedNumberStringToNumber(\n            inputValue,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n        const capped =\n            value < 0\n                ? Math.max(Math.max(this.min, Number.MIN_SAFE_INTEGER), value)\n                : Math.min(value, Math.min(this.max, Number.MAX_SAFE_INTEGER));\n        const ineligibleValue = isNaN(capped) || capped < this.min || capped > this.max;\n\n        return ineligibleValue ? null : capped;\n    }\n\n    private setCaretAfterComma() {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        const afterCommaPosition = this.nativeValue.length - this.precision;\n\n        this.nativeFocusableElement.setSelectionRange(\n            afterCommaPosition,\n            afterCommaPosition,\n        );\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiMapperPipeModule} from '@taiga-ui/cdk';\nimport {TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputNumberComponent} from './input-number.component';\n\n@NgModule({\n    imports: [\n        TextMaskModule,\n        TuiMapperPipeModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputNumberComponent],\n    exports: [TuiInputNumberComponent],\n})\nexport class TuiInputNumberModule {}\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-number.js","sources":["ng://@taiga-ui/kit/components/input-number/input-number.component.ts","ng://@taiga-ui/kit/components/input-number/input-number.directive.ts","ng://@taiga-ui/kit/components/input-number/input-number.module.ts","ng://@taiga-ui/kit/components/input-number/taiga-ui-kit-components-input-number.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    AbstractTuiNullableControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiInputModeT,\n    TuiMapper,\n} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    getFractionPartPadded,\n    maskedMoneyValueIsEmpty,\n    maskedNumberStringToNumber,\n    NumberFormatSettings,\n    TUI_DECIMAL_SYMBOLS,\n    TUI_NUMBER_FORMAT,\n    tuiCreateAutoCorrectedNumberPipe,\n    tuiCreateNumberMask,\n    TuiDecimalT,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\n\nconst DEFAULT_MAX_LENGTH = 18;\n\n// @dynamic\n@Component({\n    selector: 'tui-input-number',\n    templateUrl: './input-number.template.html',\n    styleUrls: ['./input-number.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputNumberComponent),\n        },\n        {\n            provide: AbstractTuiControl,\n            useExisting: forwardRef(() => TuiInputNumberComponent),\n        },\n    ],\n})\nexport class TuiInputNumberComponent\n    extends AbstractTuiNullableControl<number>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly primitiveTextfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    min = -Infinity;\n\n    @Input()\n    @tuiDefaultProp()\n    max = Infinity;\n\n    @Input()\n    @tuiDefaultProp()\n    decimal: TuiDecimalT = 'not-zero';\n\n    @Input()\n    @tuiDefaultProp()\n    precision = 2;\n\n    @Input()\n    @tuiDefaultProp()\n    prefix = '';\n\n    @Input()\n    @tuiDefaultProp()\n    postfix = '';\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef)\n        changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_NUMBER_FORMAT)\n        private readonly numberFormat: NumberFormatSettings,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.primitiveTextfield || this.computedDisabled\n            ? null\n            : this.primitiveTextfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return !!this.primitiveTextfield && this.primitiveTextfield.focused;\n    }\n\n    get isNegativeAllowed(): boolean {\n        return this.min < 0;\n    }\n\n    get inputMode(): TuiInputModeT {\n        return this.decimal === 'never' ? 'numeric' : 'decimal';\n    }\n\n    get calculatedMaxLength(): number {\n        const decimalPart =\n            this.decimal !== 'never' &&\n            this.nativeValue.includes(this.numberFormat.decimalSeparator);\n        const precision = decimalPart ? this.precision + 1 : 0;\n        const takeThousand = this.numberFormat.thousandSeparator.repeat(5).length;\n\n        return DEFAULT_MAX_LENGTH + precision + takeThousand;\n    }\n\n    get formattedValue(): string {\n        const value = this.value || 0;\n        const absValue = Math.abs(value);\n        const hasFraction = absValue % 1 > 0;\n        let limit = this.decimal === 'always' || hasFraction ? this.precision : 0;\n\n        const fraction = hasFraction ? getFractionPartPadded(value, this.precision) : '';\n\n        if (this.focused && this.decimal !== 'always') {\n            limit = fraction.length;\n        }\n\n        return formatNumber(\n            value,\n            limit,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n            this.numberFormat.zeroPadding,\n        );\n    }\n\n    get computedValue(): string {\n        if (this.focused) {\n            return this.nativeValue;\n        }\n\n        return this.value === null ? '' : this.formattedValue;\n    }\n\n    @HostListener('keydown.0', ['$event'])\n    onZero(event: KeyboardEvent) {\n        const decimal =\n            this.nativeValue.split(this.numberFormat.decimalSeparator)[1] || '';\n        const {nativeFocusableElement} = this;\n\n        if (\n            decimal.length < this.precision ||\n            !nativeFocusableElement ||\n            !nativeFocusableElement.selectionStart ||\n            this.nativeValue[nativeFocusableElement.selectionStart] !== '0'\n        ) {\n            return;\n        }\n\n        event.preventDefault();\n        nativeFocusableElement.selectionStart++;\n    }\n\n    mask: TuiMapper<boolean, TuiTextMaskOptions> = (\n        allowNegative: boolean,\n        decimal: TuiDecimalT,\n        decimalLimit: number,\n        nativeFocusableElement: HTMLInputElement | null,\n    ) => ({\n        mask: tuiCreateNumberMask({\n            allowNegative,\n            decimalLimit,\n            allowDecimal: decimal !== 'never',\n            requireDecimal: decimal === 'always',\n            autoCorrectDecimalSymbol: false,\n            decimalSymbol: this.numberFormat.decimalSeparator,\n            thousandSymbol: this.numberFormat.thousandSeparator,\n        }),\n        pipe: tuiCreateAutoCorrectedNumberPipe(\n            decimal === 'always' ? decimalLimit : 0,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n            nativeFocusableElement || undefined,\n            allowNegative,\n        ),\n        guide: false,\n    });\n\n    onValueChange(value: string) {\n        if (maskedMoneyValueIsEmpty(value)) {\n            this.updateValue(null);\n\n            return;\n        }\n\n        if (this.isNativeValueNotFinished) {\n            return;\n        }\n\n        const capped = this.absoluteCapInputValue(value);\n\n        if (capped === null || isNaN(capped)) {\n            return;\n        }\n\n        this.updateValue(capped);\n\n        if (\n            capped !==\n            maskedNumberStringToNumber(\n                value,\n                this.numberFormat.decimalSeparator,\n                this.numberFormat.thousandSeparator,\n            )\n        ) {\n            this.nativeValue = this.formattedValue;\n        }\n    }\n\n    onKeyDown(event: KeyboardEvent) {\n        if (TUI_DECIMAL_SYMBOLS.indexOf(event.key) === -1) {\n            return;\n        }\n\n        if (this.decimal === 'never') {\n            event.preventDefault();\n\n            return;\n        }\n\n        if (this.nativeValue.includes(this.numberFormat.decimalSeparator)) {\n            event.preventDefault();\n            this.setCaretAfterComma();\n        }\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (focused) {\n            return;\n        }\n\n        const nativeNumberValue = this.nativeNumberValue;\n\n        if (isNaN(nativeNumberValue)) {\n            this.clear();\n\n            return;\n        }\n\n        const clamped = Math.min(this.max, Math.max(this.min, nativeNumberValue));\n\n        this.updateValue(clamped);\n        this.nativeValue = this.formattedValue;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    private get isNativeValueNotFinished(): boolean {\n        const nativeNumberValue = this.nativeNumberValue;\n\n        return nativeNumberValue < 0\n            ? nativeNumberValue > this.max\n            : nativeNumberValue < this.min;\n    }\n\n    private get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    private get nativeNumberValue(): number {\n        return maskedNumberStringToNumber(\n            this.nativeValue,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n    }\n\n    private set nativeValue(value: string) {\n        if (!this.primitiveTextfield || !this.nativeFocusableElement) {\n            return;\n        }\n\n        this.primitiveTextfield.value = value;\n        this.nativeFocusableElement.value = value;\n    }\n\n    private clear() {\n        this.nativeValue = '';\n        this.updateValue(null);\n    }\n\n    private absoluteCapInputValue(inputValue: string): number | null {\n        const value = maskedNumberStringToNumber(\n            inputValue,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n        const capped =\n            value < 0\n                ? Math.max(Math.max(this.min, Number.MIN_SAFE_INTEGER), value)\n                : Math.min(value, Math.min(this.max, Number.MAX_SAFE_INTEGER));\n        const ineligibleValue = isNaN(capped) || capped < this.min || capped > this.max;\n\n        return ineligibleValue ? null : capped;\n    }\n\n    private setCaretAfterComma() {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        const afterCommaPosition = this.nativeValue.length - this.precision;\n\n        this.nativeFocusableElement.setSelectionRange(\n            afterCommaPosition,\n            afterCommaPosition,\n        );\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputNumberComponent} from './input-number.component';\n\n@Directive({\n    selector: 'tui-input-number',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputNumberDirective),\n        },\n    ],\n})\nexport class TuiInputNumberDirective extends TuiAbstractTextfieldHost<TuiInputNumberComponent> {\n    get value(): string {\n        return this.host.computedValue;\n    }\n\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n\n    process(input: HTMLInputElement) {\n        input.inputMode = 'decimal';\n        // TODO maxLength?\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiMapperPipeModule} from '@taiga-ui/cdk';\nimport {\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldComponent,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputNumberComponent} from './input-number.component';\nimport {TuiInputNumberDirective} from './input-number.directive';\n\n@NgModule({\n    imports: [\n        TextMaskModule,\n        TuiMapperPipeModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputNumberComponent, TuiInputNumberDirective],\n    exports: [TuiInputNumberComponent, TuiInputNumberDirective, TuiTextfieldComponent],\n})\nexport class TuiInputNumberModule {}\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-password.js

@@ -1,8 +1,8 @@
 import { __extends, __read, __decorate, __param } from 'tslib';
-import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Component, ChangeDetectionStrategy, forwardRef, Directive, NgModule } from '@angular/core';
 import { NgControl, FormsModule } from '@angular/forms';
 import { tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TuiLetModule } from '@taiga-ui/cdk';
-import { TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TUI_MODE, TuiPrimitiveTextfieldComponent, HINT_CONTROLLER_PROVIDER, MODE_PROVIDER, TuiSvgModule, TuiHintModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule } from '@taiga-ui/core';
+import { TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TUI_MODE, TuiPrimitiveTextfieldComponent, HINT_CONTROLLER_PROVIDER, MODE_PROVIDER, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiSvgModule, TuiHintModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { TUI_PASSWORD_TEXTS } from '@taiga-ui/kit/tokens';
 import { combineLatest, Observable } from 'rxjs';
 import { startWith, map } from 'rxjs/operators';
@@ -127,13 +127,17 @@ var TuiInputPasswordComponent = /** @class */ (function (_super) {
     TuiInputPasswordComponent = TuiInputPasswordComponent_1 = __decorate([
         Component({
             selector: 'tui-input-password',
-            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    [tuiTextfieldType]=\"inputType\"\n    [disabled]=\"disabled\"\n    [readOnly]=\"readOnly\"\n    [iconContent]=\"interactive ? 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=\"polymorpheus\" polymorpheus>\n    <span\n        *tuiLet=\"passwordTexts$ | async as texts\"\n        polymorpheus-outlet\n        [content]=\"icon\"\n        [context]=\"context\"\n    >\n        <ng-template let-icon>\n            <tui-svg\n                automation-id=\"tui-password__icon\"\n                tuiHintId=\"not_required\"\n                class=\"icon\"\n                [tuiHint]=\"texts[0] && texts[1] && hintContent\"\n                [tuiHintDirection]=\"hintController.direction\"\n                [tuiHintMode]=\"computedMode$ | async\"\n                [src]=\"icon\"\n                (click)=\"togglePasswordVisibility()\"\n            ></tui-svg>\n        </ng-template>\n\n        <ng-template #hintContent=\"polymorpheus\" polymorpheus>\n            {{ isPasswordHidden ? texts[0] : texts[1] }}\n        </ng-template>\n    </span>\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    [tuiTextfieldType]=\"inputType\"\n    [disabled]=\"computedDisabled\"\n    [readOnly]=\"readOnly\"\n    [iconContent]=\"interactive ? 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=\"polymorpheus\" polymorpheus>\n    <span\n        *tuiLet=\"passwordTexts$ | async as texts\"\n        polymorpheus-outlet\n        [content]=\"icon\"\n        [context]=\"context\"\n    >\n        <ng-template let-icon>\n            <tui-svg\n                automation-id=\"tui-password__icon\"\n                tuiHintId=\"not_required\"\n                class=\"icon\"\n                [tuiHint]=\"texts[0] && texts[1] && hintContent\"\n                [tuiHintDirection]=\"hintController.direction\"\n                [tuiHintMode]=\"computedMode$ | async\"\n                [src]=\"icon\"\n                (click)=\"togglePasswordVisibility()\"\n            ></tui-svg>\n        </ng-template>\n\n        <ng-template #hintContent=\"polymorpheus\" polymorpheus>\n            {{ isPasswordHidden ? texts[0] : texts[1] }}\n        </ng-template>\n    </span>\n</ng-template>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [
                 {
                     provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
                     useExisting: forwardRef(function () { return TuiInputPasswordComponent_1; }),
                 },
+                {
+                    provide: AbstractTuiControl,
+                    useExisting: forwardRef(function () { return TuiInputPasswordComponent_1; }),
+                },
                 HINT_CONTROLLER_PROVIDER,
                 MODE_PROVIDER,
             ],
@@ -152,6 +156,38 @@ var TuiInputPasswordComponent = /** @class */ (function (_super) {
     return TuiInputPasswordComponent;
 }(AbstractTuiControl));
 
+var TuiInputPasswordDirective = /** @class */ (function (_super) {
+    __extends(TuiInputPasswordDirective, _super);
+    function TuiInputPasswordDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TuiInputPasswordDirective_1 = TuiInputPasswordDirective;
+    TuiInputPasswordDirective.prototype.onValueChange = function (value) {
+        this.host.onValueChange(value);
+    };
+    TuiInputPasswordDirective.prototype.process = function (input) {
+        this.input = input;
+    };
+    TuiInputPasswordDirective.prototype.ngDoCheck = function () {
+        if (this.input) {
+            this.input.type = this.host.isPasswordHidden ? 'password' : 'text';
+        }
+    };
+    var TuiInputPasswordDirective_1;
+    TuiInputPasswordDirective = TuiInputPasswordDirective_1 = __decorate([
+        Directive({
+            selector: 'tui-input-password',
+            providers: [
+                {
+                    provide: TUI_TEXTFIELD_HOST,
+                    useExisting: forwardRef(function () { return TuiInputPasswordDirective_1; }),
+                },
+            ],
+        })
+    ], TuiInputPasswordDirective);
+    return TuiInputPasswordDirective;
+}(TuiAbstractTextfieldHost));
+
 var TuiInputPasswordModule = /** @class */ (function () {
     function TuiInputPasswordModule() {
     }
@@ -167,8 +203,12 @@ var TuiInputPasswordModule = /** @class */ (function () {
                 TuiPrimitiveTextfieldModule,
                 TuiTextfieldControllerModule,
             ],
-            declarations: [TuiInputPasswordComponent],
-            exports: [TuiInputPasswordComponent],
+            declarations: [TuiInputPasswordComponent, TuiInputPasswordDirective],
+            exports: [
+                TuiInputPasswordComponent,
+                TuiInputPasswordDirective,
+                TuiTextfieldComponent,
+            ],
         })
     ], TuiInputPasswordModule);
     return TuiInputPasswordModule;
@@ -178,5 +218,5 @@ var TuiInputPasswordModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { PASSWORD_ICON_HIDE, PASSWORD_ICON_SHOW, TUI_INPUT_PASSWORD_DEFAULT_OPTIONS, TUI_INPUT_PASSWORD_OPTIONS, TuiInputPasswordComponent, TuiInputPasswordModule };
+export { PASSWORD_ICON_HIDE, PASSWORD_ICON_SHOW, TUI_INPUT_PASSWORD_DEFAULT_OPTIONS, TUI_INPUT_PASSWORD_OPTIONS, TuiInputPasswordComponent, TuiInputPasswordDirective, TuiInputPasswordModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-password.js.map