@taiga-ui/kit 2.34.0 → 2.37.0

package/fesm2015/taiga-ui-kit-components-input-month.js

@@ -1,18 +1,35 @@
 import { __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, Component, forwardRef, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
+import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { AbstractTuiNullableControl, TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TuiPreventDefaultModule } from '@taiga-ui/cdk';
-import { sizeBigger, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiSvgModule, TuiMonthPipeModule, TuiTextfieldComponent } from '@taiga-ui/core';
-import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
+import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, AbstractTuiNullableControl, TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, tuiDefaultProp, TuiDestroyService, TuiPreventDefaultModule, TuiMapperPipeModule } from '@taiga-ui/cdk';
+import { TuiMonthPipe, sizeBigger, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiSvgModule, TuiTextfieldComponent } from '@taiga-ui/core';
+import { TUI_MONTH_FORMATTER } from '@taiga-ui/kit/tokens';
+import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER, TUI_MONTH_FORMATTER_PROVIDER } from '@taiga-ui/kit/providers';
+import { Subject, Observable } from 'rxjs';
+import { distinctUntilChanged, switchMap, takeUntil } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 import { TuiCalendarMonthModule } from '@taiga-ui/kit/components/calendar-month';
 
-var TuiInputMonthComponent_1;
+const TUI_INPUT_MONTH_PROVIDERS = [
+    {
+        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+        useExisting: forwardRef(() => TuiInputMonthComponent),
+    },
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(() => TuiInputMonthComponent),
+    },
+    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
+    TUI_MONTH_FORMATTER_PROVIDER,
+    TuiMonthPipe,
+];
+
 // @dynamic
-let TuiInputMonthComponent = TuiInputMonthComponent_1 = class TuiInputMonthComponent extends AbstractTuiNullableControl {
-    constructor(control, changeDetectorRef, textfieldSize) {
+let TuiInputMonthComponent = class TuiInputMonthComponent extends AbstractTuiNullableControl {
+    constructor(control, changeDetectorRef, textfieldSize, formatter) {
         super(control, changeDetectorRef);
         this.textfieldSize = textfieldSize;
+        this.formatter = formatter;
         this.min = TUI_FIRST_DAY;
         this.max = TUI_LAST_DAY;
         this.disabledItemHandler = ALWAYS_FALSE_HANDLER;
@@ -30,10 +47,11 @@ let TuiInputMonthComponent = TuiInputMonthComponent_1 = class TuiInputMonthCompo
             : 'tuiIconCalendar';
     }
     onValueChange(value) {
-        if (value === '') {
-            this.updateValue(null);
-            this.onOpenChange(true);
+        if (value) {
+            return;
         }
+        this.updateValue(null);
+        this.onOpenChange(true);
     }
     onMonthClick(month) {
         this.updateValue(month);
@@ -62,7 +80,8 @@ let TuiInputMonthComponent = TuiInputMonthComponent_1 = class TuiInputMonthCompo
 TuiInputMonthComponent.ctorParameters = () => [
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
     { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-    { type: TuiTextfieldSizeDirective, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_SIZE,] }] }
+    { type: TuiTextfieldSizeDirective, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_SIZE,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [TUI_MONTH_FORMATTER,] }] }
 ];
 __decorate([
     ViewChild(TuiPrimitiveTextfieldComponent)
@@ -79,21 +98,11 @@ __decorate([
     Input(),
     tuiDefaultProp()
 ], TuiInputMonthComponent.prototype, "disabledItemHandler", void 0);
-TuiInputMonthComponent = TuiInputMonthComponent_1 = __decorate([
+TuiInputMonthComponent = __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]=\"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(() => TuiInputMonthComponent_1),
-            },
-            {
-                provide: AbstractTuiControl,
-                useExisting: forwardRef(() => TuiInputMonthComponent_1),
-            },
-            LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
-        ],
+        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 | tuiMapper : formatter | async\"\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: TUI_INPUT_MONTH_PROVIDERS,
         changeDetection: ChangeDetectionStrategy.OnPush,
         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}.icon{position:relative;cursor:pointer}"]
     }),
@@ -101,23 +110,40 @@ TuiInputMonthComponent = TuiInputMonthComponent_1 = __decorate([
     __param(0, Self()),
     __param(0, Inject(NgControl)),
     __param(1, Inject(ChangeDetectorRef)),
-    __param(2, Inject(TUI_TEXTFIELD_SIZE))
+    __param(2, Inject(TUI_TEXTFIELD_SIZE)),
+    __param(3, Inject(TUI_MONTH_FORMATTER))
 ], TuiInputMonthComponent);
 
 var TuiInputMonthDirective_1;
 let TuiInputMonthDirective = TuiInputMonthDirective_1 = class TuiInputMonthDirective extends TuiAbstractTextfieldHost {
+    constructor(host, formatter, destroy$) {
+        super(host);
+        this.value$ = new Subject();
+        this.localizedValue = '';
+        this.value$
+            .pipe(distinctUntilChanged(), switchMap(formatter), takeUntil(destroy$))
+            .subscribe(localizedValue => {
+            this.localizedValue = localizedValue;
+        });
+    }
     get readOnly() {
         return true;
     }
-    // TODO: Fix change detection
     get value() {
-        var _a;
-        return ((_a = this.host.textfield) === null || _a === void 0 ? void 0 : _a.value) || '';
+        return this.localizedValue;
+    }
+    ngDoCheck() {
+        this.value$.next(this.host.value);
     }
     onValueChange(value) {
         this.host.onValueChange(value);
     }
 };
+TuiInputMonthDirective.ctorParameters = () => [
+    { type: TuiInputMonthComponent, decorators: [{ type: Inject, args: [AbstractTuiControl,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [TUI_MONTH_FORMATTER,] }] },
+    { type: Observable, decorators: [{ type: Self }, { type: Inject, args: [TuiDestroyService,] }] }
+];
 TuiInputMonthDirective = TuiInputMonthDirective_1 = __decorate([
     Directive({
         selector: 'tui-input-month',
@@ -126,8 +152,12 @@ TuiInputMonthDirective = TuiInputMonthDirective_1 = __decorate([
                 provide: TUI_TEXTFIELD_HOST,
                 useExisting: forwardRef(() => TuiInputMonthDirective_1),
             },
+            TuiDestroyService,
         ],
-    })
+    }),
+    __param(0, Inject(AbstractTuiControl)),
+    __param(1, Inject(TUI_MONTH_FORMATTER)),
+    __param(2, Self()), __param(2, Inject(TuiDestroyService))
 ], TuiInputMonthDirective);
 
 let TuiInputMonthModule = class TuiInputMonthModule {
@@ -141,7 +171,7 @@ TuiInputMonthModule = __decorate([
             TuiPrimitiveTextfieldModule,
             TuiSvgModule,
             TuiPreventDefaultModule,
-            TuiMonthPipeModule,
+            TuiMapperPipeModule,
         ],
         declarations: [TuiInputMonthComponent, TuiInputMonthDirective],
         exports: [TuiInputMonthComponent, TuiInputMonthDirective, TuiTextfieldComponent],
@@ -152,5 +182,5 @@ TuiInputMonthModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { TuiInputMonthComponent, TuiInputMonthDirective, TuiInputMonthModule };
+export { TUI_INPUT_MONTH_PROVIDERS, TuiInputMonthComponent, TuiInputMonthDirective, TuiInputMonthModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-month.js.map

package/fesm2015/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.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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"}
+{"version":3,"file":"taiga-ui-kit-components-input-month.js","sources":["ng://@taiga-ui/kit/components/input-month/input-month.providers.ts","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 {forwardRef, Provider} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TuiMonthPipe} from '@taiga-ui/core';\nimport {\n    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    TUI_MONTH_FORMATTER_PROVIDER,\n} from '@taiga-ui/kit/providers';\n\nimport {TuiInputMonthComponent} from './input-month.component';\n\nexport const TUI_INPUT_MONTH_PROVIDERS: Provider[] = [\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    TUI_MONTH_FORMATTER_PROVIDER,\n    TuiMonthPipe,\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\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_LAST_DAY,\n    TuiBooleanHandler,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiHandler,\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 {TUI_MONTH_FORMATTER} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\nimport {TUI_INPUT_MONTH_PROVIDERS} from './input-month.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: TUI_INPUT_MONTH_PROVIDERS,\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        @Inject(TUI_MONTH_FORMATTER)\n        readonly formatter: TuiHandler<TuiMonth | null, Observable<string>>,\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            return;\n        }\n\n        this.updateValue(null);\n        this.onOpenChange(true);\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, DoCheck, forwardRef, Inject, Self} from '@angular/core';\nimport {AbstractTuiControl, TuiDestroyService, TuiHandler, TuiMonth} from '@taiga-ui/cdk';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\nimport {TUI_MONTH_FORMATTER} from '@taiga-ui/kit/tokens';\nimport {Observable, Subject} from 'rxjs';\nimport {distinctUntilChanged, switchMap, takeUntil} from 'rxjs/operators';\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        TuiDestroyService,\n    ],\n})\nexport class TuiInputMonthDirective\n    extends TuiAbstractTextfieldHost<TuiInputMonthComponent>\n    implements DoCheck\n{\n    private readonly value$ = new Subject<TuiMonth | null>();\n\n    private localizedValue = '';\n\n    constructor(\n        @Inject(AbstractTuiControl) host: TuiInputMonthComponent,\n        @Inject(TUI_MONTH_FORMATTER)\n        formatter: TuiHandler<TuiMonth | null, Observable<string>>,\n        @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n    ) {\n        super(host);\n\n        this.value$\n            .pipe(distinctUntilChanged(), switchMap(formatter), takeUntil(destroy$))\n            .subscribe(localizedValue => {\n                this.localizedValue = localizedValue;\n            });\n    }\n\n    get readOnly(): boolean {\n        return true;\n    }\n\n    get value(): string {\n        return this.localizedValue;\n    }\n\n    ngDoCheck() {\n        this.value$.next(this.host.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 {TuiMapperPipeModule, 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 {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        TuiMapperPipeModule,\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/fesm2015/taiga-ui-kit-components-input-number.js

@@ -2,7 +2,7 @@ import { __decorate, __param } from 'tslib';
 import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, forwardRef, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiNullableControl, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TuiMapperPipeModule } from '@taiga-ui/cdk';
-import { tuiCreateNumberMask, tuiCreateAutoCorrectedNumberPipe, getFractionPartPadded, formatNumber, maskedMoneyValueIsEmpty, maskedNumberStringToNumber, TUI_DECIMAL_SYMBOLS, TUI_NUMBER_FORMAT, TuiPrimitiveTextfieldComponent, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiTextfieldComponent } from '@taiga-ui/core';
+import { tuiCreateNumberMask, tuiEnableAutoCorrectDecimalSymbol, tuiCreateAutoCorrectedNumberPipe, getFractionPartPadded, formatNumber, maskedMoneyValueIsEmpty, maskedNumberStringToNumber, TUI_DECIMAL_SYMBOLS, TUI_NUMBER_FORMAT, TuiPrimitiveTextfieldComponent, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { TuiValueAccessorModule } from '@taiga-ui/kit/directives';
 import { TextMaskModule } from 'angular2-text-mask';
 
@@ -25,11 +25,11 @@ let TuiInputNumberComponent = TuiInputNumberComponent_1 = class TuiInputNumberCo
                 decimalLimit,
                 allowDecimal: decimal !== 'never',
                 requireDecimal: decimal === 'always',
-                autoCorrectDecimalSymbol: false,
                 decimalSymbol: this.numberFormat.decimalSeparator,
                 thousandSymbol: this.numberFormat.thousandSeparator,
+                autoCorrectDecimalSymbol: tuiEnableAutoCorrectDecimalSymbol(this.numberFormat),
             }),
-            pipe: tuiCreateAutoCorrectedNumberPipe(decimal === 'always' ? decimalLimit : 0, this.numberFormat.decimalSeparator, this.numberFormat.thousandSeparator, nativeFocusableElement || undefined, allowNegative),
+            pipe: tuiCreateAutoCorrectedNumberPipe(decimal === 'always' ? decimalLimit : 0, this.numberFormat.decimalSeparator, this.numberFormat.thousandSeparator, nativeFocusableElement, allowNegative),
             guide: false,
         });
     }
@@ -102,7 +102,7 @@ let TuiInputNumberComponent = TuiInputNumberComponent_1 = class TuiInputNumberCo
         }
     }
     onKeyDown(event) {
-        if (TUI_DECIMAL_SYMBOLS.indexOf(event.key) === -1) {
+        if (!TUI_DECIMAL_SYMBOLS.includes(event.key)) {
             return;
         }
         if (this.decimal === 'never') {
@@ -241,8 +241,14 @@ let TuiInputNumberDirective = TuiInputNumberDirective_1 = class TuiInputNumberDi
         this.host.onValueChange(value);
     }
     process(input) {
-        input.inputMode = 'decimal';
-        // TODO maxLength?
+        this.input = input;
+    }
+    ngDoCheck() {
+        if (!this.input) {
+            return;
+        }
+        this.input.maxLength = this.host.calculatedMaxLength;
+        this.input.inputMode = 'decimal';
     }
 };
 TuiInputNumberDirective = TuiInputNumberDirective_1 = __decorate([

package/fesm2015/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.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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"}
+{"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    tuiEnableAutoCorrectDecimalSymbol,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\nimport {TextMaskConfig} from 'angular2-text-mask';\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, TextMaskConfig> = (\n        allowNegative: boolean,\n        decimal: TuiDecimalT,\n        decimalLimit: number,\n        nativeFocusableElement: HTMLInputElement | null,\n    ) =>\n        ({\n            mask: tuiCreateNumberMask({\n                allowNegative,\n                decimalLimit,\n                allowDecimal: decimal !== 'never',\n                requireDecimal: decimal === 'always',\n                decimalSymbol: this.numberFormat.decimalSeparator,\n                thousandSymbol: this.numberFormat.thousandSeparator,\n                autoCorrectDecimalSymbol: tuiEnableAutoCorrectDecimalSymbol(\n                    this.numberFormat,\n                ),\n            }),\n            pipe: tuiCreateAutoCorrectedNumberPipe(\n                decimal === 'always' ? decimalLimit : 0,\n                this.numberFormat.decimalSeparator,\n                this.numberFormat.thousandSeparator,\n                nativeFocusableElement,\n                allowNegative,\n            ),\n            guide: false,\n        } as TuiTextMaskOptions as unknown as TextMaskConfig);\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.includes(event.key)) {\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, DoCheck, 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\n    extends TuiAbstractTextfieldHost<TuiInputNumberComponent>\n    implements DoCheck\n{\n    input?: HTMLInputElement;\n\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        this.input = input;\n    }\n\n    ngDoCheck() {\n        if (!this.input) {\n            return;\n        }\n\n        this.input.maxLength = this.host.calculatedMaxLength;\n        this.input.inputMode = 'decimal';\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/fesm2015/taiga-ui-kit-components-input-password.js

@@ -5,7 +5,7 @@ import { AbstractTuiControl, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiLetModule
 import { TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TUI_MODE, TuiPrimitiveTextfieldComponent, HINT_CONTROLLER_PROVIDER, MODE_PROVIDER, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, 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';
+import { map, startWith } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
@@ -39,7 +39,7 @@ let TuiInputPasswordComponent = TuiInputPasswordComponent_1 = class TuiInputPass
         this.mode$ = mode$;
         this.isPasswordHidden = true;
         this.computedMode$ = combineLatest([
-            this.mode$,
+            this.mode$.pipe(map(val => (val === 'onDark' ? 'onDark' : null))),
             this.hintController.change$.pipe(startWith(null), map(() => this.hintController.mode)),
         ]).pipe(map(([mode, controller]) => controller || mode), startWith(null));
     }
@@ -100,7 +100,7 @@ __decorate([
 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]=\"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",
+        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]=\"type\">\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: [
             {

package/fesm2015/taiga-ui-kit-components-input-password.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-password.js","sources":["ng://@taiga-ui/kit/components/input-password/input-password-options.ts","ng://@taiga-ui/kit/components/input-password/input-password.component.ts","ng://@taiga-ui/kit/components/input-password/input-password.directive.ts","ng://@taiga-ui/kit/components/input-password/input-password.module.ts","ng://@taiga-ui/kit/components/input-password/taiga-ui-kit-components-input-password.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiInputPasswordOptions {\n    readonly icons: Readonly<{\n        hide: PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>>;\n        show: PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>>;\n    }>;\n}\n\n/**\n * @deprecated: use TuiInputPasswordOptions instead\n * todo: remove in 3.0\n */\nexport type InputPasswordOptions = TuiInputPasswordOptions;\n\n// TODO: remove in ivy compilation\nexport const PASSWORD_ICON_HIDE = ({$implicit}: any) =>\n    $implicit === 's' ? 'tuiIconEyeClosed' : 'tuiIconHideLarge';\nexport const PASSWORD_ICON_SHOW = ({$implicit}: any) =>\n    $implicit === 's' ? 'tuiIconEyeOpen' : 'tuiIconShowLarge';\n\n/** Default values for the input password options. */\nexport const TUI_INPUT_PASSWORD_DEFAULT_OPTIONS: TuiInputPasswordOptions = {\n    icons: {\n        hide: PASSWORD_ICON_HIDE,\n        show: PASSWORD_ICON_SHOW,\n    },\n};\n\nexport const TUI_INPUT_PASSWORD_OPTIONS = new InjectionToken<TuiInputPasswordOptions>(\n    'Default parameters for input password component',\n    {\n        factory: () => TUI_INPUT_PASSWORD_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiInputPasswordOptionsProvider: (\n    options: Partial<TuiInputPasswordOptions>,\n) => ValueProvider = (options: Partial<TuiInputPasswordOptions>) => ({\n    provide: TUI_INPUT_PASSWORD_OPTIONS,\n    useValue: {...TUI_INPUT_PASSWORD_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiContextWithImplicit,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    HINT_CONTROLLER_PROVIDER,\n    MODE_PROVIDER,\n    TUI_HINT_WATCHED_CONTROLLER,\n    TUI_MODE,\n    TUI_TEXTFIELD_SIZE,\n    TuiBrightness,\n    TuiHintControllerDirective,\n    TuiHintModeT,\n    TuiPrimitiveTextfieldComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldSizeDirective,\n} from '@taiga-ui/core';\nimport {TUI_PASSWORD_TEXTS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {combineLatest, Observable} from 'rxjs';\nimport {map, startWith} from 'rxjs/operators';\n\nimport {\n    TUI_INPUT_PASSWORD_OPTIONS,\n    TuiInputPasswordOptions,\n} from './input-password-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-password',\n    templateUrl: './input-password.template.html',\n    styleUrls: ['./input-password.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputPasswordComponent),\n        },\n        {\n            provide: AbstractTuiControl,\n            useExisting: forwardRef(() => TuiInputPasswordComponent),\n        },\n        HINT_CONTROLLER_PROVIDER,\n        MODE_PROVIDER,\n    ],\n})\nexport class TuiInputPasswordComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    isPasswordHidden = true;\n\n    readonly computedMode$: Observable<TuiBrightness | TuiHintModeT | null> =\n        combineLatest([\n            this.mode$,\n            this.hintController.change$.pipe(\n                startWith(null),\n                map(() => this.hintController.mode),\n            ),\n        ]).pipe(\n            map(([mode, controller]) => controller || mode),\n            startWith(null),\n        );\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        @Inject(TUI_PASSWORD_TEXTS)\n        readonly passwordTexts$: Observable<[string, string]>,\n        @Inject(TUI_INPUT_PASSWORD_OPTIONS)\n        readonly options: TuiInputPasswordOptions,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n        @Inject(TUI_MODE)\n        private readonly mode$: Observable<TuiBrightness | null>,\n    ) {\n        super(control, changeDetectorRef);\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(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>> {\n        return this.isPasswordHidden ? this.options.icons.hide : this.options.icons.show;\n    }\n\n    get context(): TuiContextWithImplicit<TuiSizeS | TuiSizeL> {\n        return this.getContext(this.textfieldSize.size);\n    }\n\n    get inputType(): string {\n        return this.isPasswordHidden || !this.interactive ? 'password' : 'text';\n    }\n\n    onValueChange(textValue: string) {\n        this.updateValue(textValue);\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    togglePasswordVisibility() {\n        this.isPasswordHidden = !this.isPasswordHidden;\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n\n    @tuiPure\n    private getContext(\n        $implicit: TuiSizeS | TuiSizeL,\n    ): TuiContextWithImplicit<TuiSizeS | TuiSizeL> {\n        return {$implicit};\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputPasswordComponent} from './input-password.component';\n\n@Directive({\n    selector: 'tui-input-password',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputPasswordDirective),\n        },\n    ],\n})\nexport class TuiInputPasswordDirective extends TuiAbstractTextfieldHost<TuiInputPasswordComponent> {\n    input?: HTMLInputElement;\n\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n\n    process(input: HTMLInputElement) {\n        this.input = input;\n    }\n\n    ngDoCheck() {\n        if (this.input) {\n            this.input.type = this.host.isPasswordHidden ? 'password' : 'text';\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiLetModule} from '@taiga-ui/cdk';\nimport {\n    TuiHintModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputPasswordComponent} from './input-password.component';\nimport {TuiInputPasswordDirective} from './input-password.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiLetModule,\n        TuiSvgModule,\n        TuiHintModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputPasswordComponent, TuiInputPasswordDirective],\n    exports: [\n        TuiInputPasswordComponent,\n        TuiInputPasswordDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiInputPasswordModule {}\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-password.js","sources":["ng://@taiga-ui/kit/components/input-password/input-password-options.ts","ng://@taiga-ui/kit/components/input-password/input-password.component.ts","ng://@taiga-ui/kit/components/input-password/input-password.directive.ts","ng://@taiga-ui/kit/components/input-password/input-password.module.ts","ng://@taiga-ui/kit/components/input-password/taiga-ui-kit-components-input-password.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiInputPasswordOptions {\n    readonly icons: Readonly<{\n        hide: PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>>;\n        show: PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>>;\n    }>;\n}\n\n/**\n * @deprecated: use TuiInputPasswordOptions instead\n * todo: remove in 3.0\n */\nexport type InputPasswordOptions = TuiInputPasswordOptions;\n\n// TODO: remove in ivy compilation\nexport const PASSWORD_ICON_HIDE = ({$implicit}: any) =>\n    $implicit === 's' ? 'tuiIconEyeClosed' : 'tuiIconHideLarge';\nexport const PASSWORD_ICON_SHOW = ({$implicit}: any) =>\n    $implicit === 's' ? 'tuiIconEyeOpen' : 'tuiIconShowLarge';\n\n/** Default values for the input password options. */\nexport const TUI_INPUT_PASSWORD_DEFAULT_OPTIONS: TuiInputPasswordOptions = {\n    icons: {\n        hide: PASSWORD_ICON_HIDE,\n        show: PASSWORD_ICON_SHOW,\n    },\n};\n\nexport const TUI_INPUT_PASSWORD_OPTIONS = new InjectionToken<TuiInputPasswordOptions>(\n    'Default parameters for input password component',\n    {\n        factory: () => TUI_INPUT_PASSWORD_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiInputPasswordOptionsProvider: (\n    options: Partial<TuiInputPasswordOptions>,\n) => ValueProvider = (options: Partial<TuiInputPasswordOptions>) => ({\n    provide: TUI_INPUT_PASSWORD_OPTIONS,\n    useValue: {...TUI_INPUT_PASSWORD_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiContextWithImplicit,\n    TuiFocusableElementAccessor,\n    TuiInputTypeT,\n    TuiNativeFocusableElement,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    HINT_CONTROLLER_PROVIDER,\n    MODE_PROVIDER,\n    TUI_HINT_WATCHED_CONTROLLER,\n    TUI_MODE,\n    TUI_TEXTFIELD_SIZE,\n    TuiBrightness,\n    TuiHintControllerDirective,\n    TuiHintModeT,\n    TuiPrimitiveTextfieldComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldSizeDirective,\n} from '@taiga-ui/core';\nimport {TUI_PASSWORD_TEXTS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {combineLatest, Observable} from 'rxjs';\nimport {map, startWith} from 'rxjs/operators';\n\nimport {\n    TUI_INPUT_PASSWORD_OPTIONS,\n    TuiInputPasswordOptions,\n} from './input-password-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-password',\n    templateUrl: './input-password.template.html',\n    styleUrls: ['./input-password.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputPasswordComponent),\n        },\n        {\n            provide: AbstractTuiControl,\n            useExisting: forwardRef(() => TuiInputPasswordComponent),\n        },\n        HINT_CONTROLLER_PROVIDER,\n        MODE_PROVIDER,\n    ],\n})\nexport class TuiInputPasswordComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    isPasswordHidden = true;\n\n    readonly computedMode$: Observable<TuiHintModeT | null> = combineLatest([\n        this.mode$.pipe(map(val => (val === 'onDark' ? 'onDark' : null))),\n        this.hintController.change$.pipe(\n            startWith(null),\n            map(() => this.hintController.mode),\n        ),\n    ]).pipe(\n        map(([mode, controller]) => controller || mode),\n        startWith(null),\n    );\n\n    readonly type!: TuiContextWithImplicit<TuiSizeS | TuiSizeL>;\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        @Inject(TUI_PASSWORD_TEXTS)\n        readonly passwordTexts$: Observable<[string, string]>,\n        @Inject(TUI_INPUT_PASSWORD_OPTIONS)\n        readonly options: TuiInputPasswordOptions,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n        @Inject(TUI_MODE)\n        private readonly mode$: Observable<TuiBrightness | null>,\n    ) {\n        super(control, changeDetectorRef);\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(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>> {\n        return this.isPasswordHidden ? this.options.icons.hide : this.options.icons.show;\n    }\n\n    get context(): TuiContextWithImplicit<TuiSizeS | TuiSizeL> {\n        return this.getContext(this.textfieldSize.size);\n    }\n\n    get inputType(): TuiInputTypeT {\n        return this.isPasswordHidden || !this.interactive ? 'password' : 'text';\n    }\n\n    onValueChange(textValue: string) {\n        this.updateValue(textValue);\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    togglePasswordVisibility() {\n        this.isPasswordHidden = !this.isPasswordHidden;\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n\n    @tuiPure\n    private getContext(\n        $implicit: TuiSizeS | TuiSizeL,\n    ): TuiContextWithImplicit<TuiSizeS | TuiSizeL> {\n        return {$implicit};\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputPasswordComponent} from './input-password.component';\n\n@Directive({\n    selector: 'tui-input-password',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputPasswordDirective),\n        },\n    ],\n})\nexport class TuiInputPasswordDirective extends TuiAbstractTextfieldHost<TuiInputPasswordComponent> {\n    input?: HTMLInputElement;\n\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n\n    process(input: HTMLInputElement) {\n        this.input = input;\n    }\n\n    ngDoCheck() {\n        if (this.input) {\n            this.input.type = this.host.isPasswordHidden ? 'password' : 'text';\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiLetModule} from '@taiga-ui/cdk';\nimport {\n    TuiHintModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputPasswordComponent} from './input-password.component';\nimport {TuiInputPasswordDirective} from './input-password.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiLetModule,\n        TuiSvgModule,\n        TuiHintModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputPasswordComponent, TuiInputPasswordDirective],\n    exports: [\n        TuiInputPasswordComponent,\n        TuiInputPasswordDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiInputPasswordModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-input-phone-international.js

@@ -528,12 +528,16 @@ let TuiInputPhoneInternationalComponent = TuiInputPhoneInternationalComponent_1
         return this.getFlagPath(this.countryIsoCode);
     }
     onPaste(event) {
-        const value = extractValueFromEvent(event).replace('+', '');
-        const countryIsoCode = this.countries.find(countryIsoCode => value.startsWith(this.isoToCountryCode(countryIsoCode).replace('+', '')));
-        if (countryIsoCode) {
-            this.updateCountryIsoCode(countryIsoCode);
-            this.updateValue('+' + value.replace(TUI_NON_DIGITS_REGEXP, ''));
+        let value = extractValueFromEvent(event).replace(TUI_NON_DIGITS_REGEXP, '');
+        const countryIsoCode = this.extractCountryCode(value);
+        if (!countryIsoCode) {
+            return;
         }
+        if (countryIsoCode === TuiCountryIsoCode$1.RU) {
+            value = value.replace(/^8/, '7');
+        }
+        this.updateCountryIsoCode(countryIsoCode);
+        this.updateValue(`+${value}`);
     }
     getFlagPath(code) {
         return `${this.staticPath}${code}.png`;
@@ -580,6 +584,16 @@ let TuiInputPhoneInternationalComponent = TuiInputPhoneInternationalComponent_1
         this.countryIsoCode = code;
         this.countryIsoCodeChange.emit(code);
     }
+    extractCountryCode(value) {
+        return this.countries.find(countryIsoCode => {
+            const ruCodeTest = countryIsoCode === TuiCountryIsoCode$1.RU &&
+                /^[7 | 8]/.test(value) &&
+                /^(?!880[1-9 ])/.test(value) &&
+                value.length + 1 === this.getMaxAllowedLength(TuiCountryIsoCode$1.RU);
+            return (ruCodeTest ||
+                value.startsWith(this.isoToCountryCode(countryIsoCode).replace('+', '')));
+        });
+    }
 };
 TuiInputPhoneInternationalComponent.ctorParameters = () => [
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },