@taiga-ui/kit 5.10.0 → 5.11.0-canary.8834a0e

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

@@ -1,32 +1,62 @@
 import { TuiLabel } from '@taiga-ui/core/components/label';
-import { TuiTextfieldContent, TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
+import * as i3 from '@taiga-ui/core/components/textfield';
+import { tuiAsTextfieldContent, TuiTextfieldContent, TuiTextfieldComponent, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
 import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
 import * as i0 from '@angular/core';
-import { inject, HostAttributeToken, computed, input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import * as i3 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i1 from '@maskito/angular';
+import { inject, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, HostAttributeToken, input, Directive } from '@angular/core';
+import * as i1$1 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
 import { maskitoAddOnFocusPlugin, maskitoRemoveOnBlurPlugin, maskitoPrefixPostprocessorGenerator } from '@maskito/kit';
 import { TuiControl, tuiAsControl } from '@taiga-ui/cdk/classes';
-import '@taiga-ui/cdk/constants';
 import { tuiFallbackValueProvider } from '@taiga-ui/cdk/tokens';
 import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
-import * as i2 from '@taiga-ui/core/components/input';
+import * as i2$1 from '@taiga-ui/core/components/input';
 import { TuiWithInput } from '@taiga-ui/core/components/input';
-import * as i4 from '@taiga-ui/core/components/slider';
-import { TuiSlider } from '@taiga-ui/core/components/slider';
 import { TuiIcons, tuiIconStart } from '@taiga-ui/core/directives/icons';
 import { tuiMaskito } from '@taiga-ui/kit/utils';
 import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { TUI_VERSION } from '@taiga-ui/cdk/constants';
+import * as i2 from '@taiga-ui/core/components/slider';
+import { TuiSlider } from '@taiga-ui/core/components/slider';
 
 const [TUI_INPUT_COLOR_OPTIONS, tuiInputColorOptionsProvider] = tuiCreateOptions({
     format: 'hex',
     align: 'start',
 });
 
+class TuiInputColorContent {
+    constructor() {
+        this.host = inject(TuiInputColorComponent);
+        this.filled = computed(() => this.host.format() === 'hex'
+            ? this.host.value().length === 7
+            : this.host.value().length === 9);
+        this.opacity = computed(() => this.filled() && this.host.format() === 'hexa'
+            ? Number.parseInt(this.host.value().slice(-2), 16)
+            : 255);
+    }
+    onInput(value) {
+        this.host.onChange(this.host.format() === 'hex' ? value : `${value}${toHex(this.opacity())}`);
+    }
+    onOpacity(opacity) {
+        const value = this.filled() ? this.host.value().slice(0, 7) : '#000000';
+        this.host.onChange(`${value}${toHex(opacity)}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputColorContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiInputColorContent, isStandalone: true, selector: "tui-input-color-content", host: { attributes: { "data-tui-version": "5.11.0-canary.8834a0e" } }, ngImport: i0, template: "<input\n    #colorPicker\n    tabindex=\"-1\"\n    type=\"color\"\n    class=\"tui-input-color_picker\"\n    [attr.list]=\"host.list\"\n    [class.tui-input-color_start]=\"host.align() === 'start'\"\n    [disabled]=\"!host.interactive()\"\n    [style.--t-opacity]=\"filled() ? opacity() / 255 : 0\"\n    [value]=\"host.value().length > 6 ? host.value().slice(0, 7) : ''\"\n    (input)=\"onInput(colorPicker.value)\"\n/>\n@if (host.format() === 'hexa' && host.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)=\"host.el.focus()\"\n    />\n}\n", styles: ["tui-input-color-content:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]){display:contents}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]) .tui-input-color_picker.tui-input-color_picker{position:relative;font-size:1rem;inline-size:calc(var(--t-height) / 2);block-size:calc(var(--t-height) / 2);border:none;border-radius:100%;padding:0!important;overflow:hidden;cursor:pointer;pointer-events:auto;order:100;background:repeating-conic-gradient(var(--tui-border-normal) 0% 25%,transparent 0% 50%);box-shadow:0 0 0 1px var(--tui-border-normal)}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]) .tui-input-color_picker.tui-input-color_picker:disabled{cursor:default}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]) .tui-input-color_picker.tui-input-color_start{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--t-height) / 4);transform:translateY(-50%)}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]) .tui-input-color_picker::-webkit-color-swatch-wrapper{padding:0}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]) .tui-input-color_picker::-webkit-color-swatch{border:none;opacity:var(--t-opacity)}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]) .tui-input-color_picker::-moz-color-swatch{border:none;opacity:var(--t-opacity)}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"])[data-size=s] .tui-input-color_picker{margin-inline-end:.25rem}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"])[data-size=l] .tui-input-color_picker{margin-inline-end:-.25rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["segments"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputColorContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-input-color-content', imports: [FormsModule, TuiSlider], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION }, template: "<input\n    #colorPicker\n    tabindex=\"-1\"\n    type=\"color\"\n    class=\"tui-input-color_picker\"\n    [attr.list]=\"host.list\"\n    [class.tui-input-color_start]=\"host.align() === 'start'\"\n    [disabled]=\"!host.interactive()\"\n    [style.--t-opacity]=\"filled() ? opacity() / 255 : 0\"\n    [value]=\"host.value().length > 6 ? host.value().slice(0, 7) : ''\"\n    (input)=\"onInput(colorPicker.value)\"\n/>\n@if (host.format() === 'hexa' && host.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)=\"host.el.focus()\"\n    />\n}\n", styles: ["tui-input-color-content:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]){display:contents}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]) .tui-input-color_picker.tui-input-color_picker{position:relative;font-size:1rem;inline-size:calc(var(--t-height) / 2);block-size:calc(var(--t-height) / 2);border:none;border-radius:100%;padding:0!important;overflow:hidden;cursor:pointer;pointer-events:auto;order:100;background:repeating-conic-gradient(var(--tui-border-normal) 0% 25%,transparent 0% 50%);box-shadow:0 0 0 1px var(--tui-border-normal)}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]) .tui-input-color_picker.tui-input-color_picker:disabled{cursor:default}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]) .tui-input-color_picker.tui-input-color_start{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--t-height) / 4);transform:translateY(-50%)}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]) .tui-input-color_picker::-webkit-color-swatch-wrapper{padding:0}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]) .tui-input-color_picker::-webkit-color-swatch{border:none;opacity:var(--t-opacity)}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"]) .tui-input-color_picker::-moz-color-swatch{border:none;opacity:var(--t-opacity)}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"])[data-size=s] .tui-input-color_picker{margin-inline-end:.25rem}tui-textfield:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"])[data-size=l] .tui-input-color_picker{margin-inline-end:-.25rem}\n"] }]
+        }] });
+function toHex(value) {
+    return value.toString(16).padStart(2, '0');
+}
+
 const REGEX = /[0-9a-f]/i;
 const EMPTY = '"data:image/svg+xml;utf8,<svg xmlns=http://www.w3.org/2000/svg></svg>"';
+// TODO(v6): rename to TuiInputColorDirective
 class TuiInputColorComponent extends TuiControl {
     constructor() {
         super(...arguments);
@@ -41,37 +71,35 @@ class TuiInputColorComponent extends TuiControl {
             plugins: [maskitoAddOnFocusPlugin('#'), maskitoRemoveOnBlurPlugin('#')],
             overwriteMode: 'replace',
         })));
-        this.filled = computed(() => this.format() === 'hex' ? this.value().length === 7 : this.value().length === 9);
-        this.opacity = computed(() => this.filled() && this.format() === 'hexa'
-            ? Number.parseInt(this.value().slice(-2), 16)
-            : 255);
         this.format = input(this.options.format);
         this.align = input(this.options.align);
     }
-    onInput(value) {
-        this.onChange(this.format() === 'hex' ? value : `${value}${toHex(this.opacity())}`);
-    }
-    onOpacity(opacity) {
-        const value = this.filled() ? this.value().slice(0, 7) : '#000000';
-        this.onChange(`${value}${toHex(opacity)}`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiInputColorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TuiInputColorComponent, isStandalone: true, selector: "input[tuiInputColor]", inputs: { format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "ngSkipHydration": "true", "spellcheck": "false" }, listeners: { "input": "onChange($event.target.value)" }, properties: { "attr.list": "null", "disabled": "disabled()", "value": "value()" } }, providers: [tuiAsControl(TuiInputColorComponent), tuiFallbackValueProvider('')], usesInheritance: true, hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiWithInput }], ngImport: i0, template: "<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", styles: ["tui-textfield:where(*[data-tui-version=\"5.10.0\"]) .tui-input-color_picker.tui-input-color_picker{position:relative;font-size:1rem;inline-size:calc(var(--t-height) / 2);block-size:calc(var(--t-height) / 2);border:none;border-radius:100%;padding:0!important;overflow:hidden;cursor:pointer;pointer-events:auto;order:100;background:repeating-conic-gradient(var(--tui-border-normal) 0% 25%,transparent 0% 50%);box-shadow:0 0 0 1px var(--tui-border-normal)}tui-textfield:where(*[data-tui-version=\"5.10.0\"]) .tui-input-color_picker.tui-input-color_picker:disabled{cursor:default}tui-textfield:where(*[data-tui-version=\"5.10.0\"]) .tui-input-color_picker.tui-input-color_start{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--t-height) / 4);transform:translateY(-50%)}tui-textfield:where(*[data-tui-version=\"5.10.0\"]) .tui-input-color_picker::-webkit-color-swatch-wrapper{padding:0}tui-textfield:where(*[data-tui-version=\"5.10.0\"]) .tui-input-color_picker::-webkit-color-swatch{border:none;opacity:var(--t-opacity)}tui-textfield:where(*[data-tui-version=\"5.10.0\"]) .tui-input-color_picker::-moz-color-swatch{border:none;opacity:var(--t-opacity)}tui-textfield:where(*[data-tui-version=\"5.10.0\"])[data-size=s] .tui-input-color_picker{margin-inline-end:.25rem}tui-textfield:where(*[data-tui-version=\"5.10.0\"])[data-size=l] .tui-input-color_picker{margin-inline-end:-.25rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["segments"] }, { kind: "directive", type: TuiTextfieldContent, selector: "ng-template[tuiTextfieldContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputColorComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiInputColorComponent, isStandalone: true, selector: "input[tuiInputColor]", inputs: { format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "spellcheck": "false" }, listeners: { "input": "onChange($event.target.value)" }, properties: { "attr.list": "null", "disabled": "disabled()", "value": "value()" } }, providers: [
+            tuiAsControl(TuiInputColorComponent),
+            tuiFallbackValueProvider(''),
+            tuiAsTextfieldContent(() => TuiInputColorContent),
+        ], usesInheritance: true, hostDirectives: [{ directive: i1$1.MaskitoDirective }, { directive: i2$1.TuiWithInput }, { directive: i3.TuiTextfieldContent }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiInputColorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'input[tuiInputColor]', imports: [FormsModule, TuiSlider, TuiTextfieldContent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiAsControl(TuiInputColorComponent), tuiFallbackValueProvider('')], hostDirectives: [MaskitoDirective, TuiWithInput], host: {
-                        ngSkipHydration: 'true',
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputColorComponent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[tuiInputColor]',
+                    providers: [
+                        tuiAsControl(TuiInputColorComponent),
+                        tuiFallbackValueProvider(''),
+                        tuiAsTextfieldContent(() => TuiInputColorContent),
+                    ],
+                    hostDirectives: [MaskitoDirective, TuiWithInput, TuiTextfieldContent],
+                    host: {
                         spellcheck: 'false',
                         '[attr.list]': 'null',
                         '[disabled]': 'disabled()',
                         '[value]': 'value()',
                         '(input)': 'onChange($event.target.value)',
-                    }, template: "<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", styles: ["tui-textfield:where(*[data-tui-version=\"5.10.0\"]) .tui-input-color_picker.tui-input-color_picker{position:relative;font-size:1rem;inline-size:calc(var(--t-height) / 2);block-size:calc(var(--t-height) / 2);border:none;border-radius:100%;padding:0!important;overflow:hidden;cursor:pointer;pointer-events:auto;order:100;background:repeating-conic-gradient(var(--tui-border-normal) 0% 25%,transparent 0% 50%);box-shadow:0 0 0 1px var(--tui-border-normal)}tui-textfield:where(*[data-tui-version=\"5.10.0\"]) .tui-input-color_picker.tui-input-color_picker:disabled{cursor:default}tui-textfield:where(*[data-tui-version=\"5.10.0\"]) .tui-input-color_picker.tui-input-color_start{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--t-height) / 4);transform:translateY(-50%)}tui-textfield:where(*[data-tui-version=\"5.10.0\"]) .tui-input-color_picker::-webkit-color-swatch-wrapper{padding:0}tui-textfield:where(*[data-tui-version=\"5.10.0\"]) .tui-input-color_picker::-webkit-color-swatch{border:none;opacity:var(--t-opacity)}tui-textfield:where(*[data-tui-version=\"5.10.0\"]) .tui-input-color_picker::-moz-color-swatch{border:none;opacity:var(--t-opacity)}tui-textfield:where(*[data-tui-version=\"5.10.0\"])[data-size=s] .tui-input-color_picker{margin-inline-end:.25rem}tui-textfield:where(*[data-tui-version=\"5.10.0\"])[data-size=l] .tui-input-color_picker{margin-inline-end:-.25rem}\n"] }]
+                    },
+                }]
         }] });
-function toHex(value) {
-    return value.toString(16).padStart(2, '0');
-}
 
 const TuiInputColor = [
     TuiInputColorComponent,

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/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 {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\nimport {TuiSlider} from '@taiga-ui/core/components/slider';\nimport {TuiTextfieldContent} from '@taiga-ui/core/components/textfield';\nimport {TuiIcons, tuiIconStart} from '@taiga-ui/core/directives/icons';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\nimport {TUI_INPUT_COLOR_OPTIONS} from './input-color.options';\n\nconst REGEX = /[0-9a-f]/i;\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    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './input-color.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiAsControl(TuiInputColorComponent), tuiFallbackValueProvider('')],\n    hostDirectives: [MaskitoDirective, TuiWithInput],\n    host: {\n        ngSkipHydration: 'true',\n        spellcheck: 'false',\n        '[attr.list]': 'null',\n        '[disabled]': 'disabled()',\n        '[value]': 'value()',\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\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":";;;;;;;;;;;;;;;;;;;;;;MAQa,CAAC,uBAAuB,EAAE,4BAA4B,CAAC,GAChE,gBAAgB,CAAuB;AACnC,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,KAAK,EAAE,OAAO;AACjB,CAAA;;ACgBL,MAAM,KAAK,GAAG,WAAW;AACzB,MAAM,KAAK,GAAG,wEAAwE;AAwBhF,MAAO,sBAAuB,SAAQ,UAAkB,CAAA;AAtB9D,IAAA,WAAA,GAAA;;AAuBuB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,uBAAuB,CAAC;QACzC,IAAA,CAAA,EAAE,GAAG,gBAAgB,EAAoB;AACzC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,IAAI,kBAAkB,CAAC,MAAM,CAAC,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;QAC/D,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE;AAE1C,QAAA,IAAA,CAAA,IAAI,GAAG,YAAY,CAClC,QAAQ,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,KAAK,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAC/D,EAAE,CACL;AAEkB,QAAA,IAAA,CAAA,OAAO,GAAG,UAAU,CACnC,QAAQ,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,CAAC,MAAM;AAC7C,YAAA,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAS,EAAC,MAAM,EAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACxD,YAAA,cAAc,EAAE,CAAC,mCAAmC,CAAC,GAAG,CAAC,CAAC;YAC1D,OAAO,EAAE,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,yBAAyB,CAAC,GAAG,CAAC,CAAC;AACvE,YAAA,aAAa,EAAE,SAAS;SAC3B,CAAC,CAAC,CACN;AAEkB,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MACjC,IAAI,CAAC,MAAM,EAAE,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,KAAK,CAAC,CAClF;AAEkB,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK;AAC/B,cAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;cAC1C,GAAG,CACZ;QAEe,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;QACnC,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;AAapD,IAAA;AAXa,IAAA,OAAO,CAAC,KAAa,EAAA;AAC3B,QAAA,IAAI,CAAC,QAAQ,CACT,IAAI,CAAC,MAAM,EAAE,KAAK,KAAK,GAAG,KAAK,GAAG,CAAA,EAAG,KAAK,CAAA,EAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA,CAAE,CACvE;IACL;AAEU,IAAA,SAAS,CAAC,OAAe,EAAA;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS;AAElE,QAAA,IAAI,CAAC,QAAQ,CAAC,CAAA,EAAG,KAAK,CAAA,EAAG,KAAK,CAAC,OAAO,CAAC,CAAA,CAAE,CAAC;IAC9C;+GA3CS,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,0hBAXpB,CAAC,YAAY,CAAC,sBAAsB,CAAC,EAAE,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1CnF,q0BAyBA,EAAA,MAAA,EAAA,CAAA,03CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDQc,WAAW,i4BAAa,mBAAmB,EAAA,QAAA,EAAA,kCAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAoB5C,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAtBlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAAA,OAAA,EACvB,CAAC,WAAW,EAAE,SAAS,EAAE,mBAAmB,CAAC,EAAA,aAAA,EAOvC,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,YAAY,CAAA,sBAAA,CAAwB,EAAE,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAA,cAAA,EAC/D,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAA,IAAA,EAC1C;AACF,wBAAA,eAAe,EAAE,MAAM;AACvB,wBAAA,UAAU,EAAE,OAAO;AACnB,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,YAAY,EAAE,YAAY;AAC1B,wBAAA,SAAS,EAAE,SAAS;AACpB,wBAAA,SAAS,EAAE,+BAA+B;AAC7C,qBAAA,EAAA,QAAA,EAAA,q0BAAA,EAAA,MAAA,EAAA,CAAA,03CAAA,CAAA,EAAA;;AAgDL,SAAS,KAAK,CAAC,KAAa,EAAA;AACxB,IAAA,OAAO,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AAC9C;;AE5FO,MAAM,aAAa,GAAG;IACzB,sBAAsB;IACtB,QAAQ;IACR,qBAAqB;IACrB,4BAA4B;IAC5B,kBAAkB;;;ACdtB;;AAEG;;;;"}
+{"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-content.component.ts","../../../projects/kit/components/input-color/input-color-content.template.html","../../../projects/kit/components/input-color/input-color.component.ts","../../../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    inject,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {TuiSlider} from '@taiga-ui/core/components/slider';\n\nimport {TuiInputColorComponent} from './input-color.component';\n\n@Component({\n    selector: 'tui-input-color-content',\n    imports: [FormsModule, TuiSlider],\n    templateUrl: './input-color-content.template.html',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './input-color.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {'data-tui-version': TUI_VERSION},\n})\nexport class TuiInputColorContent {\n    protected readonly host = inject(TuiInputColorComponent);\n\n    protected readonly filled = computed(() =>\n        this.host.format() === 'hex'\n            ? this.host.value().length === 7\n            : this.host.value().length === 9,\n    );\n\n    protected readonly opacity = computed(() =>\n        this.filled() && this.host.format() === 'hexa'\n            ? Number.parseInt(this.host.value().slice(-2), 16)\n            : 255,\n    );\n\n    protected onInput(value: string): void {\n        this.host.onChange(\n            this.host.format() === 'hex' ? value : `${value}${toHex(this.opacity())}`,\n        );\n    }\n\n    protected onOpacity(opacity: number): void {\n        const value = this.filled() ? this.host.value().slice(0, 7) : '#000000';\n\n        this.host.onChange(`${value}${toHex(opacity)}`);\n    }\n}\n\nfunction toHex(value: number): string {\n    return value.toString(16).padStart(2, '0');\n}\n","<input\n    #colorPicker\n    tabindex=\"-1\"\n    type=\"color\"\n    class=\"tui-input-color_picker\"\n    [attr.list]=\"host.list\"\n    [class.tui-input-color_start]=\"host.align() === 'start'\"\n    [disabled]=\"!host.interactive()\"\n    [style.--t-opacity]=\"filled() ? opacity() / 255 : 0\"\n    [value]=\"host.value().length > 6 ? host.value().slice(0, 7) : ''\"\n    (input)=\"onInput(colorPicker.value)\"\n/>\n@if (host.format() === 'hexa' && host.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)=\"host.el.focus()\"\n    />\n}\n","import {computed, Directive, HostAttributeToken, inject, input} from '@angular/core';\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 {\n    tuiAsTextfieldContent,\n    TuiTextfieldContent,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiIcons, tuiIconStart} from '@taiga-ui/core/directives/icons';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\nimport {TUI_INPUT_COLOR_OPTIONS} from './input-color.options';\nimport {TuiInputColorContent} from './input-color-content.component';\n\nconst REGEX = /[0-9a-f]/i;\nconst EMPTY = '\"data:image/svg+xml;utf8,<svg xmlns=http://www.w3.org/2000/svg></svg>\"';\n\n@Directive({\n    selector: 'input[tuiInputColor]',\n    providers: [\n        tuiAsControl(TuiInputColorComponent),\n        tuiFallbackValueProvider(''),\n        tuiAsTextfieldContent(() => TuiInputColorContent),\n    ],\n    hostDirectives: [MaskitoDirective, TuiWithInput, TuiTextfieldContent],\n    host: {\n        spellcheck: 'false',\n        '[attr.list]': 'null',\n        '[disabled]': 'disabled()',\n        '[value]': 'value()',\n        '(input)': 'onChange($event.target.value)',\n    },\n})\n// TODO(v6): rename to TuiInputColorDirective\nexport class TuiInputColorComponent extends TuiControl<string> {\n    protected readonly options = inject(TUI_INPUT_COLOR_OPTIONS);\n\n    public readonly el = tuiInjectElement<HTMLInputElement>();\n    public readonly list = inject(new HostAttributeToken('list'), {optional: true});\n\n    protected readonly start = inject(TuiIcons).iconStart() || '';\n\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    public readonly format = input(this.options.format);\n    public readonly align = input(this.options.align);\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';\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":["i1","i2"],"mappings":"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"}

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

@@ -1,12 +1,12 @@
-import { TuiCalendar } from '@taiga-ui/core/components/calendar';
+import { AbstractTuiCalendar, TuiCalendar } from '@taiga-ui/core/components/calendar';
 import { TuiInputChipDirective, TuiInputChip } from '@taiga-ui/kit/components/input-chip';
 import * as i0 from '@angular/core';
 import { InjectionToken, 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 { maskitoDate } from '@maskito/kit';
 import { tuiAsControl, tuiValueTransformerFrom } from '@taiga-ui/cdk/classes';
-import { TuiMonth, DATE_FILLER_LENGTH, TuiDay } from '@taiga-ui/cdk/date-time';
+import { TuiDay, DATE_FILLER_LENGTH } from '@taiga-ui/cdk/date-time';
 import { tuiFallbackValueProvider } from '@taiga-ui/cdk/tokens';
 import { tuiDirectiveBinding } from '@taiga-ui/cdk/utils/di';
 import { tuiSetSignal, tuiArrayToggle } from '@taiga-ui/cdk/utils/miscellaneous';
@@ -54,27 +54,25 @@ class TuiInputDateMultiDirective extends TuiInputChipDirective {
         this.icon = tuiIconEnd(this.dateMultiOptions.icon);
         this.filler = tuiWithDateFiller();
         this.format = inject(TUI_DATE_FORMAT);
-        this.stringify = tuiDirectiveBinding(TuiItemsHandlersDirective, 'stringify', (item) => this.dateMultiOptions.valueTransformer
-            .fromControlValue([item])[0]
-            ?.toString(this.format().mode, this.format().separator) ?? '', {});
-        this.mask = tuiMaskito(computed(() => maskitoDateOptionsGenerator({
+        this.stringify = tuiDirectiveBinding(TuiItemsHandlersDirective, 'stringify', (item) => item?.toString(this.format().mode, this.format().separator) ?? '', {});
+        this.mask = tuiMaskito(computed(() => maskitoDate({
             separator: this.format().separator,
             mode: this.format().mode,
             min: (this.min() ?? this.dateMultiOptions.min).toLocalNativeDate(),
             max: (this.max() ?? this.dateMultiOptions.max).toLocalNativeDate(),
         })));
-        this.calendar = tuiInjectAuxiliary((x) => x instanceof TuiCalendar);
+        this.calendar = tuiInjectAuxiliary((x) => x instanceof AbstractTuiCalendar);
         this.calendarIn = effect(() => {
             const calendar = this.calendar();
             if (calendar) {
                 this.processCalendar(calendar);
             }
         });
-        this.calendarOut = effect((onCleanup) => {
-            const subscription = this.calendar()?.dayClick.subscribe((day) => {
-                this.updateValue(day);
-            });
-            onCleanup(() => subscription?.unsubscribe());
+        this.calendarOut = effect(() => {
+            const value = this.calendar()?.value();
+            if (value instanceof TuiDay) {
+                this.updateValue(value);
+            }
         });
         this.min = input(this.dateMultiOptions.min);
         this.max = input(this.dateMultiOptions.max);
@@ -83,7 +81,7 @@ class TuiInputDateMultiDirective extends TuiInputChipDirective {
         tuiSetSignal(calendar.value, this.value());
         tuiSetSignal(calendar.min, this.min());
         tuiSetSignal(calendar.max, this.max());
-        calendar.month.set(this.value()?.[this.value().length - 1] ?? TuiMonth.currentLocal());
+        calendar.month.update((m) => this.value()?.[this.value().length - 1] ?? m);
     }
     onClick() {
         this.open.update((open) => !open);
@@ -103,8 +101,8 @@ class TuiInputDateMultiDirective extends TuiInputChipDirective {
     updateValue(day) {
         this.setValue(tuiArrayToggle(this.value(), day, (a, b) => a.daySame(b)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiInputDateMultiDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputDateMultiDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", 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),
@@ -119,7 +117,7 @@ class TuiInputDateMultiDirective extends TuiInputChipDirective {
             tuiValueTransformerFrom(TUI_INPUT_DATE_MULTI_OPTIONS),
         ], usesInheritance: true, hostDirectives: [{ directive: i1.TuiDropdownAuto }, { directive: i2.MaskitoDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiInputDateMultiDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputDateMultiDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[tuiInputDateMulti]',

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.options.ts","../../../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 {type FactoryProvider, inject, InjectionToken} from '@angular/core';\nimport {type TuiValueTransformer} from '@taiga-ui/cdk/classes';\nimport {type TuiDay} from '@taiga-ui/cdk/date-time';\nimport {\n    TUI_INPUT_DATE_OPTIONS,\n    type TuiInputDateOptions,\n} from '@taiga-ui/kit/components/input-date';\n\nexport interface TuiInputDateMultiOptions extends Omit<\n    TuiInputDateOptions,\n    'valueTransformer'\n> {\n    readonly valueTransformer: TuiValueTransformer<TuiDay[]>;\n}\n\nexport const TUI_INPUT_DATE_MULTI_OPTIONS = new InjectionToken<TuiInputDateMultiOptions>(\n    ngDevMode ? 'TUI_INPUT_DATE_MULTI_OPTIONS' : '',\n);\n\nexport function tuiInputDateMultiOptionsFactory(): TuiInputDateMultiOptions {\n    const options = inject(TUI_INPUT_DATE_OPTIONS);\n\n    return {\n        ...options,\n        valueTransformer: {\n            fromControlValue: (value: unknown): TuiDay[] =>\n                Array.isArray(value)\n                    ? value\n                          .map((item) => options.valueTransformer.fromControlValue(item))\n                          .filter((item): item is TuiDay => item !== null)\n                    : [],\n            toControlValue: (value: TuiDay[]): unknown =>\n                value.map((item) => options.valueTransformer.toControlValue(item)),\n        },\n    };\n}\n\nexport function tuiInjectInputDateMultiOptions(): TuiInputDateMultiOptions {\n    return (\n        inject(TUI_INPUT_DATE_MULTI_OPTIONS, {optional: true, skipSelf: true}) ??\n        tuiInputDateMultiOptionsFactory()\n    );\n}\n\nexport const tuiInputDateMultiOptionsProvider = (\n    options: Partial<TuiInputDateMultiOptions>,\n): FactoryProvider => ({\n    provide: TUI_INPUT_DATE_MULTI_OPTIONS,\n    useFactory: (): TuiInputDateMultiOptions => ({\n        ...tuiInjectInputDateMultiOptions(),\n        ...options,\n    }),\n});\n","import {computed, Directive, effect, inject, input} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {maskitoDateOptionsGenerator} from '@maskito/kit';\nimport {tuiAsControl, tuiValueTransformerFrom} 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, tuiSetSignal} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiCalendar} from '@taiga-ui/core/components/calendar';\nimport {\n    tuiAsTextfieldAccessor,\n    tuiInjectAuxiliary,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiAppearance} from '@taiga-ui/core/directives/appearance';\nimport {tuiIconEnd} from '@taiga-ui/core/directives/icons';\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 {tuiWithDateFiller} from '@taiga-ui/kit/components/input-date';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\nimport {\n    TUI_INPUT_DATE_MULTI_OPTIONS,\n    tuiInjectInputDateMultiOptions,\n} from './input-date-multi.options';\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            provide: TUI_INPUT_DATE_MULTI_OPTIONS,\n            useFactory: tuiInjectInputDateMultiOptions,\n        },\n        tuiValueTransformerFrom(TUI_INPUT_DATE_MULTI_OPTIONS),\n    ],\n    hostDirectives: [TuiDropdownAuto, MaskitoDirective],\n    host: {'(keydown.enter.prevent)': '0'},\n})\nexport class TuiInputDateMultiDirective extends TuiInputChipDirective<TuiDay> {\n    private readonly dateMultiOptions = inject(TUI_INPUT_DATE_MULTI_OPTIONS);\n\n    protected readonly icon = tuiIconEnd(this.dateMultiOptions.icon);\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) =>\n            this.dateMultiOptions.valueTransformer\n                .fromControlValue([item])[0]\n                ?.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.dateMultiOptions.min).toLocalNativeDate(),\n                max: (this.max() ?? this.dateMultiOptions.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        const calendar = this.calendar();\n\n        if (calendar) {\n            this.processCalendar(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.dateMultiOptions.min);\n    public readonly max = input<TuiDay | null>(this.dateMultiOptions.max);\n\n    protected processCalendar(calendar: TuiCalendar): void {\n        tuiSetSignal(calendar.value, this.value());\n        tuiSetSignal(calendar.min, this.min());\n        tuiSetSignal(calendar.max, this.max());\n        calendar.month.set(\n            this.value()?.[this.value().length - 1] ?? TuiMonth.currentLocal(),\n        );\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":"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"}
+{"version":3,"file":"taiga-ui-kit-components-input-date-multi.mjs","sources":["../../../projects/kit/components/input-date-multi/input-date-multi.options.ts","../../../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 {type FactoryProvider, inject, InjectionToken} from '@angular/core';\nimport {type TuiValueTransformer} from '@taiga-ui/cdk/classes';\nimport {type TuiDay} from '@taiga-ui/cdk/date-time';\nimport {\n    TUI_INPUT_DATE_OPTIONS,\n    type TuiInputDateOptions,\n} from '@taiga-ui/kit/components/input-date';\n\nexport interface TuiInputDateMultiOptions extends Omit<\n    TuiInputDateOptions,\n    'valueTransformer'\n> {\n    readonly valueTransformer: TuiValueTransformer<TuiDay[]>;\n}\n\nexport const TUI_INPUT_DATE_MULTI_OPTIONS = new InjectionToken<TuiInputDateMultiOptions>(\n    ngDevMode ? 'TUI_INPUT_DATE_MULTI_OPTIONS' : '',\n);\n\nexport function tuiInputDateMultiOptionsFactory(): TuiInputDateMultiOptions {\n    const options = inject(TUI_INPUT_DATE_OPTIONS);\n\n    return {\n        ...options,\n        valueTransformer: {\n            fromControlValue: (value: unknown): TuiDay[] =>\n                Array.isArray(value)\n                    ? value\n                          .map((item) => options.valueTransformer.fromControlValue(item))\n                          .filter((item): item is TuiDay => item !== null)\n                    : [],\n            toControlValue: (value: TuiDay[]): unknown =>\n                value.map((item) => options.valueTransformer.toControlValue(item)),\n        },\n    };\n}\n\nexport function tuiInjectInputDateMultiOptions(): TuiInputDateMultiOptions {\n    return (\n        inject(TUI_INPUT_DATE_MULTI_OPTIONS, {optional: true, skipSelf: true}) ??\n        tuiInputDateMultiOptionsFactory()\n    );\n}\n\nexport const tuiInputDateMultiOptionsProvider = (\n    options: Partial<TuiInputDateMultiOptions>,\n): FactoryProvider => ({\n    provide: TUI_INPUT_DATE_MULTI_OPTIONS,\n    useFactory: (): TuiInputDateMultiOptions => ({\n        ...tuiInjectInputDateMultiOptions(),\n        ...options,\n    }),\n});\n","import {computed, Directive, effect, inject, input} from '@angular/core';\nimport {MaskitoDirective} from '@maskito/angular';\nimport {maskitoDate} from '@maskito/kit';\nimport {tuiAsControl, tuiValueTransformerFrom} from '@taiga-ui/cdk/classes';\nimport {DATE_FILLER_LENGTH, TuiDay} from '@taiga-ui/cdk/date-time';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\nimport {tuiArrayToggle, tuiSetSignal} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {AbstractTuiCalendar} from '@taiga-ui/core/components/calendar';\nimport {\n    tuiAsTextfieldAccessor,\n    tuiInjectAuxiliary,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiAppearance} from '@taiga-ui/core/directives/appearance';\nimport {tuiIconEnd} from '@taiga-ui/core/directives/icons';\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 {tuiWithDateFiller} from '@taiga-ui/kit/components/input-date';\nimport {tuiMaskito} from '@taiga-ui/kit/utils';\n\nimport {\n    TUI_INPUT_DATE_MULTI_OPTIONS,\n    tuiInjectInputDateMultiOptions,\n} from './input-date-multi.options';\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            provide: TUI_INPUT_DATE_MULTI_OPTIONS,\n            useFactory: tuiInjectInputDateMultiOptions,\n        },\n        tuiValueTransformerFrom(TUI_INPUT_DATE_MULTI_OPTIONS),\n    ],\n    hostDirectives: [TuiDropdownAuto, MaskitoDirective],\n    host: {'(keydown.enter.prevent)': '0'},\n})\nexport class TuiInputDateMultiDirective extends TuiInputChipDirective<TuiDay> {\n    private readonly dateMultiOptions = inject(TUI_INPUT_DATE_MULTI_OPTIONS);\n\n    protected readonly icon = tuiIconEnd(this.dateMultiOptions.icon);\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            maskitoDate({\n                separator: this.format().separator,\n                mode: this.format().mode,\n                min: (this.min() ?? this.dateMultiOptions.min).toLocalNativeDate(),\n                max: (this.max() ?? this.dateMultiOptions.max).toLocalNativeDate(),\n            }),\n        ),\n    );\n\n    protected readonly calendar = tuiInjectAuxiliary<AbstractTuiCalendar>(\n        (x) => x instanceof AbstractTuiCalendar,\n    );\n\n    protected readonly calendarIn = effect(() => {\n        const calendar = this.calendar();\n\n        if (calendar) {\n            this.processCalendar(calendar);\n        }\n    });\n\n    protected readonly calendarOut = effect(() => {\n        const value = this.calendar()?.value();\n\n        if (value instanceof TuiDay) {\n            this.updateValue(value);\n        }\n    });\n\n    public readonly min = input<TuiDay | null>(this.dateMultiOptions.min);\n    public readonly max = input<TuiDay | null>(this.dateMultiOptions.max);\n\n    protected processCalendar(calendar: AbstractTuiCalendar): void {\n        tuiSetSignal(calendar.value, this.value());\n        tuiSetSignal(calendar.min, this.min());\n        tuiSetSignal(calendar.max, this.max());\n        calendar.month.update((m) => this.value()?.[this.value().length - 1] ?? m);\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":"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"}

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

@@ -7,7 +7,7 @@ import * as i0 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 { maskitoDateRange } from '@maskito/kit';
 import { TUI_IDENTITY_VALUE_TRANSFORMER, tuiAsControl, tuiValueTransformerFrom } from '@taiga-ui/cdk/classes';
 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';
@@ -35,7 +35,7 @@ class TuiInputDateRangeDirective extends TuiInputDateBase {
             transform: (min) => min instanceof TuiDay ? min : TUI_FIRST_DAY,
         });
         this.filler = tuiWithDateFiller((filler) => `${filler}${RANGE_SEPARATOR_CHAR}${filler}`);
-        this.mask = tuiMaskito(computed(() => maskitoDateRangeOptionsGenerator({
+        this.mask = tuiMaskito(computed(() => maskitoDateRange({
             dateSeparator: this.format().separator,
             mode: this.format().mode,
             min: this.min().toLocalNativeDate(),
@@ -48,8 +48,10 @@ class TuiInputDateRangeDirective extends TuiInputDateBase {
     }
     processCalendar(calendar) {
         super.processCalendar(calendar);
-        tuiSetSignal(calendar.minLength, this.minLength());
-        tuiSetSignal(calendar.maxLength, this.maxLength());
+        if ('minLength' in calendar && 'maxLength' in calendar) {
+            tuiSetSignal(calendar.minLength, this.minLength());
+            tuiSetSignal(calendar.maxLength, this.maxLength());
+        }
     }
     onValueChange(value) {
         this.control?.control?.updateValueAndValidity({ emitEvent: false });
@@ -57,15 +59,15 @@ class TuiInputDateRangeDirective extends TuiInputDateBase {
             ? TuiDayRange.normalizeParse(value, this.format().mode)
             : null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiInputDateRangeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputDateRangeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", 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, 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: "19.2.21", ngImport: i0, type: TuiInputDateRangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputDateRangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[tuiInputDateRange]',

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/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 {tuiSetSignal} from '@taiga-ui/cdk/utils/miscellaneous';\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        tuiSetSignal(calendar.minLength, this.minLength());\n        tuiSetSignal(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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"}
+{"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 {maskitoDateRange} 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 {tuiSetSignal} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type AbstractTuiCalendar} from '@taiga-ui/core/components/calendar';\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            maskitoDateRange({\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(\n        calendar: AbstractTuiCalendar | TuiCalendarRange,\n    ): void {\n        super.processCalendar(calendar as AbstractTuiCalendar);\n\n        if ('minLength' in calendar && 'maxLength' in calendar) {\n            tuiSetSignal(calendar.minLength, this.minLength());\n            tuiSetSignal(calendar.maxLength, this.maxLength());\n        }\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":";;;;;;;;;;;;;;;;;;;AAoBO,MAAM,4BAA4B,GAAG,IAAI,cAAc,CAC1D,SAAS,GAAG,8BAA8B,GAAG,EAAE,EAC/C;AACI,IAAA,OAAO,EAAE,OAAO;QACZ,GAAG,MAAM,CAAC,sBAAsB,CAAC;AACjC,QAAA,gBAAgB,EAAE,8BAA8B;KACnD,CAAC;AACL,CAAA;AAGE,MAAM,gCAAgC,GAAG,CAC5C,OAA0C,KAE1C,iBAAiB,CACb,4BAA4B,EAC5B,OAAO,EACP,8BAA8B;;ACEhC,MAAO,0BAA2B,SAAQ,gBAA6B,CAAA;AAV7E,IAAA,WAAA,GAAA;;QAW6B,IAAA,CAAA,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE;AACnD,YAAA,SAAS,EAAE,CAAC,GAAkB,KAC1B,GAAG,YAAY,MAAM,GAAG,GAAG,GAAG,YAAY;AACjD,SAAA,CAAC;QAEuB,IAAA,CAAA,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE;AACnD,YAAA,SAAS,EAAE,CAAC,GAAkB,KAC1B,GAAG,YAAY,MAAM,GAAG,GAAG,GAAG,aAAa;AAClD,SAAA,CAAC;AAE0B,QAAA,IAAA,CAAA,MAAM,GAAG,iBAAiB,CAClD,CAAC,MAAM,KAAK,CAAA,EAAG,MAAM,GAAG,oBAAoB,CAAA,EAAG,MAAM,CAAA,CAAE,CAC1D;QAEkB,IAAA,CAAA,IAAI,GAAG,UAAU,CAChC,QAAQ,CAAC,MACL,gBAAgB,CAAC;AACb,YAAA,aAAa,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS;AACtC,YAAA,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI;AACxB,YAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,iBAAiB,EAAE;AACnC,YAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,iBAAiB,EAAE;AACnC,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE;AACjC,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE;SACpC,CAAC,CACL,CACJ;AAEe,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAoB,IAAI,CAAC;AAC1C,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAoB,IAAI,CAAC;AAqB7D,IAAA;AAnBsB,IAAA,eAAe,CAC9B,QAAgD,EAAA;AAEhD,QAAA,KAAK,CAAC,eAAe,CAAC,QAA+B,CAAC;QAEtD,IAAI,WAAW,IAAI,QAAQ,IAAI,WAAW,IAAI,QAAQ,EAAE;YACpD,YAAY,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;YAClD,YAAY,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;QACtD;IACJ;AAEmB,IAAA,aAAa,CAAC,KAAa,EAAA;AAC1C,QAAA,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,sBAAsB,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC;AACjE,QAAA,IAAI,CAAC,QAAQ,CACT,KAAK,CAAC,MAAM,KAAK;AACb,cAAE,WAAW,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI;cACpD,IAAI,CACb;IACL;+GAjDS,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,EAAA,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,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EARxB;;YAEP,YAAY,CAAC,0BAA0B,CAAC;YACxC,uBAAuB,CAAC,4BAA4B,CAAC;AACrD,YAAA,UAAU,CAAC,sBAAsB,EAAE,4BAA4B,CAAC;AACnE,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAGQ,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAVtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,SAAS,EAAE;;AAEP,wBAAA,YAAY,CAAA,0BAAA,CAA4B;wBACxC,uBAAuB,CAAC,4BAA4B,CAAC;AACrD,wBAAA,UAAU,CAAC,sBAAsB,EAAE,4BAA4B,CAAC;AACnE,qBAAA;AACD,oBAAA,cAAc,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,gBAAgB,CAAC;AACpE,iBAAA;;;AC3BM,MAAM,iBAAiB,GAAG;IAC7B,0BAA0B;IAC1B,gBAAgB;IAChB,QAAQ;IACR,qBAAqB;IACrB,4BAA4B;IAC5B,kBAAkB;;;AChBtB;;AAEG;;;;"}

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

@@ -11,7 +11,7 @@ import { TuiNativeTimePicker } from '@taiga-ui/kit/components/input-time';
 import { TuiTime, MILLISECONDS_IN_DAY, DATE_FILLER_LENGTH, TuiDay } from '@taiga-ui/cdk/date-time';
 import * as i1 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
-import { maskitoDateTimeOptionsGenerator, maskitoSelectionChangeHandler, maskitoParseTime } from '@maskito/kit';
+import { maskitoDateTime, maskitoSelectionChangeHandler, maskitoParseTime } from '@maskito/kit';
 import { TUI_IDENTITY_VALUE_TRANSFORMER, tuiAsControl, tuiValueTransformerFrom } from '@taiga-ui/cdk/classes';
 import { tuiProvideOptions, tuiDirectiveBinding } from '@taiga-ui/cdk/utils/di';
 import { tuiSum, tuiClamp } from '@taiga-ui/cdk/utils/math';
@@ -146,7 +146,7 @@ class TuiInputDateTimeDirective extends TuiInputDateBase {
         ];
     }
     computeMask(params) {
-        const options = maskitoDateTimeOptionsGenerator(params);
+        const options = maskitoDateTime(params);
         const { timeMode, dateMode, dateTimeSeparator, dayPeriod } = params;
         const inputModeSwitchPlugin = maskitoSelectionChangeHandler((element) => {
             element.inputMode =
@@ -169,15 +169,15 @@ class TuiInputDateTimeDirective extends TuiInputDateBase {
         const mode = this.timeMode();
         return TuiTime.fromAbsoluteMilliseconds(maskitoParseTime(time, { mode }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiInputDateTimeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", type: TuiInputDateTimeDirective, isStandalone: true, selector: "input[tuiInputDateTime]", inputs: { timeMode: { classPropertyName: "timeMode", publicName: "timeMode", isSignal: true, isRequired: false, transformFunction: null }, minInput: { classPropertyName: "minInput", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, maxInput: { classPropertyName: "maxInput", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "onBlur($event.target.value)" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputDateTimeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiInputDateTimeDirective, isStandalone: true, selector: "input[tuiInputDateTime]", inputs: { timeMode: { classPropertyName: "timeMode", publicName: "timeMode", isSignal: true, isRequired: false, transformFunction: null }, minInput: { classPropertyName: "minInput", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, maxInput: { classPropertyName: "maxInput", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "blur": "onBlur($event.target.value)" } }, providers: [
             tuiAsOptionContent(TuiSelectOption),
             tuiAsControl(TuiInputDateTimeDirective),
             tuiAsTextfieldAccessor(TuiInputDateTimeDirective),
             tuiValueTransformerFrom(TUI_INPUT_DATE_TIME_OPTIONS),
         ], usesInheritance: true, hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiDropdownAuto }, { directive: i3.TuiItemsHandlersValidator }, { directive: i4.TuiWithInput }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiInputDateTimeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputDateTimeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[tuiInputDateTime]',
@@ -215,8 +215,8 @@ class TuiInputDateTimeContent {
         const time = TuiTime.fromLocalNativeDate(date);
         this.host.setValue([day, time]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiInputDateTimeContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: TuiInputDateTimeContent, isStandalone: true, selector: "tui-input-date-time-content", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputDateTimeContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiInputDateTimeContent, isStandalone: true, selector: "tui-input-date-time-content", ngImport: i0, template: `
         @if (host.native) {
             <input
                 type="datetime-local"
@@ -230,9 +230,9 @@ class TuiInputDateTimeContent {
                 (pointerdown.stop.zoneless)="(0)"
             />
         }
-    `, isInline: true, styles: ["tui-textfield input[tuiInputDateTime]:where(*[data-tui-version=\"5.10.0\"])~.t-content input[type=datetime-local]{position:absolute;inset-block-start:0;inset-inline-start:auto;inset-inline-end:0;inset-block-end:0;inline-size:2.5rem;padding:0;opacity:0;pointer-events:auto}tui-textfield input[tuiInputDateTime]:where(*[data-tui-version=\"5.10.0\"])~.t-content input[type=datetime-local]::-webkit-calendar-picker-indicator{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: ["tui-textfield input[tuiInputDateTime]:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"])~.t-content input[type=datetime-local]{position:absolute;inset-block-start:0;inset-inline-start:auto;inset-inline-end:0;inset-block-end:0;inline-size:2.5rem;padding:0;opacity:0;pointer-events:auto}tui-textfield input[tuiInputDateTime]:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"])~.t-content input[type=datetime-local]::-webkit-calendar-picker-indicator{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiInputDateTimeContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputDateTimeContent, decorators: [{
             type: Component,
             args: [{ selector: 'tui-input-date-time-content', template: `
         @if (host.native) {
@@ -248,19 +248,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                 (pointerdown.stop.zoneless)="(0)"
             />
         }
-    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["tui-textfield input[tuiInputDateTime]:where(*[data-tui-version=\"5.10.0\"])~.t-content input[type=datetime-local]{position:absolute;inset-block-start:0;inset-inline-start:auto;inset-inline-end:0;inset-block-end:0;inline-size:2.5rem;padding:0;opacity:0;pointer-events:auto}tui-textfield input[tuiInputDateTime]:where(*[data-tui-version=\"5.10.0\"])~.t-content input[type=datetime-local]::-webkit-calendar-picker-indicator{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}\n"] }]
+    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["tui-textfield input[tuiInputDateTime]:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"])~.t-content input[type=datetime-local]{position:absolute;inset-block-start:0;inset-inline-start:auto;inset-inline-end:0;inset-block-end:0;inline-size:2.5rem;padding:0;opacity:0;pointer-events:auto}tui-textfield input[tuiInputDateTime]:where(*[data-tui-version=\"5.11.0-canary.8834a0e\"])~.t-content input[type=datetime-local]::-webkit-calendar-picker-indicator{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}\n"] }]
         }] });
 
 // TODO(v6): rename to TuiInputDateTimeDirective
 class TuiInputDateTimeComponent extends TuiNativeTimePicker {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiInputDateTimeComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: TuiInputDateTimeComponent, isStandalone: true, selector: "input[tuiInputDateTime][type=\"datetime-local\"]", host: { attributes: { "data-tui-version": "5.10.0" } }, providers: [tuiAsTextfieldContent(TuiInputDateTimeContent)], usesInheritance: true, hostDirectives: [{ directive: i1$1.TuiWithNativePicker }, { directive: i1$1.TuiTextfieldContent }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputDateTimeComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: TuiInputDateTimeComponent, isStandalone: true, selector: "input[tuiInputDateTime][type=\"datetime-local\"]", host: { attributes: { "data-tui-version": "5.11.0-canary.8834a0e" } }, providers: [tuiAsTextfieldContent(() => TuiInputDateTimeContent)], usesInheritance: true, hostDirectives: [{ directive: i1$1.TuiWithNativePicker }, { directive: i1$1.TuiTextfieldContent }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiInputDateTimeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiInputDateTimeComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[tuiInputDateTime][type="datetime-local"]',
-                    providers: [tuiAsTextfieldContent(TuiInputDateTimeContent)],
+                    providers: [tuiAsTextfieldContent(() => TuiInputDateTimeContent)],
                     hostDirectives: [TuiWithNativePicker, TuiTextfieldContent],
                     host: { 'data-tui-version': TUI_VERSION },
                 }]
@@ -280,5 +280,5 @@ const TuiInputDateTime = [
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_INPUT_DATE_TIME_DEFAULT_OPTIONS, TUI_INPUT_DATE_TIME_OPTIONS, TuiInputDateTime, TuiInputDateTimeComponent, TuiInputDateTimeContent, TuiInputDateTimeDirective, tuiInputDateTimeOptionsProvider };
+export { TUI_INPUT_DATE_TIME_DEFAULT_OPTIONS, TUI_INPUT_DATE_TIME_OPTIONS, TuiInputDateTime, TuiInputDateTimeComponent, TuiInputDateTimeDirective, tuiInputDateTimeOptionsProvider };
 //# sourceMappingURL=taiga-ui-kit-components-input-date-time.mjs.map