@taiga-ui/kit 2.26.0 → 2.29.0

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

@@ -1,6 +1,6 @@
 import { __extends, __decorate, __param } from 'tslib';
 import { DOCUMENT, CommonModule } from '@angular/common';
-import { Optional, Self, Inject, ChangeDetectorRef, Input, ViewChild, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl } from '@taiga-ui/cdk';
 import { TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiSvgModule, TuiHintModule, TuiPrimitiveTextfieldModule, TuiNotificationsModule } from '@taiga-ui/core';
@@ -18,10 +18,10 @@ var TuiInputCopyComponent = /** @class */ (function (_super) {
         _this.documentRef = documentRef;
         _this.textfieldSize = textfieldSize;
         _this.copyTexts$ = copyTexts$;
+        _this.copy$ = new Subject();
         _this.successMessage = '';
         _this.messageDirection = 'bottom-left';
         _this.messageMode = null;
-        _this.copy$ = new Subject();
         return _this;
     }
     TuiInputCopyComponent_1 = TuiInputCopyComponent;
@@ -98,6 +98,9 @@ var TuiInputCopyComponent = /** @class */ (function (_super) {
         { type: TuiTextfieldSizeDirective, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_SIZE,] }] },
         { type: Observable, decorators: [{ type: Inject, args: [TUI_COPY_TEXTS,] }] }
     ]; };
+    __decorate([
+        ViewChild(TuiPrimitiveTextfieldComponent)
+    ], TuiInputCopyComponent.prototype, "textfield", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
@@ -110,9 +113,6 @@ var TuiInputCopyComponent = /** @class */ (function (_super) {
         Input(),
         tuiDefaultProp()
     ], TuiInputCopyComponent.prototype, "messageMode", void 0);
-    __decorate([
-        ViewChild(TuiPrimitiveTextfieldComponent)
-    ], TuiInputCopyComponent.prototype, "textfield", void 0);
     __decorate([
         HostBinding('class._has-value')
     ], TuiInputCopyComponent.prototype, "hasValue", null);

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

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

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

@@ -1,5 +1,5 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, Input, ViewChild, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { isNativeFocused, isPresent, setNativeFocused, clamp, TUI_IS_MOBILE, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl } from '@taiga-ui/cdk';
 import { tuiCreateNumberMask, formatNumber, TUI_TEXTFIELD_APPEARANCE, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TUI_NUMBER_FORMAT, TuiPrimitiveTextfieldComponent, TuiButtonModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule } from '@taiga-ui/core';
@@ -253,6 +253,9 @@ var TuiInputCountComponent = /** @class */ (function (_super) {
         { type: undefined, decorators: [{ type: Inject, args: [TUI_INPUT_COUNT_OPTIONS,] }] },
         { type: undefined, decorators: [{ type: Inject, args: [TUI_NUMBER_FORMAT,] }] }
     ]; };
+    __decorate([
+        ViewChild(TuiPrimitiveTextfieldComponent)
+    ], TuiInputCountComponent.prototype, "primitiveTextfield", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
@@ -280,9 +283,6 @@ var TuiInputCountComponent = /** @class */ (function (_super) {
     __decorate([
         tuiPure
     ], TuiInputCountComponent.prototype, "getMask", null);
-    __decorate([
-        ViewChild(TuiPrimitiveTextfieldComponent)
-    ], TuiInputCountComponent.prototype, "primitiveTextfield", void 0);
     __decorate([
         HostBinding('class._hide-buttons')
     ], TuiInputCountComponent.prototype, "buttonsHidden", null);

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-count.js","sources":["ng://@taiga-ui/kit/components/input-count/input-count-options.ts","ng://@taiga-ui/kit/components/input-count/input-count.component.ts","ng://@taiga-ui/kit/components/input-count/input-count.module.ts","ng://@taiga-ui/kit/components/input-count/taiga-ui-kit-components-input-count.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface InputCountOptions {\n    readonly icons: Readonly<{\n        up: PolymorpheusContent<{}>;\n        down: PolymorpheusContent<{}>;\n    }>;\n    readonly appearance: string;\n    readonly hideButtons: boolean;\n    readonly min: number;\n    readonly max: number;\n    readonly step: number;\n    readonly postfix: string;\n}\n\n// TODO: remove in ivy compilation\nexport const PASSWORD_ICON_UP = 'tuiIconPlus';\nexport const PASSWORD_ICON_DOWN = 'tuiIconMinus';\n\n/** Default values for the input count options. */\nexport const TUI_INPUT_COUNT_DEFAULT_OPTIONS: InputCountOptions = {\n    icons: {\n        up: PASSWORD_ICON_UP,\n        down: PASSWORD_ICON_DOWN,\n    },\n    appearance: 'textfield',\n    hideButtons: false,\n    min: 0,\n    max: Infinity,\n    step: 1,\n    postfix: '',\n};\n\nexport const TUI_INPUT_COUNT_OPTIONS = new InjectionToken<InputCountOptions>(\n    'Default parameters for input count component',\n    {\n        factory: () => TUI_INPUT_COUNT_DEFAULT_OPTIONS,\n    },\n);\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    clamp,\n    isNativeFocused,\n    isPresent,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    NumberFormatSettings,\n    TUI_NUMBER_FORMAT,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_SIZE,\n    tuiCreateNumberMask,\n    TuiPrimitiveTextfieldComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TUI_PLUS_MINUS_TEXTS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nimport {InputCountOptions, TUI_INPUT_COUNT_OPTIONS} from './input-count-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-count',\n    templateUrl: './input-count.template.html',\n    styleUrls: ['./input-count.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputCountComponent),\n        },\n    ],\n})\nexport class TuiInputCountComponent\n    extends AbstractTuiControl<number>\n    implements TuiWithOptionalMinMax<number>, TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    step = this.options.step;\n\n    @Input()\n    @tuiDefaultProp()\n    min = this.options.min;\n\n    @Input()\n    @tuiDefaultProp()\n    max = this.options.max;\n\n    @Input()\n    @tuiDefaultProp()\n    hideButtons = this.options.hideButtons;\n\n    @Input()\n    @tuiDefaultProp()\n    prefix = '';\n\n    @Input()\n    @tuiDefaultProp()\n    postfix = this.options.postfix;\n\n    @tuiPure\n    getMask(allowNegative: boolean): TuiTextMaskOptions {\n        return {\n            mask: tuiCreateNumberMask({\n                allowNegative,\n                decimalSymbol: this.numberFormat.decimalSeparator,\n                thousandSymbol: this.numberFormat.thousandSeparator,\n            }),\n            guide: false,\n        };\n    }\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly primitiveTextfield?: TuiPrimitiveTextfieldComponent;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_APPEARANCE)\n        private readonly appearance: string,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_PLUS_MINUS_TEXTS)\n        readonly minusTexts$: Observable<[string, string]>,\n        @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n        @Inject(TUI_INPUT_COUNT_OPTIONS)\n        public readonly options: InputCountOptions,\n        @Inject(TUI_NUMBER_FORMAT)\n        private readonly numberFormat: NumberFormatSettings,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    // TODO: Remove in v.3\n    @HostBinding('class._hide-buttons')\n    get buttonsHidden(): boolean {\n        return this.hideButtons || this.appearance === 'table';\n    }\n\n    get iconUp(): PolymorpheusContent<{}> {\n        return this.options.icons.up;\n    }\n\n    get iconDown(): PolymorpheusContent<{}> {\n        return this.options.icons.down;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.primitiveTextfield || this.computedDisabled\n            ? null\n            : this.primitiveTextfield.nativeFocusableElement;\n    }\n\n    @HostBinding('attr.data-tui-host-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.textfieldSize.size;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get exampleText(): string {\n        return String(this.min);\n    }\n\n    get computedValue(): string {\n        return this.formatNumber(this.value);\n    }\n\n    get minusButtonDisabled(): boolean {\n        return (\n            this.disabled ||\n            this.readOnly ||\n            (isPresent(this.value) && this.value <= this.min)\n        );\n    }\n\n    get plusButtonDisabled(): boolean {\n        return (\n            this.disabled ||\n            this.readOnly ||\n            (isPresent(this.value) && this.value >= this.max)\n        );\n    }\n\n    onButtonMouseDown(event: MouseEvent, disabled: boolean = false) {\n        if (disabled || !this.nativeFocusableElement || this.isMobile) {\n            return;\n        }\n\n        event.preventDefault();\n        setNativeFocused(this.nativeFocusableElement);\n    }\n\n    onFocused(focused: boolean) {\n        if (!focused) {\n            this.onBlur();\n        }\n\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    onValueChange() {\n        const capped = this.capValue(this.nativeNumberValue);\n\n        if (capped === null || isNaN(capped)) {\n            return;\n        }\n\n        const newValue = this.formatNumber(capped);\n\n        if (this.nativeValue !== newValue) {\n            this.nativeValue = newValue;\n        }\n\n        this.updateValue(capped);\n    }\n\n    decreaseValue() {\n        if (this.readOnly) {\n            return;\n        }\n\n        const newValue = (this.value || 0) - this.step;\n\n        this.safeUpdateValue(newValue);\n    }\n\n    increaseValue() {\n        if (this.readOnly) {\n            return;\n        }\n\n        const newValue = (this.value || 0) + this.step;\n\n        this.safeUpdateValue(newValue);\n    }\n\n    onKeydown(event: KeyboardEvent) {\n        switch (event.key) {\n            case 'ArrowUp':\n            case 'Up':\n                this.increaseValue();\n                event.preventDefault();\n                break;\n            case 'ArrowDown':\n            case 'Down':\n                this.decreaseValue();\n                event.preventDefault();\n                break;\n            default:\n                break;\n        }\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    private get nativeNumberValue(): number {\n        return parseInt(\n            this.nativeValue.split(this.numberFormat.thousandSeparator).join(''),\n            10,\n        );\n    }\n\n    private get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    private set nativeValue(value: string) {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        this.nativeFocusableElement.value = value;\n    }\n\n    private safeUpdateValue(newValue: number) {\n        const value = clamp(newValue, this.min, this.max);\n\n        this.updateValue(value);\n        this.nativeValue = this.formatNumber(value);\n    }\n\n    private capValue(value: number): number | null {\n        const capped = Math.min(value, this.max);\n\n        return isNaN(capped) || capped < this.min ? null : capped;\n    }\n\n    private onBlur() {\n        const value = Math.max(this.nativeNumberValue || 0, this.min);\n        const formattedValue = this.formatNumber(value);\n\n        this.nativeValue = formattedValue;\n        this.updateValue(value);\n\n        if (this.primitiveTextfield) {\n            this.primitiveTextfield.value = formattedValue;\n        }\n    }\n\n    private formatNumber(value: number): string {\n        return formatNumber(\n            value,\n            null,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiButtonModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputCountComponent} from './input-count.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        TuiButtonModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiValueAccessorModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiInputCountComponent],\n    exports: [TuiInputCountComponent],\n})\nexport class TuiInputCountModule {}\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-count.js","sources":["ng://@taiga-ui/kit/components/input-count/input-count-options.ts","ng://@taiga-ui/kit/components/input-count/input-count.component.ts","ng://@taiga-ui/kit/components/input-count/input-count.module.ts","ng://@taiga-ui/kit/components/input-count/taiga-ui-kit-components-input-count.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface InputCountOptions {\n    readonly icons: Readonly<{\n        up: PolymorpheusContent<{}>;\n        down: PolymorpheusContent<{}>;\n    }>;\n    readonly appearance: string;\n    readonly hideButtons: boolean;\n    readonly min: number;\n    readonly max: number;\n    readonly step: number;\n    readonly postfix: string;\n}\n\n// TODO: remove in ivy compilation\nexport const PASSWORD_ICON_UP = 'tuiIconPlus';\nexport const PASSWORD_ICON_DOWN = 'tuiIconMinus';\n\n/** Default values for the input count options. */\nexport const TUI_INPUT_COUNT_DEFAULT_OPTIONS: InputCountOptions = {\n    icons: {\n        up: PASSWORD_ICON_UP,\n        down: PASSWORD_ICON_DOWN,\n    },\n    appearance: 'textfield',\n    hideButtons: false,\n    min: 0,\n    max: Infinity,\n    step: 1,\n    postfix: '',\n};\n\nexport const TUI_INPUT_COUNT_OPTIONS = new InjectionToken<InputCountOptions>(\n    'Default parameters for input count component',\n    {\n        factory: () => TUI_INPUT_COUNT_DEFAULT_OPTIONS,\n    },\n);\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    clamp,\n    isNativeFocused,\n    isPresent,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    NumberFormatSettings,\n    TUI_NUMBER_FORMAT,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_SIZE,\n    tuiCreateNumberMask,\n    TuiPrimitiveTextfieldComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TUI_PLUS_MINUS_TEXTS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nimport {InputCountOptions, TUI_INPUT_COUNT_OPTIONS} from './input-count-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-count',\n    templateUrl: './input-count.template.html',\n    styleUrls: ['./input-count.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputCountComponent),\n        },\n    ],\n})\nexport class TuiInputCountComponent\n    extends AbstractTuiControl<number>\n    implements TuiWithOptionalMinMax<number>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly primitiveTextfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    step = this.options.step;\n\n    @Input()\n    @tuiDefaultProp()\n    min = this.options.min;\n\n    @Input()\n    @tuiDefaultProp()\n    max = this.options.max;\n\n    @Input()\n    @tuiDefaultProp()\n    hideButtons = this.options.hideButtons;\n\n    @Input()\n    @tuiDefaultProp()\n    prefix = '';\n\n    @Input()\n    @tuiDefaultProp()\n    postfix = this.options.postfix;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_APPEARANCE)\n        private readonly appearance: string,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_PLUS_MINUS_TEXTS)\n        readonly minusTexts$: Observable<[string, string]>,\n        @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n        @Inject(TUI_INPUT_COUNT_OPTIONS)\n        readonly options: InputCountOptions,\n        @Inject(TUI_NUMBER_FORMAT)\n        private readonly numberFormat: NumberFormatSettings,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @tuiPure\n    getMask(allowNegative: boolean): TuiTextMaskOptions {\n        return {\n            mask: tuiCreateNumberMask({\n                allowNegative,\n                decimalSymbol: this.numberFormat.decimalSeparator,\n                thousandSymbol: this.numberFormat.thousandSeparator,\n            }),\n            guide: false,\n        };\n    }\n\n    // TODO: Remove in v.3\n    @HostBinding('class._hide-buttons')\n    get buttonsHidden(): boolean {\n        return this.hideButtons || this.appearance === 'table';\n    }\n\n    get iconUp(): PolymorpheusContent<{}> {\n        return this.options.icons.up;\n    }\n\n    get iconDown(): PolymorpheusContent<{}> {\n        return this.options.icons.down;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.primitiveTextfield || this.computedDisabled\n            ? null\n            : this.primitiveTextfield.nativeFocusableElement;\n    }\n\n    @HostBinding('attr.data-tui-host-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.textfieldSize.size;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get exampleText(): string {\n        return String(this.min);\n    }\n\n    get computedValue(): string {\n        return this.formatNumber(this.value);\n    }\n\n    get minusButtonDisabled(): boolean {\n        return (\n            this.disabled ||\n            this.readOnly ||\n            (isPresent(this.value) && this.value <= this.min)\n        );\n    }\n\n    get plusButtonDisabled(): boolean {\n        return (\n            this.disabled ||\n            this.readOnly ||\n            (isPresent(this.value) && this.value >= this.max)\n        );\n    }\n\n    onButtonMouseDown(event: MouseEvent, disabled: boolean = false) {\n        if (disabled || !this.nativeFocusableElement || this.isMobile) {\n            return;\n        }\n\n        event.preventDefault();\n        setNativeFocused(this.nativeFocusableElement);\n    }\n\n    onFocused(focused: boolean) {\n        if (!focused) {\n            this.onBlur();\n        }\n\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    onValueChange() {\n        const capped = this.capValue(this.nativeNumberValue);\n\n        if (capped === null || isNaN(capped)) {\n            return;\n        }\n\n        const newValue = this.formatNumber(capped);\n\n        if (this.nativeValue !== newValue) {\n            this.nativeValue = newValue;\n        }\n\n        this.updateValue(capped);\n    }\n\n    decreaseValue() {\n        if (this.readOnly) {\n            return;\n        }\n\n        const newValue = (this.value || 0) - this.step;\n\n        this.safeUpdateValue(newValue);\n    }\n\n    increaseValue() {\n        if (this.readOnly) {\n            return;\n        }\n\n        const newValue = (this.value || 0) + this.step;\n\n        this.safeUpdateValue(newValue);\n    }\n\n    onKeydown(event: KeyboardEvent) {\n        switch (event.key) {\n            case 'ArrowUp':\n            case 'Up':\n                this.increaseValue();\n                event.preventDefault();\n                break;\n            case 'ArrowDown':\n            case 'Down':\n                this.decreaseValue();\n                event.preventDefault();\n                break;\n            default:\n                break;\n        }\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    private get nativeNumberValue(): number {\n        return parseInt(\n            this.nativeValue.split(this.numberFormat.thousandSeparator).join(''),\n            10,\n        );\n    }\n\n    private get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    private set nativeValue(value: string) {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        this.nativeFocusableElement.value = value;\n    }\n\n    private safeUpdateValue(newValue: number) {\n        const value = clamp(newValue, this.min, this.max);\n\n        this.updateValue(value);\n        this.nativeValue = this.formatNumber(value);\n    }\n\n    private capValue(value: number): number | null {\n        const capped = Math.min(value, this.max);\n\n        return isNaN(capped) || capped < this.min ? null : capped;\n    }\n\n    private onBlur() {\n        const value = Math.max(this.nativeNumberValue || 0, this.min);\n        const formattedValue = this.formatNumber(value);\n\n        this.nativeValue = formattedValue;\n        this.updateValue(value);\n\n        if (this.primitiveTextfield) {\n            this.primitiveTextfield.value = formattedValue;\n        }\n    }\n\n    private formatNumber(value: number): string {\n        return formatNumber(\n            value,\n            null,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiButtonModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputCountComponent} from './input-count.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        TuiButtonModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiValueAccessorModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiInputCountComponent],\n    exports: [TuiInputCountComponent],\n})\nexport class TuiInputCountModule {}\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-date-range.js

@@ -1,12 +1,12 @@
 import { __extends, __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, Injector, Type, Input, ViewChild, HostListener, Component, forwardRef, NgModule } from '@angular/core';
+import { Optional, Self, Inject, ChangeDetectorRef, Injector, Type, ViewChild, Input, HostListener, Component, forwardRef, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { ALWAYS_FALSE_HANDLER, TuiMonth, TUI_FIRST_DAY, TUI_LAST_DAY, nullableSame, DATE_RANGE_FILLER_LENGTH, TuiDayRange, DATE_FILLER_LENGTH, RANGE_SEPARATOR_CHAR, setNativeFocused, TUI_IS_MOBILE, TUI_DATE_FORMAT, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiActiveZoneModule, TuiLetModule } from '@taiga-ui/cdk';
+import { ALWAYS_FALSE_HANDLER, TuiMonth, TUI_FIRST_DAY, TUI_LAST_DAY, nullableSame, DATE_RANGE_FILLER_LENGTH, TuiDayRange, DATE_FILLER_LENGTH, RANGE_SEPARATOR_CHAR, setNativeFocused, TUI_IS_MOBILE, TUI_DATE_FORMAT, TUI_DATE_SEPARATOR, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiActiveZoneModule, TuiLetModule } from '@taiga-ui/cdk';
 import { TUI_DEFAULT_MARKER_HANDLER, sizeBigger, TuiDialogService, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiTextfieldExampleTextDirective, TUI_TEXTFIELD_EXAMPLE_TEXT, TuiPrimitiveTextfieldComponent, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiHostedDropdownModule, TuiSvgModule } from '@taiga-ui/core';
-import { MAX_DAY_RANGE_LENGTH_MAPPER, TUI_DATE_RANGE_MASK, EMPTY_MASK } from '@taiga-ui/kit/constants';
+import { MAX_DAY_RANGE_LENGTH_MAPPER, EMPTY_MASK } from '@taiga-ui/kit/constants';
 import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { TUI_MOBILE_CALENDAR, TUI_DATE_TEXTS, TUI_CALENDAR_DATA_STREAM } from '@taiga-ui/kit/tokens';
-import { tuiCreateAutoCorrectedDateRangePipe } from '@taiga-ui/kit/utils/mask';
+import { tuiCreateDateRangeMask, tuiCreateAutoCorrectedDateRangePipe } from '@taiga-ui/kit/utils/mask';
 import { TuiReplayControlValueChangesFactory } from '@taiga-ui/kit/utils/miscellaneous';
 import { PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { Observable } from 'rxjs';
@@ -20,7 +20,7 @@ import { TextMaskModule } from 'angular2-text-mask';
 var RANGE_STREAM_FACTORY = TuiReplayControlValueChangesFactory;
 var TuiInputDateRangeComponent = /** @class */ (function (_super) {
     __extends(TuiInputDateRangeComponent, _super);
-    function TuiInputDateRangeComponent(control, changeDetectorRef, injector, isMobile, dialogService, mobileCalendar, textfieldSize, textfieldExampleText, dateFormat, dateTexts$) {
+    function TuiInputDateRangeComponent(control, changeDetectorRef, injector, isMobile, dialogService, mobileCalendar, textfieldSize, textfieldExampleText, dateFormat, dateSeparator, dateTexts$) {
         var _this = _super.call(this, control, changeDetectorRef) || this;
         _this.injector = injector;
         _this.isMobile = isMobile;
@@ -29,7 +29,13 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
         _this.textfieldSize = textfieldSize;
         _this.textfieldExampleText = textfieldExampleText;
         _this.dateFormat = dateFormat;
+        _this.dateSeparator = dateSeparator;
         _this.dateTexts$ = dateTexts$;
+        _this.textMaskOptions = {
+            mask: tuiCreateDateRangeMask(_this.dateFormat, _this.dateSeparator),
+            pipe: tuiCreateAutoCorrectedDateRangePipe(_this),
+            guide: false,
+        };
         _this.disabledItemHandler = ALWAYS_FALSE_HANDLER;
         _this.markerHandler = TUI_DEFAULT_MARKER_HANDLER;
         _this.defaultViewedMonth = TuiMonth.currentLocal();
@@ -41,11 +47,6 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
         _this.open = false;
         _this.maxLengthMapper = MAX_DAY_RANGE_LENGTH_MAPPER;
         _this.dateFiller$ = _this.dateTexts$.pipe(pluck(_this.dateFormat));
-        _this.textMaskOptions = {
-            mask: TUI_DATE_RANGE_MASK,
-            pipe: tuiCreateAutoCorrectedDateRangePipe(_this),
-            guide: false,
-        };
         return _this;
     }
     TuiInputDateRangeComponent_1 = TuiInputDateRangeComponent;
@@ -119,7 +120,9 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
             if (activePeriod) {
                 return String(activePeriod);
             }
-            return value ? value.formattedDayRange : nativeValue;
+            return value
+                ? value.getFormattedDayRange(this.dateFormat, this.dateSeparator)
+                : nativeValue;
         },
         enumerable: true,
         configurable: true
@@ -150,6 +153,11 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    TuiInputDateRangeComponent.prototype.onClick = function () {
+        if (!this.isMobile) {
+            this.toggle();
+        }
+    };
     TuiInputDateRangeComponent.prototype.getComputedRangeFiller = function (dateFiller) {
         return this.activePeriod ? '' : this.getDateRangeFiller(dateFiller);
     };
@@ -175,11 +183,6 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
             _this.updateValue(value);
         });
     };
-    TuiInputDateRangeComponent.prototype.onClick = function () {
-        if (!this.isMobile) {
-            this.toggle();
-        }
-    };
     TuiInputDateRangeComponent.prototype.onOpenChange = function (open) {
         this.open = open;
     };
@@ -187,11 +190,14 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
         if (this.control) {
             this.control.updateValueAndValidity({ emitEvent: false });
         }
+        if (!value) {
+            this.onOpenChange(true);
+        }
         if (value.length !== DATE_RANGE_FILLER_LENGTH) {
             this.updateValue(null);
             return;
         }
-        var parsedValue = TuiDayRange.normalizeParse(value);
+        var parsedValue = TuiDayRange.normalizeParse(value, this.dateFormat);
         this.updateValue(!this.minLength && !this.maxLength
             ? parsedValue
             : this.clampValue(parsedValue));
@@ -231,7 +237,7 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
             (this.nativeValue.length === DATE_FILLER_LENGTH ||
                 this.nativeValue.length ===
                     DATE_FILLER_LENGTH + RANGE_SEPARATOR_CHAR.length)) {
-            this.updateValue(TuiDayRange.normalizeParse(this.nativeValue));
+            this.updateValue(TuiDayRange.normalizeParse(this.nativeValue, this.dateFormat));
         }
     };
     TuiInputDateRangeComponent.prototype.writeValue = function (value) {
@@ -280,8 +286,12 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
         { type: TuiTextfieldSizeDirective, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_SIZE,] }] },
         { type: TuiTextfieldExampleTextDirective, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_EXAMPLE_TEXT,] }] },
         { type: undefined, decorators: [{ type: Inject, args: [TUI_DATE_FORMAT,] }] },
+        { type: String, decorators: [{ type: Inject, args: [TUI_DATE_SEPARATOR,] }] },
         { type: Observable, decorators: [{ type: Inject, args: [TUI_DATE_TEXTS,] }] }
     ]; };
+    __decorate([
+        ViewChild(TuiPrimitiveTextfieldComponent)
+    ], TuiInputDateRangeComponent.prototype, "textfield", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
@@ -314,9 +324,6 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
         Input(),
         tuiDefaultProp()
     ], TuiInputDateRangeComponent.prototype, "maxLength", void 0);
-    __decorate([
-        ViewChild(TuiPrimitiveTextfieldComponent)
-    ], TuiInputDateRangeComponent.prototype, "textfield", void 0);
     __decorate([
         HostListener('click')
     ], TuiInputDateRangeComponent.prototype, "onClick", null);
@@ -350,7 +357,8 @@ var TuiInputDateRangeComponent = /** @class */ (function (_super) {
         __param(6, Inject(TUI_TEXTFIELD_SIZE)),
         __param(7, Inject(TUI_TEXTFIELD_EXAMPLE_TEXT)),
         __param(8, Inject(TUI_DATE_FORMAT)),
-        __param(9, Inject(TUI_DATE_TEXTS))
+        __param(9, Inject(TUI_DATE_SEPARATOR)),
+        __param(10, Inject(TUI_DATE_TEXTS))
     ], TuiInputDateRangeComponent);
     return TuiInputDateRangeComponent;
 }(AbstractTuiNullableControl));

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-date-range.js","sources":["ng://@taiga-ui/kit/components/input-date-range/input-date-range.component.ts","ng://@taiga-ui/kit/components/input-date-range/input-date-range.module.ts","ng://@taiga-ui/kit/components/input-date-range/taiga-ui-kit-components-input-date-range.ts"],"sourcesContent":["import {\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostListener,\n    Inject,\n    Injector,\n    Input,\n    Optional,\n    Self,\n    Type,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    DATE_FILLER_LENGTH,\n    DATE_RANGE_FILLER_LENGTH,\n    nullableSame,\n    RANGE_SEPARATOR_CHAR,\n    setNativeFocused,\n    TUI_DATE_FORMAT,\n    TUI_FIRST_DAY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    TuiDateMode,\n    TuiDay,\n    TuiDayLike,\n    TuiDayRange,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMapper,\n    TuiMonth,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_DEFAULT_MARKER_HANDLER,\n    TUI_TEXTFIELD_EXAMPLE_TEXT,\n    TUI_TEXTFIELD_SIZE,\n    TuiDialogService,\n    TuiMarkerHandler,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldExampleTextDirective,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TuiDayRangePeriod} from '@taiga-ui/kit/classes';\nimport {\n    EMPTY_MASK,\n    MAX_DAY_RANGE_LENGTH_MAPPER,\n    TUI_DATE_RANGE_MASK,\n} from '@taiga-ui/kit/constants';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {\n    TUI_CALENDAR_DATA_STREAM,\n    TUI_DATE_TEXTS,\n    TUI_MOBILE_CALENDAR,\n} from '@taiga-ui/kit/tokens';\nimport {tuiCreateAutoCorrectedDateRangePipe} from '@taiga-ui/kit/utils/mask';\nimport {TuiReplayControlValueChangesFactory} from '@taiga-ui/kit/utils/miscellaneous';\nimport {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {pluck, takeUntil} from 'rxjs/operators';\n\n// TODO: remove in ivy compilation\nexport const RANGE_STREAM_FACTORY = TuiReplayControlValueChangesFactory;\n\n@Component({\n    selector: 'tui-input-date-range',\n    templateUrl: './input-date-range.template.html',\n    styleUrls: ['./input-date-range.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputDateRangeComponent),\n        },\n        {\n            provide: TUI_CALENDAR_DATA_STREAM,\n            deps: [[new Optional(), new Self(), NgControl]],\n            useFactory: RANGE_STREAM_FACTORY,\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputDateRangeComponent\n    extends AbstractTuiNullableControl<TuiDayRange>\n    implements TuiWithOptionalMinMax<TuiDay>, TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    markerHandler: TuiMarkerHandler = TUI_DEFAULT_MARKER_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    defaultViewedMonth = TuiMonth.currentLocal();\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<TuiDayRangePeriod> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    min = TUI_FIRST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    max = TUI_LAST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    minLength: TuiDayLike | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    maxLength: TuiDayLike | null = null;\n\n    open = false;\n\n    readonly maxLengthMapper: TuiMapper<TuiDay, TuiDay> = MAX_DAY_RANGE_LENGTH_MAPPER;\n    readonly dateFiller$ = this.dateTexts$.pipe(pluck(this.dateFormat));\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: TUI_DATE_RANGE_MASK,\n        pipe: tuiCreateAutoCorrectedDateRangePipe(this),\n        guide: false,\n    };\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(Injector) private readonly injector: Injector,\n        @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n        @Inject(TuiDialogService) private readonly dialogService: TuiDialogService,\n        @Optional()\n        @Inject(TUI_MOBILE_CALENDAR)\n        private readonly mobileCalendar: Type<any> | null,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_TEXTFIELD_EXAMPLE_TEXT)\n        private readonly textfieldExampleText: TuiTextfieldExampleTextDirective,\n        @Inject(TUI_DATE_FORMAT) readonly dateFormat: TuiDateMode,\n        @Inject(TUI_DATE_TEXTS)\n        readonly dateTexts$: Observable<Record<TuiDateMode, 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 computedMobile(): boolean {\n        return this.isMobile && !!this.mobileCalendar;\n    }\n\n    get calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly && !this.computedMobile;\n    }\n\n    get computedExampleText(): string {\n        return this.items.length ? this.textfieldExampleText.exampleText : '';\n    }\n\n    get computedMask(): TuiTextMaskOptions {\n        return this.activePeriod ? EMPTY_MASK : this.textMaskOptions;\n    }\n\n    get activePeriod(): TuiDayRangePeriod | null {\n        return (\n            this.items.find(item =>\n                nullableSame(\n                    this.value,\n                    item.range,\n                    (a, b) =>\n                        a.from.daySame(b.from.dayLimit(this.min, this.max)) &&\n                        a.to.daySame(b.to.dayLimit(this.min, this.max)),\n                ),\n            ) || null\n        );\n    }\n\n    get computedValue(): string {\n        const {value, nativeValue, activePeriod} = this;\n\n        if (activePeriod) {\n            return String(activePeriod);\n        }\n\n        return value ? value.formattedDayRange : nativeValue;\n    }\n\n    get innerPseudoFocused(): boolean | null {\n        if (this.pseudoFocused === false) {\n            return false;\n        }\n\n        if (this.open || this.computedFocused) {\n            return true;\n        }\n\n        return null;\n    }\n\n    get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    set nativeValue(value: string) {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        this.nativeFocusableElement.value = value;\n    }\n\n    getComputedRangeFiller(dateFiller: string): string {\n        return this.activePeriod ? '' : this.getDateRangeFiller(dateFiller);\n    }\n\n    onMobileClick() {\n        if (!this.mobileCalendar) {\n            this.toggle();\n\n            return;\n        }\n\n        this.dialogService\n            .open<TuiDayRange>(\n                new PolymorpheusComponent(this.mobileCalendar, this.injector),\n                {\n                    size: 'fullscreen',\n                    closeable: false,\n                    data: {\n                        single: false,\n                        min: this.maxLengthMapper(\n                            this.min,\n                            this.value,\n                            this.maxLength,\n                            true,\n                        ),\n                        max: this.maxLengthMapper(\n                            this.max,\n                            this.value,\n                            this.maxLength,\n                            false,\n                        ),\n                        disabledItemHandler: this.disabledItemHandler,\n                    },\n                },\n            )\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(value => {\n                this.updateValue(value);\n            });\n    }\n\n    @HostListener('click')\n    onClick() {\n        if (!this.isMobile) {\n            this.toggle();\n        }\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onValueChange(value: string) {\n        if (this.control) {\n            this.control.updateValueAndValidity({emitEvent: false});\n        }\n\n        if (value.length !== DATE_RANGE_FILLER_LENGTH) {\n            this.updateValue(null);\n\n            return;\n        }\n\n        const parsedValue = TuiDayRange.normalizeParse(value);\n\n        this.updateValue(\n            !this.minLength && !this.maxLength\n                ? parsedValue\n                : this.clampValue(parsedValue),\n        );\n    }\n\n    onRangeChange(range: TuiDayRange | null) {\n        this.toggle();\n        this.focusInput();\n\n        if (!range) {\n            this.nativeValue = '';\n        }\n\n        if (!nullableSame<TuiDayRange>(this.value, range, (a, b) => a.daySame(b))) {\n            this.updateValue(range);\n        }\n    }\n\n    onItemSelect(item: string | TuiDayRangePeriod) {\n        this.toggle();\n        this.focusInput();\n\n        if (typeof item !== 'string') {\n            this.updateValue(item.range.dayLimit(this.min, this.max));\n\n            return;\n        }\n\n        if (this.activePeriod !== null) {\n            this.updateValue(null);\n            this.nativeValue = '';\n        }\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onActiveZone(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (\n            !focused &&\n            !this.itemSelected &&\n            (this.nativeValue.length === DATE_FILLER_LENGTH ||\n                this.nativeValue.length ===\n                    DATE_FILLER_LENGTH + RANGE_SEPARATOR_CHAR.length)\n        ) {\n            this.updateValue(TuiDayRange.normalizeParse(this.nativeValue));\n        }\n    }\n\n    writeValue(value: TuiDayRange | null) {\n        super.writeValue(value);\n        this.nativeValue = value ? this.computedValue : '';\n    }\n\n    private get itemSelected(): boolean {\n        return this.items.findIndex(item => String(item) === this.nativeValue) !== -1;\n    }\n\n    private toggle() {\n        this.open = !this.open;\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n\n    private clampValue(value: TuiDayRange): TuiDayRange {\n        const clampedBottom =\n            this.minLength && value.from.append(this.minLength).dayAfter(value.to)\n                ? new TuiDayRange(\n                      value.from,\n                      value.from.append(this.minLength).append({day: -1}),\n                  )\n                : value;\n\n        const availableMax = this.maxLength\n            ? clampedBottom.from.append(this.maxLength).append({day: -1})\n            : this.max;\n\n        return clampedBottom.to.dayAfter(availableMax)\n            ? new TuiDayRange(clampedBottom.from, availableMax)\n            : clampedBottom;\n    }\n\n    private getDateRangeFiller(dateFiller: string): string {\n        return `${dateFiller}${RANGE_SEPARATOR_CHAR}${dateFiller}`;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule, TuiLetModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiCalendarRangeModule} from '@taiga-ui/kit/components/calendar-range';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputDateRangeComponent} from './input-date-range.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        TuiActiveZoneModule,\n        TuiLetModule,\n        PolymorpheusModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiHostedDropdownModule,\n        TuiSvgModule,\n        TuiCalendarRangeModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputDateRangeComponent],\n    exports: [TuiInputDateRangeComponent],\n})\nexport class TuiInputDateRangeModule {}\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-date-range.js","sources":["ng://@taiga-ui/kit/components/input-date-range/input-date-range.component.ts","ng://@taiga-ui/kit/components/input-date-range/input-date-range.module.ts","ng://@taiga-ui/kit/components/input-date-range/taiga-ui-kit-components-input-date-range.ts"],"sourcesContent":["import {\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostListener,\n    Inject,\n    Injector,\n    Input,\n    Optional,\n    Self,\n    Type,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    DATE_FILLER_LENGTH,\n    DATE_RANGE_FILLER_LENGTH,\n    nullableSame,\n    RANGE_SEPARATOR_CHAR,\n    setNativeFocused,\n    TUI_DATE_FORMAT,\n    TUI_DATE_SEPARATOR,\n    TUI_FIRST_DAY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    TuiDateMode,\n    TuiDay,\n    TuiDayLike,\n    TuiDayRange,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMapper,\n    TuiMonth,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_DEFAULT_MARKER_HANDLER,\n    TUI_TEXTFIELD_EXAMPLE_TEXT,\n    TUI_TEXTFIELD_SIZE,\n    TuiDialogService,\n    TuiMarkerHandler,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldExampleTextDirective,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TuiDayRangePeriod} from '@taiga-ui/kit/classes';\nimport {EMPTY_MASK, MAX_DAY_RANGE_LENGTH_MAPPER} from '@taiga-ui/kit/constants';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {\n    TUI_CALENDAR_DATA_STREAM,\n    TUI_DATE_TEXTS,\n    TUI_MOBILE_CALENDAR,\n} from '@taiga-ui/kit/tokens';\nimport {\n    tuiCreateAutoCorrectedDateRangePipe,\n    tuiCreateDateRangeMask,\n} from '@taiga-ui/kit/utils/mask';\nimport {TuiReplayControlValueChangesFactory} from '@taiga-ui/kit/utils/miscellaneous';\nimport {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {pluck, takeUntil} from 'rxjs/operators';\n\n// TODO: remove in ivy compilation\nexport const RANGE_STREAM_FACTORY = TuiReplayControlValueChangesFactory;\n\n@Component({\n    selector: 'tui-input-date-range',\n    templateUrl: './input-date-range.template.html',\n    styleUrls: ['./input-date-range.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputDateRangeComponent),\n        },\n        {\n            provide: TUI_CALENDAR_DATA_STREAM,\n            deps: [[new Optional(), new Self(), NgControl]],\n            useFactory: RANGE_STREAM_FACTORY,\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputDateRangeComponent\n    extends AbstractTuiNullableControl<TuiDayRange>\n    implements TuiWithOptionalMinMax<TuiDay>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: tuiCreateDateRangeMask(this.dateFormat, this.dateSeparator),\n        pipe: tuiCreateAutoCorrectedDateRangePipe(this),\n        guide: false,\n    };\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    markerHandler: TuiMarkerHandler = TUI_DEFAULT_MARKER_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    defaultViewedMonth = TuiMonth.currentLocal();\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<TuiDayRangePeriod> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    min = TUI_FIRST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    max = TUI_LAST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    minLength: TuiDayLike | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    maxLength: TuiDayLike | null = null;\n\n    open = false;\n\n    readonly maxLengthMapper: TuiMapper<TuiDay, TuiDay> = MAX_DAY_RANGE_LENGTH_MAPPER;\n    readonly dateFiller$ = this.dateTexts$.pipe(pluck(this.dateFormat));\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(Injector) private readonly injector: Injector,\n        @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n        @Inject(TuiDialogService) private readonly dialogService: TuiDialogService,\n        @Optional()\n        @Inject(TUI_MOBILE_CALENDAR)\n        private readonly mobileCalendar: Type<any> | null,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_TEXTFIELD_EXAMPLE_TEXT)\n        private readonly textfieldExampleText: TuiTextfieldExampleTextDirective,\n        @Inject(TUI_DATE_FORMAT) readonly dateFormat: TuiDateMode,\n        @Inject(TUI_DATE_SEPARATOR) readonly dateSeparator: string,\n        @Inject(TUI_DATE_TEXTS)\n        readonly dateTexts$: Observable<Record<TuiDateMode, 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 computedMobile(): boolean {\n        return this.isMobile && !!this.mobileCalendar;\n    }\n\n    get calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly && !this.computedMobile;\n    }\n\n    get computedExampleText(): string {\n        return this.items.length ? this.textfieldExampleText.exampleText : '';\n    }\n\n    get computedMask(): TuiTextMaskOptions {\n        return this.activePeriod ? EMPTY_MASK : this.textMaskOptions;\n    }\n\n    get activePeriod(): TuiDayRangePeriod | null {\n        return (\n            this.items.find(item =>\n                nullableSame(\n                    this.value,\n                    item.range,\n                    (a, b) =>\n                        a.from.daySame(b.from.dayLimit(this.min, this.max)) &&\n                        a.to.daySame(b.to.dayLimit(this.min, this.max)),\n                ),\n            ) || null\n        );\n    }\n\n    get computedValue(): string {\n        const {value, nativeValue, activePeriod} = this;\n\n        if (activePeriod) {\n            return String(activePeriod);\n        }\n\n        return value\n            ? value.getFormattedDayRange(this.dateFormat, this.dateSeparator)\n            : nativeValue;\n    }\n\n    get innerPseudoFocused(): boolean | null {\n        if (this.pseudoFocused === false) {\n            return false;\n        }\n\n        if (this.open || this.computedFocused) {\n            return true;\n        }\n\n        return null;\n    }\n\n    get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    set nativeValue(value: string) {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        this.nativeFocusableElement.value = value;\n    }\n\n    @HostListener('click')\n    onClick() {\n        if (!this.isMobile) {\n            this.toggle();\n        }\n    }\n\n    getComputedRangeFiller(dateFiller: string): string {\n        return this.activePeriod ? '' : this.getDateRangeFiller(dateFiller);\n    }\n\n    onMobileClick() {\n        if (!this.mobileCalendar) {\n            this.toggle();\n\n            return;\n        }\n\n        this.dialogService\n            .open<TuiDayRange>(\n                new PolymorpheusComponent(this.mobileCalendar, this.injector),\n                {\n                    size: 'fullscreen',\n                    closeable: false,\n                    data: {\n                        single: false,\n                        min: this.maxLengthMapper(\n                            this.min,\n                            this.value,\n                            this.maxLength,\n                            true,\n                        ),\n                        max: this.maxLengthMapper(\n                            this.max,\n                            this.value,\n                            this.maxLength,\n                            false,\n                        ),\n                        disabledItemHandler: this.disabledItemHandler,\n                    },\n                },\n            )\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(value => {\n                this.updateValue(value);\n            });\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onValueChange(value: string) {\n        if (this.control) {\n            this.control.updateValueAndValidity({emitEvent: false});\n        }\n\n        if (!value) {\n            this.onOpenChange(true);\n        }\n\n        if (value.length !== DATE_RANGE_FILLER_LENGTH) {\n            this.updateValue(null);\n\n            return;\n        }\n\n        const parsedValue = TuiDayRange.normalizeParse(value, this.dateFormat);\n\n        this.updateValue(\n            !this.minLength && !this.maxLength\n                ? parsedValue\n                : this.clampValue(parsedValue),\n        );\n    }\n\n    onRangeChange(range: TuiDayRange | null) {\n        this.toggle();\n        this.focusInput();\n\n        if (!range) {\n            this.nativeValue = '';\n        }\n\n        if (!nullableSame<TuiDayRange>(this.value, range, (a, b) => a.daySame(b))) {\n            this.updateValue(range);\n        }\n    }\n\n    onItemSelect(item: string | TuiDayRangePeriod) {\n        this.toggle();\n        this.focusInput();\n\n        if (typeof item !== 'string') {\n            this.updateValue(item.range.dayLimit(this.min, this.max));\n\n            return;\n        }\n\n        if (this.activePeriod !== null) {\n            this.updateValue(null);\n            this.nativeValue = '';\n        }\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onActiveZone(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (\n            !focused &&\n            !this.itemSelected &&\n            (this.nativeValue.length === DATE_FILLER_LENGTH ||\n                this.nativeValue.length ===\n                    DATE_FILLER_LENGTH + RANGE_SEPARATOR_CHAR.length)\n        ) {\n            this.updateValue(\n                TuiDayRange.normalizeParse(this.nativeValue, this.dateFormat),\n            );\n        }\n    }\n\n    writeValue(value: TuiDayRange | null) {\n        super.writeValue(value);\n        this.nativeValue = value ? this.computedValue : '';\n    }\n\n    private get itemSelected(): boolean {\n        return this.items.findIndex(item => String(item) === this.nativeValue) !== -1;\n    }\n\n    private toggle() {\n        this.open = !this.open;\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n\n    private clampValue(value: TuiDayRange): TuiDayRange {\n        const clampedBottom =\n            this.minLength && value.from.append(this.minLength).dayAfter(value.to)\n                ? new TuiDayRange(\n                      value.from,\n                      value.from.append(this.minLength).append({day: -1}),\n                  )\n                : value;\n\n        const availableMax = this.maxLength\n            ? clampedBottom.from.append(this.maxLength).append({day: -1})\n            : this.max;\n\n        return clampedBottom.to.dayAfter(availableMax)\n            ? new TuiDayRange(clampedBottom.from, availableMax)\n            : clampedBottom;\n    }\n\n    private getDateRangeFiller(dateFiller: string): string {\n        return `${dateFiller}${RANGE_SEPARATOR_CHAR}${dateFiller}`;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule, TuiLetModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiCalendarRangeModule} from '@taiga-ui/kit/components/calendar-range';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputDateRangeComponent} from './input-date-range.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        TuiActiveZoneModule,\n        TuiLetModule,\n        PolymorpheusModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiHostedDropdownModule,\n        TuiSvgModule,\n        TuiCalendarRangeModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputDateRangeComponent],\n    exports: [TuiInputDateRangeComponent],\n})\nexport class TuiInputDateRangeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAoEA;IACa,oBAAoB,GAAG,oCAAoC;;IAoB5D,8CAAuC;IAiD/C,oCAII,OAAyB,EACE,iBAAoC,EAC5B,QAAkB,EACb,QAAiB,EACd,aAA+B,EAGzD,cAAgC,EAEhC,aAAwC,EAExC,oBAAsD,EACrC,UAAuB,EACpB,aAAqB,EAEjD,UAAmD;QAnBhE,YAqBI,kBAAM,OAAO,EAAE,iBAAiB,CAAC,SACpC;QAhBsC,cAAQ,GAAR,QAAQ,CAAU;QACb,cAAQ,GAAR,QAAQ,CAAS;QACd,mBAAa,GAAb,aAAa,CAAkB;QAGzD,oBAAc,GAAd,cAAc,CAAkB;QAEhC,mBAAa,GAAb,aAAa,CAA2B;QAExC,0BAAoB,GAApB,oBAAoB,CAAkC;QACrC,gBAAU,GAAV,UAAU,CAAa;QACpB,mBAAa,GAAb,aAAa,CAAQ;QAEjD,gBAAU,GAAV,UAAU,CAAyC;QA9D/C,qBAAe,GAAuB;YACnD,IAAI,EAAE,sBAAsB,CAAC,KAAI,CAAC,UAAU,EAAE,KAAI,CAAC,aAAa,CAAC;YACjE,IAAI,EAAE,mCAAmC,CAAC,KAAI,CAAC;YAC/C,KAAK,EAAE,KAAK;SACf,CAAC;QAIF,yBAAmB,GAA8B,oBAAoB,CAAC;QAItE,mBAAa,GAAqB,0BAA0B,CAAC;QAI7D,wBAAkB,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;QAI7C,WAAK,GAAqC,EAAE,CAAC;QAI7C,SAAG,GAAG,aAAa,CAAC;QAIpB,SAAG,GAAG,YAAY,CAAC;QAInB,eAAS,GAAsB,IAAI,CAAC;QAIpC,eAAS,GAAsB,IAAI,CAAC;QAEpC,UAAI,GAAG,KAAK,CAAC;QAEJ,qBAAe,GAA8B,2BAA2B,CAAC;QACzE,iBAAW,GAAG,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAI,CAAC,UAAU,CAAC,CAAC,CAAC;;KAwBnE;mCAxEQ,0BAA0B;IA0EnC,sBAAI,8DAAsB;aAA1B;YACI,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,sBAAsB,GAAG,IAAI,CAAC;SACxE;;;OAAA;IAED,sBAAI,+CAAO;aAAX;YACI,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;SACrD;;;OAAA;IAED,sBAAI,sDAAc;aAAlB;YACI,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;SACjD;;;OAAA;IAED,sBAAI,oDAAY;aAAhB;YACI,OAAO,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;kBACpC,sBAAsB;kBACtB,iBAAiB,CAAC;SAC3B;;;OAAA;IAED,sBAAI,+CAAO;aAAX;YACI,OAAO,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;SAC3E;;;OAAA;IAED,sBAAI,2DAAmB;aAAvB;YACI,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,oBAAoB,CAAC,WAAW,GAAG,EAAE,CAAC;SACzE;;;OAAA;IAED,sBAAI,oDAAY;aAAhB;YACI,OAAO,IAAI,CAAC,YAAY,GAAG,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC;SAChE;;;OAAA;IAED,sBAAI,oDAAY;aAAhB;YAAA,iBAYC;YAXG,QACI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAA,IAAI;gBAChB,OAAA,YAAY,CACR,KAAI,CAAC,KAAK,EACV,IAAI,CAAC,KAAK,EACV,UAAC,CAAC,EAAE,CAAC;oBACD,OAAA,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAI,CAAC,GAAG,EAAE,KAAI,CAAC,GAAG,CAAC,CAAC;wBACnD,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAI,CAAC,GAAG,EAAE,KAAI,CAAC,GAAG,CAAC,CAAC;iBAAA,CACtD;aAAA,CACJ,IAAI,IAAI,EACX;SACL;;;OAAA;IAED,sBAAI,qDAAa;aAAjB;YACU,IAAA,SAAyC,EAAxC,gBAAK,EAAE,4BAAW,EAAE,8BAAoB,CAAC;YAEhD,IAAI,YAAY,EAAE;gBACd,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC;aAC/B;YAED,OAAO,KAAK;kBACN,KAAK,CAAC,oBAAoB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC;kBAC/D,WAAW,CAAC;SACrB;;;OAAA;IAED,sBAAI,0DAAkB;aAAtB;YACI,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,EAAE;gBAC9B,OAAO,KAAK,CAAC;aAChB;YAED,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,EAAE;gBACnC,OAAO,IAAI,CAAC;aACf;YAED,OAAO,IAAI,CAAC;SACf;;;OAAA;IAED,sBAAI,mDAAW;aAAf;YACI,OAAO,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,GAAG,EAAE,CAAC;SAC/E;aAED,UAAgB,KAAa;YACzB,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;gBAC9B,OAAO;aACV;YAED,IAAI,CAAC,sBAAsB,CAAC,KAAK,GAAG,KAAK,CAAC;SAC7C;;;OARA;IAWD,4CAAO,GAAP;QACI,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAChB,IAAI,CAAC,MAAM,EAAE,CAAC;SACjB;KACJ;IAED,2DAAsB,GAAtB,UAAuB,UAAkB;QACrC,OAAO,IAAI,CAAC,YAAY,GAAG,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;KACvE;IAED,kDAAa,GAAb;QAAA,iBAmCC;QAlCG,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,MAAM,EAAE,CAAC;YAEd,OAAO;SACV;QAED,IAAI,CAAC,aAAa;aACb,IAAI,CACD,IAAI,qBAAqB,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC,EAC7D;YACI,IAAI,EAAE,YAAY;YAClB,SAAS,EAAE,KAAK;YAChB,IAAI,EAAE;gBACF,MAAM,EAAE,KAAK;gBACb,GAAG,EAAE,IAAI,CAAC,eAAe,CACrB,IAAI,CAAC,GAAG,EACR,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,SAAS,EACd,IAAI,CACP;gBACD,GAAG,EAAE,IAAI,CAAC,eAAe,CACrB,IAAI,CAAC,GAAG,EACR,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,SAAS,EACd,KAAK,CACR;gBACD,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;aAChD;SACJ,CACJ;aACA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC9B,SAAS,CAAC,UAAA,KAAK;YACZ,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAC3B,CAAC,CAAC;KACV;IAED,iDAAY,GAAZ,UAAa,IAAa;QACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KACpB;IAED,kDAAa,GAAb,UAAc,KAAa;QACvB,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC,CAAC;SAC3D;QAED,IAAI,CAAC,KAAK,EAAE;YACR,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SAC3B;QAED,IAAI,KAAK,CAAC,MAAM,KAAK,wBAAwB,EAAE;YAC3C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAEvB,OAAO;SACV;QAED,IAAM,WAAW,GAAG,WAAW,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAEvE,IAAI,CAAC,WAAW,CACZ,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS;cAC5B,WAAW;cACX,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CACrC,CAAC;KACL;IAED,kDAAa,GAAb,UAAc,KAAyB;QACnC,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,IAAI,CAAC,KAAK,EAAE;YACR,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SACzB;QAED,IAAI,CAAC,YAAY,CAAc,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAA,CAAC,EAAE;YACvE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAC3B;KACJ;IAED,iDAAY,GAAZ,UAAa,IAAgC;QACzC,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YAE1D,OAAO;SACV;QAED,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE;YAC5B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACvB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SACzB;KACJ;IAED,8CAAS,GAAT,UAAU,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,8CAAS,GAAT,UAAU,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,iDAAY,GAAZ,UAAa,OAAgB;QACzB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE5B,IACI,CAAC,OAAO;YACR,CAAC,IAAI,CAAC,YAAY;aACjB,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,kBAAkB;gBAC3C,IAAI,CAAC,WAAW,CAAC,MAAM;oBACnB,kBAAkB,GAAG,oBAAoB,CAAC,MAAM,CAAC,EAC3D;YACE,IAAI,CAAC,WAAW,CACZ,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,CAChE,CAAC;SACL;KACJ;IAED,+CAAU,GAAV,UAAW,KAAyB;QAChC,iBAAM,UAAU,YAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;KACtD;IAED,sBAAY,oDAAY;aAAxB;YAAA,iBAEC;YADG,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAA,IAAI,IAAI,OAAA,MAAM,CAAC,IAAI,CAAC,KAAK,KAAI,CAAC,WAAW,GAAA,CAAC,KAAK,CAAC,CAAC,CAAC;SACjF;;;OAAA;IAEO,2CAAM,GAAd;QACI,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;KAC1B;IAEO,+CAAU,GAAlB,UAAmB,aAA8B;QAA9B,8BAAA,EAAA,qBAA8B;QAC7C,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC7B,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;SACtE;KACJ;IAEO,+CAAU,GAAlB,UAAmB,KAAkB;QACjC,IAAM,aAAa,GACf,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;cAChE,IAAI,WAAW,CACX,KAAK,CAAC,IAAI,EACV,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EAAC,GAAG,EAAE,CAAC,CAAC,EAAC,CAAC,CACtD;cACD,KAAK,CAAC;QAEhB,IAAM,YAAY,GAAG,IAAI,CAAC,SAAS;cAC7B,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EAAC,GAAG,EAAE,CAAC,CAAC,EAAC,CAAC;cAC3D,IAAI,CAAC,GAAG,CAAC;QAEf,OAAO,aAAa,CAAC,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;cACxC,IAAI,WAAW,CAAC,aAAa,CAAC,IAAI,EAAE,YAAY,CAAC;cACjD,aAAa,CAAC;KACvB;IAEO,uDAAkB,GAA1B,UAA2B,UAAkB;QACzC,OAAO,KAAG,UAAU,GAAG,oBAAoB,GAAG,UAAY,CAAC;KAC9D;;;gBA5QY,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;gBAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;gBACoB,QAAQ,uBAApD,MAAM,SAAC,QAAQ;8CACf,MAAM,SAAC,aAAa;gBACqC,gBAAgB,uBAAzE,MAAM,SAAC,gBAAgB;gBAGS,IAAI,uBAFpC,QAAQ,YACR,MAAM,SAAC,mBAAmB;gBAGK,yBAAyB,uBADxD,MAAM,SAAC,kBAAkB;gBAGa,gCAAgC,uBADtE,MAAM,SAAC,0BAA0B;gDAEjC,MAAM,SAAC,eAAe;6CACtB,MAAM,SAAC,kBAAkB;gBAEL,UAAU,uBAD9B,MAAM,SAAC,cAAc;;IA/D1B;QADC,SAAS,CAAC,8BAA8B,CAAC;iEACkB;IAU5D;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;2EACqD;IAItE;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;qEAC4C;IAI7D;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;0EAC4B;IAI7C;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;6DAC4B;IAI7C;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;2DACG;IAIpB;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;2DACE;IAInB;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;iEACmB;IAIpC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;iEACmB;IAgHpC;QADC,YAAY,CAAC,OAAO,CAAC;6DAKrB;IA/JQ,0BAA0B;QAjBtC,SAAS,CAAC;YACP,QAAQ,EAAE,sBAAsB;YAChC,6gEAA+C;YAE/C,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,2BAA2B;oBACpC,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,4BAA0B,GAAA,CAAC;iBAC5D;gBACD;oBACI,OAAO,EAAE,wBAAwB;oBACjC,IAAI,EAAE,CAAC,CAAC,IAAI,QAAQ,EAAE,EAAE,IAAI,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC;oBAC/C,UAAU,EAAE,oBAAoB;iBACnC;gBACD,yCAAyC;aAC5C;;SACJ,CAAC;QAoDO,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,IAAI,EAAE,CAAA;QACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;QAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;QACzB,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;QAChB,WAAA,MAAM,CAAC,aAAa,CAAC,CAAA;QACrB,WAAA,MAAM,CAAC,gBAAgB,CAAC,CAAA;QACxB,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,MAAM,CAAC,mBAAmB,CAAC,CAAA;QAE3B,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;QAE1B,WAAA,MAAM,CAAC,0BAA0B,CAAC,CAAA;QAElC,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;QACvB,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;QAC1B,YAAA,MAAM,CAAC,cAAc,CAAC,CAAA;OApElB,0BAA0B,CAmUtC;IAAD,iCAAC;CAAA,CAlUW,0BAA0B;;;ICxDtC;KAAuC;IAA1B,uBAAuB;QAjBnC,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,cAAc;gBACd,mBAAmB;gBACnB,YAAY;gBACZ,kBAAkB;gBAClB,2BAA2B;gBAC3B,4BAA4B;gBAC5B,uBAAuB;gBACvB,YAAY;gBACZ,sBAAsB;gBACtB,sBAAsB;aACzB;YACD,YAAY,EAAE,CAAC,0BAA0B,CAAC;YAC1C,OAAO,EAAE,CAAC,0BAA0B,CAAC;SACxC,CAAC;OACW,uBAAuB,CAAG;IAAD,8BAAC;CAAvC;;ACjCA;;;;;;"}

package/fesm5/taiga-ui-kit-components-input-date-time.js

@@ -1,12 +1,12 @@
 import { __extends, __spread, __read, __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, Input, ViewChild, HostListener, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, TuiMonth, DATE_FILLER_LENGTH, TuiDay, TuiTime, nullableSame, clamp, TUI_DATE_FORMAT, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TuiPreventDefaultModule } from '@taiga-ui/cdk';
+import { TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, TuiMonth, DATE_FILLER_LENGTH, TuiDay, TuiTime, nullableSame, clamp, TUI_DATE_FORMAT, TUI_DATE_SEPARATOR, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TuiPreventDefaultModule } from '@taiga-ui/cdk';
 import { sizeBigger, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiCalendarModule, TuiSvgModule, TuiLinkModule, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule } from '@taiga-ui/core';
-import { DATE_TIME_SEPARATOR, TUI_DATE_MASK } from '@taiga-ui/kit/constants';
+import { DATE_TIME_SEPARATOR } from '@taiga-ui/kit/constants';
 import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { TUI_TIME_TEXTS, TUI_DATE_TEXTS, TUI_CALENDAR_DATA_STREAM } from '@taiga-ui/kit/tokens';
-import { tuiCreateTimeMask, tuiCreateAutoCorrectedDateTimePipe } from '@taiga-ui/kit/utils/mask';
+import { tuiCreateDateMask, tuiCreateTimeMask, tuiCreateAutoCorrectedDateTimePipe } from '@taiga-ui/kit/utils/mask';
 import { TuiReplayControlValueChangesFactory } from '@taiga-ui/kit/utils/miscellaneous';
 import { combineLatest, Observable } from 'rxjs';
 import { pluck, map } from 'rxjs/operators';
@@ -20,12 +20,14 @@ var TIME_STREAM_FACTORY = TuiReplayControlValueChangesFactory;
 // @dynamic
 var TuiInputDateTimeComponent = /** @class */ (function (_super) {
     __extends(TuiInputDateTimeComponent, _super);
-    function TuiInputDateTimeComponent(control, changeDetectorRef, textfieldSize, dateFormat, timeTexts$, dateTexts$) {
+    function TuiInputDateTimeComponent(control, changeDetectorRef, textfieldSize, dateFormat, dateSeparator, timeTexts$, dateTexts$) {
         var _this = _super.call(this, control, changeDetectorRef) || this;
         _this.textfieldSize = textfieldSize;
         _this.dateFormat = dateFormat;
+        _this.dateSeparator = dateSeparator;
         _this.timeTexts$ = timeTexts$;
         _this.dateTexts$ = dateTexts$;
+        _this.month = null;
         _this.min = TUI_FIRST_DAY;
         _this.max = TUI_LAST_DAY;
         _this.disabledItemHandler = ALWAYS_FALSE_HANDLER;
@@ -36,7 +38,6 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
             _this.dateTexts$.pipe(pluck(_this.dateFormat)),
             _this.timeTexts$.pipe(pluck(_this.timeMode)),
         ]).pipe(map(function (fillers) { return _this.getDateTimeString.apply(_this, __spread(fillers)); }));
-        _this.month = null;
         return _this;
     }
     TuiInputDateTimeComponent_1 = TuiInputDateTimeComponent;
@@ -49,7 +50,7 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
     });
     Object.defineProperty(TuiInputDateTimeComponent.prototype, "textMaskOptions", {
         get: function () {
-            return this.calculateMask(this.value[0], this.calendarMinDay, this.calendarMaxDay, this.timeMode);
+            return this.calculateMask(this.value[0], this.calendarMinDay, this.calendarMaxDay, this.timeMode, this.dateFormat, this.dateSeparator);
         },
         enumerable: true,
         configurable: true
@@ -142,12 +143,15 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
         this.open = !this.open;
     };
     TuiInputDateTimeComponent.prototype.onValueChange = function (value) {
+        if (!value) {
+            this.onOpenChange(true);
+        }
         if (value.length < DATE_FILLER_LENGTH) {
             this.updateValue([null, null]);
             return;
         }
         var _a = __read(value.split(DATE_TIME_SEPARATOR), 2), date = _a[0], time = _a[1];
-        var parsedDate = TuiDay.normalizeParse(date);
+        var parsedDate = TuiDay.normalizeParse(date, this.dateFormat);
         var parsedTime = time && time.length === this.timeMode.length
             ? this.clampTime(TuiTime.fromString(time), parsedDate)
             : null;
@@ -206,6 +210,31 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
         return (nullableSame(oldValue[0], newValue[0], function (a, b) { return a.daySame(b); }) &&
             nullableSame(oldValue[1], newValue[1], function (a, b) { return a.toString() === b.toString(); }));
     };
+    TuiInputDateTimeComponent.prototype.calculateMask = function (day, min, max, timeMode, dateFormat, dateSeparator) {
+        return {
+            mask: __spread(tuiCreateDateMask(dateFormat, dateSeparator), [
+                ',',
+                ' '
+            ], tuiCreateTimeMask(timeMode)),
+            pipe: tuiCreateAutoCorrectedDateTimePipe({
+                value: day,
+                min: min,
+                max: max,
+                dateFormat: dateFormat,
+                dateSeparator: dateSeparator,
+                timeMode: timeMode,
+            }),
+            guide: false,
+        };
+    };
+    TuiInputDateTimeComponent.prototype.getDateTimeString = function (date, time, timeMode) {
+        if (timeMode === void 0) { timeMode = 'HH:MM'; }
+        var dateString = date instanceof TuiDay
+            ? date.toString(this.dateFormat, this.dateSeparator)
+            : date;
+        var timeString = time instanceof TuiTime ? time.toString(timeMode) : time || '';
+        return "" + dateString + DATE_TIME_SEPARATOR + timeString;
+    };
     TuiInputDateTimeComponent.prototype.updateNativeValue = function (day) {
         var time = this.nativeValue.split(DATE_TIME_SEPARATOR)[1] || '';
         this.nativeValue = this.getDateTimeString(day, time);
@@ -220,28 +249,19 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
             : Infinity;
         return TuiTime.fromAbsoluteMilliseconds(clamp(ms, min, max));
     };
-    TuiInputDateTimeComponent.prototype.calculateMask = function (day, min, max, timeMode) {
-        return {
-            mask: __spread(TUI_DATE_MASK, [',', ' '], tuiCreateTimeMask(timeMode)),
-            pipe: tuiCreateAutoCorrectedDateTimePipe({ value: day, min: min, max: max }, timeMode),
-            guide: false,
-        };
-    };
-    TuiInputDateTimeComponent.prototype.getDateTimeString = function (date, time, timeMode) {
-        if (timeMode === void 0) { timeMode = 'HH:MM'; }
-        var dateString = date instanceof TuiDay ? date.toString() : date;
-        var timeString = time instanceof TuiTime ? time.toString(timeMode) : time || '';
-        return "" + dateString + DATE_TIME_SEPARATOR + timeString;
-    };
     var TuiInputDateTimeComponent_1;
     TuiInputDateTimeComponent.ctorParameters = function () { return [
         { 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: undefined, decorators: [{ type: Inject, args: [TUI_DATE_FORMAT,] }] },
+        { type: String, decorators: [{ type: Inject, args: [TUI_DATE_SEPARATOR,] }] },
         { type: Observable, decorators: [{ type: Inject, args: [TUI_TIME_TEXTS,] }] },
         { type: Observable, decorators: [{ type: Inject, args: [TUI_DATE_TEXTS,] }] }
     ]; };
+    __decorate([
+        ViewChild(TuiPrimitiveTextfieldComponent)
+    ], TuiInputDateTimeComponent.prototype, "textfield", void 0);
     __decorate([
         Input(),
         tuiDefaultProp()
@@ -262,9 +282,6 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
         Input(),
         tuiDefaultProp()
     ], TuiInputDateTimeComponent.prototype, "timeMode", void 0);
-    __decorate([
-        ViewChild(TuiPrimitiveTextfieldComponent)
-    ], TuiInputDateTimeComponent.prototype, "textfield", void 0);
     __decorate([
         HostListener('click')
     ], TuiInputDateTimeComponent.prototype, "onClick", null);
@@ -299,8 +316,9 @@ var TuiInputDateTimeComponent = /** @class */ (function (_super) {
         __param(1, Inject(ChangeDetectorRef)),
         __param(2, Inject(TUI_TEXTFIELD_SIZE)),
         __param(3, Inject(TUI_DATE_FORMAT)),
-        __param(4, Inject(TUI_TIME_TEXTS)),
-        __param(5, Inject(TUI_DATE_TEXTS))
+        __param(4, Inject(TUI_DATE_SEPARATOR)),
+        __param(5, Inject(TUI_TIME_TEXTS)),
+        __param(6, Inject(TUI_DATE_TEXTS))
     ], TuiInputDateTimeComponent);
     return TuiInputDateTimeComponent;
 }(AbstractTuiControl));