npm - @taiga-ui/kit - Versions diffs - 4.45.0 → 4.46.0-canary.3415f27 - Mend

@taiga-ui/kit 4.45.0 → 4.46.0-canary.3415f27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (84) hide show

package/fesm2022/taiga-ui-kit-components-input-chip.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-kit-components-input-chip.mjs","sources":["../../../projects/kit/components/input-chip/input-chip.component.ts","../../../projects/kit/components/input-chip/input-chip.template.html","../../../projects/kit/components/input-chip/input-chip.options.ts","../../../projects/kit/components/input-chip/input-chip.directive.ts","../../../projects/kit/components/input-chip/input-chip.ts","../../../projects/kit/components/input-chip/taiga-ui-kit-components-input-chip.ts"],"sourcesContent":["import {NgIf} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n ElementRef,\n inject,\n Input,\n signal,\n ViewChild,\n} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport type {TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiDirectiveBinding, tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport type {TuiTextfieldItem} from '@taiga-ui/core/components/textfield';\nimport {\n TUI_TEXTFIELD_OPTIONS,\n TuiTextfieldComponent,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiAppearance} from '@taiga-ui/core/directives/appearance';\nimport {TuiHintDirective, TuiHintOverflow} from '@taiga-ui/core/directives/hint';\nimport type {TuiItemsHandlers} from '@taiga-ui/core/directives/items-handlers';\nimport {TUI_ITEMS_HANDLERS} from '@taiga-ui/core/directives/items-handlers';\nimport {TuiChip} from '@taiga-ui/kit/components/chip';\nimport {TuiFade} from '@taiga-ui/kit/directives/fade';\nimport {tuiInjectValue} from '@taiga-ui/kit/utils';\nimport {injectContext} from '@taiga-ui/polymorpheus';\n\n@Component({\n standalone: true,\n selector: 'tui-input-chip',\n imports: [\n FormsModule,\n NgIf,\n ReactiveFormsModule,\n TuiButton,\n TuiChip,\n TuiFade,\n TuiHintOverflow,\n ],\n templateUrl: './input-chip.template.html',\n styleUrls: ['./input-chip.styles.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [TuiChip],\n host: {\n tuiChip: '',\n class: 'tui-interactive',\n '[class._edit]': 'editing()',\n '[attr.tabIndex]': 'disabled() ? null : -1',\n '(click)': 'editing() && $event.stopPropagation()',\n '(keydown.backspace.prevent)': 'delete()',\n '(keydown.enter.prevent)': 'edit()',\n '(dblclick)': 'edit()',\n },\n})\nexport class TuiInputChipComponent<T> {\n @ViewChild(TuiChip, {read: ElementRef})\n private readonly input?: ElementRef<HTMLInputElement>;\n\n private readonly options = inject(TUI_TEXTFIELD_OPTIONS);\n private readonly context = injectContext<TuiContext<TuiTextfieldItem<T>>>();\n private readonly value = tuiInjectValue<readonly T[]>();\n\n protected readonly mobile = inject(TUI_IS_MOBILE);\n protected readonly internal = signal(this.context.$implicit.item);\n protected readonly editing = signal(false);\n protected readonly hint = inject(TuiHintDirective, {self: true, optional: true});\n protected readonly handlers: TuiItemsHandlers<T> = inject(TUI_ITEMS_HANDLERS);\n protected readonly textfield = inject(TuiTextfieldComponent);\n\n protected readonly disabled = tuiDirectiveBinding(\n TuiAppearance,\n 'tuiAppearanceState',\n computed(() =>\n this.handlers.disabledItemHandler()(this.context.$implicit.item)\n ? 'disabled'\n : null,\n ),\n );\n\n protected readonly size = tuiDirectiveBinding(\n TuiChip,\n 'size',\n computed(() => (this.options.size() === 'l' ? 's' : 'xs')),\n );\n\n @Input()\n public editable = true;\n\n protected get index(): number {\n return this.context.$implicit.index;\n }\n\n protected delete(): void {\n this.textfield.cva?.onChange(this.value().filter((_, i) => i !== this.index));\n\n if (!this.mobile) {\n this.textfield.input?.nativeElement.focus({preventScroll: true});\n }\n }\n\n protected save(): void {\n if (!this.internal()) {\n this.delete();\n } else if (this.handlers.disabledItemHandler()(this.internal())) {\n return;\n }\n\n const value = this.value().map((item, index) =>\n index === this.index ? this.internal() : item,\n );\n\n this.textfield.cva?.onChange(value);\n this.editing.set(false);\n this.textfield.input?.nativeElement.focus({preventScroll: true});\n }\n\n protected cancel(): void {\n this.editing.set(false);\n this.internal.set(this.context.$implicit.item);\n }\n\n protected edit(): void {\n if (\n !this.editable \|\|\n !this.textfield.cva?.interactive() \|\|\n !tuiIsString(this.internal())\n ) {\n return;\n }\n\n this.editing.set(true);\n setTimeout(() => this.input?.nativeElement.focus());\n }\n}\n","<input\n appearance=\"\"\n enterkeyhint=\"enter\"\n tuiChip\n class=\"t-input\"\n [disabled]=\"!editing()\"\n [ngModel]=\"internal()\"\n [ngModelOptions]=\"{standalone: true}\"\n (blur)=\"cancel()\"\n (keydown.enter)=\"save()\"\n (keydown.esc)=\"cancel()\"\n (keydown.stop)=\"(0)\"\n (ngModelChange)=\"internal.set($event)\"\n/>\n<div\n tuiFade\n tuiFadeOffset=\"0.5rem\"\n class=\"t-text\"\n [tuiHintOverflow]=\"hint?.content() ? null : handlers.stringify()(internal())\"\n (mousedown.prevent.zoneless)=\"(0)\"\n>\n {{ handlers.stringify()(internal()) }}\n</div>\n<button\n ngIf=\"textfield.cva?.interactive() && !editing() && !disabled()\"\n iconStart=\"@tui.x\"\n tabIndex=\"-1\"\n tuiIconButton\n type=\"button\"\n (click.stop)=\"delete()\"\n (pointerdown.prevent.stop.zoneless)=\"(0)\"\n>\n Remove\n</button>\n","import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiInputChipOptions {\n readonly separator: RegExp \| string;\n readonly unique: boolean;\n}\n\nexport const TUI_INPUT_CHIP_DEFAULT_OPTIONS: TuiInputChipOptions = {\n separator: ',',\n unique: true,\n};\n\nexport const [TUI_INPUT_CHIP_OPTIONS, tuiInputChipOptionsProvider] = tuiCreateOptions(\n TUI_INPUT_CHIP_DEFAULT_OPTIONS,\n);\n","import {Directive, inject, Input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiAsControl, TuiControl} from '@taiga-ui/cdk/classes';\nimport {TuiActiveZone} from '@taiga-ui/cdk/directives/active-zone';\nimport {TuiNativeValidator} from '@taiga-ui/cdk/directives/native-validator';\nimport {TUI_IS_MOBILE, tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiGetClipboardDataText, tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/miscellaneous';\nimport type {TuiTextfieldAccessor} from '@taiga-ui/core/components/textfield';\nimport {\n tuiAsTextfieldAccessor,\n TuiTextfieldBase,\n TuiTextfieldMultiComponent,\n} from '@taiga-ui/core/components/textfield';\nimport {\n TuiDropdownDirective,\n TuiDropdownOpen,\n tuiDropdownOpen,\n} from '@taiga-ui/core/directives/dropdown';\nimport type {TuiItemsHandlers} from '@taiga-ui/core/directives/items-handlers';\nimport {TUI_ITEMS_HANDLERS} from '@taiga-ui/core/directives/items-handlers';\nimport {filter} from 'rxjs';\n\nimport {TUI_INPUT_CHIP_OPTIONS} from './input-chip.options';\n\n@Directive({\n standalone: true,\n selector: 'input[tuiInputChip]',\n providers: [\n tuiAsControl(TuiInputChipDirective),\n tuiFallbackValueProvider([]),\n tuiAsTextfieldAccessor(TuiInputChipDirective),\n ],\n hostDirectives: [\n TuiNativeValidator,\n {\n directive: TuiTextfieldBase,\n inputs: ['invalid', 'focused', 'readOnly', 'state'],\n },\n ],\n host: {\n enterkeyhint: 'enter',\n '[disabled]': 'disabled()',\n '(keydown.enter.prevent)': 'onEnter()',\n '(keydown.zoneless)': 'onBackspace($event.key)',\n '(input)': 'onInput()',\n '(paste.prevent)': 'onPaste($event)',\n '(drop.prevent)': 'onPaste($event)',\n },\n})\nexport class TuiInputChipDirective<T>\n extends TuiControl<T[]>\n implements TuiTextfieldAccessor<T[]>\n{\n private readonly handlers: TuiItemsHandlers<T> = inject(TUI_ITEMS_HANDLERS);\n private readonly options = inject(TUI_INPUT_CHIP_OPTIONS);\n private readonly mobile = inject(TUI_IS_MOBILE);\n private readonly textfield = inject(TuiTextfieldMultiComponent);\n private readonly open = tuiDropdownOpen();\n private readonly dropdown = inject(TuiDropdownDirective);\n\n protected readonly enabled = tuiDirectiveBinding(\n TuiDropdownOpen,\n 'tuiDropdownEnabled',\n this.interactive,\n {},\n );\n\n protected readonly sub = inject(TuiActiveZone)\n .tuiActiveZoneChange.pipe(\n filter((active) => !active && !this.el.matches('select')),\n takeUntilDestroyed(),\n )\n .subscribe(() => {\n this.onEnter();\n this.textfield.value.set('');\n });\n\n @Input()\n public separator = this.options.separator;\n\n @Input()\n public unique = this.options.unique;\n\n public readonly el = tuiInjectElement<HTMLInputElement>();\n\n public setValue(value: T[]): void {\n this.textfield.value.set('');\n this.onChange(\n this.unique ? Array.from(new Set(value.reverse())).reverse() : value,\n );\n }\n\n protected onEnter(): void {\n const value = this.textfield.value().trim();\n const items: any[] = this.separator ? value.split(this.separator) : [value];\n const valid = items.filter(\n (item) => item && !this.handlers.disabledItemHandler()(item),\n );\n\n if (!value \|\| !valid.length) {\n return;\n }\n\n this.setValue([...this.value(), ...valid]);\n this.scrollTo();\n }\n\n protected onInput(): void {\n this.open.set(!!this.dropdown.content);\n\n if (this.separator && this.textfield.value().match(this.separator)) {\n this.onEnter();\n } else {\n this.scrollTo();\n }\n }\n\n protected onPaste(event: ClipboardEvent \| DragEvent): void {\n const value =\n 'dataTransfer' in event\n ? event.dataTransfer?.getData('text/plain') \|\| ''\n : tuiGetClipboardDataText(event);\n\n this.textfield.value.set(value);\n this.onEnter();\n }\n\n protected onBackspace(key: string): void {\n // (keydown.backspace) doesn't emit event on empty input in ios safari\n if (\n key === 'Backspace' &&\n !this.textfield.value() &&\n this.interactive() &&\n (this.mobile \|\| !this.textfield.item)\n ) {\n this.onChange(this.value().slice(0, -1));\n }\n }\n\n protected scrollTo(): void {\n const sign = this.textfield.el.matches('[dir=\"rtl\"] :scope') ? -1 : 1;\n\n // Allow change detection to run and add new tag to DOM\n setTimeout(() => {\n this.textfield.el.scrollTo({\n left: sign Number.MAX_SAFE_INTEGER,\n top: Number.MAX_SAFE_INTEGER,\n });\n });\n }\n}\n","import {TuiInputChipComponent} from './input-chip.component';\nimport {TuiInputChipDirective} from './input-chip.directive';\n\nexport const TuiInputChip = [TuiInputChipDirective, TuiInputChipComponent] as const;\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1","i2"],"mappings":"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"}
1	+ {"version":3,"file":"taiga-ui-kit-components-input-chip.mjs","sources":["../../../projects/kit/components/input-chip/input-chip.component.ts","../../../projects/kit/components/input-chip/input-chip.template.html","../../../projects/kit/components/input-chip/input-chip.options.ts","../../../projects/kit/components/input-chip/input-chip.directive.ts","../../../projects/kit/components/input-chip/input-chip.ts","../../../projects/kit/components/input-chip/taiga-ui-kit-components-input-chip.ts"],"sourcesContent":["import {NgIf} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n ElementRef,\n inject,\n Input,\n signal,\n ViewChild,\n} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport type {TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiDirectiveBinding, tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport type {TuiTextfieldItem} from '@taiga-ui/core/components/textfield';\nimport {\n TUI_TEXTFIELD_OPTIONS,\n TuiTextfieldComponent,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiAppearance} from '@taiga-ui/core/directives/appearance';\nimport {TuiHintDirective, TuiHintOverflow} from '@taiga-ui/core/directives/hint';\nimport type {TuiItemsHandlers} from '@taiga-ui/core/directives/items-handlers';\nimport {TUI_ITEMS_HANDLERS} from '@taiga-ui/core/directives/items-handlers';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {TuiChip} from '@taiga-ui/kit/components/chip';\nimport {TuiFade} from '@taiga-ui/kit/directives/fade';\nimport {tuiInjectValue} from '@taiga-ui/kit/utils';\nimport {injectContext} from '@taiga-ui/polymorpheus';\n\n@Component({\n standalone: true,\n selector: 'tui-input-chip',\n imports: [\n FormsModule,\n NgIf,\n ReactiveFormsModule,\n TuiButton,\n TuiChip,\n TuiFade,\n TuiHintOverflow,\n ],\n templateUrl: './input-chip.template.html',\n styleUrls: ['./input-chip.styles.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [TuiChip],\n host: {\n tuiChip: '',\n class: 'tui-interactive',\n '[class._edit]': 'editing()',\n '[attr.tabIndex]': 'disabled() ? null : -1',\n '(click)': 'editing() && $event.stopPropagation()',\n '(keydown.backspace.prevent)': 'delete()',\n '(keydown.enter.prevent)': 'edit()',\n '(dblclick)': 'edit()',\n },\n})\nexport class TuiInputChipComponent<T> {\n @ViewChild(TuiChip, {read: ElementRef})\n private readonly input?: ElementRef<HTMLInputElement>;\n\n private readonly options = inject(TUI_TEXTFIELD_OPTIONS);\n private readonly context = injectContext<TuiContext<TuiTextfieldItem<T>>>();\n private readonly value = tuiInjectValue<readonly T[]>();\n\n protected readonly icons = inject(TUI_COMMON_ICONS);\n protected readonly mobile = inject(TUI_IS_MOBILE);\n protected readonly internal = signal(this.context.$implicit.item);\n protected readonly editing = signal(false);\n protected readonly hint = inject(TuiHintDirective, {self: true, optional: true});\n protected readonly handlers: TuiItemsHandlers<T> = inject(TUI_ITEMS_HANDLERS);\n protected readonly textfield = inject(TuiTextfieldComponent);\n\n protected readonly disabled = tuiDirectiveBinding(\n TuiAppearance,\n 'tuiAppearanceState',\n computed(() =>\n this.handlers.disabledItemHandler()(this.context.$implicit.item)\n ? 'disabled'\n : null,\n ),\n );\n\n protected readonly size = tuiDirectiveBinding(\n TuiChip,\n 'size',\n computed(() => (this.options.size() === 'l' ? 's' : 'xs')),\n );\n\n @Input()\n public editable = true;\n\n protected get index(): number {\n return this.context.$implicit.index;\n }\n\n protected delete(): void {\n this.textfield.cva?.onChange(this.value().filter((_, i) => i !== this.index));\n\n if (!this.mobile) {\n this.textfield.input?.nativeElement.focus({preventScroll: true});\n }\n }\n\n protected save(): void {\n if (!this.internal()) {\n this.delete();\n } else if (this.handlers.disabledItemHandler()(this.internal())) {\n return;\n }\n\n const value = this.value().map((item, index) =>\n index === this.index ? this.internal() : item,\n );\n\n this.textfield.cva?.onChange(value);\n this.editing.set(false);\n this.textfield.input?.nativeElement.focus({preventScroll: true});\n }\n\n protected cancel(): void {\n this.editing.set(false);\n this.internal.set(this.context.$implicit.item);\n }\n\n protected edit(): void {\n if (\n !this.editable \|\|\n !this.textfield.cva?.interactive() \|\|\n !tuiIsString(this.internal())\n ) {\n return;\n }\n\n this.editing.set(true);\n setTimeout(() => this.input?.nativeElement.focus());\n }\n}\n","<input\n appearance=\"\"\n enterkeyhint=\"enter\"\n tuiChip\n class=\"t-input\"\n [disabled]=\"!editing()\"\n [ngModel]=\"internal()\"\n [ngModelOptions]=\"{standalone: true}\"\n (blur)=\"cancel()\"\n (keydown.enter)=\"save()\"\n (keydown.esc)=\"cancel()\"\n (keydown.stop)=\"(0)\"\n (ngModelChange)=\"internal.set($event)\"\n/>\n<div\n tuiFade\n tuiFadeOffset=\"0.5rem\"\n class=\"t-text\"\n [tuiHintOverflow]=\"hint?.content() ? null : handlers.stringify()(internal())\"\n (mousedown.prevent.zoneless)=\"(0)\"\n>\n {{ handlers.stringify()(internal()) }}\n</div>\n<button\n ngIf=\"textfield.cva?.interactive() && !editing() && !disabled()\"\n tabIndex=\"-1\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click.stop)=\"delete()\"\n (pointerdown.prevent.stop.zoneless)=\"(0)\"\n>\n Remove\n</button>\n","import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiInputChipOptions {\n readonly separator: RegExp \| string;\n readonly unique: boolean;\n}\n\nexport const TUI_INPUT_CHIP_DEFAULT_OPTIONS: TuiInputChipOptions = {\n separator: ',',\n unique: true,\n};\n\nexport const [TUI_INPUT_CHIP_OPTIONS, tuiInputChipOptionsProvider] = tuiCreateOptions(\n TUI_INPUT_CHIP_DEFAULT_OPTIONS,\n);\n","import {Directive, inject, Input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiAsControl, TuiControl} from '@taiga-ui/cdk/classes';\nimport {TuiActiveZone} from '@taiga-ui/cdk/directives/active-zone';\nimport {TuiNativeValidator} from '@taiga-ui/cdk/directives/native-validator';\nimport {TUI_IS_MOBILE, tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiGetClipboardDataText, tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/miscellaneous';\nimport type {TuiTextfieldAccessor} from '@taiga-ui/core/components/textfield';\nimport {\n tuiAsTextfieldAccessor,\n TuiTextfieldBase,\n TuiTextfieldMultiComponent,\n} from '@taiga-ui/core/components/textfield';\nimport {\n TuiDropdownDirective,\n TuiDropdownOpen,\n tuiDropdownOpen,\n} from '@taiga-ui/core/directives/dropdown';\nimport type {TuiItemsHandlers} from '@taiga-ui/core/directives/items-handlers';\nimport {TUI_ITEMS_HANDLERS} from '@taiga-ui/core/directives/items-handlers';\nimport {filter} from 'rxjs';\n\nimport {TUI_INPUT_CHIP_OPTIONS} from './input-chip.options';\n\n@Directive({\n standalone: true,\n selector: 'input[tuiInputChip]',\n providers: [\n tuiAsControl(TuiInputChipDirective),\n tuiFallbackValueProvider([]),\n tuiAsTextfieldAccessor(TuiInputChipDirective),\n ],\n hostDirectives: [\n TuiNativeValidator,\n {\n directive: TuiTextfieldBase,\n inputs: ['invalid', 'focused', 'readOnly', 'state'],\n },\n ],\n host: {\n enterkeyhint: 'enter',\n '[disabled]': 'disabled()',\n '(keydown.enter.prevent)': 'onEnter()',\n '(keydown.zoneless)': 'onBackspace($event.key)',\n '(input)': 'onInput()',\n '(paste.prevent)': 'onPaste($event)',\n '(drop.prevent)': 'onPaste($event)',\n },\n})\nexport class TuiInputChipDirective<T>\n extends TuiControl<T[]>\n implements TuiTextfieldAccessor<T[]>\n{\n private readonly options = inject(TUI_INPUT_CHIP_OPTIONS);\n private readonly mobile = inject(TUI_IS_MOBILE);\n private readonly dropdown = inject(TuiDropdownDirective);\n\n protected readonly textfield = inject(TuiTextfieldMultiComponent);\n protected readonly open = tuiDropdownOpen();\n protected readonly handlers: TuiItemsHandlers<T> = inject(TUI_ITEMS_HANDLERS);\n protected readonly enabled = tuiDirectiveBinding(\n TuiDropdownOpen,\n 'tuiDropdownEnabled',\n this.interactive,\n {},\n );\n\n protected readonly sub = inject(TuiActiveZone)\n .tuiActiveZoneChange.pipe(\n filter((active) => !active && !this.el.matches('select')),\n takeUntilDestroyed(),\n )\n .subscribe(() => {\n this.onEnter();\n this.textfield.value.set('');\n });\n\n @Input()\n public separator = this.options.separator;\n\n @Input()\n public unique = this.options.unique;\n\n public readonly el = tuiInjectElement<HTMLInputElement>();\n\n public setValue(value: T[]): void {\n this.textfield.value.set('');\n this.onChange(\n this.unique ? Array.from(new Set(value.reverse())).reverse() : value,\n );\n }\n\n protected onEnter(): void {\n const value = this.textfield.value().trim();\n const items: any[] = this.separator ? value.split(this.separator) : [value];\n const valid = items.filter(\n (item) => item && !this.handlers.disabledItemHandler()(item),\n );\n\n if (!value \|\| !valid.length) {\n return;\n }\n\n this.setValue([...this.value(), ...valid]);\n this.scrollTo();\n }\n\n protected onInput(): void {\n this.open.set(!!this.dropdown.content);\n\n if (this.separator && this.textfield.value().match(this.separator)) {\n this.onEnter();\n } else {\n this.scrollTo();\n }\n }\n\n protected onPaste(event: ClipboardEvent \| DragEvent): void {\n const value =\n 'dataTransfer' in event\n ? event.dataTransfer?.getData('text/plain') \|\| ''\n : tuiGetClipboardDataText(event);\n\n this.textfield.value.set(value);\n this.onEnter();\n }\n\n protected onBackspace(key: string): void {\n // (keydown.backspace) doesn't emit event on empty input in ios safari\n if (\n key === 'Backspace' &&\n !this.textfield.value() &&\n this.interactive() &&\n (this.mobile \|\| !this.textfield.item)\n ) {\n this.onChange(this.value().slice(0, -1));\n }\n }\n\n protected scrollTo(): void {\n const sign = this.textfield.el.matches('[dir=\"rtl\"] :scope') ? -1 : 1;\n\n // Allow change detection to run and add new tag to DOM\n setTimeout(() => {\n this.textfield.el.scrollTo({\n left: sign Number.MAX_SAFE_INTEGER,\n top: Number.MAX_SAFE_INTEGER,\n });\n });\n }\n}\n","import {TuiInputChipComponent} from './input-chip.component';\nimport {TuiInputChipDirective} from './input-chip.directive';\n\nexport const TuiInputChip = [TuiInputChipDirective, TuiInputChipComponent] 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 ADDED Viewed

@@ -0,0 +1,141 @@
+import { TuiCalendar } from '@taiga-ui/core/components/calendar';
+import { TuiInputChipDirective, TuiInputChipComponent } 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 { 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 * 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, TUI_DATE_ADAPTER } from '@taiga-ui/kit/components/input-date';
+import { tuiMaskito } from '@taiga-ui/kit/utils';
+class TuiInputDateMultiDirective extends TuiInputChipDirective {
+    constructor() {
+        super(...arguments);
+        this.dateOptions = inject(TUI_INPUT_DATE_OPTIONS_NEW);
+        this.icon = tuiTextfieldIconBinding(TUI_INPUT_DATE_OPTIONS_NEW);
+        this.stringify = this.handlers.stringify.set((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(),
+        })));
+        this.format = toSignal(inject(TUI_DATE_FORMAT), {
+            initialValue: TUI_DEFAULT_DATE_FORMAT,
+        });
+        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);
+    }
+    clear() {
+        this.onChange([]);
+        this.open.set(this.interactive());
+    }
+    processCalendar(calendar) {
+        calendar.value = this.value();
+        calendar.min = this.min();
+        calendar.max = this.max();
+        calendar.month =
+            this.value()?.[this.value().length - 1] ?? TuiMonth.currentLocal();
+    }
+    onClick() {
+        this.open.update((open) => !open);
+    }
+    onValueChange(value) {
+        const newValue = value.length === DATE_FILLER_LENGTH
+            ? TuiDay.normalizeParse(value, this.format().mode)
+            : null;
+        if (newValue && !this.handlers.disabledItemHandler()(newValue)) {
+            this.updateValue(newValue);
+        }
+    }
+    onEnter() {
+        this.onValueChange(this.textfield.value().trim());
+        this.scrollTo();
+    }
+    updateValue(day) {
+        const exist = this.value().find((x) => x.daySame(day));
+        const newValue = exist
+            ? this.value().filter((x) => !x.daySame(day))
+            : this.value().concat(day);
+        this.setValue(newValue);
+    }
+    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: [
+            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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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'],
+                        },
+                    ],
+                    host: {
+                        '(keydown.enter.prevent)': '0',
+                    },
+                }]
+        }], propDecorators: { minSetter: [{
+                type: Input,
+                args: ['min']
+            }], maxSetter: [{
+                type: Input,
+                args: ['max']
+            }] } });
+const TuiInputDateMulti = [
+    TuiInputDateMultiDirective,
+    TuiCalendar,
+    TuiInputChipComponent,
+];
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { TuiInputDateMulti, TuiInputDateMultiDirective };
+//# sourceMappingURL=taiga-ui-kit-components-input-date-multi.mjs.map

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

@@ -0,0 +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 {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 {TuiInputChipDirective} from '@taiga-ui/kit/components/input-chip';\nimport {\n TUI_DATE_ADAPTER,\n TUI_INPUT_DATE_OPTIONS_NEW,\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 TuiInputChipDirective<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 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 clear(): void {\n this.onChange([]);\n this.open.set(this.interactive());\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 const exist = this.value().find((x) => x.daySame(day));\n const newValue = exist\n ? this.value().filter((x) => !x.daySame(day))\n : this.value().concat(day);\n\n this.setValue(newValue);\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":"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"}

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

@@ -6,13 +6,13 @@ 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, tuiDirectiveBinding, tuiProvide } from '@taiga-ui/cdk/utils/miscellaneous';
+import { tuiProvideOptions, tuiProvide } from '@taiga-ui/cdk/utils/miscellaneous';
 import * as i1 from '@taiga-ui/core/components/textfield';
-import { TuiTextfieldComponent, TuiWithTextfield } 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, TUI_DATE_ADAPTER } from '@taiga-ui/kit/components/input-date';
+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 { tuiMaskito } from '@taiga-ui/kit/utils';
 const TUI_INPUT_DATE_RANGE_OPTIONS = new InjectionToken(ngDevMode ? 'TUI_INPUT_DATE_RANGE_OPTIONS' : '', {
@@ -27,7 +27,7 @@ class TuiInputDateRangeDirective extends TuiInputDateBase {
     constructor() {
         super(...arguments);
         this.identity = inject(TUI_ITEMS_HANDLERS).identityMatcher.set((a, b) => a.daySame(b));
-        this.rangeFiller = tuiDirectiveBinding(TuiTextfieldComponent, 'fillerSetter', computed((filler = this.filler()) => `${filler}${RANGE_SEPARATOR_CHAR}${filler}`), {});
+        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],

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

	@@ -1 +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} from '@angular/core';\nimport {inject, InjectionToken} from '@angular/core';\nimport type {TuiValueTransformer} from '@taiga-ui/cdk/classes';\nimport {TUI_IDENTITY_VALUE_TRANSFORMER} from '@taiga-ui/cdk/classes';\nimport type {TuiDayRange} from '@taiga-ui/cdk/date-time';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\nimport type {TuiInputDateOptionsNew} from '@taiga-ui/kit/components/input-date';\nimport {\n TUI_INPUT_DATE_DEFAULT_OPTIONS_NEW,\n TUI_INPUT_DATE_OPTIONS_NEW,\n} from '@taiga-ui/kit/components/input-date';\n\nexport interface TuiInputDateRangeOptions\n extends Omit<TuiInputDateOptionsNew, 'valueTransformer'> {\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 type {TuiDayLike} from '@taiga-ui/cdk/date-time';\nimport {\n DATE_RANGE_FILLER_LENGTH,\n RANGE_SEPARATOR_CHAR,\n TuiDayRange,\n} from '@taiga-ui/cdk/date-time';\nimport {~~tuiDirectiveBinding,~~ tuiProvide} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {~~\n TuiTextfieldComponent,\n~~ TuiWithTextfield~~,\n~~} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownAuto} from '@taiga-ui/core/directives/dropdown';\nimport type {TuiItemsHandlers} from '@taiga-ui/core/directives/items-handlers';\nimport {TUI_ITEMS_HANDLERS} 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} 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 readonly ~~rangeFiller~~ = ~~tuiDirectiveBinding~~(\n ~~TuiTextfieldComponent,\n 'fillerSetter',\n computed~~((filler ~~= this.filler(~~)) => `${filler}${RANGE_SEPARATOR_CHAR}${filler}~~`),\~~n ~~{},\n~~ );\n\n protected ~~override~~ 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":";;;;;;;;;;;;;;;;;AAiBa,MAAA,4BAA4B,GAAG,IAAI,cAAc,CAC1D,SAAS,GAAG,8BAA8B,GAAG,EAAE,EAC/C;AACI,IAAA,OAAO,EAAE,OAAO;QACZ,GAAG,MAAM,CAAC,0BAA0B,CAAC;AACrC,QAAA,gBAAgB,EAAE,8BAA8B;KACnD,CAAC;AACL,CAAA,EACH;AAEW,MAAA,gCAAgC,GAAG,CAC5C,OAA0C,KAE1C,iBAAiB,CACb,4BAA4B,EAC5B,OAAO,EACP,kCAAkC;;~~ACL1C~~,MAWa,0BAA2B,SAAQ,gBAA6B,CAAA;AAX7E,IAAA,WAAA,GAAA;;QAYuB,IAAQ,CAAA,QAAA,GAAG,MAAM,CAChC,kBAAkB,CACrB,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;~~AAE3B~~,QAAA,IAAA,CAAA,~~WAAW~~,GAAG,~~mBAAmB~~,~~CAChD~~,~~qBAAqB,EACrB,cAAc,EACd,QAAQ,~~CAAC,~~CAAC,~~MAAM,~~GAAG,IAAI,CAAC,MAAM,EAAE,~~KAAK,CAAG,EAAA,MAAM,~~CAAG~~,~~EAAA,~~oBAAoB,~~CAAG~~,~~EAAA~~,MAAM,~~CAAE,~~CAAA,~~CAAC~~,~~EACjF~~,~~EAAE,CACL,~~CAAC;~~QAE0B~~,IAAI,CAAA,IAAA,GAAG,UAAU,~~CACzC~~,QAAQ,CAAC,MACL,gCAAgC,CAAC;AAC7B,YAAA,aAAa,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS;YACtC,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;AACnC,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE;AACjC,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE;SACpC,CAAC,CACL,CACJ,CAAC;AAEc,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;AAC5C,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;AA2B/D,KAAA;IAzBG,IACW,eAAe,CAAC,SAA4B,EAAA;AACnD,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;KACjC;IAED,IACW,eAAe,CAAC,SAA4B,EAAA;AACnD,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;KACjC;AAEkB,IAAA,eAAe,CAAC,QAA0B,EAAA;AACzD,QAAA,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;AAEhC,QAAA,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;AACtC,QAAA,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;KACzC;AAEkB,IAAA,aAAa,CAAC,KAAa,EAAA;AAC1C,QAAA,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,sBAAsB,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC,CAAC;AAClE,QAAA,IAAI,CAAC,QAAQ,CACT,KAAK,CAAC,MAAM,KAAK,wBAAwB;AACrC,cAAE,WAAW,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC;cACrD,IAAI,CACb,CAAC;KACL;+~~GApDQ~~,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,EARxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,CAAA,WAAA,EAAA,iBAAA,CAAA,EAAA,eAAA,EAAA,CAAA,WAAA,EAAA,iBAAA,CAAA,EAAA,EAAA,SAAA,EAAA;;YAEP,YAAY,CAAC,0BAA0B,CAAC;YACxC,uBAAuB,CAAC,4BAA4B,CAAC;AACrD,YAAA,UAAU,CAAC,0BAA0B,EAAE,4BAA4B,CAAC;AACvE,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,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,EAAA;;4FAGQ,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,SAAS,EAAE;;AAEP,wBAAA,YAAY,CAA4B,0BAAA,CAAA;wBACxC,uBAAuB,CAAC,4BAA4B,CAAC;AACrD,wBAAA,UAAU,CAAC,0BAA0B,EAAE,4BAA4B,CAAC;AACvE,qBAAA;AACD,oBAAA,cAAc,EAAE,CAAC,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,CAAC;AACxE,iBAAA,CAAA;~~8BA8Bc~~,eAAe,EAAA,CAAA;sBADzB,KAAK;uBAAC,WAAW,CAAA;gBAMP,eAAe,EAAA,CAAA;sBADzB,KAAK;uBAAC,WAAW,CAAA;;;~~MCpET~~,iBAAiB,GAAG,CAAC,0BAA0B,EAAE,gBAAgB;;ACJ9E;;AAEG;;;;"}
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} from '@angular/core';\nimport {inject, InjectionToken} from '@angular/core';\nimport type {TuiValueTransformer} from '@taiga-ui/cdk/classes';\nimport {TUI_IDENTITY_VALUE_TRANSFORMER} from '@taiga-ui/cdk/classes';\nimport type {TuiDayRange} from '@taiga-ui/cdk/date-time';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\nimport type {TuiInputDateOptionsNew} from '@taiga-ui/kit/components/input-date';\nimport {\n TUI_INPUT_DATE_DEFAULT_OPTIONS_NEW,\n TUI_INPUT_DATE_OPTIONS_NEW,\n} from '@taiga-ui/kit/components/input-date';\n\nexport interface TuiInputDateRangeOptions\n extends Omit<TuiInputDateOptionsNew, 'valueTransformer'> {\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 type {TuiDayLike} from '@taiga-ui/cdk/date-time';\nimport {\n DATE_RANGE_FILLER_LENGTH,\n RANGE_SEPARATOR_CHAR,\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 type {TuiItemsHandlers} from '@taiga-ui/core/directives/items-handlers';\nimport {TUI_ITEMS_HANDLERS} 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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"}

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

@@ -0,0 +1,230 @@
+import { TuiCalendar } from '@taiga-ui/core/components/calendar';
+import { NgIf } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, effect, computed, signal, Directive, Input, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { TuiTime, MILLISECONDS_IN_DAY, DATE_FILLER_LENGTH, TuiDay } from '@taiga-ui/cdk/date-time';
+import * as i4 from '@taiga-ui/core/components/textfield';
+import { tuiAsTextfieldAccessor, TuiWithTextfield, TuiTextfieldContent } from '@taiga-ui/core/components/textfield';
+import { TuiNativeTimePicker } from '@taiga-ui/kit/components/input-time';
+import { toSignal } from '@angular/core/rxjs-interop';
+import * as i1 from '@maskito/angular';
+import { MaskitoDirective } from '@maskito/angular';
+import { maskitoDateTimeOptionsGenerator, maskitoSelectionChangeHandler } from '@maskito/kit';
+import { TUI_IDENTITY_VALUE_TRANSFORMER, tuiAsControl, tuiValueTransformerFrom } from '@taiga-ui/cdk/classes';
+import { tuiSum, tuiClamp } from '@taiga-ui/cdk/utils/math';
+import { tuiProvideOptions, tuiDirectiveBinding } from '@taiga-ui/cdk/utils/miscellaneous';
+import { tuiAsOptionContent } from '@taiga-ui/core/components/data-list';
+import * as i2 from '@taiga-ui/core/directives/dropdown';
+import { TuiDropdownAuto } from '@taiga-ui/core/directives/dropdown';
+import * as i3 from '@taiga-ui/core/directives/items-handlers';
+import { TuiItemsHandlersValidator } 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 { TuiSelectOption } from '@taiga-ui/kit/components/select';
+import { TUI_TIME_TEXTS } from '@taiga-ui/kit/tokens';
+import { tuiMaskito } from '@taiga-ui/kit/utils';
+import { noop } from 'rxjs';
+const TUI_INPUT_DATE_TIME_DEFAULT_OPTIONS = {
+    valueTransformer: TUI_IDENTITY_VALUE_TRANSFORMER,
+    timeMode: 'HH:MM',
+    dateTimeSeparator: ', ',
+};
+const TUI_INPUT_DATE_TIME_OPTIONS = new InjectionToken(ngDevMode ? 'TUI_INPUT_DATE_TIME_OPTIONS' : '', {
+    factory: () => ({
+        ...inject(TUI_INPUT_DATE_OPTIONS_NEW),
+        ...TUI_INPUT_DATE_TIME_DEFAULT_OPTIONS,
+    }),
+});
+const tuiInputDateTimeOptionsProvider = (options) => tuiProvideOptions(TUI_INPUT_DATE_TIME_OPTIONS, options, {
+    ...TUI_INPUT_DATE_DEFAULT_OPTIONS_NEW,
+    ...TUI_INPUT_DATE_TIME_DEFAULT_OPTIONS,
+});
+const MIN_TIME = new TuiTime(0, 0);
+const MAX_TIME = TuiTime.fromAbsoluteMilliseconds(MILLISECONDS_IN_DAY - 1);
+class TuiInputDateTimeDirective extends TuiInputDateBase {
+    constructor() {
+        super(...arguments);
+        this.timeFillers = toSignal(inject(TUI_TIME_TEXTS));
+        this.options = inject(TUI_INPUT_DATE_TIME_OPTIONS);
+        this.filler = tuiWithDateFiller((date) => {
+            const time = this.timeFillers()?.[this.timeMode()] ?? '';
+            return `${date}${this.options.dateTimeSeparator}${time}`;
+        });
+        this.valueEffect = effect(noop);
+        this.identity = this.handlers.identityMatcher.set((a, b) => tuiSum(...a.map(Number)) === tuiSum(...b.map(Number)));
+        this.disabledItemHandler = tuiDirectiveBinding(TuiItemsHandlersValidator, 'disabledItemHandler', (value) => Boolean(value && this.handlers.disabledItemHandler()(value)));
+        this.mask = tuiMaskito(computed(() => this.computeMask({
+            dateMode: TUI_DATE_ADAPTER[this.format().mode],
+            timeMode: this.timeMode(),
+            min: this.toNativeDate([this.min(), this.minTime()]),
+            max: this.toNativeDate([this.max(), this.maxTime()]),
+            dateSeparator: this.format().separator,
+            dateTimeSeparator: this.options.dateTimeSeparator,
+        })));
+        this.timeMode = signal(this.options.timeMode);
+        this.minTime = signal(MIN_TIME);
+        this.maxTime = signal(MAX_TIME);
+    }
+    // TODO(v5): use signal inputs
+    set timeModeSetter(x) {
+        this.timeMode.set(x);
+    }
+    set minSetter(min) {
+        const [date, time] = Array.isArray(min) ? min : [min, null];
+        this.min.set(date || this.options.min);
+        this.minTime.set(time ?? MIN_TIME);
+    }
+    set maxSetter(max) {
+        const [date, time] = Array.isArray(max) ? max : [max, null];
+        this.max.set(date || this.options.max);
+        this.maxTime.set(time ?? MAX_TIME);
+    }
+    setValue(value) {
+        this.onChange(value);
+        this.textfield.value.set(this.stringify(value));
+    }
+    setDate(newDate) {
+        const [date, time] = this.clampTime([newDate, this.value()?.[1] ?? null]);
+        this.setValue([date, time]);
+        this.open.set(false);
+        setTimeout((caretIndex = DATE_FILLER_LENGTH + this.options.dateTimeSeparator.length) => this.el.setSelectionRange(caretIndex, caretIndex));
+    }
+    writeValue(value) {
+        super.writeValue(value);
+        this.textfield.value.set(this.stringify(this.value()));
+    }
+    processCalendar(calendar) {
+        super.processCalendar(calendar);
+        calendar.disabledItemHandler = (day) => this.handlers.disabledItemHandler()([day, null]);
+    }
+    onValueChange(value) {
+        this.textfield.value.set(value);
+        this.control?.control?.updateValueAndValidity({ emitEvent: false });
+        const [date = '', time = ''] = value.split(this.options.dateTimeSeparator);
+        const parsedDate = date.length >= DATE_FILLER_LENGTH
+            ? TuiDay.normalizeParse(date, this.format().mode)
+            : null;
+        const parsedTime = time.length === this.timeMode().length ? TuiTime.fromString(time) : null;
+        if (!parsedDate || (time && !parsedTime)) {
+            return this.onChange(null);
+        }
+        const [prevDate, prevTime = null] = this.value() ?? [];
+        if (!prevDate?.daySame(parsedDate) || Number(parsedTime) !== Number(prevTime)) {
+            this.onChange([parsedDate, parsedTime]);
+        }
+    }
+    stringify(value) {
+        const [date, time] = value ?? [];
+        const dateString = date?.toString(this.format().mode, this.format().separator) ?? '';
+        const timeString = time?.toString(this.timeMode());
+        return timeString
+            ? `${dateString}${this.options.dateTimeSeparator}${timeString}`
+            : dateString;
+    }
+    clampTime([date, time]) {
+        const min = date.daySame(this.min())
+            ? this.minTime().toAbsoluteMilliseconds()
+            : -Infinity;
+        const max = date.daySame(this.max())
+            ? this.maxTime().toAbsoluteMilliseconds()
+            : Infinity;
+        return [
+            date,
+            time &&
+                TuiTime.fromAbsoluteMilliseconds(tuiClamp(time.toAbsoluteMilliseconds(), min, max)),
+        ];
+    }
+    computeMask(params) {
+        const options = maskitoDateTimeOptionsGenerator(params);
+        const { timeMode, dateMode, dateTimeSeparator } = params;
+        const inputModeSwitchPlugin = maskitoSelectionChangeHandler((element) => {
+            element.inputMode =
+                element.selectionStart >=
+                    dateMode.length + dateTimeSeparator.length + timeMode.indexOf(' AA')
+                    ? 'text'
+                    : 'numeric';
+        });
+        return {
+            ...options,
+            plugins: options.plugins.concat(timeMode.includes('AA') ? inputModeSwitchPlugin : []),
+        };
+    }
+    toNativeDate([{ year, month, day }, { hours, minutes, seconds, ms }]) {
+        return new Date(year, month, day, hours, minutes, seconds, ms);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputDateTimeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputDateTimeDirective, isStandalone: true, selector: "input[tuiInputDateTime]", inputs: { timeModeSetter: ["timeMode", "timeModeSetter"], minSetter: ["min", "minSetter"], maxSetter: ["max", "maxSetter"] }, 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.TuiWithTextfield }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputDateTimeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'input[tuiInputDateTime]',
+                    providers: [
+                        tuiAsOptionContent(TuiSelectOption),
+                        tuiAsControl(TuiInputDateTimeDirective),
+                        tuiAsTextfieldAccessor(TuiInputDateTimeDirective),
+                        tuiValueTransformerFrom(TUI_INPUT_DATE_TIME_OPTIONS),
+                    ],
+                    hostDirectives: [
+                        MaskitoDirective,
+                        TuiDropdownAuto,
+                        TuiItemsHandlersValidator,
+                        TuiWithTextfield,
+                    ],
+                }]
+        }], propDecorators: { timeModeSetter: [{
+                type: Input,
+                args: ['timeMode']
+            }], minSetter: [{
+                type: Input,
+                args: ['min']
+            }], maxSetter: [{
+                type: Input,
+                args: ['max']
+            }] } });
+class TuiInputDateTimeComponent extends TuiNativeTimePicker {
+    constructor() {
+        super(...arguments);
+        this.host = inject(TuiInputDateTimeDirective);
+        this.step = computed(() => this.getStep(this.host.timeMode()));
+        this.value = computed(() => this.toISOString(this.host.value()));
+        this.min = computed(() => this.toISOString([this.host.min(), this.host.minTime()]));
+        this.max = computed(() => this.toISOString([this.host.max(), this.host.maxTime()]));
+    }
+    onInput(value) {
+        if (!value) {
+            return this.host.setValue(null);
+        }
+        const date = new Date(value);
+        const day = TuiDay.fromLocalNativeDate(date);
+        const time = TuiTime.fromLocalNativeDate(date);
+        this.host.setValue([day, time]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputDateTimeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputDateTimeComponent, isStandalone: true, selector: "input[tuiInputDateTime][type=\"datetime-local\"]", host: { attributes: { "ngSkipHydration": "true" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"host.native\">\n    <input\n        *tuiTextfieldContent\n        type=\"datetime-local\"\n        [attr.list]=\"list\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [step]=\"step()\"\n        [value]=\"value()\"\n        (click.stop.zoneless)=\"(0)\"\n        (input)=\"onInput($any($event.target).value)\"\n        (pointerdown.stop.zoneless)=\"(0)\"\n    />\n</ng-container>\n", styles: ["tui-textfield input[tuiInputDateTime]~.t-content input[type=datetime-local]{position:absolute;top:0;left:auto;right:0;bottom:0;inline-size:2.5rem;padding:0;opacity:0}tui-textfield input[tuiInputDateTime]~.t-content input[type=datetime-local]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;inline-size:100%;block-size:100%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TuiTextfieldContent, selector: "ng-template[tuiTextfieldContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputDateTimeComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'input[tuiInputDateTime][type="datetime-local"]', imports: [NgIf, TuiTextfieldContent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { ngSkipHydration: 'true' }, template: "<ng-container *ngIf=\"host.native\">\n    <input\n        *tuiTextfieldContent\n        type=\"datetime-local\"\n        [attr.list]=\"list\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [step]=\"step()\"\n        [value]=\"value()\"\n        (click.stop.zoneless)=\"(0)\"\n        (input)=\"onInput($any($event.target).value)\"\n        (pointerdown.stop.zoneless)=\"(0)\"\n    />\n</ng-container>\n", styles: ["tui-textfield input[tuiInputDateTime]~.t-content input[type=datetime-local]{position:absolute;top:0;left:auto;right:0;bottom:0;inline-size:2.5rem;padding:0;opacity:0}tui-textfield input[tuiInputDateTime]~.t-content input[type=datetime-local]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;inline-size:100%;block-size:100%}\n"] }]
+        }] });
+const TuiInputDateTime = [
+    TuiInputDateTimeDirective,
+    TuiInputDateTimeComponent,
+    TuiCalendar,
+];
+/**
+ * Generated bundle index. Do not edit.
+ */
+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