@taiga-ui/kit 2.31.0 → 2.35.0

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-date-time.js","sources":["ng://@taiga-ui/kit/components/input-date-time/input-date-time.component.ts","ng://@taiga-ui/kit/components/input-date-time/input-date-time.module.ts","ng://@taiga-ui/kit/components/input-date-time/taiga-ui-kit-components-input-date-time.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    ALWAYS_FALSE_HANDLER,\n    changeDateSeparator,\n    clamp,\n    DATE_FILLER_LENGTH,\n    nullableSame,\n    TUI_DATE_FORMAT,\n    TUI_DATE_SEPARATOR,\n    TUI_FIRST_DAY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    TuiControlValueTransformer,\n    TuiDateMode,\n    TuiDay,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n    tuiPure,\n    TuiTime,\n    TuiTimeMode,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_TEXTFIELD_SIZE,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {DATE_TIME_SEPARATOR} 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_DATE_TIME_VALUE_TRANSFORMER,\n    TUI_TIME_TEXTS,\n} from '@taiga-ui/kit/tokens';\nimport {\n    tuiCreateAutoCorrectedDateTimePipe,\n    tuiCreateDateMask,\n    tuiCreateTimeMask,\n} from '@taiga-ui/kit/utils/mask';\nimport {TuiReplayControlValueChangesFactory} from '@taiga-ui/kit/utils/miscellaneous';\nimport {combineLatest, Observable} from 'rxjs';\nimport {map, pluck} from 'rxjs/operators';\n\n// TODO: remove in ivy compilation\nexport const TIME_STREAM_FACTORY = (\n    control: NgControl | null,\n    valueTransformer: TuiControlValueTransformer<[TuiDay | null, TuiTime | null]>,\n) => TuiReplayControlValueChangesFactory(control, valueTransformer);\n\n// @dynamic\n@Component({\n    selector: 'tui-input-date-time',\n    templateUrl: './input-date-time.template.html',\n    styleUrls: ['./input-date-time.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputDateTimeComponent),\n        },\n        {\n            provide: TUI_CALENDAR_DATA_STREAM,\n            deps: [\n                [new Optional(), new Self(), NgControl],\n                [new Optional(), forwardRef(() => TUI_DATE_TIME_VALUE_TRANSFORMER)],\n            ],\n            useFactory: TIME_STREAM_FACTORY,\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputDateTimeComponent\n    extends AbstractTuiControl<[TuiDay | null, TuiTime | null]>\n    implements\n        TuiWithOptionalMinMax<TuiDay | [TuiDay, TuiTime]>,\n        TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private month: TuiMonth | null = null;\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    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    defaultActiveYearMonth = TuiMonth.currentLocal();\n\n    @Input()\n    @tuiDefaultProp()\n    timeMode: TuiTimeMode = 'HH:MM';\n\n    open = false;\n    readonly filler$ = combineLatest([\n        this.dateTexts$.pipe(\n            map(dateTexts =>\n                changeDateSeparator(dateTexts[this.dateFormat], this.dateSeparator),\n            ),\n        ),\n        this.timeTexts$.pipe(pluck(this.timeMode)),\n    ]).pipe(map(fillers => this.getDateTimeString(...fillers)));\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_DATE_FORMAT) readonly dateFormat: TuiDateMode,\n        @Inject(TUI_DATE_SEPARATOR) readonly dateSeparator: string,\n        @Inject(TUI_TIME_TEXTS)\n        readonly timeTexts$: Observable<Record<TuiTimeMode, string>>,\n        @Inject(TUI_DATE_TEXTS)\n        readonly dateTexts$: Observable<Record<TuiDateMode, string>>,\n        @Optional()\n        @Inject(TUI_DATE_TIME_VALUE_TRANSFORMER)\n        readonly valueTransformer: TuiControlValueTransformer<\n            [TuiDay | null, TuiTime | null]\n        > | null,\n    ) {\n        super(control, changeDetectorRef, valueTransformer);\n    }\n\n    get fillerLength(): number {\n        return DATE_FILLER_LENGTH + DATE_TIME_SEPARATOR.length + this.timeMode.length;\n    }\n\n    get textMaskOptions(): TuiTextMaskOptions {\n        return this.calculateMask(\n            this.value[0],\n            this.calendarMinDay,\n            this.calendarMaxDay,\n            this.timeMode,\n            this.dateFormat,\n            this.dateSeparator,\n        );\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    get computedValue(): string {\n        const {value, nativeValue, timeMode} = this;\n        const [date, time] = value;\n        const hasTimeInputChars = nativeValue.length > DATE_FILLER_LENGTH;\n\n        if (!date || (!time && hasTimeInputChars)) {\n            return nativeValue;\n        }\n\n        return this.getDateTimeString(date, time, timeMode);\n    }\n\n    get calendarValue(): TuiDay | null {\n        return this.value[0];\n    }\n\n    get calendarMinDay(): TuiDay {\n        return Array.isArray(this.min) ? this.min[0] : this.min;\n    }\n\n    get calendarMaxDay(): TuiDay {\n        return Array.isArray(this.max) ? this.max[0] : this.max;\n    }\n\n    get computedActiveYearMonth(): TuiMonth {\n        return this.month || this.value[0] || this.defaultActiveYearMonth;\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        this.open = !this.open;\n    }\n\n    onValueChange(value: string) {\n        if (!value) {\n            this.onOpenChange(true);\n        }\n\n        if (value.length < DATE_FILLER_LENGTH) {\n            this.updateValue([null, null]);\n\n            return;\n        }\n\n        const [date, time] = value.split(DATE_TIME_SEPARATOR);\n\n        const parsedDate = TuiDay.normalizeParse(date, this.dateFormat);\n        const parsedTime =\n            time && time.length === this.timeMode.length\n                ? this.clampTime(TuiTime.fromString(time), parsedDate)\n                : null;\n\n        this.open = false;\n        this.updateValue([parsedDate, parsedTime]);\n    }\n\n    onDayClick(day: TuiDay) {\n        const modifiedTime = this.value[1] && this.clampTime(this.value[1], day);\n\n        this.updateValue([day, modifiedTime]);\n        this.updateNativeValue(day);\n        this.open = false;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onMonthChange(month: TuiMonth) {\n        this.month = month;\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (\n            focused ||\n            this.value[0] === null ||\n            this.value[1] !== null ||\n            this.nativeValue.length <= this.fillerLength + DATE_TIME_SEPARATOR.length ||\n            this.timeMode === 'HH:MM'\n        ) {\n            return;\n        }\n\n        const [, time] = this.nativeValue.split(DATE_TIME_SEPARATOR);\n\n        if (!time) {\n            return;\n        }\n\n        const parsedTime = TuiTime.fromString(time);\n\n        this.updateValue([this.value[0], parsedTime]);\n\n        setTimeout(() => {\n            if (this.nativeValue.endsWith('.') || this.nativeValue.endsWith(':')) {\n                this.nativeValue = this.nativeValue.slice(0, -1);\n            }\n        });\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    writeValue(value: [TuiDay | null, TuiTime | null] | null) {\n        super.writeValue(value);\n\n        this.nativeValue = value && (value[0] || value[1]) ? this.computedValue : '';\n    }\n\n    protected getFallbackValue(): [TuiDay | null, TuiTime | null] {\n        return [null, null];\n    }\n\n    protected valueIdenticalComparator(\n        oldValue: [TuiDay | null, TuiTime | null],\n        newValue: [TuiDay | null, TuiTime | null],\n    ): boolean {\n        return (\n            nullableSame(oldValue[0], newValue[0], (a, b) => a.daySame(b)) &&\n            nullableSame(\n                oldValue[1],\n                newValue[1],\n                (a, b) => a.toString() === b.toString(),\n            )\n        );\n    }\n\n    @tuiPure\n    private calculateMask(\n        day: TuiDay | null,\n        min: TuiDay,\n        max: TuiDay,\n        timeMode: TuiTimeMode,\n        dateFormat: TuiDateMode,\n        dateSeparator: string,\n    ): TuiTextMaskOptions {\n        return {\n            mask: [\n                ...tuiCreateDateMask(dateFormat, dateSeparator),\n                ',',\n                ' ',\n                ...tuiCreateTimeMask(timeMode),\n            ],\n            pipe: tuiCreateAutoCorrectedDateTimePipe({\n                value: day,\n                min,\n                max,\n                dateFormat,\n                dateSeparator,\n                timeMode,\n            }),\n            guide: false,\n        };\n    }\n\n    @tuiPure\n    private getDateTimeString(\n        date: TuiDay | string,\n        time: TuiTime | string | null,\n        timeMode: TuiTimeMode = 'HH:MM',\n    ): string {\n        const dateString =\n            date instanceof TuiDay\n                ? date.toString(this.dateFormat, this.dateSeparator)\n                : date;\n        const timeString = time instanceof TuiTime ? time.toString(timeMode) : time || '';\n\n        return `${dateString}${DATE_TIME_SEPARATOR}${timeString}`;\n    }\n\n    private updateNativeValue(day: TuiDay) {\n        const time = this.nativeValue.split(DATE_TIME_SEPARATOR)[1] || '';\n\n        this.nativeValue = this.getDateTimeString(day, time);\n    }\n\n    private clampTime(time: TuiTime, day: TuiDay): TuiTime {\n        const ms = time.toAbsoluteMilliseconds();\n        const min =\n            Array.isArray(this.min) && day.daySame(this.calendarMinDay)\n                ? this.min[1].toAbsoluteMilliseconds()\n                : -Infinity;\n        const max =\n            Array.isArray(this.max) && day.daySame(this.calendarMaxDay)\n                ? this.max[1].toAbsoluteMilliseconds()\n                : Infinity;\n\n        return TuiTime.fromAbsoluteMilliseconds(clamp(ms, min, max));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiCalendarModule,\n    TuiHostedDropdownModule,\n    TuiLinkModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\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 {TuiInputDateTimeComponent} from './input-date-time.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        PolymorpheusModule,\n        TuiPreventDefaultModule,\n        TuiCalendarModule,\n        TuiSvgModule,\n        TuiLinkModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiValueAccessorModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputDateTimeComponent],\n    exports: [TuiInputDateTimeComponent],\n})\nexport class TuiInputDateTimeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA6DA;MACa,mBAAmB,GAAG,CAC/B,OAAyB,EACzB,gBAA6E,KAC5E,mCAAmC,CAAC,OAAO,EAAE,gBAAgB,EAAE;AAEpE;IAsBa,yBAAyB,iCAAtC,MAAa,yBACT,SAAQ,kBAAmD;IAwC3D,YAII,OAAyB,EACE,iBAAoC,EAE9C,aAAwC,EACvB,UAAuB,EACpB,aAAqB,EAEjD,UAAmD,EAEnD,UAAmD,EAGnD,gBAED;QAER,KAAK,CAAC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;QAbnC,kBAAa,GAAb,aAAa,CAA2B;QACvB,eAAU,GAAV,UAAU,CAAa;QACpB,kBAAa,GAAb,aAAa,CAAQ;QAEjD,eAAU,GAAV,UAAU,CAAyC;QAEnD,eAAU,GAAV,UAAU,CAAyC;QAGnD,qBAAgB,GAAhB,gBAAgB,CAEjB;QAlDJ,UAAK,GAAoB,IAAI,CAAC;QAItC,QAAG,GAAG,aAAa,CAAC;QAIpB,QAAG,GAAG,YAAY,CAAC;QAInB,wBAAmB,GAA8B,oBAAoB,CAAC;QAItE,2BAAsB,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;QAIjD,aAAQ,GAAgB,OAAO,CAAC;QAEhC,SAAI,GAAG,KAAK,CAAC;QACJ,YAAO,GAAG,aAAa,CAAC;YAC7B,IAAI,CAAC,UAAU,CAAC,IAAI,CAChB,GAAG,CAAC,SAAS,IACT,mBAAmB,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CACtE,CACJ;YACD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC7C,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,iBAAiB,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;KAuB3D;IAED,IAAI,YAAY;QACZ,OAAO,kBAAkB,GAAG,mBAAmB,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;KACjF;IAED,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,aAAa,CACrB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EACb,IAAI,CAAC,cAAc,EACnB,IAAI,CAAC,cAAc,EACnB,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,UAAU,EACf,IAAI,CAAC,aAAa,CACrB,CAAC;KACL;IAED,IAAI,sBAAsB;QACtB,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,sBAAsB,GAAG,IAAI,CAAC;KACxE;IAED,IAAI,OAAO;QACP,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;KACrD;IAED,IAAI,YAAY;QACZ,OAAO,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;cACpC,sBAAsB;cACtB,iBAAiB,CAAC;KAC3B;IAED,IAAI,aAAa;QACb,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC;QAC5C,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC;QAC3B,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,GAAG,kBAAkB,CAAC;QAElE,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,IAAI,iBAAiB,CAAC,EAAE;YACvC,OAAO,WAAW,CAAC;SACtB;QAED,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;KACvD;IAED,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACxB;IAED,IAAI,cAAc;QACd,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;KAC3D;IAED,IAAI,cAAc;QACd,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;KAC3D;IAED,IAAI,uBAAuB;QACvB,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC;KACrE;IAED,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,GAAG,EAAE,CAAC;KAC/E;IAED,IAAI,WAAW,CAAC,KAAa;QACzB,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;YAC9B,OAAO;SACV;QAED,IAAI,CAAC,sBAAsB,CAAC,KAAK,GAAG,KAAK,CAAC;KAC7C;IAGD,OAAO;QACH,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;KAC1B;IAED,aAAa,CAAC,KAAa;QACvB,IAAI,CAAC,KAAK,EAAE;YACR,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SAC3B;QAED,IAAI,KAAK,CAAC,MAAM,GAAG,kBAAkB,EAAE;YACnC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;YAE/B,OAAO;SACV;QAED,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAEtD,MAAM,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAChE,MAAM,UAAU,GACZ,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM;cACtC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;cACpD,IAAI,CAAC;QAEf,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,WAAW,CAAC,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;KAC9C;IAED,UAAU,CAAC,GAAW;QAClB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAEzE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACrB;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,aAAa,CAAC,KAAe;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;IAED,YAAY,CAAC,IAAa;QACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KACpB;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE5B,IACI,OAAO;YACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI;YACtB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI;YACtB,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,GAAG,mBAAmB,CAAC,MAAM;YACzE,IAAI,CAAC,QAAQ,KAAK,OAAO,EAC3B;YACE,OAAO;SACV;QAED,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAE7D,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QAED,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAE5C,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;QAE9C,UAAU,CAAC;YACP,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBAClE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aACpD;SACJ,CAAC,CAAC;KACN;IAED,gBAAgB;QACZ,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACrB;IAED,UAAU,CAAC,KAA6C;QACpD,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAExB,IAAI,CAAC,WAAW,GAAG,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;KAChF;IAES,gBAAgB;QACtB,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KACvB;IAES,wBAAwB,CAC9B,QAAyC,EACzC,QAAyC;QAEzC,QACI,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAC9D,YAAY,CACR,QAAQ,CAAC,CAAC,CAAC,EACX,QAAQ,CAAC,CAAC,CAAC,EACX,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,QAAQ,EAAE,CAC1C,EACH;KACL;IAGO,aAAa,CACjB,GAAkB,EAClB,GAAW,EACX,GAAW,EACX,QAAqB,EACrB,UAAuB,EACvB,aAAqB;QAErB,OAAO;YACH,IAAI,EAAE;gBACF,GAAG,iBAAiB,CAAC,UAAU,EAAE,aAAa,CAAC;gBAC/C,GAAG;gBACH,GAAG;gBACH,GAAG,iBAAiB,CAAC,QAAQ,CAAC;aACjC;YACD,IAAI,EAAE,kCAAkC,CAAC;gBACrC,KAAK,EAAE,GAAG;gBACV,GAAG;gBACH,GAAG;gBACH,UAAU;gBACV,aAAa;gBACb,QAAQ;aACX,CAAC;YACF,KAAK,EAAE,KAAK;SACf,CAAC;KACL;IAGO,iBAAiB,CACrB,IAAqB,EACrB,IAA6B,EAC7B,WAAwB,OAAO;QAE/B,MAAM,UAAU,GACZ,IAAI,YAAY,MAAM;cAChB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC;cAClD,IAAI,CAAC;QACf,MAAM,UAAU,GAAG,IAAI,YAAY,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC;QAElF,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,UAAU,EAAE,CAAC;KAC7D;IAEO,iBAAiB,CAAC,GAAW;QACjC,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAElE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;KACxD;IAEO,SAAS,CAAC,IAAa,EAAE,GAAW;QACxC,MAAM,EAAE,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QACzC,MAAM,GAAG,GACL,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;cACrD,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,sBAAsB,EAAE;cACpC,CAAC,QAAQ,CAAC;QACpB,MAAM,GAAG,GACL,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;cACrD,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,sBAAsB,EAAE;cACpC,QAAQ,CAAC;QAEnB,OAAO,OAAO,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;KAChE;EACJ;;YAjQgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;YAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;YAEO,yBAAyB,uBADxD,MAAM,SAAC,kBAAkB;4CAEzB,MAAM,SAAC,eAAe;yCACtB,MAAM,SAAC,kBAAkB;YAEL,UAAU,uBAD9B,MAAM,SAAC,cAAc;YAGD,UAAU,uBAD9B,MAAM,SAAC,cAAc;4CAErB,QAAQ,YACR,MAAM,SAAC,+BAA+B;;AAjD3C;IADC,SAAS,CAAC,8BAA8B,CAAC;4DACkB;AAM5D;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;sDACG;AAIpB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;sDACE;AAInB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;sEACqD;AAItE;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;yEACgC;AAIjD;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;2DACe;AAyGhC;IADC,YAAY,CAAC,OAAO,CAAC;wDAGrB;AAyGD;IADC,OAAO;8DA0BP;AAGD;IADC,OAAO;kEAaP;AAzRQ,yBAAyB;IArBrC,SAAS,CAAC;QACP,QAAQ,EAAE,qBAAqB;QAC/B,wsDAA8C;QAE9C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,2BAA2B;gBACpC,WAAW,EAAE,UAAU,CAAC,MAAM,2BAAyB,CAAC;aAC3D;YACD;gBACI,OAAO,EAAE,wBAAwB;gBACjC,IAAI,EAAE;oBACF,CAAC,IAAI,QAAQ,EAAE,EAAE,IAAI,IAAI,EAAE,EAAE,SAAS,CAAC;oBACvC,CAAC,IAAI,QAAQ,EAAE,EAAE,UAAU,CAAC,MAAM,+BAA+B,CAAC,CAAC;iBACtE;gBACD,UAAU,EAAE,mBAAmB;aAClC;YACD,yCAAyC;SAC5C;;KACJ,CAAC;IA2CO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;IAE1B,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;IACvB,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;IAC1B,WAAA,MAAM,CAAC,cAAc,CAAC,CAAA;IAEtB,WAAA,MAAM,CAAC,cAAc,CAAC,CAAA;IAEtB,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,MAAM,CAAC,+BAA+B,CAAC,CAAA;GAxDnC,yBAAyB,CA8SrC;;ICrWY,sBAAsB,GAAnC,MAAa,sBAAsB;EAAG;AAAzB,sBAAsB;IAjBlC,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,cAAc;YACd,kBAAkB;YAClB,uBAAuB;YACvB,iBAAiB;YACjB,YAAY;YACZ,aAAa;YACb,uBAAuB;YACvB,2BAA2B;YAC3B,sBAAsB;YACtB,4BAA4B;SAC/B;QACD,YAAY,EAAE,CAAC,yBAAyB,CAAC;QACzC,OAAO,EAAE,CAAC,yBAAyB,CAAC;KACvC,CAAC;GACW,sBAAsB,CAAG;;AClCtC;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-input-date-time.js","sources":["ng://@taiga-ui/kit/components/input-date-time/input-date-time.providers.ts","ng://@taiga-ui/kit/components/input-date-time/input-date-time.component.ts","ng://@taiga-ui/kit/components/input-date-time/input-date-time.directive.ts","ng://@taiga-ui/kit/components/input-date-time/input-date-time.module.ts","ng://@taiga-ui/kit/components/input-date-time/taiga-ui-kit-components-input-date-time.ts"],"sourcesContent":["import {forwardRef, Optional, Self} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiControlValueTransformer,\n    TuiDay,\n    TuiTime,\n} from '@taiga-ui/cdk';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {\n    TUI_CALENDAR_DATA_STREAM,\n    TUI_DATE_TIME_VALUE_TRANSFORMER,\n} from '@taiga-ui/kit/tokens';\nimport {TuiReplayControlValueChangesFactory} from '@taiga-ui/kit/utils/miscellaneous';\n\nimport {TuiInputDateTimeComponent} from './input-date-time.component';\n\n// TODO: remove in ivy compilation\nexport const TIME_STREAM_FACTORY = (\n    control: NgControl | null,\n    valueTransformer: TuiControlValueTransformer<[TuiDay | null, TuiTime | null]>,\n) => TuiReplayControlValueChangesFactory(control, valueTransformer);\n\nexport const TUI_INPUT_DATE_TIME_PROVIDERS = [\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiInputDateTimeComponent),\n    },\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputDateTimeComponent),\n    },\n    {\n        provide: TUI_CALENDAR_DATA_STREAM,\n        deps: [\n            [new Optional(), new Self(), NgControl],\n            [new Optional(), forwardRef(() => TUI_DATE_TIME_VALUE_TRANSFORMER)],\n        ],\n        useFactory: TIME_STREAM_FACTORY,\n    },\n    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\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    ALWAYS_FALSE_HANDLER,\n    changeDateSeparator,\n    clamp,\n    DATE_FILLER_LENGTH,\n    nullableSame,\n    TUI_DATE_FORMAT,\n    TUI_DATE_SEPARATOR,\n    TUI_FIRST_DAY,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    TuiControlValueTransformer,\n    TuiDateMode,\n    TuiDay,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n    tuiPure,\n    TuiTime,\n    TuiTimeMode,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_TEXTFIELD_SIZE,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {DATE_TIME_SEPARATOR} from '@taiga-ui/kit/constants';\nimport {\n    TUI_DATE_TEXTS,\n    TUI_DATE_TIME_VALUE_TRANSFORMER,\n    TUI_TIME_TEXTS,\n} from '@taiga-ui/kit/tokens';\nimport {\n    tuiCreateAutoCorrectedDateTimePipe,\n    tuiCreateDateMask,\n    tuiCreateTimeMask,\n} from '@taiga-ui/kit/utils/mask';\nimport {combineLatest, Observable} from 'rxjs';\nimport {map, pluck} from 'rxjs/operators';\n\nimport {TUI_INPUT_DATE_TIME_PROVIDERS} from './input-date-time.providers';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-date-time',\n    templateUrl: './input-date-time.template.html',\n    styleUrls: ['./input-date-time.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_INPUT_DATE_TIME_PROVIDERS,\n})\nexport class TuiInputDateTimeComponent\n    extends AbstractTuiControl<[TuiDay | null, TuiTime | null]>\n    implements\n        TuiWithOptionalMinMax<TuiDay | [TuiDay, TuiTime]>,\n        TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private month: TuiMonth | null = null;\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    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    defaultActiveYearMonth = TuiMonth.currentLocal();\n\n    @Input()\n    @tuiDefaultProp()\n    timeMode: TuiTimeMode = 'HH:MM';\n\n    open = false;\n    readonly filler$ = combineLatest([\n        this.dateTexts$.pipe(\n            map(dateTexts =>\n                changeDateSeparator(dateTexts[this.dateFormat], this.dateSeparator),\n            ),\n        ),\n        this.timeTexts$.pipe(pluck(this.timeMode)),\n    ]).pipe(map(fillers => this.getDateTimeString(...fillers)));\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_DATE_FORMAT) readonly dateFormat: TuiDateMode,\n        @Inject(TUI_DATE_SEPARATOR) readonly dateSeparator: string,\n        @Inject(TUI_TIME_TEXTS)\n        readonly timeTexts$: Observable<Record<TuiTimeMode, string>>,\n        @Inject(TUI_DATE_TEXTS)\n        readonly dateTexts$: Observable<Record<TuiDateMode, string>>,\n        @Optional()\n        @Inject(TUI_DATE_TIME_VALUE_TRANSFORMER)\n        readonly valueTransformer: TuiControlValueTransformer<\n            [TuiDay | null, TuiTime | null]\n        > | null,\n    ) {\n        super(control, changeDetectorRef, valueTransformer);\n    }\n\n    get fillerLength(): number {\n        return DATE_FILLER_LENGTH + DATE_TIME_SEPARATOR.length + this.timeMode.length;\n    }\n\n    get textMaskOptions(): TuiTextMaskOptions {\n        return this.calculateMask(\n            this.value[0],\n            this.calendarMinDay,\n            this.calendarMaxDay,\n            this.timeMode,\n            this.dateFormat,\n            this.dateSeparator,\n        );\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    get computedValue(): string {\n        const {value, nativeValue, timeMode} = this;\n        const [date, time] = value;\n        const hasTimeInputChars = nativeValue.length > DATE_FILLER_LENGTH;\n\n        if (!date || (!time && hasTimeInputChars)) {\n            return nativeValue;\n        }\n\n        return this.getDateTimeString(date, time, timeMode);\n    }\n\n    get calendarValue(): TuiDay | null {\n        return this.value[0];\n    }\n\n    get calendarMinDay(): TuiDay {\n        return Array.isArray(this.min) ? this.min[0] : this.min;\n    }\n\n    get calendarMaxDay(): TuiDay {\n        return Array.isArray(this.max) ? this.max[0] : this.max;\n    }\n\n    get computedActiveYearMonth(): TuiMonth {\n        return this.month || this.value[0] || this.defaultActiveYearMonth;\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        this.open = !this.open;\n    }\n\n    onValueChange(value: string) {\n        if (!value) {\n            this.onOpenChange(true);\n        }\n\n        if (value.length < DATE_FILLER_LENGTH) {\n            this.updateValue([null, null]);\n\n            return;\n        }\n\n        const [date, time] = value.split(DATE_TIME_SEPARATOR);\n\n        const parsedDate = TuiDay.normalizeParse(date, this.dateFormat);\n        const parsedTime =\n            time && time.length === this.timeMode.length\n                ? this.clampTime(TuiTime.fromString(time), parsedDate)\n                : null;\n\n        this.open = false;\n        this.updateValue([parsedDate, parsedTime]);\n    }\n\n    onDayClick(day: TuiDay) {\n        const modifiedTime = this.value[1] && this.clampTime(this.value[1], day);\n\n        this.updateValue([day, modifiedTime]);\n        this.updateNativeValue(day);\n        this.open = false;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onMonthChange(month: TuiMonth) {\n        this.month = month;\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (\n            focused ||\n            this.value[0] === null ||\n            this.value[1] !== null ||\n            this.nativeValue.length <= this.fillerLength + DATE_TIME_SEPARATOR.length ||\n            this.timeMode === 'HH:MM'\n        ) {\n            return;\n        }\n\n        const [, time] = this.nativeValue.split(DATE_TIME_SEPARATOR);\n\n        if (!time) {\n            return;\n        }\n\n        const parsedTime = TuiTime.fromString(time);\n\n        this.updateValue([this.value[0], parsedTime]);\n\n        setTimeout(() => {\n            if (this.nativeValue.endsWith('.') || this.nativeValue.endsWith(':')) {\n                this.nativeValue = this.nativeValue.slice(0, -1);\n            }\n        });\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    writeValue(value: [TuiDay | null, TuiTime | null] | null) {\n        super.writeValue(value);\n\n        this.nativeValue = value && (value[0] || value[1]) ? this.computedValue : '';\n    }\n\n    protected getFallbackValue(): [TuiDay | null, TuiTime | null] {\n        return [null, null];\n    }\n\n    protected valueIdenticalComparator(\n        oldValue: [TuiDay | null, TuiTime | null],\n        newValue: [TuiDay | null, TuiTime | null],\n    ): boolean {\n        return (\n            nullableSame(oldValue[0], newValue[0], (a, b) => a.daySame(b)) &&\n            nullableSame(oldValue[1], newValue[1], (a, b) => String(a) === String(b))\n        );\n    }\n\n    @tuiPure\n    private calculateMask(\n        day: TuiDay | null,\n        min: TuiDay,\n        max: TuiDay,\n        timeMode: TuiTimeMode,\n        dateFormat: TuiDateMode,\n        dateSeparator: string,\n    ): TuiTextMaskOptions {\n        return {\n            mask: [\n                ...tuiCreateDateMask(dateFormat, dateSeparator),\n                ',',\n                ' ',\n                ...tuiCreateTimeMask(timeMode),\n            ],\n            pipe: tuiCreateAutoCorrectedDateTimePipe({\n                value: day,\n                min,\n                max,\n                dateFormat,\n                dateSeparator,\n                timeMode,\n            }),\n            guide: false,\n        };\n    }\n\n    @tuiPure\n    private getDateTimeString(\n        date: TuiDay | string,\n        time: TuiTime | string | null,\n        timeMode: TuiTimeMode = 'HH:MM',\n    ): string {\n        const dateString =\n            date instanceof TuiDay\n                ? date.toString(this.dateFormat, this.dateSeparator)\n                : date;\n        const timeString = time instanceof TuiTime ? time.toString(timeMode) : time || '';\n\n        return `${dateString}${DATE_TIME_SEPARATOR}${timeString}`;\n    }\n\n    private updateNativeValue(day: TuiDay) {\n        const time = this.nativeValue.split(DATE_TIME_SEPARATOR)[1] || '';\n\n        this.nativeValue = this.getDateTimeString(day, time);\n    }\n\n    private clampTime(time: TuiTime, day: TuiDay): TuiTime {\n        const ms = time.toAbsoluteMilliseconds();\n        const min =\n            Array.isArray(this.min) && day.daySame(this.calendarMinDay)\n                ? this.min[1].toAbsoluteMilliseconds()\n                : -Infinity;\n        const max =\n            Array.isArray(this.max) && day.daySame(this.calendarMaxDay)\n                ? this.max[1].toAbsoluteMilliseconds()\n                : Infinity;\n\n        return TuiTime.fromAbsoluteMilliseconds(clamp(ms, min, max));\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputDateTimeComponent} from './input-date-time.component';\n\n@Directive({\n    selector: 'tui-input-date-time',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputDateTimeDirective),\n        },\n    ],\n})\nexport class TuiInputDateTimeDirective extends TuiAbstractTextfieldHost<TuiInputDateTimeComponent> {\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 = 'numeric';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiCalendarModule,\n    TuiHostedDropdownModule,\n    TuiLinkModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\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 {TuiInputDateTimeComponent} from './input-date-time.component';\nimport {TuiInputDateTimeDirective} from './input-date-time.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        PolymorpheusModule,\n        TuiPreventDefaultModule,\n        TuiCalendarModule,\n        TuiSvgModule,\n        TuiLinkModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiValueAccessorModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputDateTimeComponent, TuiInputDateTimeDirective],\n    exports: [\n        TuiInputDateTimeComponent,\n        TuiInputDateTimeDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiInputDateTimeModule {}\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-date.js

@@ -1,25 +1,44 @@
 import { __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, Injector, Type, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, Injector, Type, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { AbstractTuiNullableControl, TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, TuiMonth, changeDateSeparator, DATE_FILLER_LENGTH, TuiDay, nullableSame, TUI_IS_MOBILE, TUI_DATE_FORMAT, TUI_DATE_SEPARATOR, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiPreventDefaultModule, TuiLetModule } from '@taiga-ui/cdk';
-import { TUI_DEFAULT_MARKER_HANDLER, sizeBigger, TuiDialogService, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiCalendarModule, TuiSvgModule, TuiLinkModule, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule } from '@taiga-ui/core';
+import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, AbstractTuiNullableControl, TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, TuiMonth, changeDateSeparator, DATE_FILLER_LENGTH, TuiDay, nullableSame, TUI_IS_MOBILE, TUI_DATE_FORMAT, TUI_DATE_SEPARATOR, tuiDefaultProp, TuiPreventDefaultModule, TuiLetModule } from '@taiga-ui/cdk';
+import { TUI_DEFAULT_MARKER_HANDLER, sizeBigger, TuiDialogService, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, TuiCalendarModule, TuiSvgModule, TuiLinkModule, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { 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_DATE_VALUE_TRANSFORMER, TUI_CALENDAR_DATA_STREAM } from '@taiga-ui/kit/tokens';
+import { TUI_CALENDAR_DATA_STREAM, TUI_DATE_VALUE_TRANSFORMER, TUI_MOBILE_CALENDAR, TUI_DATE_TEXTS } from '@taiga-ui/kit/tokens';
 import { tuiCreateDateMask, tuiCreateAutoCorrectedDatePipe } 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';
 import { map, takeUntil } from 'rxjs/operators';
+import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
+import { TuiReplayControlValueChangesFactory } from '@taiga-ui/kit/utils/miscellaneous';
 import { CommonModule } from '@angular/common';
 import { TuiValueAccessorModule } from '@taiga-ui/kit/directives';
 import { TextMaskModule } from 'angular2-text-mask';
 
-var TuiInputDateComponent_1;
 // TODO: remove in ivy compilation
 const DATE_STREAM_FACTORY = (control, valueTransformer) => TuiReplayControlValueChangesFactory(control, valueTransformer);
+const TUI_INPUT_DATE_PROVIDERS = [
+    {
+        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+        useExisting: forwardRef(() => TuiInputDateComponent),
+    },
+    {
+        provide: TUI_CALENDAR_DATA_STREAM,
+        deps: [
+            [new Optional(), new Self(), NgControl],
+            [new Optional(), TUI_DATE_VALUE_TRANSFORMER],
+        ],
+        useFactory: DATE_STREAM_FACTORY,
+    },
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(() => TuiInputDateComponent),
+    },
+    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
+];
+
 // @dynamic
-let TuiInputDateComponent = TuiInputDateComponent_1 = class TuiInputDateComponent extends AbstractTuiNullableControl {
+let TuiInputDateComponent = class TuiInputDateComponent extends AbstractTuiNullableControl {
     constructor(control, changeDetectorRef, injector, isMobile, dialogService, mobileCalendar, textfieldSize, dateFormat, dateSeparator, dateTexts$, valueTransformer) {
         super(control, changeDetectorRef, valueTransformer);
         this.injector = injector;
@@ -203,26 +222,12 @@ __decorate([
 __decorate([
     HostListener('click')
 ], TuiInputDateComponent.prototype, "onClick", null);
-TuiInputDateComponent = TuiInputDateComponent_1 = __decorate([
+TuiInputDateComponent = __decorate([
     Component({
         selector: 'tui-input-date',
-        template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"dropdown\"\n    [open]=\"open && canOpen\"\n    (openChange)=\"onOpenChange($event)\"\n>\n    <tui-primitive-textfield\n        *tuiLet=\"filler$ | async as filler\"\n        automation-id=\"tui-input-date-range__textfield\"\n        tuiValueAccessor\n        tuiTextfieldInputMode=\"numeric\"\n        class=\"textfield\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [filler]=\"getComputedFiller(filler)\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [focusable]=\"computedFocusable\"\n        [iconContent]=\"computedMobile ? mobileIconContent : iconContent\"\n        [disabled]=\"computedDisabled\"\n        [textMask]=\"computedMask\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (focusedChange)=\"onFocused($event)\"\n    >\n        <ng-content></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #mobileIconContent>\n        <tui-svg\n            automation-id=\"tui-input-date-range__icon\"\n            [class.icon]=\"!computedDisabled\"\n            [src]=\"calendarIcon\"\n            (click)=\"onMobileClick()\"\n        ></tui-svg>\n    </ng-template>\n\n    <ng-template #iconContent>\n        <tui-svg\n            [class.icon]=\"!computedDisabled\"\n            [src]=\"calendarIcon\"\n        ></tui-svg>\n    </ng-template>\n\n    <ng-template #dropdown=\"polymorpheus\" polymorpheus>\n        <tui-calendar\n            tuiPreventDefault=\"mousedown\"\n            automation-id=\"tui-input-date__calendar\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [markerHandler]=\"markerHandler\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [month]=\"computedActiveYearMonth\"\n            [value]=\"value\"\n            (dayClick)=\"onDayClick($event)\"\n            (monthChange)=\"onMonthChange($event)\"\n        ></tui-calendar>\n        <div\n            *ngIf=\"items.length === 1\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"button\"\n        >\n            <button tuiLink type=\"button\" (click)=\"onDayClick(items[0].day)\">\n                {{ items[0] }}\n            </button>\n        </div>\n    </ng-template>\n</tui-hosted-dropdown>\n",
+        template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"dropdown\"\n    [open]=\"open && canOpen\"\n    (openChange)=\"onOpenChange($event)\"\n>\n    <tui-primitive-textfield\n        *tuiLet=\"filler$ | async as filler\"\n        automation-id=\"tui-input-date-range__textfield\"\n        tuiValueAccessor\n        tuiTextfieldInputMode=\"numeric\"\n        class=\"textfield\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [filler]=\"getComputedFiller(filler)\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [focusable]=\"computedFocusable\"\n        [iconContent]=\"computedMobile ? mobileIconContent : iconContent\"\n        [disabled]=\"computedDisabled\"\n        [textMask]=\"computedMask\"\n        [value]=\"computedValue\"\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 #mobileIconContent>\n        <tui-svg\n            automation-id=\"tui-input-date-range__icon\"\n            [class.icon]=\"!computedDisabled\"\n            [src]=\"calendarIcon\"\n            (click)=\"onMobileClick()\"\n        ></tui-svg>\n    </ng-template>\n\n    <ng-template #iconContent>\n        <tui-svg\n            [class.icon]=\"!computedDisabled\"\n            [src]=\"calendarIcon\"\n        ></tui-svg>\n    </ng-template>\n\n    <ng-template #dropdown=\"polymorpheus\" polymorpheus>\n        <tui-calendar\n            tuiPreventDefault=\"mousedown\"\n            automation-id=\"tui-input-date__calendar\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [markerHandler]=\"markerHandler\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [month]=\"computedActiveYearMonth\"\n            [value]=\"value\"\n            (dayClick)=\"onDayClick($event)\"\n            (monthChange)=\"onMonthChange($event)\"\n        ></tui-calendar>\n        <div\n            *ngIf=\"items.length === 1\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"button\"\n        >\n            <button tuiLink type=\"button\" (click)=\"onDayClick(items[0].day)\">\n                {{ items[0] }}\n            </button>\n        </div>\n    </ng-template>\n</tui-hosted-dropdown>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
-        providers: [
-            {
-                provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                useExisting: forwardRef(() => TuiInputDateComponent_1),
-            },
-            {
-                provide: TUI_CALENDAR_DATA_STREAM,
-                deps: [
-                    [new Optional(), new Self(), NgControl],
-                    [new Optional(), forwardRef(() => TUI_DATE_VALUE_TRANSFORMER)],
-                ],
-                useFactory: DATE_STREAM_FACTORY,
-            },
-            LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
-        ],
+        providers: TUI_INPUT_DATE_PROVIDERS,
         styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.icon{pointer-events:auto}.button{display:flex;height:2.75rem;justify-content:center;box-shadow:inset 0 1px var(--tui-base-03)}.button button{flex:1;text-align:center}"]
     }),
     __param(0, Optional()),
@@ -242,6 +247,30 @@ TuiInputDateComponent = TuiInputDateComponent_1 = __decorate([
     __param(10, Inject(TUI_DATE_VALUE_TRANSFORMER))
 ], TuiInputDateComponent);
 
+var TuiInputDateDirective_1;
+let TuiInputDateDirective = TuiInputDateDirective_1 = class TuiInputDateDirective extends TuiAbstractTextfieldHost {
+    get value() {
+        return this.host.computedValue;
+    }
+    onValueChange(value) {
+        this.host.onValueChange(value);
+    }
+    process(input) {
+        input.inputMode = 'numeric';
+    }
+};
+TuiInputDateDirective = TuiInputDateDirective_1 = __decorate([
+    Directive({
+        selector: 'tui-input-date',
+        providers: [
+            {
+                provide: TUI_TEXTFIELD_HOST,
+                useExisting: forwardRef(() => TuiInputDateDirective_1),
+            },
+        ],
+    })
+], TuiInputDateDirective);
+
 let TuiInputDateModule = class TuiInputDateModule {
 };
 TuiInputDateModule = __decorate([
@@ -260,8 +289,8 @@ TuiInputDateModule = __decorate([
             TuiLetModule,
             TuiTextfieldControllerModule,
         ],
-        declarations: [TuiInputDateComponent],
-        exports: [TuiInputDateComponent],
+        declarations: [TuiInputDateComponent, TuiInputDateDirective],
+        exports: [TuiInputDateComponent, TuiInputDateDirective, TuiTextfieldComponent],
     })
 ], TuiInputDateModule);
 
@@ -269,5 +298,5 @@ TuiInputDateModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { DATE_STREAM_FACTORY, TuiInputDateComponent, TuiInputDateModule };
+export { DATE_STREAM_FACTORY, TUI_INPUT_DATE_PROVIDERS, TuiInputDateComponent, TuiInputDateDirective, TuiInputDateModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-date.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-date.js","sources":["ng://@taiga-ui/kit/components/input-date/input-date.component.ts","ng://@taiga-ui/kit/components/input-date/input-date.module.ts","ng://@taiga-ui/kit/components/input-date/taiga-ui-kit-components-input-date.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\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    changeDateSeparator,\n    DATE_FILLER_LENGTH,\n    nullableSame,\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    TuiControlValueTransformer,\n    TuiDateMode,\n    TuiDay,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_DEFAULT_MARKER_HANDLER,\n    TUI_TEXTFIELD_SIZE,\n    TuiDialogService,\n    TuiMarkerHandler,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TuiNamedDay} from '@taiga-ui/kit/classes';\nimport {EMPTY_MASK} 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_DATE_VALUE_TRANSFORMER,\n    TUI_MOBILE_CALENDAR,\n} from '@taiga-ui/kit/tokens';\nimport {\n    tuiCreateAutoCorrectedDatePipe,\n    tuiCreateDateMask,\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 {map, takeUntil} from 'rxjs/operators';\n\n// TODO: remove in ivy compilation\nexport const DATE_STREAM_FACTORY = (\n    control: NgControl | null,\n    valueTransformer: TuiControlValueTransformer<TuiDay>,\n) => TuiReplayControlValueChangesFactory(control, valueTransformer);\n\n// @dynamic\n@Component({\n    selector: 'tui-input-date',\n    templateUrl: './input-date.template.html',\n    styleUrls: ['./input-date.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputDateComponent),\n        },\n        {\n            provide: TUI_CALENDAR_DATA_STREAM,\n            deps: [\n                [new Optional(), new Self(), NgControl],\n                [new Optional(), forwardRef(() => TUI_DATE_VALUE_TRANSFORMER)],\n            ],\n            useFactory: DATE_STREAM_FACTORY,\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputDateComponent\n    extends AbstractTuiNullableControl<TuiDay>\n    implements TuiWithOptionalMinMax<TuiDay>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private month: TuiMonth | null = null;\n\n    private readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: tuiCreateDateMask(this.dateFormat, this.dateSeparator),\n        pipe: tuiCreateAutoCorrectedDatePipe(this),\n        guide: false,\n    };\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    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    markerHandler: TuiMarkerHandler = TUI_DEFAULT_MARKER_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<TuiNamedDay> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    defaultActiveYearMonth = TuiMonth.currentLocal();\n\n    open = false;\n    readonly filler$ = this.dateTexts$.pipe(\n        map(dateTexts =>\n            changeDateSeparator(dateTexts[this.dateFormat], this.dateSeparator),\n        ),\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_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        @Optional()\n        @Inject(TUI_DATE_VALUE_TRANSFORMER)\n        readonly valueTransformer: TuiControlValueTransformer<TuiDay | null> | null,\n    ) {\n        super(control, changeDetectorRef, valueTransformer);\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 computedValue(): string {\n        const {value, nativeValue, activeItem} = this;\n\n        if (activeItem) {\n            return String(activeItem);\n        }\n\n        return value ? value.toString(this.dateFormat, this.dateSeparator) : nativeValue;\n    }\n\n    get computedActiveYearMonth(): TuiMonth {\n        if (this.items[0] && this.value && this.value.daySame(this.items[0].day)) {\n            return this.items[0].displayDay;\n        }\n\n        return this.month || this.value || this.defaultActiveYearMonth;\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    get canOpen(): boolean {\n        return this.interactive && !this.computedMobile;\n    }\n\n    get computedMask(): TuiTextMaskOptions {\n        return this.activeItem ? EMPTY_MASK : this.textMaskOptions;\n    }\n\n    get activeItem(): TuiNamedDay | null {\n        const {value} = this;\n\n        return (value && this.items.find(item => item.day.daySame(value))) || null;\n    }\n\n    @HostListener('click')\n    onClick() {\n        if (!this.isMobile) {\n            this.open = !this.open;\n        }\n    }\n\n    getComputedFiller(filler: string): string {\n        return this.activeItem ? '' : filler;\n    }\n\n    onMobileClick() {\n        if (!this.mobileCalendar) {\n            this.open = !this.open;\n\n            return;\n        }\n\n        this.dialogService\n            .open<TuiDay>(new PolymorpheusComponent(this.mobileCalendar, this.injector), {\n                size: 'fullscreen',\n                closeable: false,\n                data: {\n                    single: true,\n                    min: this.min,\n                    max: this.max,\n                    disabledItemHandler: this.disabledItemHandler,\n                },\n            })\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(value => {\n                this.updateValue(value);\n            });\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        this.updateValue(\n            value.length !== DATE_FILLER_LENGTH\n                ? null\n                : TuiDay.normalizeParse(value, this.dateFormat),\n        );\n    }\n\n    onDayClick(value: TuiDay) {\n        this.updateValue(value);\n        this.open = false;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onMonthChange(month: TuiMonth) {\n        this.month = month;\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    writeValue(value: TuiDay | null) {\n        super.writeValue(value);\n        this.nativeValue = value ? this.computedValue : '';\n    }\n\n    protected valueIdenticalComparator(\n        oldValue: TuiDay | null,\n        newValue: TuiDay | null,\n    ): boolean {\n        return nullableSame(oldValue, newValue, (a, b) => a.daySame(b));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLetModule, TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiCalendarModule,\n    TuiHostedDropdownModule,\n    TuiLinkModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\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 {TuiInputDateComponent} from './input-date.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        PolymorpheusModule,\n        TuiPreventDefaultModule,\n        TuiCalendarModule,\n        TuiSvgModule,\n        TuiLinkModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiValueAccessorModule,\n        TuiLetModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputDateComponent],\n    exports: [TuiInputDateComponent],\n})\nexport class TuiInputDateModule {}\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.js","sources":["ng://@taiga-ui/kit/components/input-date/input-date.providers.ts","ng://@taiga-ui/kit/components/input-date/input-date.component.ts","ng://@taiga-ui/kit/components/input-date/input-date.directive.ts","ng://@taiga-ui/kit/components/input-date/input-date.module.ts","ng://@taiga-ui/kit/components/input-date/taiga-ui-kit-components-input-date.ts"],"sourcesContent":["import {forwardRef, Optional, Self} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiControlValueTransformer,\n    TuiDay,\n} from '@taiga-ui/cdk';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TUI_CALENDAR_DATA_STREAM, TUI_DATE_VALUE_TRANSFORMER} from '@taiga-ui/kit/tokens';\nimport {TuiReplayControlValueChangesFactory} from '@taiga-ui/kit/utils/miscellaneous';\n\nimport {TuiInputDateComponent} from './input-date.component';\n\n// TODO: remove in ivy compilation\nexport const DATE_STREAM_FACTORY = (\n    control: NgControl | null,\n    valueTransformer: TuiControlValueTransformer<TuiDay>,\n) => TuiReplayControlValueChangesFactory(control, valueTransformer);\n\nexport const TUI_INPUT_DATE_PROVIDERS = [\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputDateComponent),\n    },\n    {\n        provide: TUI_CALENDAR_DATA_STREAM,\n        deps: [\n            [new Optional(), new Self(), NgControl],\n            [new Optional(), TUI_DATE_VALUE_TRANSFORMER],\n        ],\n        useFactory: DATE_STREAM_FACTORY,\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiInputDateComponent),\n    },\n    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\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    changeDateSeparator,\n    DATE_FILLER_LENGTH,\n    nullableSame,\n    TUI_DATE_FORMAT,\n    TUI_DATE_SEPARATOR,\n    TUI_FIRST_DAY,\n    TUI_IS_MOBILE,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    TuiControlValueTransformer,\n    TuiDateMode,\n    TuiDay,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_DEFAULT_MARKER_HANDLER,\n    TUI_TEXTFIELD_SIZE,\n    TuiDialogService,\n    TuiMarkerHandler,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TuiNamedDay} from '@taiga-ui/kit/classes';\nimport {EMPTY_MASK} from '@taiga-ui/kit/constants';\nimport {\n    TUI_DATE_TEXTS,\n    TUI_DATE_VALUE_TRANSFORMER,\n    TUI_MOBILE_CALENDAR,\n} from '@taiga-ui/kit/tokens';\nimport {\n    tuiCreateAutoCorrectedDatePipe,\n    tuiCreateDateMask,\n} from '@taiga-ui/kit/utils/mask';\nimport {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {map, takeUntil} from 'rxjs/operators';\n\nimport {TUI_INPUT_DATE_PROVIDERS} from './input-date.providers';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-date',\n    templateUrl: './input-date.template.html',\n    styleUrls: ['./input-date.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_INPUT_DATE_PROVIDERS,\n})\nexport class TuiInputDateComponent\n    extends AbstractTuiNullableControl<TuiDay>\n    implements TuiWithOptionalMinMax<TuiDay>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private month: TuiMonth | null = null;\n\n    private readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: tuiCreateDateMask(this.dateFormat, this.dateSeparator),\n        pipe: tuiCreateAutoCorrectedDatePipe(this),\n        guide: false,\n    };\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    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    markerHandler: TuiMarkerHandler = TUI_DEFAULT_MARKER_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<TuiNamedDay> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    defaultActiveYearMonth = TuiMonth.currentLocal();\n\n    open = false;\n    readonly filler$ = this.dateTexts$.pipe(\n        map(dateTexts =>\n            changeDateSeparator(dateTexts[this.dateFormat], this.dateSeparator),\n        ),\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_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        @Optional()\n        @Inject(TUI_DATE_VALUE_TRANSFORMER)\n        readonly valueTransformer: TuiControlValueTransformer<TuiDay | null> | null,\n    ) {\n        super(control, changeDetectorRef, valueTransformer);\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 computedValue(): string {\n        const {value, nativeValue, activeItem} = this;\n\n        if (activeItem) {\n            return String(activeItem);\n        }\n\n        return value ? value.toString(this.dateFormat, this.dateSeparator) : nativeValue;\n    }\n\n    get computedActiveYearMonth(): TuiMonth {\n        if (this.items[0] && this.value && this.value.daySame(this.items[0].day)) {\n            return this.items[0].displayDay;\n        }\n\n        return this.month || this.value || this.defaultActiveYearMonth;\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    get canOpen(): boolean {\n        return this.interactive && !this.computedMobile;\n    }\n\n    get computedMask(): TuiTextMaskOptions {\n        return this.activeItem ? EMPTY_MASK : this.textMaskOptions;\n    }\n\n    get activeItem(): TuiNamedDay | null {\n        const {value} = this;\n\n        return (value && this.items.find(item => item.day.daySame(value))) || null;\n    }\n\n    @HostListener('click')\n    onClick() {\n        if (!this.isMobile) {\n            this.open = !this.open;\n        }\n    }\n\n    getComputedFiller(filler: string): string {\n        return this.activeItem ? '' : filler;\n    }\n\n    onMobileClick() {\n        if (!this.mobileCalendar) {\n            this.open = !this.open;\n\n            return;\n        }\n\n        this.dialogService\n            .open<TuiDay>(new PolymorpheusComponent(this.mobileCalendar, this.injector), {\n                size: 'fullscreen',\n                closeable: false,\n                data: {\n                    single: true,\n                    min: this.min,\n                    max: this.max,\n                    disabledItemHandler: this.disabledItemHandler,\n                },\n            })\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(value => {\n                this.updateValue(value);\n            });\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        this.updateValue(\n            value.length !== DATE_FILLER_LENGTH\n                ? null\n                : TuiDay.normalizeParse(value, this.dateFormat),\n        );\n    }\n\n    onDayClick(value: TuiDay) {\n        this.updateValue(value);\n        this.open = false;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onMonthChange(month: TuiMonth) {\n        this.month = month;\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    writeValue(value: TuiDay | null) {\n        super.writeValue(value);\n        this.nativeValue = value ? this.computedValue : '';\n    }\n\n    protected valueIdenticalComparator(\n        oldValue: TuiDay | null,\n        newValue: TuiDay | null,\n    ): boolean {\n        return nullableSame(oldValue, newValue, (a, b) => a.daySame(b));\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputDateComponent} from './input-date.component';\n\n@Directive({\n    selector: 'tui-input-date',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputDateDirective),\n        },\n    ],\n})\nexport class TuiInputDateDirective extends TuiAbstractTextfieldHost<TuiInputDateComponent> {\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 = 'numeric';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLetModule, TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiCalendarModule,\n    TuiHostedDropdownModule,\n    TuiLinkModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\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 {TuiInputDateComponent} from './input-date.component';\nimport {TuiInputDateDirective} from './input-date.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        PolymorpheusModule,\n        TuiPreventDefaultModule,\n        TuiCalendarModule,\n        TuiSvgModule,\n        TuiLinkModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiValueAccessorModule,\n        TuiLetModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputDateComponent, TuiInputDateDirective],\n    exports: [TuiInputDateComponent, TuiInputDateDirective, TuiTextfieldComponent],\n})\nexport class TuiInputDateModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAcA;MACa,mBAAmB,GAAG,CAC/B,OAAyB,EACzB,gBAAoD,KACnD,mCAAmC,CAAC,OAAO,EAAE,gBAAgB,EAAE;MAEvD,wBAAwB,GAAG;IACpC;QACI,OAAO,EAAE,2BAA2B;QACpC,WAAW,EAAE,UAAU,CAAC,MAAM,qBAAqB,CAAC;KACvD;IACD;QACI,OAAO,EAAE,wBAAwB;QACjC,IAAI,EAAE;YACF,CAAC,IAAI,QAAQ,EAAE,EAAE,IAAI,IAAI,EAAE,EAAE,SAAS,CAAC;YACvC,CAAC,IAAI,QAAQ,EAAE,EAAE,0BAA0B,CAAC;SAC/C;QACD,UAAU,EAAE,mBAAmB;KAClC;IACD;QACI,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,UAAU,CAAC,MAAM,qBAAqB,CAAC;KACvD;IACD,yCAAyC;;;ACwB7C;IAQa,qBAAqB,GAAlC,MAAa,qBACT,SAAQ,0BAAkC;IA6C1C,YAII,OAAyB,EACE,iBAAoC,EAC5B,QAAkB,EACb,QAAiB,EACd,aAA+B,EAGzD,cAAgC,EAEhC,aAAwC,EACvB,UAAuB,EACpB,aAAqB,EAEjD,UAAmD,EAGnD,gBAAkE;QAE3E,KAAK,CAAC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;QAhBjB,aAAQ,GAAR,QAAQ,CAAU;QACb,aAAQ,GAAR,QAAQ,CAAS;QACd,kBAAa,GAAb,aAAa,CAAkB;QAGzD,mBAAc,GAAd,cAAc,CAAkB;QAEhC,kBAAa,GAAb,aAAa,CAA2B;QACvB,eAAU,GAAV,UAAU,CAAa;QACpB,kBAAa,GAAb,aAAa,CAAQ;QAEjD,eAAU,GAAV,UAAU,CAAyC;QAGnD,qBAAgB,GAAhB,gBAAgB,CAAkD;QA3DvE,UAAK,GAAoB,IAAI,CAAC;QAErB,oBAAe,GAAuB;YACnD,IAAI,EAAE,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC;YAC5D,IAAI,EAAE,8BAA8B,CAAC,IAAI,CAAC;YAC1C,KAAK,EAAE,KAAK;SACf,CAAC;QAIF,QAAG,GAAG,aAAa,CAAC;QAIpB,QAAG,GAAG,YAAY,CAAC;QAInB,wBAAmB,GAA8B,oBAAoB,CAAC;QAItE,kBAAa,GAAqB,0BAA0B,CAAC;QAI7D,UAAK,GAA+B,EAAE,CAAC;QAIvC,2BAAsB,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC;QAEjD,SAAI,GAAG,KAAK,CAAC;QACJ,YAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CACnC,GAAG,CAAC,SAAS,IACT,mBAAmB,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CACtE,CACJ,CAAC;KAyBD;IAED,IAAI,sBAAsB;QACtB,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,sBAAsB,GAAG,IAAI,CAAC;KACxE;IAED,IAAI,OAAO;QACP,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;KACrD;IAED,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;KACjD;IAED,IAAI,YAAY;QACZ,OAAO,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;cACpC,sBAAsB;cACtB,iBAAiB,CAAC;KAC3B;IAED,IAAI,aAAa;QACb,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAC,GAAG,IAAI,CAAC;QAE9C,IAAI,UAAU,EAAE;YACZ,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC;SAC7B;QAED,OAAO,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,WAAW,CAAC;KACpF;IAED,IAAI,uBAAuB;QACvB,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YACtE,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;SACnC;QAED,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,sBAAsB,CAAC;KAClE;IAED,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,GAAG,EAAE,CAAC;KAC/E;IAED,IAAI,WAAW,CAAC,KAAa;QACzB,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;YAC9B,OAAO;SACV;QAED,IAAI,CAAC,sBAAsB,CAAC,KAAK,GAAG,KAAK,CAAC;KAC7C;IAED,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;KACnD;IAED,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC;KAC9D;IAED,IAAI,UAAU;QACV,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC;QAErB,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC;KAC9E;IAGD,OAAO;QACH,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAChB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;SAC1B;KACJ;IAED,iBAAiB,CAAC,MAAc;QAC5B,OAAO,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,MAAM,CAAC;KACxC;IAED,aAAa;QACT,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;YAEvB,OAAO;SACV;QAED,IAAI,CAAC,aAAa;aACb,IAAI,CAAS,IAAI,qBAAqB,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE;YACzE,IAAI,EAAE,YAAY;YAClB,SAAS,EAAE,KAAK;YAChB,IAAI,EAAE;gBACF,MAAM,EAAE,IAAI;gBACZ,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;aAChD;SACJ,CAAC;aACD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC9B,SAAS,CAAC,KAAK;YACZ,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAC3B,CAAC,CAAC;KACV;IAED,aAAa,CAAC,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,CAAC,WAAW,CACZ,KAAK,CAAC,MAAM,KAAK,kBAAkB;cAC7B,IAAI;cACJ,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CACtD,CAAC;KACL;IAED,UAAU,CAAC,KAAa;QACpB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACrB;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,aAAa,CAAC,KAAe;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;IAED,YAAY,CAAC,IAAa;QACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KACpB;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,gBAAgB;QACZ,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACrB;IAED,UAAU,CAAC,KAAoB;QAC3B,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;KACtD;IAES,wBAAwB,CAC9B,QAAuB,EACvB,QAAuB;QAEvB,OAAO,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;KACnE;EACJ;;YA3KgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;YAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;YACoB,QAAQ,uBAApD,MAAM,SAAC,QAAQ;0CACf,MAAM,SAAC,aAAa;YACqC,gBAAgB,uBAAzE,MAAM,SAAC,gBAAgB;YAGS,IAAI,uBAFpC,QAAQ,YACR,MAAM,SAAC,mBAAmB;YAGK,yBAAyB,uBADxD,MAAM,SAAC,kBAAkB;4CAEzB,MAAM,SAAC,eAAe;yCACtB,MAAM,SAAC,kBAAkB;YAEL,UAAU,uBAD9B,MAAM,SAAC,cAAc;4CAErB,QAAQ,YACR,MAAM,SAAC,0BAA0B;;AA5DtC;IADC,SAAS,CAAC,8BAA8B,CAAC;wDACkB;AAY5D;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;kDACG;AAIpB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;kDACE;AAInB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;kEACqD;AAItE;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;4DAC4C;AAI7D;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDACsB;AAIvC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qEACgC;AAiGjD;IADC,YAAY,CAAC,OAAO,CAAC;oDAKrB;AA1IQ,qBAAqB;IAPjC,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,u+EAAyC;QAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE,wBAAwB;;KACtC,CAAC;IAgDO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;IAChB,WAAA,MAAM,CAAC,aAAa,CAAC,CAAA;IACrB,WAAA,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACxB,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,MAAM,CAAC,mBAAmB,CAAC,CAAA;IAE3B,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;IAE1B,WAAA,MAAM,CAAC,eAAe,CAAC,CAAA;IACvB,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;IAC1B,WAAA,MAAM,CAAC,cAAc,CAAC,CAAA;IAEtB,YAAA,QAAQ,EAAE,CAAA;IACV,YAAA,MAAM,CAAC,0BAA0B,CAAC,CAAA;GAjE9B,qBAAqB,CA6NjC;;;ICpRY,qBAAqB,6BAAlC,MAAa,qBAAsB,SAAQ,wBAA+C;IACtF,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;KAClC;IAED,aAAa,CAAC,KAAa;QACvB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAClC;IAED,OAAO,CAAC,KAAuB;QAC3B,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;KAC/B;EACJ;AAZY,qBAAqB;IATjC,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,MAAM,uBAAqB,CAAC;aACvD;SACJ;KACJ,CAAC;GACW,qBAAqB,CAYjC;;ICWY,kBAAkB,GAA/B,MAAa,kBAAkB;EAAG;AAArB,kBAAkB;IAlB9B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,cAAc;YACd,kBAAkB;YAClB,uBAAuB;YACvB,iBAAiB;YACjB,YAAY;YACZ,aAAa;YACb,uBAAuB;YACvB,2BAA2B;YAC3B,sBAAsB;YACtB,YAAY;YACZ,4BAA4B;SAC/B;QACD,YAAY,EAAE,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;QAC5D,OAAO,EAAE,CAAC,qBAAqB,EAAE,qBAAqB,EAAE,qBAAqB,CAAC;KACjF,CAAC;GACW,kBAAkB,CAAG;;ACrClC;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl, FormsModule } from '@angular/forms';
 import { AbstractTuiControl, isNativeFocused, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiFocusableModule, TuiFocusedModule } from '@taiga-ui/cdk';
 import { TUI_VALUE_ACCESSOR_PROVIDER } from '@taiga-ui/kit/providers';
@@ -21,12 +21,6 @@ let TuiInputInlineComponent = TuiInputInlineComponent_1 = class TuiInputInlineCo
     get hasValue() {
         return this.value !== '';
     }
-    get maskedValue() {
-        var _a;
-        return ((_a = this.native) === null || _a === void 0 ? void 0 : _a.nativeElement.value) && this.value
-            ? this.native.nativeElement.value
-            : String(this.value);
-    }
     onValueChange(value) {
         this.updateValue(value);
     }
@@ -48,13 +42,10 @@ __decorate([
     Input(),
     tuiDefaultProp()
 ], TuiInputInlineComponent.prototype, "maxLength", void 0);
-__decorate([
-    HostBinding('attr.data-value')
-], TuiInputInlineComponent.prototype, "maskedValue", null);
 TuiInputInlineComponent = TuiInputInlineComponent_1 = __decorate([
     Component({
         selector: 'tui-input-inline',
-        template: "<span\n    *ngIf=\"!hasValue\"\n    automation-id=\"tui-input-inline__placeholder\"\n    class=\"t-placeholder\"\n>\n    <ng-content></ng-content>\n</span>\n\n<input\n    #native\n    automation-id=\"tui-input-inline__native\"\n    type=\"text\"\n    tuiMaskAccessor\n    class=\"t-native\"\n    [attr.maxLength]=\"maxLength\"\n    [id]=\"id\"\n    [disabled]=\"computedDisabled\"\n    [readOnly]=\"readOnly\"\n    [tuiFocusable]=\"focusable\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (tuiFocusedChange)=\"onFocused($event)\"\n/>\n",
+        template: "<span class=\"t-before\">{{ value }}</span>\n\n<span\n    *ngIf=\"!hasValue\"\n    automation-id=\"tui-input-inline__placeholder\"\n    class=\"t-placeholder\"\n>\n    <ng-content></ng-content>\n</span>\n\n<input\n    #native\n    automation-id=\"tui-input-inline__native\"\n    type=\"text\"\n    tuiMaskAccessor\n    class=\"t-native\"\n    [attr.maxLength]=\"maxLength\"\n    [id]=\"id\"\n    [disabled]=\"computedDisabled\"\n    [readOnly]=\"readOnly\"\n    [tuiFocusable]=\"focusable\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (tuiFocusedChange)=\"onFocused($event)\"\n/>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             TUI_VALUE_ACCESSOR_PROVIDER,
@@ -63,7 +54,7 @@ TuiInputInlineComponent = TuiInputInlineComponent_1 = __decorate([
                 useExisting: forwardRef(() => TuiInputInlineComponent_1),
             },
         ],
-        styles: [":host{position:relative;display:inline-block;overflow:hidden;white-space:nowrap;box-sizing:border-box}:host:before{content:attr(data-value);padding-right:.02em;margin-left:1px;visibility:hidden;white-space:pre}.t-placeholder{margin-left:-1px}.t-native{position:absolute;top:0;left:0;background-color:transparent;padding:inherit;font:inherit;color:inherit;box-sizing:border-box;width:100%;height:100%;border-width:0;text-align:inherit;letter-spacing:inherit;text-indent:inherit;text-transform:inherit;outline:0}"]
+        styles: [":host{position:relative;display:inline-block;overflow:hidden;white-space:nowrap;box-sizing:border-box}.t-before{padding-right:.02em;margin-left:1px;visibility:hidden;white-space:pre}.t-placeholder{margin-left:-1px}.t-native{position:absolute;top:0;left:0;background-color:transparent;padding:inherit;font:inherit;color:inherit;box-sizing:border-box;width:100%;height:100%;border-width:0;text-align:inherit;letter-spacing:inherit;text-indent:inherit;text-transform:inherit;outline:0}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-inline.js","sources":["ng://@taiga-ui/kit/components/input-inline/input-inline.component.ts","ng://@taiga-ui/kit/components/input-inline/input-inline.module.ts","ng://@taiga-ui/kit/components/input-inline/taiga-ui-kit-components-input-inline.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {TUI_VALUE_ACCESSOR_PROVIDER} from '@taiga-ui/kit/providers';\n\n@Component({\n    selector: 'tui-input-inline',\n    templateUrl: './input-inline.template.html',\n    styleUrls: ['./input-inline.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        TUI_VALUE_ACCESSOR_PROVIDER,\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputInlineComponent),\n        },\n    ],\n})\nexport class TuiInputInlineComponent\n    extends AbstractTuiControl<string | number>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('native')\n    private readonly native?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    maxLength: number | null = null;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return !this.native ? null : this.native.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get hasValue(): boolean {\n        return this.value !== '';\n    }\n\n    @HostBinding('attr.data-value')\n    get maskedValue(): string {\n        return this.native?.nativeElement.value && this.value\n            ? this.native.nativeElement.value\n            : String(this.value);\n    }\n\n    onValueChange(value: string) {\n        this.updateValue(value);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiFocusableModule, TuiFocusedModule} from '@taiga-ui/cdk';\nimport {TuiMaskAccessorModule} from '@taiga-ui/core';\n\nimport {TuiInputInlineComponent} from './input-inline.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiMaskAccessorModule,\n    ],\n    declarations: [TuiInputInlineComponent],\n    exports: [TuiInputInlineComponent],\n})\nexport class TuiInputInlineModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;IAqCa,uBAAuB,+BAApC,MAAa,uBACT,SAAQ,kBAAmC;IAU3C,YAII,OAAyB,EACE,iBAAoC;QAE/D,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QATtC,cAAS,GAAkB,IAAI,CAAC;KAU/B;IAED,IAAI,sBAAsB;QACtB,OAAO,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;KAC1D;IAED,IAAI,OAAO;QACP,OAAO,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;KACvD;IAED,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;KAC5B;IAGD,IAAI,WAAW;;QACX,OAAO,OAAA,IAAI,CAAC,MAAM,0CAAE,aAAa,CAAC,KAAK,KAAI,IAAI,CAAC,KAAK;cAC/C,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK;cAC/B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC5B;IAED,aAAa,CAAC,KAAa;QACvB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KAC3B;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAES,gBAAgB;QACtB,OAAO,EAAE,CAAC;KACb;EACJ;;YApCgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;YAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;;AAX7B;IADC,SAAS,CAAC,QAAQ,CAAC;uDACmC;AAIvD;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;0DACe;AAyBhC;IADC,WAAW,CAAC,iBAAiB,CAAC;0DAK9B;AAtCQ,uBAAuB;IAbnC,SAAS,CAAC;QACP,QAAQ,EAAE,kBAAkB;QAC5B,mkBAA2C;QAE3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP,2BAA2B;YAC3B;gBACI,OAAO,EAAE,2BAA2B;gBACpC,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAuB,CAAC;aACzD;SACJ;;KACJ,CAAC;IAaO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;GAhBrB,uBAAuB,CAmDnC;;ICrEY,oBAAoB,GAAjC,MAAa,oBAAoB;EAAG;AAAvB,oBAAoB;IAXhC,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,kBAAkB;YAClB,gBAAgB;YAChB,qBAAqB;SACxB;QACD,YAAY,EAAE,CAAC,uBAAuB,CAAC;QACvC,OAAO,EAAE,CAAC,uBAAuB,CAAC;KACrC,CAAC;GACW,oBAAoB,CAAG;;ACnBpC;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-input-inline.js","sources":["ng://@taiga-ui/kit/components/input-inline/input-inline.component.ts","ng://@taiga-ui/kit/components/input-inline/input-inline.module.ts","ng://@taiga-ui/kit/components/input-inline/taiga-ui-kit-components-input-inline.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\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    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {TUI_VALUE_ACCESSOR_PROVIDER} from '@taiga-ui/kit/providers';\n\n@Component({\n    selector: 'tui-input-inline',\n    templateUrl: './input-inline.template.html',\n    styleUrls: ['./input-inline.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        TUI_VALUE_ACCESSOR_PROVIDER,\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputInlineComponent),\n        },\n    ],\n})\nexport class TuiInputInlineComponent\n    extends AbstractTuiControl<string | number>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('native')\n    private readonly native?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    maxLength: number | null = null;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return !this.native ? null : this.native.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get hasValue(): boolean {\n        return this.value !== '';\n    }\n\n    onValueChange(value: string) {\n        this.updateValue(value);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiFocusableModule, TuiFocusedModule} from '@taiga-ui/cdk';\nimport {TuiMaskAccessorModule} from '@taiga-ui/core';\n\nimport {TuiInputInlineComponent} from './input-inline.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiMaskAccessorModule,\n    ],\n    declarations: [TuiInputInlineComponent],\n    exports: [TuiInputInlineComponent],\n})\nexport class TuiInputInlineModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;IAoCa,uBAAuB,+BAApC,MAAa,uBACT,SAAQ,kBAAmC;IAU3C,YAII,OAAyB,EACE,iBAAoC;QAE/D,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QATtC,cAAS,GAAkB,IAAI,CAAC;KAU/B;IAED,IAAI,sBAAsB;QACtB,OAAO,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;KAC1D;IAED,IAAI,OAAO;QACP,OAAO,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;KACvD;IAED,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;KAC5B;IAED,aAAa,CAAC,KAAa;QACvB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KAC3B;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAES,gBAAgB;QACtB,OAAO,EAAE,CAAC;KACb;EACJ;;YA7BgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;YAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;;AAX7B;IADC,SAAS,CAAC,QAAQ,CAAC;uDACmC;AAIvD;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;0DACe;AATvB,uBAAuB;IAbnC,SAAS,CAAC;QACP,QAAQ,EAAE,kBAAkB;QAC5B,knBAA2C;QAE3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP,2BAA2B;YAC3B;gBACI,OAAO,EAAE,2BAA2B;gBACpC,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAuB,CAAC;aACzD;SACJ;;KACJ,CAAC;IAaO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;GAhBrB,uBAAuB,CA4CnC;;IC7DY,oBAAoB,GAAjC,MAAa,oBAAoB;EAAG;AAAvB,oBAAoB;IAXhC,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,kBAAkB;YAClB,gBAAgB;YAChB,qBAAqB;SACxB;QACD,YAAY,EAAE,CAAC,uBAAuB,CAAC;QACvC,OAAO,EAAE,CAAC,uBAAuB,CAAC;KACrC,CAAC;GACW,oBAAoB,CAAG;;ACnBpC;;;;;;"}

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

@@ -1,19 +1,34 @@
 import { __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, Component, forwardRef, ChangeDetectionStrategy, 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, TuiMonthRange, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiPreventDefaultModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { sizeBigger, TUI_MONTHS, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiSvgModule } from '@taiga-ui/core';
-import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
-import { Observable } from 'rxjs';
+import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, AbstractTuiNullableControl, TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, TuiMonthRange, tuiDefaultProp, TuiDestroyService, TuiPreventDefaultModule, TuiActiveZoneModule, 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, combineLatest, 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 TuiInputMonthRangeComponent_1;
+const TUI_INPUT_MONTH_RANGE_PROVIDERS = [
+    {
+        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+        useExisting: forwardRef(() => TuiInputMonthRangeComponent),
+    },
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(() => TuiInputMonthRangeComponent),
+    },
+    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
+    TUI_MONTH_FORMATTER_PROVIDER,
+    TuiMonthPipe,
+];
+
 // @dynamic
-let TuiInputMonthRangeComponent = TuiInputMonthRangeComponent_1 = class TuiInputMonthRangeComponent extends AbstractTuiNullableControl {
-    constructor(control, changeDetectorRef, months$, textfieldSize) {
+let TuiInputMonthRangeComponent = class TuiInputMonthRangeComponent extends AbstractTuiNullableControl {
+    constructor(control, changeDetectorRef, formatter, textfieldSize) {
         super(control, changeDetectorRef);
-        this.months$ = months$;
+        this.formatter = formatter;
         this.textfieldSize = textfieldSize;
         this.min = TUI_FIRST_DAY;
         this.max = TUI_LAST_DAY;
@@ -31,18 +46,16 @@ let TuiInputMonthRangeComponent = TuiInputMonthRangeComponent_1 = class TuiInput
             ? 'tuiIconCalendarLarge'
             : 'tuiIconCalendar';
     }
-    computeValue(value, focused, months) {
-        if (value === null) {
-            return '';
-        }
-        const formattedValueTo = !value.isSingleMonth || !focused ? this.formatMonth(value.to, months) : '';
-        return `${this.formatMonth(value.from, months)} — ${formattedValueTo}`;
+    computeValue(from, to) {
+        const formattedTo = from === to && this.focused ? '' : to;
+        return `${from} — ${formattedTo}`;
     }
     onValueChange(value) {
-        if (value === '') {
-            this.updateValue(null);
-            this.onOpenChange(true);
+        if (value) {
+            return;
         }
+        this.updateValue(null);
+        this.onOpenChange(true);
     }
     onMonthClick(month) {
         if (this.value === null || !this.value.isSingleMonth) {
@@ -71,9 +84,6 @@ let TuiInputMonthRangeComponent = TuiInputMonthRangeComponent_1 = class TuiInput
         super.setDisabledState();
         this.close();
     }
-    formatMonth({ month, formattedYear }, months) {
-        return `${months[month]} ${formattedYear}`;
-    }
     close() {
         this.open = false;
     }
@@ -81,7 +91,7 @@ let TuiInputMonthRangeComponent = TuiInputMonthRangeComponent_1 = class TuiInput
 TuiInputMonthRangeComponent.ctorParameters = () => [
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
     { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-    { type: Observable, decorators: [{ type: Inject, args: [TUI_MONTHS,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [TUI_MONTH_FORMATTER,] }] },
     { type: TuiTextfieldSizeDirective, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_SIZE,] }] }
 ];
 __decorate([
@@ -99,17 +109,11 @@ __decorate([
     Input(),
     tuiDefaultProp()
 ], TuiInputMonthRangeComponent.prototype, "disabledItemHandler", void 0);
-TuiInputMonthRangeComponent = TuiInputMonthRangeComponent_1 = __decorate([
+TuiInputMonthRangeComponent = __decorate([
     Component({
         selector: 'tui-input-month-range',
-        template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"dropdown\"\n    [open]=\"open && interactive\"\n    (openChange)=\"onOpenChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        *ngIf=\"months$ | async as months\"\n        class=\"textfield\"\n        [editable]=\"false\"\n        [disabled]=\"disabled\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"calendarIcon\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [value]=\"computeValue(value, focused, months)\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #dropdown>\n        <tui-calendar-month\n            tuiPreventDefault=\"mousedown\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [value]=\"value\"\n            (monthClick)=\"onMonthClick($event)\"\n        ></tui-calendar-month>\n    </ng-template>\n</tui-hosted-dropdown>\n",
-        providers: [
-            {
-                provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                useExisting: forwardRef(() => TuiInputMonthRangeComponent_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    (tuiActiveZoneChange)=\"onActiveZone($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 ? computeValue(value.from | tuiMapper : formatter | async, value.to | tuiMapper : formatter | async) : ''\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #dropdown>\n        <tui-calendar-month\n            tuiPreventDefault=\"mousedown\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [value]=\"value\"\n            (monthClick)=\"onMonthClick($event)\"\n        ></tui-calendar-month>\n    </ng-template>\n</tui-hosted-dropdown>\n",
+        providers: TUI_INPUT_MONTH_RANGE_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}"]
     }),
@@ -117,10 +121,61 @@ TuiInputMonthRangeComponent = TuiInputMonthRangeComponent_1 = __decorate([
     __param(0, Self()),
     __param(0, Inject(NgControl)),
     __param(1, Inject(ChangeDetectorRef)),
-    __param(2, Inject(TUI_MONTHS)),
+    __param(2, Inject(TUI_MONTH_FORMATTER)),
     __param(3, Inject(TUI_TEXTFIELD_SIZE))
 ], TuiInputMonthRangeComponent);
 
+var TuiInputMonthRangeDirective_1;
+let TuiInputMonthRangeDirective = TuiInputMonthRangeDirective_1 = class TuiInputMonthRangeDirective extends TuiAbstractTextfieldHost {
+    constructor(host, formatter, destroy$) {
+        super(host);
+        this.value$ = new Subject();
+        this.localizedValue = ['', ''];
+        this.value$
+            .pipe(distinctUntilChanged(), switchMap((value) => combineLatest([
+            formatter(value && value.from),
+            formatter(value && value.to),
+        ])), takeUntil(destroy$))
+            .subscribe(localizedValue => {
+            this.localizedValue = localizedValue;
+        });
+    }
+    get readOnly() {
+        return true;
+    }
+    get value() {
+        return this.localizedValue[0]
+            ? this.host.computeValue(...this.localizedValue)
+            : '';
+    }
+    ngDoCheck() {
+        this.value$.next(this.host.value);
+    }
+    onValueChange(value) {
+        this.host.onValueChange(value);
+    }
+};
+TuiInputMonthRangeDirective.ctorParameters = () => [
+    { type: TuiInputMonthRangeComponent, decorators: [{ type: Inject, args: [AbstractTuiControl,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [TUI_MONTH_FORMATTER,] }] },
+    { type: Observable, decorators: [{ type: Self }, { type: Inject, args: [TuiDestroyService,] }] }
+];
+TuiInputMonthRangeDirective = TuiInputMonthRangeDirective_1 = __decorate([
+    Directive({
+        selector: 'tui-input-month-range',
+        providers: [
+            {
+                provide: TUI_TEXTFIELD_HOST,
+                useExisting: forwardRef(() => TuiInputMonthRangeDirective_1),
+            },
+            TuiDestroyService,
+        ],
+    }),
+    __param(0, Inject(AbstractTuiControl)),
+    __param(1, Inject(TUI_MONTH_FORMATTER)),
+    __param(2, Self()), __param(2, Inject(TuiDestroyService))
+], TuiInputMonthRangeDirective);
+
 let TuiInputMonthRangeModule = class TuiInputMonthRangeModule {
 };
 TuiInputMonthRangeModule = __decorate([
@@ -133,9 +188,14 @@ TuiInputMonthRangeModule = __decorate([
             TuiSvgModule,
             TuiPreventDefaultModule,
             TuiActiveZoneModule,
+            TuiMapperPipeModule,
+        ],
+        declarations: [TuiInputMonthRangeComponent, TuiInputMonthRangeDirective],
+        exports: [
+            TuiInputMonthRangeComponent,
+            TuiInputMonthRangeDirective,
+            TuiTextfieldComponent,
         ],
-        declarations: [TuiInputMonthRangeComponent],
-        exports: [TuiInputMonthRangeComponent],
     })
 ], TuiInputMonthRangeModule);
 
@@ -143,5 +203,5 @@ TuiInputMonthRangeModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { TuiInputMonthRangeComponent, TuiInputMonthRangeModule };
+export { TUI_INPUT_MONTH_RANGE_PROVIDERS, TuiInputMonthRangeComponent, TuiInputMonthRangeDirective, TuiInputMonthRangeModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-month-range.js.map