@taiga-ui/kit 4.66.0 → 5.0.0-rc.0

package/fesm2022/taiga-ui-kit-components-input-color.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-color.mjs","sources":["../../../projects/kit/components/input-color/input-color.options.ts","../../../projects/kit/components/input-color/input-color.component.ts","../../../projects/kit/components/input-color/input-color.template.html","../../../projects/kit/components/input-color/taiga-ui-kit-components-input-color.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiHorizontalDirection} from '@taiga-ui/core/types';\n\nexport interface TuiInputColorOptions {\n    readonly format: 'hex' | 'hexa';\n    readonly align: TuiHorizontalDirection;\n}\n\nexport const [TUI_INPUT_COLOR_OPTIONS, tuiInputColorOptionsProvider] =\n    tuiCreateOptions<TuiInputColorOptions>({\n        format: 'hex',\n        align: 'left',\n    });\n","import {NgIf} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    Input,\n    signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {\n    maskitoAddOnFocusPlugin,\n    maskitoPrefixPostprocessorGenerator,\n    maskitoRemoveOnBlurPlugin,\n} from '@maskito/kit';\nimport {tuiAsControl, TuiControl} from '@taiga-ui/cdk/classes';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiTextfieldContent, TuiWithTextfield} from '@taiga-ui/core/components/textfield';\nimport {TuiIcons} from '@taiga-ui/core/directives/icons';\nimport {type TuiHorizontalDirection} from '@taiga-ui/core/types';\nimport {TuiSlider, tuiSliderOptionsProvider} from '@taiga-ui/kit/components/slider';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\nimport {TUI_INPUT_COLOR_OPTIONS, type TuiInputColorOptions} from './input-color.options';\n\nconst REGEX = /[0-9a-fA-F]/;\n\n@Component({\n    standalone: true,\n    selector: 'input[tuiInputColor]',\n    imports: [FormsModule, NgIf, TuiSlider, TuiTextfieldContent],\n    templateUrl: './input-color.template.html',\n    styleUrls: ['./input-color.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsControl(TuiInputColor),\n        tuiFallbackValueProvider(''),\n        tuiSliderOptionsProvider({trackColor: 'transparent'}),\n    ],\n    hostDirectives: [MaskitoDirective, TuiWithTextfield],\n    host: {\n        ngSkipHydration: 'true',\n        inputmode: 'numeric',\n        spellcheck: 'false',\n        '[disabled]': 'disabled()',\n        '[value]': 'value()',\n        '[attr.list]': 'null',\n        '(input)': 'onChange($event.target.value)',\n    },\n})\nexport class TuiInputColor extends TuiControl<string> {\n    protected readonly options = inject(TUI_INPUT_COLOR_OPTIONS);\n    protected readonly el = tuiInjectElement<HTMLInputElement>();\n    protected readonly list = this.el.getAttribute('list');\n    protected readonly format = signal(this.options.format);\n    protected readonly align = signal<TuiHorizontalDirection>(this.options.align);\n\n    protected readonly icon = tuiDirectiveBinding(\n        TuiIcons,\n        'iconStart',\n        computed(() =>\n            this.align() === 'left'\n                ? '\"data:image/svg+xml;utf8,<svg xmlns=http://www.w3.org/2000/svg></svg>\"'\n                : '',\n        ),\n        {},\n    );\n\n    protected readonly maskito = tuiMaskito(\n        computed((length = this.format().length * 2) => ({\n            mask: ['#', ...Array.from<RegExp>({length}).fill(REGEX)],\n            postprocessors: [maskitoPrefixPostprocessorGenerator('#')],\n            plugins: [maskitoAddOnFocusPlugin('#'), maskitoRemoveOnBlurPlugin('#')],\n            overwriteMode: 'replace',\n        })),\n    );\n\n    protected readonly filled = computed(() =>\n        this.format() === 'hex' ? this.value().length === 7 : this.value().length === 9,\n    );\n\n    protected readonly opacity = computed(() =>\n        this.filled() && this.format() === 'hexa'\n            ? Number.parseInt(this.value().slice(-2), 16)\n            : 255,\n    );\n\n    @Input('align')\n    public set alignSetter(align: TuiInputColorOptions['align']) {\n        this.align.set(align);\n    }\n\n    @Input('format')\n    public set formatSetter(mode: TuiInputColorOptions['format']) {\n        this.format.set(mode);\n    }\n\n    protected onInput(value: string): void {\n        this.onChange(\n            this.format() === 'hex' ? value : `${value}${toHex(this.opacity())}`,\n        );\n    }\n\n    protected onOpacity(opacity: number): void {\n        const value = this.filled() ? this.value().slice(0, 7) : '#000000';\n\n        this.onChange(`${value}${toHex(opacity)}`);\n    }\n}\n\nfunction toHex(value: number): string {\n    return value.toString(16).padStart(2, '0');\n}\n","<ng-container *tuiTextfieldContent>\n    <input\n        #input\n        tabindex=\"-1\"\n        type=\"color\"\n        class=\"tui-input-color_picker\"\n        [attr.list]=\"list\"\n        [class.tui-input-color_left]=\"align() === 'left'\"\n        [disabled]=\"!interactive()\"\n        [style.--t-opacity]=\"filled() ? opacity() / 255 : 0\"\n        [value]=\"value().length > 6 ? value().slice(0, 7) : ''\"\n        (input)=\"onInput(input.value)\"\n    />\n    <input\n        *ngIf=\"format() === 'hexa' && interactive()\"\n        max=\"255\"\n        tuiSlider\n        type=\"range\"\n        [ngModel]=\"opacity()\"\n        [ngModelOptions]=\"{standalone: true}\"\n        (ngModelChange)=\"onOpacity($event)\"\n        (pointerdown.stop)=\"el.focus()\"\n    />\n</ng-container>\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-color.mjs","sources":["../../../projects/kit/components/input-color/input-color.options.ts","../../../projects/kit/components/input-color/input-color.component.ts","../../../projects/kit/components/input-color/input-color.template.html","../../../projects/kit/components/input-color/input-color.ts","../../../projects/kit/components/input-color/taiga-ui-kit-components-input-color.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiHorizontalDirection} from '@taiga-ui/core/types';\n\nexport interface TuiInputColorOptions {\n    readonly format: 'hex' | 'hexa';\n    readonly align: TuiHorizontalDirection;\n}\n\nexport const [TUI_INPUT_COLOR_OPTIONS, tuiInputColorOptionsProvider] =\n    tuiCreateOptions<TuiInputColorOptions>({\n        format: 'hex',\n        align: 'start',\n    });\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    HostAttributeToken,\n    inject,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {\n    maskitoAddOnFocusPlugin,\n    maskitoPrefixPostprocessorGenerator,\n    maskitoRemoveOnBlurPlugin,\n} from '@maskito/kit';\nimport {tuiAsControl, TuiControl} from '@taiga-ui/cdk/classes';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\nimport {TuiTextfieldContent} from '@taiga-ui/core/components/textfield';\nimport {TuiIcons, tuiIconStart} from '@taiga-ui/core/directives/icons';\nimport {TuiSlider, tuiSliderOptionsProvider} from '@taiga-ui/kit/components/slider';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\nimport {TUI_INPUT_COLOR_OPTIONS} from './input-color.options';\n\nconst REGEX = /[0-9a-fA-F]/;\nconst EMPTY = '\"data:image/svg+xml;utf8,<svg xmlns=http://www.w3.org/2000/svg></svg>\"';\n\n@Component({\n    selector: 'input[tuiInputColor]',\n    imports: [FormsModule, TuiSlider, TuiTextfieldContent],\n    templateUrl: './input-color.template.html',\n    styleUrl: './input-color.style.less',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsControl(TuiInputColorComponent),\n        tuiFallbackValueProvider(''),\n        tuiSliderOptionsProvider({trackColor: 'transparent'}),\n    ],\n    hostDirectives: [MaskitoDirective, TuiWithInput],\n    host: {\n        ngSkipHydration: 'true',\n        spellcheck: 'false',\n        '[disabled]': 'disabled()',\n        '[value]': 'value()',\n        '[attr.list]': 'null',\n        '(input)': 'onChange($event.target.value)',\n    },\n})\nexport class TuiInputColorComponent extends TuiControl<string> {\n    protected readonly options = inject(TUI_INPUT_COLOR_OPTIONS);\n    protected readonly el = tuiInjectElement<HTMLInputElement>();\n    protected readonly list = inject(new HostAttributeToken('list'), {optional: true});\n    protected readonly start = inject(TuiIcons).iconStart() || '';\n    protected readonly icon = tuiIconStart(\n        computed(() => (this.align() === 'start' ? EMPTY : this.start)),\n        {},\n    );\n\n    protected readonly maskito = tuiMaskito(\n        computed((length = this.format().length * 2) => ({\n            mask: ['#', ...Array.from<RegExp>({length}).fill(REGEX)],\n            postprocessors: [maskitoPrefixPostprocessorGenerator('#')],\n            plugins: [maskitoAddOnFocusPlugin('#'), maskitoRemoveOnBlurPlugin('#')],\n            overwriteMode: 'replace',\n        })),\n    );\n\n    protected readonly filled = computed(() =>\n        this.format() === 'hex' ? this.value().length === 7 : this.value().length === 9,\n    );\n\n    protected readonly opacity = computed(() =>\n        this.filled() && this.format() === 'hexa'\n            ? Number.parseInt(this.value().slice(-2), 16)\n            : 255,\n    );\n\n    public readonly format = input(this.options.format);\n    public readonly align = input(this.options.align);\n\n    protected onInput(value: string): void {\n        this.onChange(\n            this.format() === 'hex' ? value : `${value}${toHex(this.opacity())}`,\n        );\n    }\n\n    protected onOpacity(opacity: number): void {\n        const value = this.filled() ? this.value().slice(0, 7) : '#000000';\n\n        this.onChange(`${value}${toHex(opacity)}`);\n    }\n}\n\nfunction toHex(value: number): string {\n    return value.toString(16).padStart(2, '0');\n}\n","<ng-container *tuiTextfieldContent>\n    <input\n        #input\n        tabindex=\"-1\"\n        type=\"color\"\n        class=\"tui-input-color_picker\"\n        [attr.list]=\"list\"\n        [class.tui-input-color_start]=\"align() === 'start'\"\n        [disabled]=\"!interactive()\"\n        [style.--t-opacity]=\"filled() ? opacity() / 255 : 0\"\n        [value]=\"value().length > 6 ? value().slice(0, 7) : ''\"\n        (input)=\"onInput(input.value)\"\n    />\n    @if (format() === 'hexa' && interactive()) {\n        <input\n            max=\"255\"\n            tuiSlider\n            type=\"range\"\n            [ngModel]=\"opacity()\"\n            [ngModelOptions]=\"{standalone: true}\"\n            (ngModelChange)=\"onOpacity($event)\"\n            (pointerdown.stop)=\"el.focus()\"\n        />\n    }\n</ng-container>\n","import {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiInputColorComponent} from './input-color.component';\n\nexport const TuiInputColor = [\n    TuiInputColorComponent,\n    TuiLabel,\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n    TuiDropdownContent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs

@@ -1,62 +1,52 @@
 import { TuiCalendar } from '@taiga-ui/core/components/calendar';
-import { TuiInputChipBaseDirective, TuiInputChipComponent } from '@taiga-ui/kit/components/input-chip';
+import { TuiInputChipDirective, TuiInputChip } from '@taiga-ui/kit/components/input-chip';
 import * as i0 from '@angular/core';
-import { inject, computed, effect, signal, Directive, Input } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import * as i3 from '@maskito/angular';
+import { inject, computed, effect, input, Directive } from '@angular/core';
+import * as i2 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
 import { maskitoDateOptionsGenerator } from '@maskito/kit';
 import { tuiAsControl } from '@taiga-ui/cdk/classes';
-import { TUI_ALLOW_SIGNAL_WRITES } from '@taiga-ui/cdk/constants';
 import { TuiMonth, DATE_FILLER_LENGTH, TuiDay } from '@taiga-ui/cdk/date-time';
-import * as i1 from '@taiga-ui/cdk/directives/native-validator';
-import { TuiNativeValidator } from '@taiga-ui/cdk/directives/native-validator';
 import { tuiFallbackValueProvider } from '@taiga-ui/cdk/tokens';
+import { tuiDirectiveBinding } from '@taiga-ui/cdk/utils/di';
 import { tuiArrayToggle } from '@taiga-ui/cdk/utils/miscellaneous';
-import * as i4 from '@taiga-ui/core/components/textfield';
-import { tuiTextfieldIconBinding, tuiInjectAuxiliary, tuiAsTextfieldAccessor, TuiTextfieldBase } from '@taiga-ui/core/components/textfield';
-import * as i2 from '@taiga-ui/core/directives/dropdown';
-import { TuiDropdownAuto } from '@taiga-ui/core/directives/dropdown';
-import { TUI_DATE_FORMAT, TUI_DEFAULT_DATE_FORMAT } from '@taiga-ui/core/tokens';
-import { TUI_INPUT_DATE_OPTIONS_NEW, tuiWithDateFiller, TUI_DATE_ADAPTER } from '@taiga-ui/kit/components/input-date';
+import { tuiTextfieldIcon, tuiInjectAuxiliary, tuiAsTextfieldAccessor } from '@taiga-ui/core/components/textfield';
+import { TuiAppearance } from '@taiga-ui/core/directives/appearance';
+import { TuiItemsHandlersDirective } from '@taiga-ui/core/directives/items-handlers';
+import * as i1 from '@taiga-ui/core/portals/dropdown';
+import { TuiDropdownAuto } from '@taiga-ui/core/portals/dropdown';
+import { TUI_DATE_FORMAT } from '@taiga-ui/core/tokens';
+import { TUI_INPUT_DATE_OPTIONS, tuiWithDateFiller } from '@taiga-ui/kit/components/input-date';
 import { tuiMaskito } from '@taiga-ui/kit/utils';
 
-class TuiInputDateMultiDirective extends TuiInputChipBaseDirective {
+class TuiInputDateMultiDirective extends TuiInputChipDirective {
     constructor() {
         super(...arguments);
-        this.dateOptions = inject(TUI_INPUT_DATE_OPTIONS_NEW);
-        this.icon = tuiTextfieldIconBinding(TUI_INPUT_DATE_OPTIONS_NEW);
+        this.dateOptions = inject(TUI_INPUT_DATE_OPTIONS);
+        this.icon = tuiTextfieldIcon(TUI_INPUT_DATE_OPTIONS);
         this.filler = tuiWithDateFiller();
-        this.stringify = this.handlers.stringify.set((item) => item.toString(this.format().mode, this.format().separator));
+        this.format = inject(TUI_DATE_FORMAT);
+        this.stringify = tuiDirectiveBinding(TuiItemsHandlersDirective, 'stringify', (item) => item.toString(this.format().mode, this.format().separator), {});
         this.mask = tuiMaskito(computed(() => maskitoDateOptionsGenerator({
             separator: this.format().separator,
-            mode: TUI_DATE_ADAPTER[this.format().mode],
-            min: this.min().toLocalNativeDate(),
-            max: this.max().toLocalNativeDate(),
+            mode: this.format().mode,
+            min: (this.min() ?? this.dateOptions.min).toLocalNativeDate(),
+            max: (this.max() ?? this.dateOptions.max).toLocalNativeDate(),
         })));
-        this.format = toSignal(inject(TUI_DATE_FORMAT), {
-            initialValue: TUI_DEFAULT_DATE_FORMAT,
-        });
+        this.calendar = tuiInjectAuxiliary((x) => x instanceof TuiCalendar);
         this.calendarIn = effect(() => {
             if (this.calendar()) {
                 this.processCalendar(this.calendar());
             }
-        }, TUI_ALLOW_SIGNAL_WRITES);
+        });
         this.calendarOut = effect((onCleanup) => {
             const subscription = this.calendar()?.dayClick.subscribe((day) => {
                 this.updateValue(day);
             });
             onCleanup(() => subscription?.unsubscribe());
         });
-        this.min = signal(this.dateOptions.min);
-        this.max = signal(this.dateOptions.max);
-        this.calendar = tuiInjectAuxiliary((x) => x instanceof TuiCalendar);
-    }
-    set minSetter(min) {
-        this.min.set(min || this.dateOptions.min);
-    }
-    set maxSetter(max) {
-        this.max.set(max || this.dateOptions.max);
+        this.min = input(this.dateOptions.min);
+        this.max = input(this.dateOptions.max);
     }
     processCalendar(calendar) {
         calendar.value = this.value();
@@ -83,48 +73,41 @@ class TuiInputDateMultiDirective extends TuiInputChipBaseDirective {
     updateValue(day) {
         this.setValue(tuiArrayToggle(this.value(), day, (a, b) => a.daySame(b)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputDateMultiDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputDateMultiDirective, isStandalone: true, selector: "input[tuiInputDateMulti]", inputs: { minSetter: ["min", "minSetter"], maxSetter: ["max", "maxSetter"] }, host: { listeners: { "keydown.enter.prevent": "0" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiInputDateMultiDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiInputDateMultiDirective, isStandalone: true, selector: "input[tuiInputDateMulti]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.enter.prevent": "0" } }, providers: [
             tuiAsControl(TuiInputDateMultiDirective),
             tuiFallbackValueProvider([]),
             tuiAsTextfieldAccessor(TuiInputDateMultiDirective),
-        ], usesInheritance: true, hostDirectives: [{ directive: i1.TuiNativeValidator }, { directive: i2.TuiDropdownAuto }, { directive: i3.MaskitoDirective }, { directive: i4.TuiTextfieldBase, inputs: ["invalid", "invalid", "focused", "focused", "readOnly", "readOnly", "state", "state"] }], ngImport: i0 }); }
+            {
+                provide: TuiAppearance,
+                useFactory: () => inject(TuiAppearance, { skipSelf: true }),
+            },
+        ], usesInheritance: true, hostDirectives: [{ directive: i1.TuiDropdownAuto }, { directive: i2.MaskitoDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputDateMultiDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiInputDateMultiDirective, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: 'input[tuiInputDateMulti]',
                     providers: [
                         tuiAsControl(TuiInputDateMultiDirective),
                         tuiFallbackValueProvider([]),
                         tuiAsTextfieldAccessor(TuiInputDateMultiDirective),
-                    ],
-                    hostDirectives: [
-                        TuiNativeValidator,
-                        TuiDropdownAuto,
-                        MaskitoDirective,
                         {
-                            directive: TuiTextfieldBase,
-                            inputs: ['invalid', 'focused', 'readOnly', 'state'],
+                            provide: TuiAppearance,
+                            useFactory: () => inject(TuiAppearance, { skipSelf: true }),
                         },
                     ],
+                    hostDirectives: [TuiDropdownAuto, MaskitoDirective],
                     host: {
                         '(keydown.enter.prevent)': '0',
                     },
                 }]
-        }], propDecorators: { minSetter: [{
-                type: Input,
-                args: ['min']
-            }], maxSetter: [{
-                type: Input,
-                args: ['max']
-            }] } });
+        }] });
 
 const TuiInputDateMulti = [
     TuiInputDateMultiDirective,
     TuiCalendar,
-    TuiInputChipComponent,
+    ...TuiInputChip,
 ];
 
 /**

package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-date-multi.mjs","sources":["../../../projects/kit/components/input-date-multi/input-date-multi.directive.ts","../../../projects/kit/components/input-date-multi/input-date-multi.ts","../../../projects/kit/components/input-date-multi/taiga-ui-kit-components-input-date-multi.ts"],"sourcesContent":["import {computed, Directive, effect, inject, Input, signal} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {maskitoDateOptionsGenerator} from '@maskito/kit';\nimport {tuiAsControl} from '@taiga-ui/cdk/classes';\nimport {TUI_ALLOW_SIGNAL_WRITES} from '@taiga-ui/cdk/constants';\nimport {DATE_FILLER_LENGTH, TuiDay, TuiMonth} from '@taiga-ui/cdk/date-time';\nimport {TuiNativeValidator} from '@taiga-ui/cdk/directives/native-validator';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiArrayToggle} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiCalendar} from '@taiga-ui/core/components/calendar';\nimport {\n    tuiAsTextfieldAccessor,\n    tuiInjectAuxiliary,\n    TuiTextfieldBase,\n    tuiTextfieldIconBinding,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownAuto} from '@taiga-ui/core/directives/dropdown';\nimport {TUI_DATE_FORMAT, TUI_DEFAULT_DATE_FORMAT} from '@taiga-ui/core/tokens';\nimport {TuiInputChipBaseDirective} from '@taiga-ui/kit/components/input-chip';\nimport {\n    TUI_DATE_ADAPTER,\n    TUI_INPUT_DATE_OPTIONS_NEW,\n    tuiWithDateFiller,\n} from '@taiga-ui/kit/components/input-date';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\n@Directive({\n    standalone: true,\n    selector: 'input[tuiInputDateMulti]',\n    providers: [\n        tuiAsControl(TuiInputDateMultiDirective),\n        tuiFallbackValueProvider([]),\n        tuiAsTextfieldAccessor(TuiInputDateMultiDirective),\n    ],\n    hostDirectives: [\n        TuiNativeValidator,\n        TuiDropdownAuto,\n        MaskitoDirective,\n        {\n            directive: TuiTextfieldBase,\n            inputs: ['invalid', 'focused', 'readOnly', 'state'],\n        },\n    ],\n    host: {\n        '(keydown.enter.prevent)': '0',\n    },\n})\nexport class TuiInputDateMultiDirective extends TuiInputChipBaseDirective<TuiDay> {\n    private readonly dateOptions = inject(TUI_INPUT_DATE_OPTIONS_NEW);\n\n    protected readonly icon = tuiTextfieldIconBinding(TUI_INPUT_DATE_OPTIONS_NEW);\n    protected readonly filler = tuiWithDateFiller();\n    protected readonly stringify = this.handlers.stringify.set((item) =>\n        item.toString(this.format().mode, this.format().separator),\n    );\n\n    protected readonly mask = tuiMaskito(\n        computed(() =>\n            maskitoDateOptionsGenerator({\n                separator: this.format().separator,\n                mode: TUI_DATE_ADAPTER[this.format().mode],\n                min: this.min().toLocalNativeDate(),\n                max: this.max().toLocalNativeDate(),\n            }),\n        ),\n    );\n\n    protected readonly format = toSignal(inject(TUI_DATE_FORMAT), {\n        initialValue: TUI_DEFAULT_DATE_FORMAT,\n    });\n\n    protected readonly calendarIn = effect(() => {\n        if (this.calendar()) {\n            this.processCalendar(this.calendar()!);\n        }\n    }, TUI_ALLOW_SIGNAL_WRITES);\n\n    protected readonly calendarOut = effect((onCleanup) => {\n        const subscription = this.calendar()?.dayClick.subscribe((day) => {\n            this.updateValue(day);\n        });\n\n        onCleanup(() => subscription?.unsubscribe());\n    });\n\n    public readonly min = signal(this.dateOptions.min);\n    public readonly max = signal(this.dateOptions.max);\n\n    public readonly calendar = tuiInjectAuxiliary<TuiCalendar>(\n        (x) => x instanceof TuiCalendar,\n    );\n\n    @Input('min')\n    public set minSetter(min: TuiDay | null) {\n        this.min.set(min || this.dateOptions.min);\n    }\n\n    @Input('max')\n    public set maxSetter(max: TuiDay | null) {\n        this.max.set(max || this.dateOptions.max);\n    }\n\n    protected processCalendar(calendar: TuiCalendar): void {\n        calendar.value = this.value();\n        calendar.min = this.min();\n        calendar.max = this.max();\n        calendar.month =\n            this.value()?.[this.value().length - 1] ?? TuiMonth.currentLocal();\n    }\n\n    protected onClick(): void {\n        this.open.update((open) => !open);\n    }\n\n    protected onValueChange(value: string): void {\n        const newValue =\n            value.length === DATE_FILLER_LENGTH\n                ? TuiDay.normalizeParse(value, this.format().mode)\n                : null;\n\n        if (newValue && !this.handlers.disabledItemHandler()(newValue)) {\n            this.updateValue(newValue);\n        }\n    }\n\n    protected override onEnter(): void {\n        this.onValueChange(this.textfield.value().trim());\n        this.scrollTo();\n    }\n\n    private updateValue(day: TuiDay): void {\n        this.setValue(tuiArrayToggle(this.value(), day, (a, b) => a.daySame(b)));\n    }\n}\n","import {TuiCalendar} from '@taiga-ui/core/components/calendar';\nimport {TuiInputChipComponent} from '@taiga-ui/kit/components/input-chip';\n\nimport {TuiInputDateMultiDirective} from './input-date-multi.directive';\n\nexport const TuiInputDateMulti = [\n    TuiInputDateMultiDirective,\n    TuiCalendar,\n    TuiInputChipComponent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAqBa,0BAA2B,SAAQ,yBAAiC,CAAA;AArBjF,IAAA,WAAA,GAAA;;AAsBqB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,0BAA0B,CAAC,CAAC;AAE/C,QAAA,IAAA,CAAA,IAAI,GAAG,uBAAuB,CAAC,0BAA0B,CAAC,CAAC;QAC3D,IAAM,CAAA,MAAA,GAAG,iBAAiB,EAAE,CAAC;AAC7B,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,KAC5D,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAC7D,CAAC;QAEiB,IAAI,CAAA,IAAA,GAAG,UAAU,CAChC,QAAQ,CAAC,MACL,2BAA2B,CAAC;AACxB,YAAA,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS;YAClC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC;AAC1C,YAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,iBAAiB,EAAE;AACnC,YAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,iBAAiB,EAAE;SACtC,CAAC,CACL,CACJ,CAAC;AAEiB,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE;AAC1D,YAAA,YAAY,EAAE,uBAAuB;AACxC,SAAA,CAAC,CAAC;AAEgB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,MAAK;AACxC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;gBACjB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAG,CAAC,CAAC;AAC1C,aAAA;SACJ,EAAE,uBAAuB,CAAC,CAAC;AAET,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,CAAC,SAAS,KAAI;AAClD,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,GAAG,KAAI;AAC7D,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC1B,aAAC,CAAC,CAAC;YAEH,SAAS,CAAC,MAAM,YAAY,EAAE,WAAW,EAAE,CAAC,CAAC;AACjD,SAAC,CAAC,CAAC;QAEa,IAAG,CAAA,GAAA,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACnC,IAAG,CAAA,GAAA,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAEnC,QAAA,IAAA,CAAA,QAAQ,GAAG,kBAAkB,CACzC,CAAC,CAAC,KAAK,CAAC,YAAY,WAAW,CAClC,CAAC;AA2CL,KAAA;IAzCG,IACW,SAAS,CAAC,GAAkB,EAAA;AACnC,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;KAC7C;IAED,IACW,SAAS,CAAC,GAAkB,EAAA;AACnC,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;KAC7C;AAES,IAAA,eAAe,CAAC,QAAqB,EAAA;AAC3C,QAAA,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;AAC9B,QAAA,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;AAC1B,QAAA,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;AAC1B,QAAA,QAAQ,CAAC,KAAK;AACV,YAAA,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;KAC1E;IAES,OAAO,GAAA;AACb,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;KACrC;AAES,IAAA,aAAa,CAAC,KAAa,EAAA;AACjC,QAAA,MAAM,QAAQ,GACV,KAAK,CAAC,MAAM,KAAK,kBAAkB;AAC/B,cAAE,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC;cAChD,IAAI,CAAC;AAEf,QAAA,IAAI,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC,QAAQ,CAAC,EAAE;AAC5D,YAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AAC9B,SAAA;KACJ;IAEkB,OAAO,GAAA;AACtB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ,EAAE,CAAC;KACnB;AAEO,IAAA,WAAW,CAAC,GAAW,EAAA;QAC3B,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAC5E;+GArFQ,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAlBxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,SAAA,EAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,uBAAA,EAAA,GAAA,EAAA,EAAA,EAAA,SAAA,EAAA;YACP,YAAY,CAAC,0BAA0B,CAAC;YACxC,wBAAwB,CAAC,EAAE,CAAC;YAC5B,sBAAsB,CAAC,0BAA0B,CAAC;AACrD,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAcQ,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBArBtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,SAAS,EAAE;AACP,wBAAA,YAAY,CAA4B,0BAAA,CAAA;wBACxC,wBAAwB,CAAC,EAAE,CAAC;AAC5B,wBAAA,sBAAsB,CAA4B,0BAAA,CAAA;AACrD,qBAAA;AACD,oBAAA,cAAc,EAAE;wBACZ,kBAAkB;wBAClB,eAAe;wBACf,gBAAgB;AAChB,wBAAA;AACI,4BAAA,SAAS,EAAE,gBAAgB;4BAC3B,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;AACtD,yBAAA;AACJ,qBAAA;AACD,oBAAA,IAAI,EAAE;AACF,wBAAA,yBAAyB,EAAE,GAAG;AACjC,qBAAA;AACJ,iBAAA,CAAA;8BA+Cc,SAAS,EAAA,CAAA;sBADnB,KAAK;uBAAC,KAAK,CAAA;gBAMD,SAAS,EAAA,CAAA;sBADnB,KAAK;uBAAC,KAAK,CAAA;;;AC7FH,MAAA,iBAAiB,GAAG;IAC7B,0BAA0B;IAC1B,WAAW;IACX,qBAAqB;;;ACRzB;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-input-date-multi.mjs","sources":["../../../projects/kit/components/input-date-multi/input-date-multi.directive.ts","../../../projects/kit/components/input-date-multi/input-date-multi.ts","../../../projects/kit/components/input-date-multi/taiga-ui-kit-components-input-date-multi.ts"],"sourcesContent":["import {computed, Directive, effect, inject, input} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {maskitoDateOptionsGenerator} from '@maskito/kit';\nimport {tuiAsControl} from '@taiga-ui/cdk/classes';\nimport {DATE_FILLER_LENGTH, TuiDay, TuiMonth} from '@taiga-ui/cdk/date-time';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\nimport {tuiArrayToggle} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiCalendar} from '@taiga-ui/core/components/calendar';\nimport {\n    tuiAsTextfieldAccessor,\n    tuiInjectAuxiliary,\n    tuiTextfieldIcon,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiAppearance} from '@taiga-ui/core/directives/appearance';\nimport {TuiItemsHandlersDirective} from '@taiga-ui/core/directives/items-handlers';\nimport {TuiDropdownAuto} from '@taiga-ui/core/portals/dropdown';\nimport {TUI_DATE_FORMAT} from '@taiga-ui/core/tokens';\nimport {TuiInputChipDirective} from '@taiga-ui/kit/components/input-chip';\nimport {\n    TUI_INPUT_DATE_OPTIONS,\n    tuiWithDateFiller,\n} from '@taiga-ui/kit/components/input-date';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\n@Directive({\n    selector: 'input[tuiInputDateMulti]',\n    providers: [\n        tuiAsControl(TuiInputDateMultiDirective),\n        tuiFallbackValueProvider([]),\n        tuiAsTextfieldAccessor(TuiInputDateMultiDirective),\n        {\n            provide: TuiAppearance,\n            useFactory: () => inject(TuiAppearance, {skipSelf: true}),\n        },\n    ],\n    hostDirectives: [TuiDropdownAuto, MaskitoDirective],\n    host: {\n        '(keydown.enter.prevent)': '0',\n    },\n})\nexport class TuiInputDateMultiDirective extends TuiInputChipDirective<TuiDay> {\n    private readonly dateOptions = inject(TUI_INPUT_DATE_OPTIONS);\n\n    protected readonly icon = tuiTextfieldIcon(TUI_INPUT_DATE_OPTIONS);\n    protected readonly filler = tuiWithDateFiller();\n    protected readonly format = inject(TUI_DATE_FORMAT);\n\n    protected readonly stringify = tuiDirectiveBinding(\n        TuiItemsHandlersDirective,\n        'stringify',\n        (item) => item.toString(this.format().mode, this.format().separator),\n        {},\n    );\n\n    protected readonly mask = tuiMaskito(\n        computed(() =>\n            maskitoDateOptionsGenerator({\n                separator: this.format().separator,\n                mode: this.format().mode,\n                min: (this.min() ?? this.dateOptions.min).toLocalNativeDate(),\n                max: (this.max() ?? this.dateOptions.max).toLocalNativeDate(),\n            }),\n        ),\n    );\n\n    protected readonly calendar = tuiInjectAuxiliary<TuiCalendar>(\n        (x) => x instanceof TuiCalendar,\n    );\n\n    protected readonly calendarIn = effect(() => {\n        if (this.calendar()) {\n            this.processCalendar(this.calendar()!);\n        }\n    });\n\n    protected readonly calendarOut = effect((onCleanup) => {\n        const subscription = this.calendar()?.dayClick.subscribe((day) => {\n            this.updateValue(day);\n        });\n\n        onCleanup(() => subscription?.unsubscribe());\n    });\n\n    public readonly min = input<TuiDay | null>(this.dateOptions.min);\n    public readonly max = input<TuiDay | null>(this.dateOptions.max);\n\n    protected processCalendar(calendar: TuiCalendar): void {\n        calendar.value = this.value();\n        calendar.min = this.min();\n        calendar.max = this.max();\n        calendar.month =\n            this.value()?.[this.value().length - 1] ?? TuiMonth.currentLocal();\n    }\n\n    protected onClick(): void {\n        this.open.update((open) => !open);\n    }\n\n    protected onValueChange(value: string): void {\n        const newValue =\n            value.length === DATE_FILLER_LENGTH\n                ? TuiDay.normalizeParse(value, this.format().mode)\n                : null;\n\n        if (newValue && !this.handlers.disabledItemHandler()(newValue)) {\n            this.updateValue(newValue);\n        }\n    }\n\n    protected override onEnter(): void {\n        this.onValueChange(this.textfield.value().trim());\n        this.scrollTo();\n    }\n\n    private updateValue(day: TuiDay): void {\n        this.setValue(tuiArrayToggle(this.value(), day, (a, b) => a.daySame(b)));\n    }\n}\n","import {TuiCalendar} from '@taiga-ui/core/components/calendar';\nimport {TuiInputChip} from '@taiga-ui/kit/components/input-chip';\n\nimport {TuiInputDateMultiDirective} from './input-date-multi.directive';\n\nexport const TuiInputDateMulti = [\n    TuiInputDateMultiDirective,\n    TuiCalendar,\n    ...TuiInputChip,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyCM,MAAO,0BAA2B,SAAQ,qBAA6B,CAAA;AAhB7E,IAAA,WAAA,GAAA;;AAiBqB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,sBAAsB,CAAC;AAE1C,QAAA,IAAA,CAAA,IAAI,GAAG,gBAAgB,CAAC,sBAAsB,CAAC;QAC/C,IAAM,CAAA,MAAA,GAAG,iBAAiB,EAAE;AAC5B,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;AAEhC,QAAA,IAAA,CAAA,SAAS,GAAG,mBAAmB,CAC9C,yBAAyB,EACzB,WAAW,EACX,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,EACpE,EAAE,CACL;QAEkB,IAAI,CAAA,IAAA,GAAG,UAAU,CAChC,QAAQ,CAAC,MACL,2BAA2B,CAAC;AACxB,YAAA,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS;AAClC,YAAA,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI;AACxB,YAAA,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,iBAAiB,EAAE;AAC7D,YAAA,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,iBAAiB,EAAE;SAChE,CAAC,CACL,CACJ;AAEkB,QAAA,IAAA,CAAA,QAAQ,GAAG,kBAAkB,CAC5C,CAAC,CAAC,KAAK,CAAC,YAAY,WAAW,CAClC;AAEkB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,MAAK;AACxC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;gBACjB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAG,CAAC;;AAE9C,SAAC,CAAC;AAEiB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,CAAC,SAAS,KAAI;AAClD,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,GAAG,KAAI;AAC7D,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;AACzB,aAAC,CAAC;YAEF,SAAS,CAAC,MAAM,YAAY,EAAE,WAAW,EAAE,CAAC;AAChD,SAAC,CAAC;QAEc,IAAG,CAAA,GAAA,GAAG,KAAK,CAAgB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;QAChD,IAAG,CAAA,GAAA,GAAG,KAAK,CAAgB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;AAiCnE;AA/Ba,IAAA,eAAe,CAAC,QAAqB,EAAA;AAC3C,QAAA,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC7B,QAAA,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACzB,QAAA,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACzB,QAAA,QAAQ,CAAC,KAAK;AACV,YAAA,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,QAAQ,CAAC,YAAY,EAAE;;IAGhE,OAAO,GAAA;AACb,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;;AAG3B,IAAA,aAAa,CAAC,KAAa,EAAA;AACjC,QAAA,MAAM,QAAQ,GACV,KAAK,CAAC,MAAM,KAAK;AACb,cAAE,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI;cAC/C,IAAI;AAEd,QAAA,IAAI,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC,QAAQ,CAAC,EAAE;AAC5D,YAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;;;IAIf,OAAO,GAAA;AACtB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC;QACjD,IAAI,CAAC,QAAQ,EAAE;;AAGX,IAAA,WAAW,CAAC,GAAW,EAAA;QAC3B,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;;+GA3EnE,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAdxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,uBAAA,EAAA,GAAA,EAAA,EAAA,EAAA,SAAA,EAAA;YACP,YAAY,CAAC,0BAA0B,CAAC;YACxC,wBAAwB,CAAC,EAAE,CAAC;YAC5B,sBAAsB,CAAC,0BAA0B,CAAC;AAClD,YAAA;AACI,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,UAAU,EAAE,MAAM,MAAM,CAAC,aAAa,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;AAC5D,aAAA;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAMQ,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAhBtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,SAAS,EAAE;AACP,wBAAA,YAAY,CAA4B,0BAAA,CAAA;wBACxC,wBAAwB,CAAC,EAAE,CAAC;AAC5B,wBAAA,sBAAsB,CAA4B,0BAAA,CAAA;AAClD,wBAAA;AACI,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,UAAU,EAAE,MAAM,MAAM,CAAC,aAAa,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;AAC5D,yBAAA;AACJ,qBAAA;AACD,oBAAA,cAAc,EAAE,CAAC,eAAe,EAAE,gBAAgB,CAAC;AACnD,oBAAA,IAAI,EAAE;AACF,wBAAA,yBAAyB,EAAE,GAAG;AACjC,qBAAA;AACJ,iBAAA;;;ACnCY,MAAA,iBAAiB,GAAG;IAC7B,0BAA0B;IAC1B,WAAW;AACX,IAAA,GAAG,YAAY;;;ACRnB;;AAEG;;;;"}

package/fesm2022/taiga-ui-kit-components-input-date-range.mjs

@@ -1,49 +1,49 @@
+import { TuiLabel } from '@taiga-ui/core/components/label';
+import { TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import * as i2 from '@taiga-ui/core/portals/dropdown';
+import { TuiDropdownAuto, TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
 import { TuiCalendarRange } from '@taiga-ui/kit/components/calendar-range';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, computed, signal, Directive, Input } from '@angular/core';
+import { InjectionToken, inject, input, computed, Directive } from '@angular/core';
 import * as i3 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
 import { maskitoDateRangeOptionsGenerator } from '@maskito/kit';
 import { TUI_IDENTITY_VALUE_TRANSFORMER, tuiAsControl, tuiValueTransformerFrom } from '@taiga-ui/cdk/classes';
-import { RANGE_SEPARATOR_CHAR, DATE_RANGE_FILLER_LENGTH, TuiDayRange } from '@taiga-ui/cdk/date-time';
-import { tuiProvideOptions, tuiProvide } from '@taiga-ui/cdk/utils/miscellaneous';
-import * as i1 from '@taiga-ui/core/components/textfield';
-import { TuiWithTextfield } from '@taiga-ui/core/components/textfield';
-import * as i2 from '@taiga-ui/core/directives/dropdown';
-import { TuiDropdownAuto } from '@taiga-ui/core/directives/dropdown';
-import { TUI_ITEMS_HANDLERS } from '@taiga-ui/core/directives/items-handlers';
-import { TUI_INPUT_DATE_OPTIONS_NEW, TUI_INPUT_DATE_DEFAULT_OPTIONS_NEW, TuiInputDateBase, tuiWithDateFiller, TUI_DATE_ADAPTER } from '@taiga-ui/kit/components/input-date';
+import { TUI_LAST_DAY, TuiDay, TUI_FIRST_DAY, RANGE_SEPARATOR_CHAR, DATE_RANGE_FILLER_LENGTH, TuiDayRange } from '@taiga-ui/cdk/date-time';
+import { tuiProvideOptions, tuiProvide } from '@taiga-ui/cdk/utils/di';
+import * as i1 from '@taiga-ui/core/components/input';
+import { TuiWithInput } from '@taiga-ui/core/components/input';
+import { TUI_INPUT_DATE_OPTIONS, TUI_INPUT_DATE_DEFAULT_OPTIONS, TuiInputDateBase, tuiWithDateFiller } from '@taiga-ui/kit/components/input-date';
 import { tuiMaskito } from '@taiga-ui/kit/utils';
 
 const TUI_INPUT_DATE_RANGE_OPTIONS = new InjectionToken(ngDevMode ? 'TUI_INPUT_DATE_RANGE_OPTIONS' : '', {
     factory: () => ({
-        ...inject(TUI_INPUT_DATE_OPTIONS_NEW),
+        ...inject(TUI_INPUT_DATE_OPTIONS),
         valueTransformer: TUI_IDENTITY_VALUE_TRANSFORMER,
     }),
 });
-const tuiInputDateRangeOptionsProvider = (options) => tuiProvideOptions(TUI_INPUT_DATE_RANGE_OPTIONS, options, TUI_INPUT_DATE_DEFAULT_OPTIONS_NEW);
+const tuiInputDateRangeOptionsProvider = (options) => tuiProvideOptions(TUI_INPUT_DATE_RANGE_OPTIONS, options, TUI_INPUT_DATE_DEFAULT_OPTIONS);
 
 class TuiInputDateRangeDirective extends TuiInputDateBase {
     constructor() {
         super(...arguments);
-        this.identity = inject(TUI_ITEMS_HANDLERS).identityMatcher.set((a, b) => a.daySame(b));
+        this.max = input(this.options.max, {
+            transform: (max) => max instanceof TuiDay ? max : TUI_LAST_DAY,
+        });
+        this.min = input(this.options.min, {
+            transform: (min) => min instanceof TuiDay ? min : TUI_FIRST_DAY,
+        });
         this.filler = tuiWithDateFiller((filler) => `${filler}${RANGE_SEPARATOR_CHAR}${filler}`);
         this.mask = tuiMaskito(computed(() => maskitoDateRangeOptionsGenerator({
             dateSeparator: this.format().separator,
-            mode: TUI_DATE_ADAPTER[this.format().mode],
+            mode: this.format().mode,
             min: this.min().toLocalNativeDate(),
             max: this.max().toLocalNativeDate(),
             minLength: this.minLength() || {},
             maxLength: this.maxLength() || {},
         })));
-        this.minLength = signal(null);
-        this.maxLength = signal(null);
-    }
-    set minLengthSetter(minLength) {
-        this.minLength.set(minLength);
-    }
-    set maxLengthSetter(maxLength) {
-        this.maxLength.set(maxLength);
+        this.minLength = input(null);
+        this.maxLength = input(null);
     }
     processCalendar(calendar) {
         super.processCalendar(calendar);
@@ -56,36 +56,36 @@ class TuiInputDateRangeDirective extends TuiInputDateBase {
             ? TuiDayRange.normalizeParse(value, this.format().mode)
             : null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputDateRangeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputDateRangeDirective, isStandalone: true, selector: "input[tuiInputDateRange]", inputs: { minLengthSetter: ["minLength", "minLengthSetter"], maxLengthSetter: ["maxLength", "maxLengthSetter"] }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiInputDateRangeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiInputDateRangeDirective, isStandalone: true, selector: "input[tuiInputDateRange]", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             // TODO: Add SelectOption after data-list in calendar-range is refactored
             tuiAsControl(TuiInputDateRangeDirective),
             tuiValueTransformerFrom(TUI_INPUT_DATE_RANGE_OPTIONS),
-            tuiProvide(TUI_INPUT_DATE_OPTIONS_NEW, TUI_INPUT_DATE_RANGE_OPTIONS),
-        ], usesInheritance: true, hostDirectives: [{ directive: i1.TuiWithTextfield }, { directive: i2.TuiDropdownAuto }, { directive: i3.MaskitoDirective }], ngImport: i0 }); }
+            tuiProvide(TUI_INPUT_DATE_OPTIONS, TUI_INPUT_DATE_RANGE_OPTIONS),
+        ], usesInheritance: true, hostDirectives: [{ directive: i1.TuiWithInput }, { directive: i2.TuiDropdownAuto }, { directive: i3.MaskitoDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputDateRangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiInputDateRangeDirective, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: 'input[tuiInputDateRange]',
                     providers: [
                         // TODO: Add SelectOption after data-list in calendar-range is refactored
                         tuiAsControl(TuiInputDateRangeDirective),
                         tuiValueTransformerFrom(TUI_INPUT_DATE_RANGE_OPTIONS),
-                        tuiProvide(TUI_INPUT_DATE_OPTIONS_NEW, TUI_INPUT_DATE_RANGE_OPTIONS),
+                        tuiProvide(TUI_INPUT_DATE_OPTIONS, TUI_INPUT_DATE_RANGE_OPTIONS),
                     ],
-                    hostDirectives: [TuiWithTextfield, TuiDropdownAuto, MaskitoDirective],
+                    hostDirectives: [TuiWithInput, TuiDropdownAuto, MaskitoDirective],
                 }]
-        }], propDecorators: { minLengthSetter: [{
-                type: Input,
-                args: ['minLength']
-            }], maxLengthSetter: [{
-                type: Input,
-                args: ['maxLength']
-            }] } });
+        }] });
 
-const TuiInputDateRange = [TuiInputDateRangeDirective, TuiCalendarRange];
+const TuiInputDateRange = [
+    TuiInputDateRangeDirective,
+    TuiCalendarRange,
+    TuiLabel,
+    TuiTextfieldComponent,
+    TuiTextfieldOptionsDirective,
+    TuiDropdownContent,
+];
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/taiga-ui-kit-components-input-date-range.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-date-range.mjs","sources":["../../../projects/kit/components/input-date-range/input-date-range.options.ts","../../../projects/kit/components/input-date-range/input-date-range.directive.ts","../../../projects/kit/components/input-date-range/input-date-range.ts","../../../projects/kit/components/input-date-range/taiga-ui-kit-components-input-date-range.ts"],"sourcesContent":["import {type FactoryProvider, inject, InjectionToken} from '@angular/core';\nimport {\n    TUI_IDENTITY_VALUE_TRANSFORMER,\n    type TuiValueTransformer,\n} from '@taiga-ui/cdk/classes';\nimport {type TuiDayRange} from '@taiga-ui/cdk/date-time';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n    TUI_INPUT_DATE_DEFAULT_OPTIONS_NEW,\n    TUI_INPUT_DATE_OPTIONS_NEW,\n    type TuiInputDateOptionsNew,\n} from '@taiga-ui/kit/components/input-date';\n\nexport interface TuiInputDateRangeOptions extends Omit<\n    TuiInputDateOptionsNew,\n    'valueTransformer'\n> {\n    readonly valueTransformer: TuiValueTransformer<TuiDayRange | null, any>;\n}\n\nexport const TUI_INPUT_DATE_RANGE_OPTIONS = new InjectionToken<TuiInputDateRangeOptions>(\n    ngDevMode ? 'TUI_INPUT_DATE_RANGE_OPTIONS' : '',\n    {\n        factory: () => ({\n            ...inject(TUI_INPUT_DATE_OPTIONS_NEW),\n            valueTransformer: TUI_IDENTITY_VALUE_TRANSFORMER,\n        }),\n    },\n);\n\nexport const tuiInputDateRangeOptionsProvider = (\n    options: Partial<TuiInputDateRangeOptions>,\n): FactoryProvider =>\n    tuiProvideOptions(\n        TUI_INPUT_DATE_RANGE_OPTIONS,\n        options,\n        TUI_INPUT_DATE_DEFAULT_OPTIONS_NEW,\n    );\n","import {computed, Directive, inject, Input, signal} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {maskitoDateRangeOptionsGenerator} from '@maskito/kit';\nimport {tuiAsControl, tuiValueTransformerFrom} from '@taiga-ui/cdk/classes';\nimport {\n    DATE_RANGE_FILLER_LENGTH,\n    RANGE_SEPARATOR_CHAR,\n    type TuiDayLike,\n    TuiDayRange,\n} from '@taiga-ui/cdk/date-time';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiWithTextfield} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownAuto} from '@taiga-ui/core/directives/dropdown';\nimport {\n    TUI_ITEMS_HANDLERS,\n    type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {type TuiCalendarRange} from '@taiga-ui/kit/components/calendar-range';\nimport {\n    TUI_DATE_ADAPTER,\n    TUI_INPUT_DATE_OPTIONS_NEW,\n    TuiInputDateBase,\n    tuiWithDateFiller,\n} from '@taiga-ui/kit/components/input-date';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\nimport {TUI_INPUT_DATE_RANGE_OPTIONS} from './input-date-range.options';\n\n@Directive({\n    standalone: true,\n    selector: 'input[tuiInputDateRange]',\n    providers: [\n        // TODO: Add SelectOption after data-list in calendar-range is refactored\n        tuiAsControl(TuiInputDateRangeDirective),\n        tuiValueTransformerFrom(TUI_INPUT_DATE_RANGE_OPTIONS),\n        tuiProvide(TUI_INPUT_DATE_OPTIONS_NEW, TUI_INPUT_DATE_RANGE_OPTIONS),\n    ],\n    hostDirectives: [TuiWithTextfield, TuiDropdownAuto, MaskitoDirective],\n})\nexport class TuiInputDateRangeDirective extends TuiInputDateBase<TuiDayRange> {\n    protected readonly identity = inject<TuiItemsHandlers<TuiDayRange>>(\n        TUI_ITEMS_HANDLERS,\n    ).identityMatcher.set((a, b) => a.daySame(b));\n\n    protected override readonly filler = tuiWithDateFiller(\n        (filler) => `${filler}${RANGE_SEPARATOR_CHAR}${filler}`,\n    );\n\n    protected readonly mask = tuiMaskito(\n        computed(() =>\n            maskitoDateRangeOptionsGenerator({\n                dateSeparator: this.format().separator,\n                mode: TUI_DATE_ADAPTER[this.format().mode],\n                min: this.min().toLocalNativeDate(),\n                max: this.max().toLocalNativeDate(),\n                minLength: this.minLength() || {},\n                maxLength: this.maxLength() || {},\n            }),\n        ),\n    );\n\n    public readonly minLength = signal<TuiDayLike | null>(null);\n    public readonly maxLength = signal<TuiDayLike | null>(null);\n\n    @Input('minLength')\n    public set minLengthSetter(minLength: TuiDayLike | null) {\n        this.minLength.set(minLength);\n    }\n\n    @Input('maxLength')\n    public set maxLengthSetter(maxLength: TuiDayLike | null) {\n        this.maxLength.set(maxLength);\n    }\n\n    protected override processCalendar(calendar: TuiCalendarRange): void {\n        super.processCalendar(calendar);\n\n        calendar.minLength = this.minLength();\n        calendar.maxLength = this.maxLength();\n    }\n\n    protected override onValueChange(value: string): void {\n        this.control?.control?.updateValueAndValidity({emitEvent: false});\n        this.onChange(\n            value.length === DATE_RANGE_FILLER_LENGTH\n                ? TuiDayRange.normalizeParse(value, this.format().mode)\n                : null,\n        );\n    }\n}\n","import {TuiCalendarRange} from '@taiga-ui/kit/components/calendar-range';\n\nimport {TuiInputDateRangeDirective} from './input-date-range.directive';\n\nexport const TuiInputDateRange = [TuiInputDateRangeDirective, TuiCalendarRange] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-input-date-range.mjs","sources":["../../../projects/kit/components/input-date-range/input-date-range.options.ts","../../../projects/kit/components/input-date-range/input-date-range.directive.ts","../../../projects/kit/components/input-date-range/input-date-range.ts","../../../projects/kit/components/input-date-range/taiga-ui-kit-components-input-date-range.ts"],"sourcesContent":["import {type FactoryProvider, inject, InjectionToken} from '@angular/core';\nimport {\n    TUI_IDENTITY_VALUE_TRANSFORMER,\n    type TuiValueTransformer,\n} from '@taiga-ui/cdk/classes';\nimport {type TuiDayRange} from '@taiga-ui/cdk/date-time';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/di';\nimport {\n    TUI_INPUT_DATE_DEFAULT_OPTIONS,\n    TUI_INPUT_DATE_OPTIONS,\n    type TuiInputDateOptions,\n} from '@taiga-ui/kit/components/input-date';\n\nexport interface TuiInputDateRangeOptions extends Omit<\n    TuiInputDateOptions,\n    'valueTransformer'\n> {\n    readonly valueTransformer: TuiValueTransformer<TuiDayRange | null, any>;\n}\n\nexport const TUI_INPUT_DATE_RANGE_OPTIONS = new InjectionToken<TuiInputDateRangeOptions>(\n    ngDevMode ? 'TUI_INPUT_DATE_RANGE_OPTIONS' : '',\n    {\n        factory: () => ({\n            ...inject(TUI_INPUT_DATE_OPTIONS),\n            valueTransformer: TUI_IDENTITY_VALUE_TRANSFORMER,\n        }),\n    },\n);\n\nexport const tuiInputDateRangeOptionsProvider = (\n    options: Partial<TuiInputDateRangeOptions>,\n): FactoryProvider =>\n    tuiProvideOptions(\n        TUI_INPUT_DATE_RANGE_OPTIONS,\n        options,\n        TUI_INPUT_DATE_DEFAULT_OPTIONS,\n    );\n","import {computed, Directive, input} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {maskitoDateRangeOptionsGenerator} from '@maskito/kit';\nimport {tuiAsControl, tuiValueTransformerFrom} from '@taiga-ui/cdk/classes';\nimport {\n    DATE_RANGE_FILLER_LENGTH,\n    RANGE_SEPARATOR_CHAR,\n    TUI_FIRST_DAY,\n    TUI_LAST_DAY,\n    TuiDay,\n    type TuiDayLike,\n    TuiDayRange,\n} from '@taiga-ui/cdk/date-time';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\nimport {TuiDropdownAuto} from '@taiga-ui/core/portals/dropdown';\nimport {type TuiCalendarRange} from '@taiga-ui/kit/components/calendar-range';\nimport {\n    TUI_INPUT_DATE_OPTIONS,\n    TuiInputDateBase,\n    tuiWithDateFiller,\n} from '@taiga-ui/kit/components/input-date';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\nimport {TUI_INPUT_DATE_RANGE_OPTIONS} from './input-date-range.options';\n\n@Directive({\n    selector: 'input[tuiInputDateRange]',\n    providers: [\n        // TODO: Add SelectOption after data-list in calendar-range is refactored\n        tuiAsControl(TuiInputDateRangeDirective),\n        tuiValueTransformerFrom(TUI_INPUT_DATE_RANGE_OPTIONS),\n        tuiProvide(TUI_INPUT_DATE_OPTIONS, TUI_INPUT_DATE_RANGE_OPTIONS),\n    ],\n    hostDirectives: [TuiWithInput, TuiDropdownAuto, MaskitoDirective],\n})\nexport class TuiInputDateRangeDirective extends TuiInputDateBase<TuiDayRange> {\n    public override readonly max = input(this.options.max, {\n        transform: (max: TuiDay | null): TuiDay =>\n            max instanceof TuiDay ? max : TUI_LAST_DAY,\n    });\n\n    public override readonly min = input(this.options.min, {\n        transform: (min: TuiDay | null): TuiDay =>\n            min instanceof TuiDay ? min : TUI_FIRST_DAY,\n    });\n\n    protected override readonly filler = tuiWithDateFiller(\n        (filler) => `${filler}${RANGE_SEPARATOR_CHAR}${filler}`,\n    );\n\n    protected readonly mask = tuiMaskito(\n        computed(() =>\n            maskitoDateRangeOptionsGenerator({\n                dateSeparator: this.format().separator,\n                mode: this.format().mode,\n                min: this.min().toLocalNativeDate(),\n                max: this.max().toLocalNativeDate(),\n                minLength: this.minLength() || {},\n                maxLength: this.maxLength() || {},\n            }),\n        ),\n    );\n\n    public readonly minLength = input<TuiDayLike | null>(null);\n    public readonly maxLength = input<TuiDayLike | null>(null);\n\n    protected override processCalendar(calendar: TuiCalendarRange): void {\n        super.processCalendar(calendar);\n\n        calendar.minLength = this.minLength();\n        calendar.maxLength = this.maxLength();\n    }\n\n    protected override onValueChange(value: string): void {\n        this.control?.control?.updateValueAndValidity({emitEvent: false});\n        this.onChange(\n            value.length === DATE_RANGE_FILLER_LENGTH\n                ? TuiDayRange.normalizeParse(value, this.format().mode)\n                : null,\n        );\n    }\n}\n","import {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\nimport {TuiCalendarRange} from '@taiga-ui/kit/components/calendar-range';\n\nimport {TuiInputDateRangeDirective} from './input-date-range.directive';\n\nexport const TuiInputDateRange = [\n    TuiInputDateRangeDirective,\n    TuiCalendarRange,\n    TuiLabel,\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n    TuiDropdownContent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}