@taiga-ui/kit 2.29.0 → 2.33.0

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-tag.js","sources":["ng://@taiga-ui/kit/components/input-tag/input-tag.component.ts","ng://@taiga-ui/kit/components/input-tag/input-tag.module.ts","ng://@taiga-ui/kit/components/input-tag/taiga-ui-kit-components-input-tag.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    QueryList,\n    Self,\n    TemplateRef,\n    ViewChild,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiMultipleControl,\n    ALWAYS_FALSE_HANDLER,\n    ALWAYS_TRUE_HANDLER,\n    EMPTY_QUERY,\n    getActualTarget,\n    isNativeFocusedIn,\n    preventDefault,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiActiveZoneDirective,\n    TuiBooleanHandler,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiScrollService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {\n    HINT_CONTROLLER_PROVIDER,\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    TUI_DATA_LIST_HOST,\n    TUI_HINT_WATCHED_CONTROLLER,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHintControllerDirective,\n    TuiHorizontalDirection,\n    TuiHostedDropdownComponent,\n    TuiModeDirective,\n    TuiScrollbarComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {ALLOWED_SPACE_REGEXP} from '@taiga-ui/kit/components/tag';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TUI_TAG_STATUS} from '@taiga-ui/kit/tokens';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {merge, Subject} from 'rxjs';\nimport {filter, map, mapTo, switchMap, takeUntil} from 'rxjs/operators';\n\nconst EVENT_Y_TO_X_COEFFICENT = 3;\n\n@Component({\n    selector: 'tui-input-tag',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './input-tag.template.html',\n    styleUrls: ['./input-tag.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputTagComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiInputTagComponent),\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n        TEXTFIELD_CONTROLLER_PROVIDER,\n        HINT_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputTagComponent\n    extends AbstractTuiMultipleControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly dropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @ViewChild('tagsContainer')\n    private readonly tagsContainer?: ElementRef<HTMLElement>;\n\n    @ViewChildren('tag', {read: ElementRef})\n    private readonly tags: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    @ViewChild('cleaner', {read: ElementRef})\n    private readonly cleanerSvg?: ElementRef<HTMLElement>;\n\n    @ViewChild(TuiScrollbarComponent, {read: ElementRef})\n    private readonly scrollBar?: ElementRef<HTMLElement>;\n\n    private readonly scrollToStart$ = new Subject<void>();\n    private readonly scrollToEnd$ = new Subject<void>();\n\n    @Input()\n    @tuiDefaultProp()\n    allowSpaces = true;\n\n    @Input()\n    @tuiDefaultProp()\n    icon = '';\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'right';\n\n    @Input()\n    @tuiDefaultProp()\n    search = '';\n\n    @Input()\n    @tuiDefaultProp()\n    editable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    tagValidator: TuiBooleanHandler<string> = ALWAYS_TRUE_HANDLER;\n\n    @Input()\n    @HostBinding('class._expandable')\n    @tuiDefaultProp()\n    expandable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    inputHidden = false;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<string> = ALWAYS_FALSE_HANDLER;\n\n    @Input('pseudoFocused')\n    set pseudoFocusedSetter(value: boolean | null) {\n        if (!value && !this.focused) {\n            this.scrollToStart$.next();\n        }\n\n        this.pseudoFocused = value;\n    }\n\n    @Output()\n    readonly searchChange = new EventEmitter<string>();\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist?: TemplateRef<TuiContextWithImplicit<TuiActiveZoneDirective>>;\n\n    @ViewChild('errorIcon')\n    readonly errorIconTemplate?: TemplateRef<{}>;\n\n    @ViewChild(TuiScrollbarComponent)\n    set scrollerSetter(scroller: TuiScrollbarComponent | null) {\n        this.initScrollerSubscrition(scroller);\n    }\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiScrollService) private readonly tuiScrollService: TuiScrollService,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_TEXTFIELD_APPEARANCE) readonly appearance: string,\n        @Optional()\n        @Inject(TuiModeDirective)\n        private readonly modeDirective: TuiModeDirective | null,\n        @Inject(TUI_TAG_STATUS) private readonly tagStatus: TuiStatusT,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocusedIn(this.elementRef.nativeElement) ||\n            (!!this.dropdown && this.dropdown.focused)\n        );\n    }\n\n    @HostBinding('attr.data-tui-host-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.controller.size;\n    }\n\n    @HostBinding('class._label-outside')\n    get labelOutside(): boolean {\n        const {size, labelOutside} = this.controller;\n\n        return size === 's' || labelOutside;\n    }\n\n    get hasCleaner(): boolean {\n        return (\n            this.controller.cleaner && this.hasValue && !this.disabled && !this.readOnly\n        );\n    }\n\n    get hasNativeValue(): boolean {\n        return !!this.search;\n    }\n\n    get hasValue(): boolean {\n        return !!this.value.length || this.hasNativeValue;\n    }\n\n    get hasPlaceholder(): boolean {\n        return !this.labelOutside || (!this.hasValue && !this.hasExampleText);\n    }\n\n    get placeholderRaised(): boolean {\n        return (\n            !this.labelOutside &&\n            ((this.computedFocused && !this.readOnly) || this.hasValue)\n        );\n    }\n\n    get hasExampleText(): boolean {\n        return (\n            !!this.controller.exampleText &&\n            this.computedFocused &&\n            !this.hasValue &&\n            !this.readOnly\n        );\n    }\n\n    get hasTooltip(): boolean {\n        return !!this.hintController.content && !this.disabled;\n    }\n\n    get iconAlignLeft(): boolean {\n        return !!this.icon && this.iconAlign === 'left';\n    }\n\n    get iconAlignRight(): boolean {\n        return !!this.icon && this.iconAlign === 'right';\n    }\n\n    get hasRightIcons(): boolean {\n        return this.hasCleaner || this.hasTooltip || this.iconAlignRight;\n    }\n\n    get status(): TuiStatusT {\n        return this.modeDirective && this.modeDirective.mode ? 'default' : this.tagStatus;\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly && !!this.datalist;\n    }\n\n    getLeftContent(tag: string): PolymorpheusContent {\n        return !this.tagValidator(tag) && this.errorIconTemplate\n            ? this.errorIconTemplate\n            : '';\n    }\n\n    onCleanerClick() {\n        this.updateSearch('');\n        this.clear();\n        this.focusInput();\n    }\n\n    onActiveZone(active: boolean) {\n        this.open = false;\n        this.addTag();\n        this.updateFocused(active);\n\n        if (!this.computedFocused) {\n            this.scrollToStart$.next();\n        }\n    }\n\n    onMouseDown(event: MouseEvent) {\n        const actualTarget = getActualTarget(event);\n\n        if (\n            !this.focusableElement ||\n            actualTarget === this.focusableElement.nativeElement ||\n            // TODO: iframe warning\n            !(event.target instanceof Element) ||\n            (this.cleanerSvg && this.cleanerSvg.nativeElement.contains(event.target)) ||\n            (this.tagsContainer &&\n                actualTarget !== this.tagsContainer.nativeElement &&\n                this.tagsContainer.nativeElement.contains(actualTarget))\n        ) {\n            return;\n        }\n\n        event.preventDefault();\n        this.focusInput();\n    }\n\n    onFieldKeyDownBackspace(event: KeyboardEvent) {\n        if (!this.labelOutside && !this.hasNativeValue && this.value.length) {\n            this.deleteLastEnabledItem();\n        } else {\n            this.onFieldKeyDownArrowLeft(event);\n        }\n    }\n\n    onFieldKeyDownArrowLeft(event: KeyboardEvent) {\n        if (!this.labelOutside || this.hasNativeValue || !this.value.length) {\n            return;\n        }\n\n        event.preventDefault();\n        setNativeFocused(this.tags.last.nativeElement);\n    }\n\n    onFieldKeyDownEnter() {\n        this.addTag();\n        this.scrollToEnd$.next();\n    }\n\n    onTagKeyDownArrowLeft(currentIndex: number) {\n        if (currentIndex > 0) {\n            this.onScrollKeyDown(currentIndex, -1);\n        }\n    }\n\n    onTagKeyDownArrowRight(currentIndex: number) {\n        if (currentIndex === this.value.length - 1) {\n            this.focusInput();\n        } else {\n            this.onScrollKeyDown(currentIndex, 1);\n        }\n    }\n\n    onTagEdited(value: string, editedTag: string) {\n        this.focusInput();\n        this.updateValue(\n            this.value\n                .map(tag =>\n                    tag !== editedTag\n                        ? tag\n                        : value\n                              .split(',')\n                              .map(tag => tag.trim())\n                              .filter(Boolean),\n                )\n                .reduce<string[]>(\n                    (result, item: string | string[]) => result.concat(item),\n                    [],\n                ),\n        );\n    }\n\n    handleOption(item: string) {\n        this.focusInput();\n        this.updateSearch('');\n        this.updateValue(this.value.concat(item));\n        this.open = false;\n        this.scrollToEnd$.next();\n    }\n\n    onInput(value: string) {\n        const array = this.allowSpaces\n            ? value.split(',')\n            : value.split(ALLOWED_SPACE_REGEXP);\n        const tags = array\n            .map(item => item.trim())\n            .filter((item, index, {length}) => item.length > 0 && index !== length - 1);\n        const validated = tags.filter(tag => !this.disabledItemHandler(tag));\n\n        if (array.length > 1) {\n            this.updateSearch(array[array.length - 1].trim());\n            this.updateValue([...this.value, ...validated]);\n        } else {\n            this.updateSearch(value);\n        }\n\n        this.open = this.hasNativeValue;\n    }\n\n    onHoveredChange(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    protected updateValue(value: Array<string>) {\n        const seen = new Set();\n\n        super.updateValue(\n            value\n                .reverse()\n                .filter(item => !!item && !seen.has(item) && seen.add(item))\n                .reverse(),\n        );\n    }\n\n    private onScrollKeyDown(currentIndex: number, flag: number) {\n        const tag = this.tags.find((_item, index) => index === currentIndex + flag);\n\n        if (!tag || !this.scrollBar) {\n            return;\n        }\n\n        setNativeFocused(tag.nativeElement);\n\n        if (\n            flag * this.scrollBar.nativeElement.clientWidth -\n                flag * tag.nativeElement.offsetLeft -\n                tag.nativeElement.clientWidth <\n            0\n        ) {\n            this.scrollBar.nativeElement.scrollLeft +=\n                flag * tag.nativeElement.clientWidth;\n        }\n    }\n\n    private initScrollerSubscrition(scroller: TuiScrollbarComponent | null) {\n        if (!scroller || !scroller.browserScrollRef) {\n            return;\n        }\n\n        const {nativeElement} = scroller.browserScrollRef;\n\n        const wheel$ = typedFromEvent(nativeElement, 'wheel', {passive: false}).pipe(\n            filter(event => event.deltaX === 0 && this.shouldScroll(nativeElement)),\n            preventDefault(),\n            map(({deltaY}) =>\n                Math.max(nativeElement.scrollLeft + deltaY * EVENT_Y_TO_X_COEFFICENT, 0),\n            ),\n        );\n        const start$ = this.scrollToStart$.pipe(mapTo(0));\n        const end$ = this.scrollToEnd$.pipe(map(() => nativeElement.scrollWidth));\n\n        merge(wheel$, start$, end$)\n            .pipe(\n                switchMap(left => this.tuiScrollService.scroll$(nativeElement, 0, left)),\n                takeUntil(this.destroy$),\n            )\n            .subscribe();\n    }\n\n    private updateSearch(value: string) {\n        if (this.focusableElement) {\n            this.focusableElement.nativeElement.value = value;\n        }\n\n        this.search = value;\n        this.searchChange.emit(value);\n    }\n\n    private shouldScroll({scrollWidth, offsetWidth}: HTMLElement): boolean {\n        return scrollWidth > offsetWidth;\n    }\n\n    private addTag() {\n        const inputValue = this.search.trim();\n\n        if (!inputValue || this.disabledItemHandler(inputValue)) {\n            return;\n        }\n\n        this.updateSearch('');\n        this.updateValue(this.value.concat(inputValue));\n    }\n\n    private deleteLastEnabledItem() {\n        for (let index = this.value.length - 1; index >= 0; index--) {\n            if (!this.disabledItemHandler(this.value[index])) {\n                this.updateValue([\n                    ...this.value.slice(0, index),\n                    ...this.value.slice(index + 1, this.value.length),\n                ]);\n\n                break;\n            }\n        }\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiHoveredModule,\n    TuiScrollService,\n} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiScrollbarModule,\n    TuiSvgModule,\n    TuiTooltipModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\nimport {TuiTagModule} from '@taiga-ui/kit/components/tag';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputTagComponent} from './input-tag.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiFocusableModule,\n        TuiHoveredModule,\n        TuiActiveZoneModule,\n        TuiSvgModule,\n        TuiScrollbarModule,\n        TuiTooltipModule,\n        TuiHostedDropdownModule,\n        TuiTagModule,\n        TuiWrapperModule,\n    ],\n    providers: [TuiScrollService],\n    declarations: [TuiInputTagComponent],\n    exports: [TuiInputTagComponent],\n})\nexport class TuiInputTagModule {}\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-tag.js","sources":["ng://@taiga-ui/kit/components/input-tag/input-tag.component.ts","ng://@taiga-ui/kit/components/input-tag/input-tag.module.ts","ng://@taiga-ui/kit/components/input-tag/taiga-ui-kit-components-input-tag.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    QueryList,\n    Self,\n    TemplateRef,\n    ViewChild,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiMultipleControl,\n    ALWAYS_FALSE_HANDLER,\n    ALWAYS_TRUE_HANDLER,\n    EMPTY_QUERY,\n    getActualTarget,\n    isNativeFocusedIn,\n    preventDefault,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiActiveZoneDirective,\n    TuiBooleanHandler,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiScrollService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {\n    HINT_CONTROLLER_PROVIDER,\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    TUI_DATA_LIST_HOST,\n    TUI_HINT_WATCHED_CONTROLLER,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHintControllerDirective,\n    TuiHorizontalDirection,\n    TuiHostedDropdownComponent,\n    TuiModeDirective,\n    TuiScrollbarComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {ALLOWED_SPACE_REGEXP} from '@taiga-ui/kit/components/tag';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TUI_TAG_STATUS} from '@taiga-ui/kit/tokens';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {merge, Subject} from 'rxjs';\nimport {filter, map, mapTo, switchMap, takeUntil} from 'rxjs/operators';\n\nconst EVENT_Y_TO_X_COEFFICENT = 3;\n\n@Component({\n    selector: 'tui-input-tag',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './input-tag.template.html',\n    styleUrls: ['./input-tag.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputTagComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiInputTagComponent),\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n        TEXTFIELD_CONTROLLER_PROVIDER,\n        HINT_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputTagComponent\n    extends AbstractTuiMultipleControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly dropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @ViewChild('tagsContainer')\n    private readonly tagsContainer?: ElementRef<HTMLElement>;\n\n    @ViewChildren('tag', {read: ElementRef})\n    private readonly tags: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    @ViewChild('cleaner', {read: ElementRef})\n    private readonly cleanerSvg?: ElementRef<HTMLElement>;\n\n    @ViewChild(TuiScrollbarComponent, {read: ElementRef})\n    private readonly scrollBar?: ElementRef<HTMLElement>;\n\n    private readonly scrollToStart$ = new Subject<void>();\n    private readonly scrollToEnd$ = new Subject<void>();\n\n    @Input()\n    @tuiDefaultProp()\n    allowSpaces = true;\n\n    @Input()\n    @tuiDefaultProp()\n    icon = '';\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'right';\n\n    @Input()\n    @tuiDefaultProp()\n    search = '';\n\n    @Input()\n    @tuiDefaultProp()\n    editable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    tagValidator: TuiBooleanHandler<string> = ALWAYS_TRUE_HANDLER;\n\n    @Input()\n    @HostBinding('class._expandable')\n    @tuiDefaultProp()\n    expandable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    inputHidden = false;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<string> = ALWAYS_FALSE_HANDLER;\n\n    @Input('pseudoFocused')\n    set pseudoFocusedSetter(value: boolean | null) {\n        if (!value && !this.focused) {\n            this.scrollToStart$.next();\n        }\n\n        this.pseudoFocused = value;\n    }\n\n    @Output()\n    readonly searchChange = new EventEmitter<string>();\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist?: TemplateRef<TuiContextWithImplicit<TuiActiveZoneDirective>>;\n\n    @ViewChild('errorIcon')\n    readonly errorIconTemplate?: TemplateRef<{}>;\n\n    @ViewChild(TuiScrollbarComponent)\n    set scrollerSetter(scroller: TuiScrollbarComponent | null) {\n        this.initScrollerSubscrition(scroller);\n    }\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiScrollService) private readonly tuiScrollService: TuiScrollService,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_TEXTFIELD_APPEARANCE) readonly appearance: string,\n        @Optional()\n        @Inject(TuiModeDirective)\n        private readonly modeDirective: TuiModeDirective | null,\n        @Inject(TUI_TAG_STATUS) private readonly tagStatus: TuiStatusT,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocusedIn(this.elementRef.nativeElement) ||\n            (!!this.dropdown && this.dropdown.focused)\n        );\n    }\n\n    @HostBinding('attr.data-tui-host-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.controller.size;\n    }\n\n    @HostBinding('class._label-outside')\n    get labelOutside(): boolean {\n        const {size, labelOutside} = this.controller;\n\n        return size === 's' || labelOutside;\n    }\n\n    get hasCleaner(): boolean {\n        return this.controller.cleaner && this.hasValue && this.interactive;\n    }\n\n    get hasNativeValue(): boolean {\n        return !!this.search;\n    }\n\n    get hasValue(): boolean {\n        return !!this.value.length || this.hasNativeValue;\n    }\n\n    get hasPlaceholder(): boolean {\n        return !this.labelOutside || (!this.hasValue && !this.hasExampleText);\n    }\n\n    get placeholderRaised(): boolean {\n        return (\n            !this.labelOutside &&\n            ((this.computedFocused && !this.readOnly) || this.hasValue)\n        );\n    }\n\n    get hasExampleText(): boolean {\n        return (\n            !!this.controller.exampleText &&\n            this.computedFocused &&\n            !this.hasValue &&\n            !this.readOnly\n        );\n    }\n\n    get hasTooltip(): boolean {\n        return !!this.hintController.content && !this.disabled;\n    }\n\n    get iconAlignLeft(): boolean {\n        return !!this.icon && this.iconAlign === 'left';\n    }\n\n    get iconAlignRight(): boolean {\n        return !!this.icon && this.iconAlign === 'right';\n    }\n\n    get hasRightIcons(): boolean {\n        return this.hasCleaner || this.hasTooltip || this.iconAlignRight;\n    }\n\n    get status(): TuiStatusT {\n        return this.modeDirective && this.modeDirective.mode ? 'default' : this.tagStatus;\n    }\n\n    get canOpen(): boolean {\n        return this.interactive && !!this.datalist;\n    }\n\n    getLeftContent(tag: string): PolymorpheusContent {\n        return !this.tagValidator(tag) && this.errorIconTemplate\n            ? this.errorIconTemplate\n            : '';\n    }\n\n    onCleanerClick() {\n        this.updateSearch('');\n        this.clear();\n        this.focusInput();\n    }\n\n    onActiveZone(active: boolean) {\n        this.open = false;\n        this.addTag();\n        this.updateFocused(active);\n\n        if (!this.computedFocused) {\n            this.scrollToStart$.next();\n        }\n    }\n\n    onMouseDown(event: MouseEvent) {\n        const actualTarget = getActualTarget(event);\n\n        if (\n            !this.focusableElement ||\n            actualTarget === this.focusableElement.nativeElement ||\n            // TODO: iframe warning\n            !(event.target instanceof Element) ||\n            (this.cleanerSvg && this.cleanerSvg.nativeElement.contains(event.target)) ||\n            (this.tagsContainer &&\n                actualTarget !== this.tagsContainer.nativeElement &&\n                this.tagsContainer.nativeElement.contains(actualTarget))\n        ) {\n            return;\n        }\n\n        event.preventDefault();\n        this.focusInput();\n    }\n\n    onFieldKeyDownBackspace(event: KeyboardEvent) {\n        if (!this.labelOutside && !this.hasNativeValue && this.value.length) {\n            this.deleteLastEnabledItem();\n        } else {\n            this.onFieldKeyDownArrowLeft(event);\n        }\n    }\n\n    onFieldKeyDownArrowLeft(event: KeyboardEvent) {\n        if (!this.labelOutside || this.hasNativeValue || !this.value.length) {\n            return;\n        }\n\n        event.preventDefault();\n        setNativeFocused(this.tags.last.nativeElement);\n    }\n\n    onFieldKeyDownEnter() {\n        this.addTag();\n        this.scrollToEnd$.next();\n    }\n\n    onTagKeyDownArrowLeft(currentIndex: number) {\n        if (currentIndex > 0) {\n            this.onScrollKeyDown(currentIndex, -1);\n        }\n    }\n\n    onTagKeyDownArrowRight(currentIndex: number) {\n        if (currentIndex === this.value.length - 1) {\n            this.focusInput();\n        } else {\n            this.onScrollKeyDown(currentIndex, 1);\n        }\n    }\n\n    onTagEdited(value: string, editedTag: string) {\n        this.focusInput();\n        this.updateValue(\n            this.value\n                .map(tag =>\n                    tag !== editedTag\n                        ? tag\n                        : value\n                              .split(',')\n                              .map(tag => tag.trim())\n                              .filter(Boolean),\n                )\n                .reduce<string[]>(\n                    (result, item: string | string[]) => result.concat(item),\n                    [],\n                ),\n        );\n    }\n\n    handleOption(item: string) {\n        this.focusInput();\n        this.updateSearch('');\n        this.updateValue(this.value.concat(item));\n        this.open = false;\n        this.scrollToEnd$.next();\n    }\n\n    onInput(value: string) {\n        const array = this.allowSpaces\n            ? value.split(',')\n            : value.split(ALLOWED_SPACE_REGEXP);\n        const tags = array\n            .map(item => item.trim())\n            .filter((item, index, {length}) => item.length > 0 && index !== length - 1);\n        const validated = tags.filter(tag => !this.disabledItemHandler(tag));\n\n        if (array.length > 1) {\n            this.updateSearch(array[array.length - 1].trim());\n            this.updateValue([...this.value, ...validated]);\n        } else {\n            this.updateSearch(value);\n        }\n\n        this.open = this.hasNativeValue;\n    }\n\n    onHoveredChange(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    protected updateValue(value: Array<string>) {\n        const seen = new Set();\n\n        super.updateValue(\n            value\n                .reverse()\n                .filter(item => !!item && !seen.has(item) && seen.add(item))\n                .reverse(),\n        );\n    }\n\n    private onScrollKeyDown(currentIndex: number, flag: number) {\n        const tag = this.tags.find((_item, index) => index === currentIndex + flag);\n\n        if (!tag || !this.scrollBar) {\n            return;\n        }\n\n        setNativeFocused(tag.nativeElement);\n\n        if (\n            flag * this.scrollBar.nativeElement.clientWidth -\n                flag * tag.nativeElement.offsetLeft -\n                tag.nativeElement.clientWidth <\n            0\n        ) {\n            this.scrollBar.nativeElement.scrollLeft +=\n                flag * tag.nativeElement.clientWidth;\n        }\n    }\n\n    private initScrollerSubscrition(scroller: TuiScrollbarComponent | null) {\n        if (!scroller || !scroller.browserScrollRef) {\n            return;\n        }\n\n        const {nativeElement} = scroller.browserScrollRef;\n\n        const wheel$ = typedFromEvent(nativeElement, 'wheel', {passive: false}).pipe(\n            filter(event => event.deltaX === 0 && this.shouldScroll(nativeElement)),\n            preventDefault(),\n            map(({deltaY}) =>\n                Math.max(nativeElement.scrollLeft + deltaY * EVENT_Y_TO_X_COEFFICENT, 0),\n            ),\n        );\n        const start$ = this.scrollToStart$.pipe(mapTo(0));\n        const end$ = this.scrollToEnd$.pipe(map(() => nativeElement.scrollWidth));\n\n        merge(wheel$, start$, end$)\n            .pipe(\n                switchMap(left => this.tuiScrollService.scroll$(nativeElement, 0, left)),\n                takeUntil(this.destroy$),\n            )\n            .subscribe();\n    }\n\n    private updateSearch(value: string) {\n        if (this.focusableElement) {\n            this.focusableElement.nativeElement.value = value;\n        }\n\n        this.search = value;\n        this.searchChange.emit(value);\n    }\n\n    private shouldScroll({scrollWidth, offsetWidth}: HTMLElement): boolean {\n        return scrollWidth > offsetWidth;\n    }\n\n    private addTag() {\n        const inputValue = this.search.trim();\n\n        if (!inputValue || this.disabledItemHandler(inputValue)) {\n            return;\n        }\n\n        this.updateSearch('');\n        this.updateValue(this.value.concat(inputValue));\n    }\n\n    private deleteLastEnabledItem() {\n        for (let index = this.value.length - 1; index >= 0; index--) {\n            if (!this.disabledItemHandler(this.value[index])) {\n                this.updateValue([\n                    ...this.value.slice(0, index),\n                    ...this.value.slice(index + 1, this.value.length),\n                ]);\n\n                break;\n            }\n        }\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiHoveredModule,\n    TuiScrollService,\n} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiScrollbarModule,\n    TuiSvgModule,\n    TuiTooltipModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\nimport {TuiTagModule} from '@taiga-ui/kit/components/tag';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputTagComponent} from './input-tag.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiFocusableModule,\n        TuiHoveredModule,\n        TuiActiveZoneModule,\n        TuiSvgModule,\n        TuiScrollbarModule,\n        TuiTooltipModule,\n        TuiHostedDropdownModule,\n        TuiTagModule,\n        TuiWrapperModule,\n    ],\n    providers: [TuiScrollService],\n    declarations: [TuiInputTagComponent],\n    exports: [TuiInputTagComponent],\n})\nexport class TuiInputTagModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -8,6 +8,7 @@ import { TUI_TIME_TEXTS } from '@taiga-ui/kit/tokens';
 import { tuiCreateTimeMask, tuiCreateAutoCorrectedTimePipe } from '@taiga-ui/kit/utils/mask';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
+import { MAX_TIME_VALUES } from '@taiga-ui/kit/constants';
 import { CommonModule } from '@angular/common';
 import { TuiValueAccessorModule } from '@taiga-ui/kit/directives';
 import { TextMaskModule } from 'angular2-text-mask';
@@ -17,6 +18,8 @@ const INPUT_TIME_ICON = ({ $implicit }) => $implicit === 's' ? 'tuiIconTime' : '
 const TUI_INPUT_TIME_DEFAULT_OPTIONS = {
     icon: INPUT_TIME_ICON,
     mode: 'HH:MM',
+    postfix: '',
+    maxValues: MAX_TIME_VALUES,
     itemSize: 'm',
 };
 const TUI_INPUT_TIME_OPTIONS = new InjectionToken('Default parameters for input time component', {
@@ -35,6 +38,7 @@ let TuiInputTimeComponent = TuiInputTimeComponent_1 = class TuiInputTimeComponen
         this.itemSize = this.options.itemSize;
         this.strict = false;
         this.mode = this.options.mode;
+        this.postfix = this.options.postfix;
         this.open = false;
     }
     get nativeFocusableElement() {
@@ -55,9 +59,6 @@ let TuiInputTimeComponent = TuiInputTimeComponent_1 = class TuiInputTimeComponen
     get computedSearch() {
         return this.computedValue.length !== this.mode.length ? this.computedValue : '';
     }
-    get interactive() {
-        return !this.disabled && !this.readOnly;
-    }
     get innerPseudoFocused() {
         if (this.pseudoFocused === false) {
             return false;
@@ -146,8 +147,8 @@ let TuiInputTimeComponent = TuiInputTimeComponent_1 = class TuiInputTimeComponen
     }
     calculateMask(mode) {
         return {
-            mask: tuiCreateTimeMask(mode),
-            pipe: tuiCreateAutoCorrectedTimePipe(mode),
+            mask: tuiCreateTimeMask(mode, this.options.maxValues),
+            pipe: tuiCreateAutoCorrectedTimePipe(mode, this.options.maxValues),
             guide: false,
         };
     }
@@ -234,6 +235,10 @@ __decorate([
     Input(),
     tuiDefaultProp()
 ], TuiInputTimeComponent.prototype, "mode", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiInputTimeComponent.prototype, "postfix", void 0);
 __decorate([
     tuiPure
 ], TuiInputTimeComponent.prototype, "getFiller$", null);
@@ -249,7 +254,7 @@ __decorate([
 TuiInputTimeComponent = TuiInputTimeComponent_1 = __decorate([
     Component({
         selector: 'tui-input-time',
-        template: "<tui-hosted-dropdown\n    class=\"wrapper\"\n    [canOpen]=\"interactive && !!filtered.length\"\n    [content]=\"dropdownContent\"\n    [open]=\"interactive && open && !!filtered.length\"\n    (openChange)=\"onOpen($event)\"\n    (focusedChange)=\"onFocused($event)\"\n>\n    <tui-primitive-textfield\n        tuiValueAccessor\n        tuiTextfieldInputMode=\"numeric\"\n        class=\"textfield\"\n        [filler]=\"getFiller$(mode) | async\"\n        [nativeId]=\"nativeId\"\n        [pseudoFocused]=\"innerPseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [pseudoPressed]=\"pseudoPressed\"\n        [invalid]=\"computedInvalid\"\n        [focusable]=\"focusable\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [textMask]=\"textMaskOptions\"\n        [iconContent]=\"icon\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (keydown.arrowUp)=\"onArrowUp($event)\"\n        (keydown.arrowDown)=\"onArrowDown($event)\"\n    >\n        <ng-content></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n<ng-template #dropdownContent>\n    <tui-data-list automation-id=\"tui-input-time__dropdown\">\n        <button\n            *ngFor=\"let item of filtered\"\n            tuiOption\n            automation-id=\"tui-input-time__item\"\n            [size]=\"itemSize\"\n            [disabled]=\"disabledItemHandler(item)\"\n            (click)=\"onMenuClick(item)\"\n        >\n            {{ item }}\n        </button>\n    </tui-data-list>\n</ng-template>\n",
+        template: "<tui-hosted-dropdown\n    class=\"wrapper\"\n    [canOpen]=\"interactive && !!filtered.length\"\n    [content]=\"dropdownContent\"\n    [open]=\"interactive && open && !!filtered.length\"\n    (openChange)=\"onOpen($event)\"\n    (focusedChange)=\"onFocused($event)\"\n>\n    <tui-primitive-textfield\n        tuiValueAccessor\n        tuiTextfieldInputMode=\"numeric\"\n        class=\"textfield\"\n        [filler]=\"getFiller$(mode) | async\"\n        [nativeId]=\"nativeId\"\n        [pseudoFocused]=\"innerPseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [pseudoPressed]=\"pseudoPressed\"\n        [invalid]=\"computedInvalid\"\n        [focusable]=\"focusable\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [textMask]=\"textMaskOptions\"\n        [iconContent]=\"icon\"\n        [value]=\"computedValue\"\n        [postfix]=\"postfix\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (keydown.arrowUp)=\"onArrowUp($event)\"\n        (keydown.arrowDown)=\"onArrowDown($event)\"\n    >\n        <ng-content></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n<ng-template #dropdownContent>\n    <tui-data-list automation-id=\"tui-input-time__dropdown\">\n        <button\n            *ngFor=\"let item of filtered\"\n            tuiOption\n            automation-id=\"tui-input-time__item\"\n            [size]=\"itemSize\"\n            [disabled]=\"disabledItemHandler(item)\"\n            (click)=\"onMenuClick(item)\"\n        >\n            {{ item }}\n        </button>\n    </tui-data-list>\n</ng-template>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-time.js","sources":["ng://@taiga-ui/kit/components/input-time/input-time-options.ts","ng://@taiga-ui/kit/components/input-time/input-time.component.ts","ng://@taiga-ui/kit/components/input-time/input-time.module.ts","ng://@taiga-ui/kit/components/input-time/taiga-ui-kit-components-input-time.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {TuiContextWithImplicit, TuiTimeMode} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface InputTimeOptions {\n    readonly icon: PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>>;\n    readonly mode: TuiTimeMode;\n    readonly itemSize: TuiSizeS | TuiSizeL;\n}\n\n// TODO: remove in ivy compilation\nexport const INPUT_TIME_ICON = ({$implicit}: any) =>\n    $implicit === 's' ? 'tuiIconTime' : 'tuiIconTimeLarge';\n\nexport const TUI_INPUT_TIME_DEFAULT_OPTIONS: InputTimeOptions = {\n    icon: INPUT_TIME_ICON,\n    mode: 'HH:MM',\n    itemSize: 'm',\n};\n\nexport const TUI_INPUT_TIME_OPTIONS = new InjectionToken<InputTimeOptions>(\n    'Default parameters for input time component',\n    {\n        factory: () => TUI_INPUT_TIME_DEFAULT_OPTIONS,\n    },\n);\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    isNativeFocused,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_STRICT_MATCHER,\n    TuiBooleanHandler,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n    TuiTime,\n    TuiTimeLike,\n    TuiTimeMode,\n} from '@taiga-ui/cdk';\nimport {\n    TuiPrimitiveTextfieldComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TUI_TIME_TEXTS} from '@taiga-ui/kit/tokens';\nimport {\n    tuiCreateAutoCorrectedTimePipe,\n    tuiCreateTimeMask,\n} from '@taiga-ui/kit/utils/mask';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {InputTimeOptions, TUI_INPUT_TIME_OPTIONS} from './input-time-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-time',\n    templateUrl: './input-time.template.html',\n    styleUrls: ['./input-time.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputTimeComponent),\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputTimeComponent\n    extends AbstractTuiNullableControl<TuiTime>\n    implements TuiFocusableElementAccessor, InputTimeOptions\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<TuiTime> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<TuiTime> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    itemSize = this.options.itemSize;\n\n    @Input()\n    @tuiDefaultProp()\n    strict = false;\n\n    @Input()\n    @tuiDefaultProp()\n    mode = this.options.mode;\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TIME_TEXTS)\n        private readonly timeTexts$: Observable<Record<TuiTimeMode, string>>,\n        @Inject(TUI_INPUT_TIME_OPTIONS)\n        private readonly options: InputTimeOptions,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get filtered(): ReadonlyArray<TuiTime> {\n        return this.filter(this.items, this.mode, this.computedSearch);\n    }\n\n    get textMaskOptions(): TuiTextMaskOptions {\n        return this.calculateMask(this.mode);\n    }\n\n    get computedValue(): string {\n        return this.value ? this.value.toString(this.mode) : this.nativeValue;\n    }\n\n    get computedSearch(): string {\n        return this.computedValue.length !== this.mode.length ? this.computedValue : '';\n    }\n\n    get interactive(): boolean {\n        return !this.disabled && !this.readOnly;\n    }\n\n    get innerPseudoFocused(): boolean | null {\n        if (this.pseudoFocused === false) {\n            return false;\n        }\n\n        if (this.open || this.computedFocused) {\n            return true;\n        }\n\n        return null;\n    }\n\n    get icon(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>> {\n        return this.options.icon;\n    }\n\n    get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    set nativeValue(value: string) {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        this.nativeFocusableElement.value = value;\n    }\n\n    @tuiPure\n    getFiller$(mode: TuiTimeMode): Observable<string> {\n        return this.timeTexts$.pipe(map(texts => texts[mode]));\n    }\n\n    @HostListener('click')\n    onClick() {\n        this.open = !this.open;\n    }\n\n    onValueChange(value: string) {\n        this.open = !!this.items.length;\n\n        if (this.control) {\n            this.control.updateValueAndValidity({emitEvent: false});\n        }\n\n        const match = this.getMatch(value);\n\n        if (match !== undefined) {\n            this.updateValue(match);\n\n            return;\n        }\n\n        if (value.length !== this.mode.length) {\n            this.updateValue(null);\n\n            return;\n        }\n\n        const time = TuiTime.fromString(value);\n\n        this.updateValue(this.strict ? this.findNearestTimeFromItems(time) : time);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (\n            focused ||\n            this.value !== null ||\n            this.nativeValue === '' ||\n            this.mode === 'HH:MM'\n        ) {\n            return;\n        }\n\n        const parsedTime = TuiTime.fromString(this.nativeValue);\n\n        this.updateValue(parsedTime);\n\n        setTimeout(() => {\n            if (this.nativeValue.endsWith('.') || this.nativeValue.endsWith(':')) {\n                this.nativeValue = this.nativeValue.slice(0, -1);\n            }\n        });\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onArrowUp(event: KeyboardEvent) {\n        if (this.items.length) {\n            return;\n        }\n\n        this.processArrow(event, 1);\n    }\n\n    onArrowDown(event: KeyboardEvent) {\n        if (this.items.length) {\n            return;\n        }\n\n        this.processArrow(event, -1);\n    }\n\n    onMenuClick(item: TuiTime) {\n        this.focusInput();\n        this.updateValue(item);\n    }\n\n    onOpen(open: boolean) {\n        this.open = open;\n    }\n\n    writeValue(value: TuiTime | null) {\n        super.writeValue(value);\n        this.nativeValue = value ? this.computedValue : '';\n    }\n\n    @tuiPure\n    private calculateMask(mode: TuiTimeMode): TuiTextMaskOptions {\n        return {\n            mask: tuiCreateTimeMask(mode),\n            pipe: tuiCreateAutoCorrectedTimePipe(mode),\n            guide: false,\n        };\n    }\n\n    @tuiPure\n    private filter(\n        items: ReadonlyArray<TuiTime>,\n        mode: TuiTimeMode,\n        search: string,\n    ): ReadonlyArray<TuiTime> {\n        return items.filter(item => item.toString(mode).includes(search));\n    }\n\n    private findNearestTimeFromItems(value: TuiTime): TuiTime | null {\n        return this.items.reduce((previous, current) =>\n            Math.abs(current.toAbsoluteMilliseconds() - value.toAbsoluteMilliseconds()) <\n            Math.abs(previous.toAbsoluteMilliseconds() - value.toAbsoluteMilliseconds())\n                ? current\n                : previous,\n        );\n    }\n\n    private getMatch(value: string): TuiTime | undefined {\n        return this.items.find(item => TUI_STRICT_MATCHER(item, value));\n    }\n\n    private close() {\n        this.open = false;\n    }\n\n    private processArrow(event: KeyboardEvent, shift: -1 | 1) {\n        const {target} = event;\n\n        // TODO: iframe warning\n        if (this.readOnly || !(target instanceof HTMLInputElement)) {\n            return;\n        }\n\n        const selectionStart = target.selectionStart || 0;\n\n        this.shiftTime(this.calculateShift(selectionStart, shift));\n\n        target.setSelectionRange(selectionStart, selectionStart);\n        event.preventDefault();\n    }\n\n    private calculateShift(selectionStart: number, shift: number): TuiTimeLike {\n        if (selectionStart <= 2) {\n            return {hours: shift};\n        }\n\n        if (selectionStart <= 5) {\n            return {minutes: shift};\n        }\n\n        if (selectionStart <= 8) {\n            return {seconds: shift};\n        }\n\n        return {ms: shift};\n    }\n\n    private shiftTime(shift: TuiTimeLike) {\n        if (this.value === null) {\n            return;\n        }\n\n        const increasedTime = this.value.shift(shift);\n\n        // Manual update so we can set caret position properly\n        this.nativeValue = increasedTime.toString(this.mode);\n        this.updateValue(increasedTime);\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n            this.close();\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiDataListModule,\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputTimeComponent} from './input-time.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        TuiDataListModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiValueAccessorModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputTimeComponent],\n    exports: [TuiInputTimeComponent],\n})\nexport class TuiInputTimeModule {}\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-time.js","sources":["ng://@taiga-ui/kit/components/input-time/input-time-options.ts","ng://@taiga-ui/kit/components/input-time/input-time.component.ts","ng://@taiga-ui/kit/components/input-time/input-time.module.ts","ng://@taiga-ui/kit/components/input-time/taiga-ui-kit-components-input-time.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {TuiContextWithImplicit, TuiTimeMode} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {MAX_TIME_VALUES} from '@taiga-ui/kit/constants';\nimport {TuiTimeFormatParts} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface InputTimeOptions {\n    readonly icon: PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>>;\n    readonly mode: TuiTimeMode;\n    readonly postfix: string;\n    readonly maxValues: Record<TuiTimeFormatParts, number>;\n    readonly itemSize: TuiSizeS | TuiSizeL;\n}\n\n// TODO: remove in ivy compilation\nexport const INPUT_TIME_ICON = ({$implicit}: any) =>\n    $implicit === 's' ? 'tuiIconTime' : 'tuiIconTimeLarge';\n\nexport const TUI_INPUT_TIME_DEFAULT_OPTIONS: InputTimeOptions = {\n    icon: INPUT_TIME_ICON,\n    mode: 'HH:MM',\n    postfix: '',\n    maxValues: MAX_TIME_VALUES,\n    itemSize: 'm',\n};\n\nexport const TUI_INPUT_TIME_OPTIONS = new InjectionToken<InputTimeOptions>(\n    'Default parameters for input time component',\n    {\n        factory: () => TUI_INPUT_TIME_DEFAULT_OPTIONS,\n    },\n);\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    isNativeFocused,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_STRICT_MATCHER,\n    TuiBooleanHandler,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n    TuiTime,\n    TuiTimeLike,\n    TuiTimeMode,\n} from '@taiga-ui/cdk';\nimport {TuiPrimitiveTextfieldComponent, TuiTextMaskOptions} from '@taiga-ui/core';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TUI_TIME_TEXTS} from '@taiga-ui/kit/tokens';\nimport {\n    tuiCreateAutoCorrectedTimePipe,\n    tuiCreateTimeMask,\n} from '@taiga-ui/kit/utils/mask';\nimport {Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {InputTimeOptions, TUI_INPUT_TIME_OPTIONS} from './input-time-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-time',\n    templateUrl: './input-time.template.html',\n    styleUrls: ['./input-time.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputTimeComponent),\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputTimeComponent\n    extends AbstractTuiNullableControl<TuiTime>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<TuiTime> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<TuiTime> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    itemSize: InputTimeOptions['itemSize'] = this.options.itemSize;\n\n    @Input()\n    @tuiDefaultProp()\n    strict = false;\n\n    @Input()\n    @tuiDefaultProp()\n    mode: InputTimeOptions['mode'] = this.options.mode;\n\n    @Input()\n    @tuiDefaultProp()\n    postfix: InputTimeOptions['postfix'] = this.options.postfix;\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TIME_TEXTS)\n        private readonly timeTexts$: Observable<Record<TuiTimeMode, string>>,\n        @Inject(TUI_INPUT_TIME_OPTIONS)\n        private readonly options: InputTimeOptions,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get filtered(): ReadonlyArray<TuiTime> {\n        return this.filter(this.items, this.mode, this.computedSearch);\n    }\n\n    get textMaskOptions(): TuiTextMaskOptions {\n        return this.calculateMask(this.mode);\n    }\n\n    get computedValue(): string {\n        return this.value ? this.value.toString(this.mode) : this.nativeValue;\n    }\n\n    get computedSearch(): string {\n        return this.computedValue.length !== this.mode.length ? this.computedValue : '';\n    }\n\n    get innerPseudoFocused(): boolean | null {\n        if (this.pseudoFocused === false) {\n            return false;\n        }\n\n        if (this.open || this.computedFocused) {\n            return true;\n        }\n\n        return null;\n    }\n\n    get icon(): InputTimeOptions['icon'] {\n        return this.options.icon;\n    }\n\n    get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    set nativeValue(value: string) {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        this.nativeFocusableElement.value = value;\n    }\n\n    @tuiPure\n    getFiller$(mode: TuiTimeMode): Observable<string> {\n        return this.timeTexts$.pipe(map(texts => texts[mode]));\n    }\n\n    @HostListener('click')\n    onClick() {\n        this.open = !this.open;\n    }\n\n    onValueChange(value: string) {\n        this.open = !!this.items.length;\n\n        if (this.control) {\n            this.control.updateValueAndValidity({emitEvent: false});\n        }\n\n        const match = this.getMatch(value);\n\n        if (match !== undefined) {\n            this.updateValue(match);\n\n            return;\n        }\n\n        if (value.length !== this.mode.length) {\n            this.updateValue(null);\n\n            return;\n        }\n\n        const time = TuiTime.fromString(value);\n\n        this.updateValue(this.strict ? this.findNearestTimeFromItems(time) : time);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (\n            focused ||\n            this.value !== null ||\n            this.nativeValue === '' ||\n            this.mode === 'HH:MM'\n        ) {\n            return;\n        }\n\n        const parsedTime = TuiTime.fromString(this.nativeValue);\n\n        this.updateValue(parsedTime);\n\n        setTimeout(() => {\n            if (this.nativeValue.endsWith('.') || this.nativeValue.endsWith(':')) {\n                this.nativeValue = this.nativeValue.slice(0, -1);\n            }\n        });\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onArrowUp(event: KeyboardEvent) {\n        if (this.items.length) {\n            return;\n        }\n\n        this.processArrow(event, 1);\n    }\n\n    onArrowDown(event: KeyboardEvent) {\n        if (this.items.length) {\n            return;\n        }\n\n        this.processArrow(event, -1);\n    }\n\n    onMenuClick(item: TuiTime) {\n        this.focusInput();\n        this.updateValue(item);\n    }\n\n    onOpen(open: boolean) {\n        this.open = open;\n    }\n\n    writeValue(value: TuiTime | null) {\n        super.writeValue(value);\n        this.nativeValue = value ? this.computedValue : '';\n    }\n\n    @tuiPure\n    private calculateMask(mode: TuiTimeMode): TuiTextMaskOptions {\n        return {\n            mask: tuiCreateTimeMask(mode, this.options.maxValues),\n            pipe: tuiCreateAutoCorrectedTimePipe(mode, this.options.maxValues),\n            guide: false,\n        };\n    }\n\n    @tuiPure\n    private filter(\n        items: ReadonlyArray<TuiTime>,\n        mode: TuiTimeMode,\n        search: string,\n    ): ReadonlyArray<TuiTime> {\n        return items.filter(item => item.toString(mode).includes(search));\n    }\n\n    private findNearestTimeFromItems(value: TuiTime): TuiTime | null {\n        return this.items.reduce((previous, current) =>\n            Math.abs(current.toAbsoluteMilliseconds() - value.toAbsoluteMilliseconds()) <\n            Math.abs(previous.toAbsoluteMilliseconds() - value.toAbsoluteMilliseconds())\n                ? current\n                : previous,\n        );\n    }\n\n    private getMatch(value: string): TuiTime | undefined {\n        return this.items.find(item => TUI_STRICT_MATCHER(item, value));\n    }\n\n    private close() {\n        this.open = false;\n    }\n\n    private processArrow(event: KeyboardEvent, shift: -1 | 1) {\n        const {target} = event;\n\n        // TODO: iframe warning\n        if (this.readOnly || !(target instanceof HTMLInputElement)) {\n            return;\n        }\n\n        const selectionStart = target.selectionStart || 0;\n\n        this.shiftTime(this.calculateShift(selectionStart, shift));\n\n        target.setSelectionRange(selectionStart, selectionStart);\n        event.preventDefault();\n    }\n\n    private calculateShift(selectionStart: number, shift: number): TuiTimeLike {\n        if (selectionStart <= 2) {\n            return {hours: shift};\n        }\n\n        if (selectionStart <= 5) {\n            return {minutes: shift};\n        }\n\n        if (selectionStart <= 8) {\n            return {seconds: shift};\n        }\n\n        return {ms: shift};\n    }\n\n    private shiftTime(shift: TuiTimeLike) {\n        if (this.value === null) {\n            return;\n        }\n\n        const increasedTime = this.value.shift(shift);\n\n        // Manual update so we can set caret position properly\n        this.nativeValue = increasedTime.toString(this.mode);\n        this.updateValue(increasedTime);\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n            this.close();\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiDataListModule,\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputTimeComponent} from './input-time.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        TuiDataListModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiValueAccessorModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputTimeComponent],\n    exports: [TuiInputTimeComponent],\n})\nexport class TuiInputTimeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { __decorate, __param } from 'tslib';
-import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, ContentChild, TemplateRef, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, ContentChild, TemplateRef, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, isNativeFocused, setNativeFocused, tuiDefaultProp, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { TUI_DATA_LIST_HOST, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiDataListDirective, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule } from '@taiga-ui/core';
+import { TUI_DATA_LIST_HOST, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiDataListDirective, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule, TuiTextfieldComponent } from '@taiga-ui/core';
 import { TUI_VALUE_ACCESSOR_PROVIDER, FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { CommonModule } from '@angular/common';
 
@@ -13,6 +13,10 @@ const TUI_INPUT_PROVIDERS = [
         provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
         useExisting: forwardRef(() => TuiInputComponent),
     },
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(() => TuiInputComponent),
+    },
     {
         provide: TUI_DATA_LIST_HOST,
         useExisting: forwardRef(() => TuiInputComponent),
@@ -37,7 +41,7 @@ let TuiInputComponent = class TuiInputComponent extends AbstractTuiControl {
             (!!this.hostedDropdown && this.hostedDropdown.focused));
     }
     get canOpen() {
-        return !this.computedDisabled && !this.readOnly && !!this.datalist;
+        return this.interactive && !!this.datalist;
     }
     onValueChange(value) {
         this.updateValue(value);
@@ -93,7 +97,7 @@ __decorate([
 TuiInputComponent = __decorate([
     Component({
         selector: 'tui-input',
-        template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-input__textfield\"\n        class=\"textfield\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"icon\"\n        [iconAlign]=\"iconAlign\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"value\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n",
+        template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-input__textfield\"\n        class=\"textfield\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"icon\"\n        [iconAlign]=\"iconAlign\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"value\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: TUI_INPUT_PROVIDERS,
         styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host._disabled{pointer-events:none}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}"]
@@ -104,6 +108,24 @@ TuiInputComponent = __decorate([
     __param(1, Inject(ChangeDetectorRef))
 ], TuiInputComponent);
 
+var TuiInputDirective_1;
+let TuiInputDirective = TuiInputDirective_1 = class TuiInputDirective extends TuiAbstractTextfieldHost {
+    onValueChange(value) {
+        this.host.onValueChange(value);
+    }
+};
+TuiInputDirective = TuiInputDirective_1 = __decorate([
+    Directive({
+        selector: 'tui-input',
+        providers: [
+            {
+                provide: TUI_TEXTFIELD_HOST,
+                useExisting: forwardRef(() => TuiInputDirective_1),
+            },
+        ],
+    })
+], TuiInputDirective);
+
 let TuiInputModule = class TuiInputModule {
 };
 TuiInputModule = __decorate([
@@ -114,8 +136,8 @@ TuiInputModule = __decorate([
             TuiPrimitiveTextfieldModule,
             TuiHostedDropdownModule,
         ],
-        declarations: [TuiInputComponent],
-        exports: [TuiInputComponent],
+        declarations: [TuiInputComponent, TuiInputDirective],
+        exports: [TuiInputComponent, TuiInputDirective, TuiTextfieldComponent],
     })
 ], TuiInputModule);
 
@@ -123,5 +145,5 @@ TuiInputModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_INPUT_PROVIDERS, TuiInputComponent, TuiInputModule };
+export { TUI_INPUT_PROVIDERS, TuiInputComponent, TuiInputDirective, TuiInputModule };
 //# sourceMappingURL=taiga-ui-kit-components-input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input.js","sources":["ng://@taiga-ui/kit/components/input/input.providers.ts","ng://@taiga-ui/kit/components/input/input.component.ts","ng://@taiga-ui/kit/components/input/input.module.ts","ng://@taiga-ui/kit/components/input/taiga-ui-kit-components-input.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST} from '@taiga-ui/core';\nimport {\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    TUI_VALUE_ACCESSOR_PROVIDER,\n} from '@taiga-ui/kit/providers';\n\nimport {TuiInputComponent} from './input.component';\n\nexport const TUI_INPUT_PROVIDERS = [\n    TUI_VALUE_ACCESSOR_PROVIDER,\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n    {\n        provide: TUI_DATA_LIST_HOST,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    setNativeFocused,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHorizontalDirection,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_INPUT_PROVIDERS} from './input.providers';\n\n@Component({\n    selector: 'tui-input',\n    templateUrl: './input.template.html',\n    styleUrls: ['./input.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_INPUT_PROVIDERS,\n})\nexport class TuiInputComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    icon: string | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'left';\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent = '';\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled || !this.textfield\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly && !!this.datalist;\n    }\n\n    onValueChange(value: string) {\n        this.updateValue(value);\n        this.open = true;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    handleOption(item: unknown) {\n        this.setNativeValue(String(item));\n        this.focusInput();\n        this.updateValue(String(item));\n        this.open = false;\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n\n    private setNativeValue(value: string) {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = value;\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {TuiHostedDropdownModule, TuiPrimitiveTextfieldModule} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n    ],\n    declarations: [TuiInputComponent],\n    exports: [TuiInputComponent],\n})\nexport class TuiInputModule {}\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.js","sources":["ng://@taiga-ui/kit/components/input/input.providers.ts","ng://@taiga-ui/kit/components/input/input.component.ts","ng://@taiga-ui/kit/components/input/input.directive.ts","ng://@taiga-ui/kit/components/input/input.module.ts","ng://@taiga-ui/kit/components/input/taiga-ui-kit-components-input.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST} from '@taiga-ui/core';\nimport {\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    TUI_VALUE_ACCESSOR_PROVIDER,\n} from '@taiga-ui/kit/providers';\n\nimport {TuiInputComponent} from './input.component';\n\nexport const TUI_INPUT_PROVIDERS = [\n    TUI_VALUE_ACCESSOR_PROVIDER,\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n    {\n        provide: TUI_DATA_LIST_HOST,\n        useExisting: forwardRef(() => TuiInputComponent),\n    },\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    setNativeFocused,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHorizontalDirection,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_INPUT_PROVIDERS} from './input.providers';\n\n@Component({\n    selector: 'tui-input',\n    templateUrl: './input.template.html',\n    styleUrls: ['./input.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_INPUT_PROVIDERS,\n})\nexport class TuiInputComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    icon: string | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'left';\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent = '';\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled || !this.textfield\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get canOpen(): boolean {\n        return this.interactive && !!this.datalist;\n    }\n\n    onValueChange(value: string) {\n        this.updateValue(value);\n        this.open = true;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    handleOption(item: unknown) {\n        this.setNativeValue(String(item));\n        this.focusInput();\n        this.updateValue(String(item));\n        this.open = false;\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n\n    private setNativeValue(value: string) {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = value;\n        }\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\n\n@Directive({\n    selector: 'tui-input',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputDirective),\n        },\n    ],\n})\nexport class TuiInputDirective extends TuiAbstractTextfieldHost<TuiInputComponent> {\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\n\nimport {TuiInputComponent} from './input.component';\nimport {TuiInputDirective} from './input.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n    ],\n    declarations: [TuiInputComponent, TuiInputDirective],\n    exports: [TuiInputComponent, TuiInputDirective, TuiTextfieldComponent],\n})\nexport class TuiInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-multi-select.js

@@ -5,6 +5,7 @@ import { isFlat } from '@taiga-ui/kit/utils';
 import { NgControl, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { TuiSvgService, TUI_DATA_LIST_ACCESSOR, TuiHostedDropdownComponent, TuiDataListDirective, TUI_DATA_LIST_HOST, sizeBigger, TuiOptionComponent, TUI_OPTION_CONTENT, TuiSvgModule, TuiHostedDropdownModule, TuiPrimitiveCheckboxModule, TuiDataListModule } from '@taiga-ui/core';
 import { TuiStringifiableItem } from '@taiga-ui/kit/classes';
+import { TUI_ARROW_MODE, TuiArrowModule } from '@taiga-ui/kit/components/arrow';
 import { TuiInputTagComponent, TuiInputTagModule } from '@taiga-ui/kit/components/input-tag';
 import { iconBlank } from '@taiga-ui/kit/constants';
 import { FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
@@ -16,8 +17,9 @@ import { map } from 'rxjs/operators';
 
 var TuiMultiSelectComponent_1;
 let TuiMultiSelectComponent = TuiMultiSelectComponent_1 = class TuiMultiSelectComponent extends AbstractTuiMultipleControl {
-    constructor(control, changeDetectorRef, svgService) {
+    constructor(control, changeDetectorRef, svgService, arrowMode) {
         super(control, changeDetectorRef);
+        this.arrowMode = arrowMode;
         this.stringify = TUI_DEFAULT_STRINGIFY;
         this.identityMatcher = TUI_DEFAULT_IDENTITY_MATCHER;
         this.expandable = true;
@@ -34,6 +36,9 @@ let TuiMultiSelectComponent = TuiMultiSelectComponent_1 = class TuiMultiSelectCo
         this.disabledItemHandlerWrapper = handler => stringifiable => typeof stringifiable === 'string' || handler(stringifiable.item);
         svgService.define({ iconBlank });
     }
+    get arrow() {
+        return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;
+    }
     get nativeFocusableElement() {
         return this.input ? this.input.nativeFocusableElement : null;
     }
@@ -58,9 +63,6 @@ let TuiMultiSelectComponent = TuiMultiSelectComponent_1 = class TuiMultiSelectCo
     get tagIcon() {
         return this.interactive ? 'iconBlank' : '';
     }
-    get interactive() {
-        return !this.disabled && !this.readOnly;
-    }
     get inputHidden() {
         return !this.editable && !this.computedGroup;
     }
@@ -106,15 +108,17 @@ let TuiMultiSelectComponent = TuiMultiSelectComponent_1 = class TuiMultiSelectCo
         this.updateSearch(null);
     }
     onClick({ nativeFocusableElement }) {
+        var _a;
         if (this.editable &&
             this.interactive &&
             nativeFocusableElement &&
             isNativeFocused(nativeFocusableElement)) {
-            this.open = !this.open;
+            (_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(!this.open);
         }
     }
     onArrowClick() {
-        this.open = !this.open;
+        var _a;
+        (_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(!this.open);
         this.focusInput();
     }
     onInput(value) {
@@ -150,7 +154,8 @@ let TuiMultiSelectComponent = TuiMultiSelectComponent_1 = class TuiMultiSelectCo
 TuiMultiSelectComponent.ctorParameters = () => [
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
     { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-    { type: TuiSvgService, decorators: [{ type: Inject, args: [TuiSvgService,] }] }
+    { type: TuiSvgService, decorators: [{ type: Inject, args: [TuiSvgService,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [TUI_ARROW_MODE,] }] }
 ];
 __decorate([
     ContentChild(TUI_DATA_LIST_ACCESSOR)
@@ -205,7 +210,7 @@ __decorate([
 TuiMultiSelectComponent = TuiMultiSelectComponent_1 = __decorate([
     Component({
         selector: 'tui-multi-select',
-        template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiHoveredChange)=\"onHoveredChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-input-tag\n        #inputTag\n        tuiHostedDropdownHost\n        automation-id=\"tui-multi-select__input\"\n        class=\"input\"\n        [nativeId]=\"nativeId\"\n        [icon]=\"tagIcon\"\n        [disabled]=\"disabled\"\n        [disabledItemHandler]=\"disabledItemHandler | tuiMapper: disabledItemHandlerWrapper\"\n        [readOnly]=\"readOnly\"\n        [inputHidden]=\"!editable\"\n        [pseudoHovered]=\"computedHovered\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoInvalid]=\"computedInvalid\"\n        [editable]=\"false\"\n        [expandable]=\"expandable\"\n        [search]=\"searchOrSpace\"\n        [ngModel]=\"computedValue | tuiMapper: valueMapper:stringify\"\n        (ngModelChange)=\"onInput($event)\"\n        (searchChange)=\"onSearch($event)\"\n        (keydown.space)=\"onSpace($event)\"\n        (keydown.enter)=\"onEnter($event)\"\n        (click.prevent)=\"onClick(inputTag)\"\n    >\n        <ng-content></ng-content>\n    </tui-input-tag>\n    <div class=\"t-wrapper\">\n        <div\n            *ngIf=\"computedGroup\"\n            polymorpheus-outlet\n            class=\"t-group\"\n            [class.t-group_fullsize]=\"inputTag.labelOutside\"\n            [context]=\"context\"\n            [content]=\"valueContent\"\n        ></div>\n        <tui-svg\n            *ngIf=\"interactive\"\n            automation-id=\"tui-multi-select__arrow\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"t-arrow\"\n            [class.t-arrow_open]=\"open\"\n            [src]=\"inputTag.size === 's' ? 'tuiIconChevronDown' : 'tuiIconChevronDownLarge'\"\n            (click.prevent)=\"onArrowClick()\"\n        ></tui-svg>\n    </div>\n</tui-hosted-dropdown>\n",
+        template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiHoveredChange)=\"onHoveredChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-input-tag\n        #inputTag\n        tuiHostedDropdownHost\n        automation-id=\"tui-multi-select__input\"\n        class=\"input\"\n        [nativeId]=\"nativeId\"\n        [icon]=\"tagIcon\"\n        [disabled]=\"disabled\"\n        [disabledItemHandler]=\"disabledItemHandler | tuiMapper: disabledItemHandlerWrapper\"\n        [readOnly]=\"readOnly\"\n        [inputHidden]=\"!editable\"\n        [pseudoHovered]=\"computedHovered\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoInvalid]=\"computedInvalid\"\n        [editable]=\"false\"\n        [expandable]=\"expandable\"\n        [search]=\"searchOrSpace\"\n        [ngModel]=\"computedValue | tuiMapper: valueMapper:stringify\"\n        (ngModelChange)=\"onInput($event)\"\n        (searchChange)=\"onSearch($event)\"\n        (keydown.space)=\"onSpace($event)\"\n        (keydown.enter)=\"onEnter($event)\"\n        (click.prevent)=\"onClick(inputTag)\"\n    >\n        <ng-content></ng-content>\n    </tui-input-tag>\n    <div class=\"t-wrapper\" [class.t-wrapper_disabled]=\"disabled\">\n        <div\n            *ngIf=\"computedGroup\"\n            polymorpheus-outlet\n            class=\"t-group\"\n            [class.t-group_fullsize]=\"inputTag.labelOutside\"\n            [context]=\"context\"\n            [content]=\"valueContent\"\n        ></div>\n\n        <div\n            *ngIf=\"arrow\"\n            polymorpheus-outlet\n            automation-id=\"tui-multi-select__arrow\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"t-arrow\"\n            [content]=\"arrow\"\n            (click.prevent)=\"onArrowClick()\"\n        ></div>\n    </div>\n</tui-hosted-dropdown>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -218,13 +223,14 @@ TuiMultiSelectComponent = TuiMultiSelectComponent_1 = __decorate([
             },
             FIXED_DROPDOWN_CONTROLLER_PROVIDER,
         ],
-        styles: [":host{position:relative;display:block}:host._disabled{pointer-events:none}.t-hosted{display:block}:host:not(._editable):not(._readonly) .input{cursor:pointer}.t-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;justify-content:flex-end}.t-group{display:flex;flex:1;align-items:center;padding:1.6875rem 1rem .5625rem}.t-group_fullsize{padding-top:.0625rem;padding-bottom:0}:host[data-tui-host-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-tui-host-size='m'] .t-group{padding:1.1875rem .75rem 0;font-size:.8125rem}.t-arrow{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;transition-property:color,transform;width:1.5rem;height:1.5rem;margin:1rem .75rem;pointer-events:auto;cursor:pointer}.t-arrow:hover{color:var(--tui-text-02)}:host._disabled .t-arrow,:host._readonly .t-arrow{pointer-events:none}:host[data-mode=onDark] .t-arrow{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-arrow:hover{color:var(--tui-text-01-night)}.t-arrow_open{transform:rotate(-180deg)}[data-tui-host-size='m']+.t-wrapper .t-arrow{margin:.625rem .75rem}[data-tui-host-size='s']+.t-wrapper .t-arrow{margin:.25rem .5rem}"]
+        styles: [":host{position:relative;display:block}:host._disabled{pointer-events:none}.t-hosted{display:block}:host:not(._editable):not(._readonly) .input{cursor:pointer}.t-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;justify-content:flex-end}.t-wrapper_disabled{opacity:var(--tui-disabled-opacity)}.t-group{display:flex;flex:1;align-items:center;padding:1.6875rem 1rem .5625rem}.t-group_fullsize{padding-top:.0625rem;padding-bottom:0}:host[data-tui-host-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-tui-host-size='m'] .t-group{padding:1.1875rem .75rem 0;font-size:.8125rem}.t-arrow{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;transition-property:color,transform;width:1.5rem;height:auto;margin:1rem .75rem;pointer-events:auto;cursor:pointer}.t-arrow:hover{color:var(--tui-text-02)}:host._disabled .t-arrow,:host._readonly .t-arrow{pointer-events:none}:host[data-mode=onDark] .t-arrow{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-arrow:hover{color:var(--tui-text-01-night)}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),
     __param(0, Inject(NgControl)),
     __param(1, Inject(ChangeDetectorRef)),
-    __param(2, Inject(TuiSvgService))
+    __param(2, Inject(TuiSvgService)),
+    __param(3, Inject(TUI_ARROW_MODE))
 ], TuiMultiSelectComponent);
 
 let TuiHideSelectedPipe = class TuiHideSelectedPipe {
@@ -424,6 +430,7 @@ TuiMultiSelectModule = __decorate([
             PolymorpheusModule,
             TuiPreventDefaultModule,
             TuiActiveZoneModule,
+            TuiArrowModule,
             TuiLetModule,
             TuiMapperPipeModule,
             TuiHoveredModule,