@taiga-ui/kit 2.23.0 → 2.27.0

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';\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    @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    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\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    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    @HostListener('click')\n    onClick() {\n        this.open = !this.open;\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    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    @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","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';\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 {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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"}

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

@@ -1,8 +1,8 @@
 import { __decorate, __param } from 'tslib';
-import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, Input, ContentChild, TemplateRef, ViewChild, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, ContentChild, TemplateRef, Component, ChangeDetectionStrategy, 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, TuiDataListDirective, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule } from '@taiga-ui/core';
+import { TUI_DATA_LIST_HOST, TuiHostedDropdownComponent, TuiPrimitiveTextfieldComponent, TuiDataListDirective, TuiPrimitiveTextfieldModule, TuiHostedDropdownModule } from '@taiga-ui/core';
 import { TUI_VALUE_ACCESSOR_PROVIDER, FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { CommonModule } from '@angular/common';
 
@@ -24,8 +24,8 @@ let TuiInputComponent = class TuiInputComponent extends AbstractTuiControl {
         super(control, changeDetectorRef);
         this.icon = null;
         this.iconAlign = 'left';
-        this.open = false;
         this.datalist = '';
+        this.open = false;
     }
     get nativeFocusableElement() {
         return this.computedDisabled || !this.textfield
@@ -73,6 +73,12 @@ TuiInputComponent.ctorParameters = () => [
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
     { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
 ];
+__decorate([
+    ViewChild(TuiHostedDropdownComponent)
+], TuiInputComponent.prototype, "hostedDropdown", void 0);
+__decorate([
+    ViewChild(TuiPrimitiveTextfieldComponent)
+], TuiInputComponent.prototype, "textfield", void 0);
 __decorate([
     Input(),
     tuiDefaultProp()
@@ -84,12 +90,6 @@ __decorate([
 __decorate([
     ContentChild(TuiDataListDirective, { read: TemplateRef })
 ], TuiInputComponent.prototype, "datalist", void 0);
-__decorate([
-    ViewChild(TuiHostedDropdownComponent)
-], TuiInputComponent.prototype, "hostedDropdown", void 0);
-__decorate([
-    ViewChild(TuiPrimitiveTextfieldComponent)
-], TuiInputComponent.prototype, "textfield", void 0);
 TuiInputComponent = __decorate([
     Component({
         selector: 'tui-input',

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';\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';\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    @Input()\n    @tuiDefaultProp()\n    icon: string | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'left';\n\n    open = false;\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent = '';\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\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';\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.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":";;;;;;;;MAUa,mBAAmB,GAAG;IAC/B,2BAA2B;IAC3B,kCAAkC;IAClC;QACI,OAAO,EAAE,2BAA2B;QACpC,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;KACnD;IACD;QACI,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;KACnD;;;ICkBQ,iBAAiB,GAA9B,MAAa,iBACT,SAAQ,kBAA0B;IAsBlC,YAII,OAAyB,EACE,iBAAoC;QAE/D,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAlBtC,SAAI,GAAkB,IAAI,CAAC;QAI3B,cAAS,GAA2B,MAAM,CAAC;QAGlC,aAAQ,GAAwB,EAAE,CAAC;QAE5C,SAAI,GAAG,KAAK,CAAC;KAUZ;IAED,IAAI,sBAAsB;QACtB,OAAO,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,SAAS;cACzC,IAAI;cACJ,IAAI,CAAC,SAAS,CAAC,sBAAsB,CAAC;KAC/C;IAED,IAAI,OAAO;QACP,QACI,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC;aAC3C,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EACxD;KACL;IAED,IAAI,OAAO;QACP,OAAO,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;KACtE;IAED,aAAa,CAAC,KAAa;QACvB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KACpB;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,YAAY,CAAC,MAAe;QACxB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;KAC9B;IAED,YAAY,CAAC,IAAa;QACtB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAClC,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACrB;IAES,gBAAgB;QACtB,OAAO,EAAE,CAAC;KACb;IAEO,UAAU,CAAC,gBAAyB,KAAK;QAC7C,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC7B,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;SACtE;KACJ;IAEO,cAAc,CAAC,KAAa;QAChC,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,sBAAsB,CAAC,KAAK,GAAG,KAAK,CAAC;SAC7C;KACJ;EACJ;;YA1DgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;YAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;;AAvB7B;IADC,SAAS,CAAC,0BAA0B,CAAC;yDACuB;AAG7D;IADC,SAAS,CAAC,8BAA8B,CAAC;oDACkB;AAI5D;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;+CACU;AAI3B;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDAC0B;AAG3C;IADC,YAAY,CAAC,oBAAoB,EAAE,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC;mDACZ;AAnBnC,iBAAiB;IAP7B,SAAS,CAAC;QACP,QAAQ,EAAE,WAAW;QACrB,q2BAAoC;QAEpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE,mBAAmB;;KACjC,CAAC;IAyBO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;GA5BrB,iBAAiB,CAqF7B;;IC1GY,cAAc,GAA3B,MAAa,cAAc;EAAG;AAAjB,cAAc;IAV1B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,mBAAmB;YACnB,2BAA2B;YAC3B,uBAAuB;SAC1B;QACD,YAAY,EAAE,CAAC,iBAAiB,CAAC;QACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;KAC/B,CAAC;GACW,cAAc,CAAG;;ACjB9B;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-island.js","sources":["ng://@taiga-ui/kit/components/island/island.component.ts","ng://@taiga-ui/kit/components/island/island.module.ts","ng://@taiga-ui/kit/components/island/taiga-ui-kit-components-island.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-island, a[tuiIsland]',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './island.template.html',\n    styleUrls: ['./island.style.less'],\n    host: {\n        class: 'tui-island',\n    },\n})\nexport class TuiIslandComponent {\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL | TuiSizeS = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    textAlign: 'left' | 'right' | 'center' = 'left';\n\n    @Input()\n    @HostBinding('class.tui-island_hoverable')\n    @tuiDefaultProp()\n    hoverable = false;\n\n    @Input()\n    @HostBinding('class.tui-island_transparent')\n    @tuiDefaultProp()\n    transparent = false;\n\n    @HostBinding('class.tui-island_size_s')\n    get sizeS(): boolean {\n        return this.size === 's';\n    }\n\n    @HostBinding('class.tui-island_size_m')\n    get sizeM(): boolean {\n        return this.size === 'm';\n    }\n\n    @HostBinding('class.tui-island_size_l')\n    get sizeL(): boolean {\n        return this.size === 'l';\n    }\n\n    @HostBinding('class.tui-island_text-align_left')\n    get textAlignLeft(): boolean {\n        return this.textAlign === 'left';\n    }\n\n    @HostBinding('class.tui-island_text-align_center')\n    get textAlignCenter(): boolean {\n        return this.textAlign === 'center';\n    }\n\n    @HostBinding('class.tui-island_text-align_right')\n    get textAlignRight(): boolean {\n        return this.textAlign === 'right';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiIslandComponent} from './island.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [TuiIslandComponent],\n    exports: [TuiIslandComponent],\n})\nexport class TuiIslandModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;IAaa,kBAAkB,GAA/B,MAAa,kBAAkB;IAA/B;QAGI,SAAI,GAAwB,GAAG,CAAC;QAIhC,cAAS,GAAgC,MAAM,CAAC;QAKhD,cAAS,GAAG,KAAK,CAAC;QAKlB,gBAAW,GAAG,KAAK,CAAC;KA+BvB;IA5BG,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;KACpC;IAGD,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC;KACtC;IAGD,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC;KACrC;EACJ;AA7CG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gDACe;AAIhC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qDAC+B;AAKhD;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,4BAA4B,CAAC;IACzC,cAAc,EAAE;qDACC;AAKlB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,8BAA8B,CAAC;IAC3C,cAAc,EAAE;uDACG;AAGpB;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,kCAAkC,CAAC;uDAG/C;AAGD;IADC,WAAW,CAAC,oCAAoC,CAAC;yDAGjD;AAGD;IADC,WAAW,CAAC,mCAAmC,CAAC;wDAGhD;AA/CQ,kBAAkB;IAT9B,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,uCAAqC;QAErC,IAAI,EAAE;YACF,KAAK,EAAE,YAAY;SACtB;;KACJ,CAAC;GACW,kBAAkB,CAgD9B;;ICpDY,eAAe,GAA5B,MAAa,eAAe;EAAG;AAAlB,eAAe;IAL3B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,CAAC;QACvB,YAAY,EAAE,CAAC,kBAAkB,CAAC;QAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;GACW,eAAe,CAAG;;ACT/B;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-island.js","sources":["ng://@taiga-ui/kit/components/island/island.component.ts","ng://@taiga-ui/kit/components/island/island.module.ts","ng://@taiga-ui/kit/components/island/taiga-ui-kit-components-island.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-island, a[tuiIsland]',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './island.template.html',\n    styleUrls: ['./island.style.less'],\n    host: {\n        class: 'tui-island',\n    },\n})\nexport class TuiIslandComponent {\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL | TuiSizeS = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    textAlign: 'left' | 'right' | 'center' = 'left';\n\n    @Input()\n    @HostBinding('class.tui-island_hoverable')\n    @tuiDefaultProp()\n    hoverable = false;\n\n    @Input()\n    @HostBinding('class.tui-island_transparent')\n    @tuiDefaultProp()\n    transparent = false;\n\n    @HostBinding('class.tui-island_size_s')\n    get sizeS(): boolean {\n        return this.size === 's';\n    }\n\n    @HostBinding('class.tui-island_size_m')\n    get sizeM(): boolean {\n        return this.size === 'm';\n    }\n\n    @HostBinding('class.tui-island_size_l')\n    get sizeL(): boolean {\n        return this.size === 'l';\n    }\n\n    @HostBinding('class.tui-island_text-align_left')\n    get textAlignLeft(): boolean {\n        return this.textAlign === 'left';\n    }\n\n    @HostBinding('class.tui-island_text-align_center')\n    get textAlignCenter(): boolean {\n        return this.textAlign === 'center';\n    }\n\n    @HostBinding('class.tui-island_text-align_right')\n    get textAlignRight(): boolean {\n        return this.textAlign === 'right';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiIslandComponent} from './island.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [TuiIslandComponent],\n    exports: [TuiIslandComponent],\n})\nexport class TuiIslandModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;IAaa,kBAAkB,GAA/B,MAAa,kBAAkB;IAA/B;QAGI,SAAI,GAAwB,GAAG,CAAC;QAIhC,cAAS,GAAgC,MAAM,CAAC;QAKhD,cAAS,GAAG,KAAK,CAAC;QAKlB,gBAAW,GAAG,KAAK,CAAC;KA+BvB;IA5BG,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;KAC5B;IAGD,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;KACpC;IAGD,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC;KACtC;IAGD,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC;KACrC;EACJ;AA7CG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gDACe;AAIhC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qDAC+B;AAKhD;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,4BAA4B,CAAC;IACzC,cAAc,EAAE;qDACC;AAKlB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,8BAA8B,CAAC;IAC3C,cAAc,EAAE;uDACG;AAGpB;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,yBAAyB,CAAC;+CAGtC;AAGD;IADC,WAAW,CAAC,kCAAkC,CAAC;uDAG/C;AAGD;IADC,WAAW,CAAC,oCAAoC,CAAC;yDAGjD;AAGD;IADC,WAAW,CAAC,mCAAmC,CAAC;wDAGhD;AA/CQ,kBAAkB;IAT9B,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,uCAAqC;QAErC,IAAI,EAAE;YACF,KAAK,EAAE,YAAY;SACtB;;KACJ,CAAC;GACW,kBAAkB,CAgD9B;;ICnDY,eAAe,GAA5B,MAAa,eAAe;EAAG;AAAlB,eAAe;IAL3B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,CAAC;QACvB,YAAY,EAAE,CAAC,kBAAkB,CAAC;QAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;GACW,eAAe,CAAG;;ACV/B;;;;;;"}

package/fesm2015/taiga-ui-kit-components-line-clamp.js

@@ -1,21 +1,21 @@
 import { __decorate, __param } from 'tslib';
-import { ElementRef, Inject, Renderer2, Input, ViewChild, HostBinding, HostListener, Component, ChangeDetectionStrategy, ViewContainerRef, NgZone, Directive, NgModule } from '@angular/core';
+import { ElementRef, Inject, Renderer2, ViewChild, Input, HostBinding, HostListener, Component, ChangeDetectionStrategy, ViewContainerRef, NgZone, Directive, NgModule } from '@angular/core';
 import { typedFromEvent, isCurrentTarget, tuiDefaultProp, tuiPure, CHAR_ELLIPSIS, tuiZonefree, TuiDestroyService, TuiResizeModule } from '@taiga-ui/cdk';
 import { PolymorpheusOutletComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { BehaviorSubject, of, Observable } from 'rxjs';
 import { startWith, pairwise, switchMap, filter, mapTo, map, takeUntil } from 'rxjs/operators';
 import { DOCUMENT, CommonModule } from '@angular/common';
-import { TuiHintModule } from '@taiga-ui/core';
 import { ANIMATION_FRAME, CSS } from '@ng-web-apis/common';
 import { setRangeOffset } from '@taiga-ui/kit/utils/dom';
+import { TuiHintModule } from '@taiga-ui/core';
 
 let TuiLineClampComponent = class TuiLineClampComponent {
     constructor(elementRef, renderer) {
         this.elementRef = elementRef;
-        this.lineHeight = 24;
-        this.content = '';
         this.linesLimit$ = new BehaviorSubject(1);
         this.initialized = false;
+        this.lineHeight = 24;
+        this.content = '';
         // Skipping initial transition
         setTimeout(() => {
             renderer.addClass(this.elementRef.nativeElement, '_initialized');
@@ -50,16 +50,19 @@ let TuiLineClampComponent = class TuiLineClampComponent {
     get height() {
         return !this.outlet ? 0 : this.outlet.nativeElement.scrollHeight + 4 || null;
     }
+    // Change detection
+    markForCheck() { }
     ngAfterViewInit() {
         this.initialized = true;
     }
-    // Change detection
-    markForCheck() { }
 };
 TuiLineClampComponent.ctorParameters = () => [
     { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
     { type: Renderer2, decorators: [{ type: Inject, args: [Renderer2,] }] }
 ];
+__decorate([
+    ViewChild(PolymorpheusOutletComponent, { read: ElementRef })
+], TuiLineClampComponent.prototype, "outlet", void 0);
 __decorate([
     Input(),
     tuiDefaultProp()
@@ -72,9 +75,6 @@ __decorate([
     Input(),
     tuiDefaultProp()
 ], TuiLineClampComponent.prototype, "content", void 0);
-__decorate([
-    ViewChild(PolymorpheusOutletComponent, { read: ElementRef })
-], TuiLineClampComponent.prototype, "outlet", void 0);
 __decorate([
     tuiPure
 ], TuiLineClampComponent.prototype, "lineClamp$", null);
@@ -90,7 +90,7 @@ __decorate([
 TuiLineClampComponent = __decorate([
     Component({
         selector: 'tui-line-clamp',
-        template: "<div\n    polymorpheus-outlet\n    class=\"wrapper\"\n    lineClamp\n    tuiHintId=\"unnecessary\"\n    tuiHintMode=\"overflow\"\n    [tuiHint]=\"computedContent\"\n    [class.wrapper_ellipsis]=\"oneLine\"\n    [style.-webkit-line-clamp]=\"lineClamp$ | async\"\n    [content]=\"content\"\n    (tuiResize)=\"markForCheck()\"\n></div>\n",
+        template: "<div\n    polymorpheus-outlet\n    lineClamp\n    tuiHintId=\"unnecessary\"\n    tuiHintMode=\"overflow\"\n    class=\"wrapper\"\n    [tuiHint]=\"computedContent\"\n    [class.wrapper_ellipsis]=\"oneLine\"\n    [style.-webkit-line-clamp]=\"lineClamp$ | async\"\n    [content]=\"content\"\n    (tuiResize)=\"markForCheck()\"\n></div>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         styles: [":host{position:relative;display:block;overflow:hidden}:host._initialized{transition-property:max-height;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.wrapper{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.wrapper_ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}"]
     }),

package/fesm2015/taiga-ui-kit-components-line-clamp.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-line-clamp.js","sources":["ng://@taiga-ui/kit/components/line-clamp/line-clamp.component.ts","ng://@taiga-ui/kit/components/line-clamp/line-clamp.directive.ts","ng://@taiga-ui/kit/components/line-clamp/line-clamp.module.ts","ng://@taiga-ui/kit/components/line-clamp/taiga-ui-kit-components-line-clamp.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Renderer2,\n    ViewChild,\n} from '@angular/core';\nimport {isCurrentTarget, tuiDefaultProp, tuiPure, typedFromEvent} from '@taiga-ui/cdk';\nimport {PolymorpheusContent, PolymorpheusOutletComponent} from '@tinkoff/ng-polymorpheus';\nimport {BehaviorSubject, Observable, of} from 'rxjs';\nimport {filter, mapTo, pairwise, startWith, switchMap} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-line-clamp',\n    templateUrl: './line-clamp.template.html',\n    styleUrls: ['./line-clamp.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLineClampComponent implements AfterViewInit {\n    @Input()\n    @tuiDefaultProp()\n    set linesLimit(linesLimit: number) {\n        this.linesLimit$.next(linesLimit);\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    lineHeight = 24;\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent = '';\n\n    private readonly linesLimit$ = new BehaviorSubject(1);\n\n    @ViewChild(PolymorpheusOutletComponent, {read: ElementRef})\n    private readonly outlet?: ElementRef<HTMLElement>;\n\n    private initialized = false;\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(Renderer2) renderer: Renderer2,\n    ) {\n        // Skipping initial transition\n        setTimeout(() => {\n            renderer.addClass(this.elementRef.nativeElement, '_initialized');\n        });\n    }\n\n    @tuiPure\n    get lineClamp$(): Observable<number> {\n        return this.linesLimit$.pipe(\n            startWith(1),\n            pairwise(),\n            switchMap(([prev, next]) =>\n                next >= prev\n                    ? of(next)\n                    : typedFromEvent(this.elementRef.nativeElement, 'transitionend').pipe(\n                          filter(isCurrentTarget),\n                          mapTo(next),\n                      ),\n            ),\n        );\n    }\n\n    get overflown(): boolean {\n        if (!this.outlet) {\n            return false;\n        }\n\n        const {scrollHeight, scrollWidth} = this.outlet.nativeElement;\n        const {clientHeight, clientWidth} = this.elementRef.nativeElement;\n\n        // 4px buffer for IE/Edge incorrectly rounding scrollHeight\n        return scrollHeight - clientHeight > 4 || scrollWidth - clientWidth > 0;\n    }\n\n    get computedContent(): PolymorpheusContent {\n        return this.overflown ? this.content : '';\n    }\n\n    get oneLine(): boolean {\n        return this.linesLimit$.value === 1;\n    }\n\n    @HostBinding('style.maxHeight.px')\n    get maxHeight(): number | null {\n        return this.initialized ? this.lineHeight * this.linesLimit$.value : null;\n    }\n\n    @HostBinding('style.height.px')\n    get height(): number | null {\n        return !this.outlet ? 0 : this.outlet.nativeElement.scrollHeight + 4 || null;\n    }\n\n    ngAfterViewInit() {\n        this.initialized = true;\n    }\n\n    // Change detection\n    @HostListener('mouseenter')\n    markForCheck() {}\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n    Directive,\n    ElementRef,\n    Inject,\n    NgZone,\n    Renderer2,\n    ViewContainerRef,\n} from '@angular/core';\nimport {ANIMATION_FRAME, CSS} from '@ng-web-apis/common';\nimport {CHAR_ELLIPSIS, TuiDestroyService, tuiZonefree} from '@taiga-ui/cdk';\nimport {setRangeOffset} from '@taiga-ui/kit/utils/dom';\nimport {Observable} from 'rxjs';\nimport {map, takeUntil} from 'rxjs/operators';\n\nimport {TuiLineClampComponent} from './line-clamp.component';\n\nconst HIDDEN_LEFT = -200;\n\n// @dynamic\n@Directive({\n    selector: '[lineClamp]',\n    providers: [TuiDestroyService],\n})\nexport class TuiLineClampDirective {\n    constructor(\n        @Inject(TuiLineClampComponent) component: TuiLineClampComponent,\n        @Inject(ViewContainerRef) viewContainerRef: ViewContainerRef,\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(Renderer2) renderer: Renderer2,\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n        @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n        /**\n         * TODO: remove \"any\" in new TS version; https://github.com/ng-web-apis/common/pull/6\n         */\n        @Inject(CSS) cssRef: any,\n    ) {\n        if (\n            cssRef.supports('-webkit-line-clamp', '1') ||\n            !(nativeElement.parentElement instanceof HTMLElement)\n        ) {\n            return;\n        }\n\n        const range = documentRef.createRange();\n        const ellipsis: HTMLElement = renderer.createElement('div');\n        const {parentElement} = nativeElement;\n        const {style} = ellipsis;\n\n        style.position = 'absolute';\n        style.bottom = '0';\n        style.left = `${HIDDEN_LEFT}px`;\n        ellipsis.textContent = CHAR_ELLIPSIS;\n\n        viewContainerRef.element.nativeElement.appendChild(ellipsis);\n\n        animationFrame$\n            .pipe(\n                map(() => {\n                    // 4px buffer for IE/Edge incorrectly rounding scrollHeight\n                    if (\n                        component.oneLine ||\n                        nativeElement.scrollHeight - parentElement.clientHeight < 4\n                    ) {\n                        return HIDDEN_LEFT;\n                    }\n\n                    let result = 0;\n                    const length = nativeElement.textContent\n                        ? nativeElement.textContent.length\n                        : 0;\n\n                    for (let char = 0; char < length - 2; char++) {\n                        setRangeOffset(range, nativeElement, char, 'setStart');\n                        setRangeOffset(range, nativeElement, char + 1, 'setEnd');\n\n                        const rangeRect = range.getBoundingClientRect();\n                        const clientRect = parentElement.getBoundingClientRect();\n\n                        if (Math.round(rangeRect.top - clientRect.bottom) >= 0) {\n                            break;\n                        }\n\n                        result = rangeRect.right - clientRect.left;\n                    }\n\n                    return result;\n                }),\n                tuiZonefree(ngZone),\n                takeUntil(destroy$),\n            )\n            .subscribe(left => {\n                style.left = `${left}px`;\n            });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\nimport {TuiHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TuiLineClampComponent} from './line-clamp.component';\nimport {TuiLineClampDirective} from './line-clamp.directive';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiHintModule, TuiResizeModule],\n    declarations: [TuiLineClampComponent, TuiLineClampDirective],\n    exports: [TuiLineClampComponent],\n})\nexport class TuiLineClampModule {}\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-line-clamp.js","sources":["ng://@taiga-ui/kit/components/line-clamp/line-clamp.component.ts","ng://@taiga-ui/kit/components/line-clamp/line-clamp.directive.ts","ng://@taiga-ui/kit/components/line-clamp/line-clamp.module.ts","ng://@taiga-ui/kit/components/line-clamp/taiga-ui-kit-components-line-clamp.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Renderer2,\n    ViewChild,\n} from '@angular/core';\nimport {isCurrentTarget, tuiDefaultProp, tuiPure, typedFromEvent} from '@taiga-ui/cdk';\nimport {PolymorpheusContent, PolymorpheusOutletComponent} from '@tinkoff/ng-polymorpheus';\nimport {BehaviorSubject, Observable, of} from 'rxjs';\nimport {filter, mapTo, pairwise, startWith, switchMap} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-line-clamp',\n    templateUrl: './line-clamp.template.html',\n    styleUrls: ['./line-clamp.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLineClampComponent implements AfterViewInit {\n    @ViewChild(PolymorpheusOutletComponent, {read: ElementRef})\n    private readonly outlet?: ElementRef<HTMLElement>;\n\n    private readonly linesLimit$ = new BehaviorSubject(1);\n    private initialized = false;\n\n    @Input()\n    @tuiDefaultProp()\n    set linesLimit(linesLimit: number) {\n        this.linesLimit$.next(linesLimit);\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    lineHeight = 24;\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent = '';\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(Renderer2) renderer: Renderer2,\n    ) {\n        // Skipping initial transition\n        setTimeout(() => {\n            renderer.addClass(this.elementRef.nativeElement, '_initialized');\n        });\n    }\n\n    @tuiPure\n    get lineClamp$(): Observable<number> {\n        return this.linesLimit$.pipe(\n            startWith(1),\n            pairwise(),\n            switchMap(([prev, next]) =>\n                next >= prev\n                    ? of(next)\n                    : typedFromEvent(this.elementRef.nativeElement, 'transitionend').pipe(\n                          filter(isCurrentTarget),\n                          mapTo(next),\n                      ),\n            ),\n        );\n    }\n\n    get overflown(): boolean {\n        if (!this.outlet) {\n            return false;\n        }\n\n        const {scrollHeight, scrollWidth} = this.outlet.nativeElement;\n        const {clientHeight, clientWidth} = this.elementRef.nativeElement;\n\n        // 4px buffer for IE/Edge incorrectly rounding scrollHeight\n        return scrollHeight - clientHeight > 4 || scrollWidth - clientWidth > 0;\n    }\n\n    get computedContent(): PolymorpheusContent {\n        return this.overflown ? this.content : '';\n    }\n\n    get oneLine(): boolean {\n        return this.linesLimit$.value === 1;\n    }\n\n    @HostBinding('style.maxHeight.px')\n    get maxHeight(): number | null {\n        return this.initialized ? this.lineHeight * this.linesLimit$.value : null;\n    }\n\n    @HostBinding('style.height.px')\n    get height(): number | null {\n        return !this.outlet ? 0 : this.outlet.nativeElement.scrollHeight + 4 || null;\n    }\n\n    // Change detection\n    @HostListener('mouseenter')\n    markForCheck() {}\n\n    ngAfterViewInit() {\n        this.initialized = true;\n    }\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n    Directive,\n    ElementRef,\n    Inject,\n    NgZone,\n    Renderer2,\n    ViewContainerRef,\n} from '@angular/core';\nimport {ANIMATION_FRAME, CSS} from '@ng-web-apis/common';\nimport {CHAR_ELLIPSIS, TuiDestroyService, tuiZonefree} from '@taiga-ui/cdk';\nimport {setRangeOffset} from '@taiga-ui/kit/utils/dom';\nimport {Observable} from 'rxjs';\nimport {map, takeUntil} from 'rxjs/operators';\n\nimport {TuiLineClampComponent} from './line-clamp.component';\n\nconst HIDDEN_LEFT = -200;\n\n// @dynamic\n@Directive({\n    selector: '[lineClamp]',\n    providers: [TuiDestroyService],\n})\nexport class TuiLineClampDirective {\n    constructor(\n        @Inject(TuiLineClampComponent) component: TuiLineClampComponent,\n        @Inject(ViewContainerRef) viewContainerRef: ViewContainerRef,\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(Renderer2) renderer: Renderer2,\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n        @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n        /**\n         * TODO: remove \"any\" in new TS version; https://github.com/ng-web-apis/common/pull/6\n         */\n        @Inject(CSS) cssRef: any,\n    ) {\n        if (\n            cssRef.supports('-webkit-line-clamp', '1') ||\n            !(nativeElement.parentElement instanceof HTMLElement)\n        ) {\n            return;\n        }\n\n        const range = documentRef.createRange();\n        const ellipsis: HTMLElement = renderer.createElement('div');\n        const {parentElement} = nativeElement;\n        const {style} = ellipsis;\n\n        style.position = 'absolute';\n        style.bottom = '0';\n        style.left = `${HIDDEN_LEFT}px`;\n        ellipsis.textContent = CHAR_ELLIPSIS;\n\n        viewContainerRef.element.nativeElement.appendChild(ellipsis);\n\n        animationFrame$\n            .pipe(\n                map(() => {\n                    // 4px buffer for IE/Edge incorrectly rounding scrollHeight\n                    if (\n                        component.oneLine ||\n                        nativeElement.scrollHeight - parentElement.clientHeight < 4\n                    ) {\n                        return HIDDEN_LEFT;\n                    }\n\n                    let result = 0;\n                    const length = nativeElement.textContent\n                        ? nativeElement.textContent.length\n                        : 0;\n\n                    for (let char = 0; char < length - 2; char++) {\n                        setRangeOffset(range, nativeElement, char, 'setStart');\n                        setRangeOffset(range, nativeElement, char + 1, 'setEnd');\n\n                        const rangeRect = range.getBoundingClientRect();\n                        const clientRect = parentElement.getBoundingClientRect();\n\n                        if (Math.round(rangeRect.top - clientRect.bottom) >= 0) {\n                            break;\n                        }\n\n                        result = rangeRect.right - clientRect.left;\n                    }\n\n                    return result;\n                }),\n                tuiZonefree(ngZone),\n                takeUntil(destroy$),\n            )\n            .subscribe(left => {\n                style.left = `${left}px`;\n            });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\nimport {TuiHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiLineClampComponent} from './line-clamp.component';\nimport {TuiLineClampDirective} from './line-clamp.directive';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiHintModule, TuiResizeModule],\n    declarations: [TuiLineClampComponent, TuiLineClampDirective],\n    exports: [TuiLineClampComponent],\n})\nexport class TuiLineClampModule {}\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-marker-icon.js

@@ -8,10 +8,10 @@ import { CommonModule } from '@angular/common';
 
 let TuiMarkerIconComponent = class TuiMarkerIconComponent {
     constructor(destroy$, mode$) {
+        this.globalMode = null;
         this.mode = null;
         this.size = 'm';
         this.src = '';
-        this.globalMode = null;
         mode$.pipe(takeUntil(destroy$)).subscribe(mode => {
             this.globalMode = mode;
         });

package/fesm2015/taiga-ui-kit-components-marker-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-marker-icon.js","sources":["ng://@taiga-ui/kit/components/marker-icon/marker-icon.component.ts","ng://@taiga-ui/kit/components/marker-icon/marker-icon.module.ts","ng://@taiga-ui/kit/components/marker-icon/taiga-ui-kit-components-marker-icon.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp, TuiDestroyService} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_MODE,\n    TuiBrightness,\n    TuiSizeXL,\n    TuiSizeXS,\n} from '@taiga-ui/core';\nimport {TuiMarkerIconModeT} from '@taiga-ui/kit/types';\nimport {Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-marker-icon',\n    templateUrl: './marker-icon.template.html',\n    styleUrls: ['./marker-icon.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiDestroyService, MODE_PROVIDER],\n})\nexport class TuiMarkerIconComponent {\n    @Input()\n    @tuiDefaultProp()\n    mode: TuiMarkerIconModeT | null = null;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    src = '';\n\n    private globalMode: TuiBrightness | null = null;\n\n    constructor(\n        @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(TUI_MODE) mode$: Observable<TuiBrightness | null>,\n    ) {\n        mode$.pipe(takeUntil(destroy$)).subscribe(mode => {\n            this.globalMode = mode;\n        });\n    }\n\n    // TODO: Simplify\n    @HostBinding('attr.data-mode')\n    get computedMode(): TuiMarkerIconModeT | 'onDark' | null {\n        return this.globalMode === 'onDark' && !this.mode ? 'onDark' : this.mode;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {TuiMarkerIconComponent} from './marker-icon.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule],\n    declarations: [TuiMarkerIconComponent],\n    exports: [TuiMarkerIconComponent],\n})\nexport class TuiMarkerIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;IA0Ba,sBAAsB,GAAnC,MAAa,sBAAsB;IAgB/B,YAC+B,QAA6B,EACtC,KAAuC;QAf7D,SAAI,GAA8B,IAAI,CAAC;QAKvC,SAAI,GAA0B,GAAG,CAAC;QAIlC,QAAG,GAAG,EAAE,CAAC;QAED,eAAU,GAAyB,IAAI,CAAC;QAM5C,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI;YAC1C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B,CAAC,CAAC;KACN;;IAID,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;KAC5E;EACJ;;YAb4C,UAAU,uBAA9C,MAAM,SAAC,iBAAiB;YACA,UAAU,uBAAlC,MAAM,SAAC,QAAQ;;AAfpB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDACsB;AAKvC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,yBAAyB,CAAC;IACtC,cAAc,EAAE;oDACiB;AAIlC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDACR;AAeT;IADC,WAAW,CAAC,gBAAgB,CAAC;0DAG7B;AA7BQ,sBAAsB;IAPlC,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,8DAA0C;QAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE,CAAC,iBAAiB,EAAE,aAAa,CAAC;;KAChD,CAAC;IAkBO,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;GAlBZ,sBAAsB,CA8BlC;;IC9CY,mBAAmB,GAAhC,MAAa,mBAAmB;EAAG;AAAtB,mBAAmB;IAL/B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;QACrC,YAAY,EAAE,CAAC,sBAAsB,CAAC;QACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;KACpC,CAAC;GACW,mBAAmB,CAAG;;ACVnC;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-marker-icon.js","sources":["ng://@taiga-ui/kit/components/marker-icon/marker-icon.component.ts","ng://@taiga-ui/kit/components/marker-icon/marker-icon.module.ts","ng://@taiga-ui/kit/components/marker-icon/taiga-ui-kit-components-marker-icon.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {tuiDefaultProp, TuiDestroyService} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_MODE,\n    TuiBrightness,\n    TuiSizeXL,\n    TuiSizeXS,\n} from '@taiga-ui/core';\nimport {TuiMarkerIconModeT} from '@taiga-ui/kit/types';\nimport {Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-marker-icon',\n    templateUrl: './marker-icon.template.html',\n    styleUrls: ['./marker-icon.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiDestroyService, MODE_PROVIDER],\n})\nexport class TuiMarkerIconComponent {\n    private globalMode: TuiBrightness | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    mode: TuiMarkerIconModeT | null = null;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    src = '';\n\n    constructor(\n        @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(TUI_MODE) mode$: Observable<TuiBrightness | null>,\n    ) {\n        mode$.pipe(takeUntil(destroy$)).subscribe(mode => {\n            this.globalMode = mode;\n        });\n    }\n\n    // TODO: Simplify\n    @HostBinding('attr.data-mode')\n    get computedMode(): TuiMarkerIconModeT | 'onDark' | null {\n        return this.globalMode === 'onDark' && !this.mode ? 'onDark' : this.mode;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiMarkerIconComponent} from './marker-icon.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule],\n    declarations: [TuiMarkerIconComponent],\n    exports: [TuiMarkerIconComponent],\n})\nexport class TuiMarkerIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;IA0Ba,sBAAsB,GAAnC,MAAa,sBAAsB;IAgB/B,YAC+B,QAA6B,EACtC,KAAuC;QAjBrD,eAAU,GAAyB,IAAI,CAAC;QAIhD,SAAI,GAA8B,IAAI,CAAC;QAKvC,SAAI,GAA0B,GAAG,CAAC;QAIlC,QAAG,GAAG,EAAE,CAAC;QAML,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI;YAC1C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B,CAAC,CAAC;KACN;;IAID,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;KAC5E;EACJ;;YAb4C,UAAU,uBAA9C,MAAM,SAAC,iBAAiB;YACA,UAAU,uBAAlC,MAAM,SAAC,QAAQ;;AAbpB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDACsB;AAKvC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,yBAAyB,CAAC;IACtC,cAAc,EAAE;oDACiB;AAIlC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDACR;AAaT;IADC,WAAW,CAAC,gBAAgB,CAAC;0DAG7B;AA7BQ,sBAAsB;IAPlC,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,8DAA0C;QAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE,CAAC,iBAAiB,EAAE,aAAa,CAAC;;KAChD,CAAC;IAkBO,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;GAlBZ,sBAAsB,CA8BlC;;IC7CY,mBAAmB,GAAhC,MAAa,mBAAmB;EAAG;AAAtB,mBAAmB;IAL/B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;QACrC,YAAY,EAAE,CAAC,sBAAsB,CAAC;QACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;KACpC,CAAC;GACW,mBAAmB,CAAG;;ACXnC;;;;;;"}

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

@@ -1,28 +1,26 @@
 import { __decorate } from 'tslib';
 import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { tuiReplayedValueChangesFrom, isPresent } from '@taiga-ui/cdk';
+import { isPresent } from '@taiga-ui/cdk';
 import { sizeBigger, TuiPrimitiveCheckboxModule } from '@taiga-ui/core';
 import { TuiSelectOptionComponent } from '@taiga-ui/kit/components/select-option';
-import { map } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 
 let TuiMultiSelectOptionComponent = class TuiMultiSelectOptionComponent extends TuiSelectOptionComponent {
-    constructor() {
-        super(...arguments);
-        this.selected$ = tuiReplayedValueChangesFrom(this.control).pipe(map(value => isPresent(this.option.value) &&
-            !!value &&
-            !!value.find(item => this.matcher(item, this.option.value))));
-    }
     get size() {
         return sizeBigger(this.option.size) ? 'l' : 'm';
     }
+    get selected() {
+        return (isPresent(this.option.value) &&
+            isPresent(this.control.value) &&
+            !!this.control.value.find((item) => this.matcher(item, this.option.value)));
+    }
 };
 TuiMultiSelectOptionComponent = __decorate([
     Component({
         selector: 'tui-multi-select-option',
         template: "<tui-primitive-checkbox\n    class=\"tui-space_right-3\"\n    [size]=\"size\"\n    [value]=\"selected$ | async\"\n></tui-primitive-checkbox>\n<ng-container *ngTemplateOutlet=\"context.$implicit\"></ng-container>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{display:flex;flex:1;align-items:center;overflow:hidden}"]
+        styles: ["@-webkit-keyframes retrigger{from{left:1px}to{left:2px}}@keyframes retrigger{from{left:1px}to{left:2px}}:host{display:flex;flex:1;align-items:center;overflow:hidden;-webkit-animation:1s retrigger;animation:1s retrigger}"]
     })
 ], TuiMultiSelectOptionComponent);
 

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-multi-select-option.js","sources":["ng://@taiga-ui/kit/components/multi-select-option/multi-select-option.component.ts","ng://@taiga-ui/kit/components/multi-select-option/multi-select-option.module.ts","ng://@taiga-ui/kit/components/multi-select-option/taiga-ui-kit-components-multi-select-option.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {isPresent, tuiReplayedValueChangesFrom} from '@taiga-ui/cdk';\nimport {sizeBigger, TuiSizeL} from '@taiga-ui/core';\nimport {TuiSelectOptionComponent} from '@taiga-ui/kit/components/select-option';\nimport {map} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-multi-select-option',\n    templateUrl: './multi-select-option.template.html',\n    styleUrls: ['./multi-select-option.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMultiSelectOptionComponent<T> extends TuiSelectOptionComponent<T> {\n    readonly selected$ = tuiReplayedValueChangesFrom<ReadonlyArray<T>>(this.control).pipe(\n        map(\n            value =>\n                isPresent(this.option.value) &&\n                !!value &&\n                !!value.find(item => this.matcher(item, this.option.value!)),\n        ),\n    );\n\n    get size(): TuiSizeL {\n        return sizeBigger(this.option.size) ? 'l' : 'm';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPrimitiveCheckboxModule} from '@taiga-ui/core';\nimport {TuiMultiSelectOptionComponent} from './multi-select-option.component';\n\n@NgModule({\n    imports: [CommonModule, TuiPrimitiveCheckboxModule],\n    declarations: [TuiMultiSelectOptionComponent],\n    exports: [TuiMultiSelectOptionComponent],\n    entryComponents: [TuiMultiSelectOptionComponent],\n})\nexport class TuiMultiSelectOptionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;IAYa,6BAA6B,GAA1C,MAAa,6BAAiC,SAAQ,wBAA2B;IAAjF;;QACa,cAAS,GAAG,2BAA2B,CAAmB,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CACjF,GAAG,CACC,KAAK,IACD,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;YAC5B,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAM,CAAC,CAAC,CACnE,CACJ,CAAC;KAKL;IAHG,IAAI,IAAI;QACJ,OAAO,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;KACnD;EACJ;AAbY,6BAA6B;IANzC,SAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;QACnC,iOAAkD;QAElD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;GACW,6BAA6B,CAazC;;ICdY,0BAA0B,GAAvC,MAAa,0BAA0B;EAAG;AAA7B,0BAA0B;IANtC,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,0BAA0B,CAAC;QACnD,YAAY,EAAE,CAAC,6BAA6B,CAAC;QAC7C,OAAO,EAAE,CAAC,6BAA6B,CAAC;QACxC,eAAe,EAAE,CAAC,6BAA6B,CAAC;KACnD,CAAC;GACW,0BAA0B,CAAG;;ACX1C;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-multi-select-option.js","sources":["ng://@taiga-ui/kit/components/multi-select-option/multi-select-option.component.ts","ng://@taiga-ui/kit/components/multi-select-option/multi-select-option.module.ts","ng://@taiga-ui/kit/components/multi-select-option/taiga-ui-kit-components-multi-select-option.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {isPresent} from '@taiga-ui/cdk';\nimport {sizeBigger, TuiSizeL} from '@taiga-ui/core';\nimport {TuiSelectOptionComponent} from '@taiga-ui/kit/components/select-option';\n\n@Component({\n    selector: 'tui-multi-select-option',\n    templateUrl: './multi-select-option.template.html',\n    styleUrls: ['./multi-select-option.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMultiSelectOptionComponent<T> extends TuiSelectOptionComponent<T> {\n    get size(): TuiSizeL {\n        return sizeBigger(this.option.size) ? 'l' : 'm';\n    }\n\n    protected get selected(): boolean {\n        return (\n            isPresent(this.option.value) &&\n            isPresent(this.control.value) &&\n            !!this.control.value.find((item: T) => this.matcher(item, this.option.value!))\n        );\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPrimitiveCheckboxModule} from '@taiga-ui/core';\n\nimport {TuiMultiSelectOptionComponent} from './multi-select-option.component';\n\n@NgModule({\n    imports: [CommonModule, TuiPrimitiveCheckboxModule],\n    declarations: [TuiMultiSelectOptionComponent],\n    exports: [TuiMultiSelectOptionComponent],\n    entryComponents: [TuiMultiSelectOptionComponent],\n})\nexport class TuiMultiSelectOptionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IAWa,6BAA6B,GAA1C,MAAa,6BAAiC,SAAQ,wBAA2B;IAC7E,IAAI,IAAI;QACJ,OAAO,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;KACnD;IAED,IAAc,QAAQ;QAClB,QACI,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YAC7B,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAO,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAM,CAAC,CAAC,EAChF;KACL;EACJ;AAZY,6BAA6B;IANzC,SAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;QACnC,iOAAkD;QAElD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;GACW,6BAA6B,CAYzC;;ICXY,0BAA0B,GAAvC,MAAa,0BAA0B;EAAG;AAA7B,0BAA0B;IANtC,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,0BAA0B,CAAC;QACnD,YAAY,EAAE,CAAC,6BAA6B,CAAC;QAC7C,OAAO,EAAE,CAAC,6BAA6B,CAAC;QACxC,eAAe,EAAE,CAAC,6BAA6B,CAAC;KACnD,CAAC;GACW,0BAA0B,CAAG;;ACZ1C;;;;;;"}

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

@@ -1,9 +1,9 @@
 import { __decorate, __param } from 'tslib';
-import { EventEmitter, Optional, Self, Inject, ChangeDetectorRef, Input, HostBinding, Output, ContentChild, TemplateRef, ViewChild, Component, ChangeDetectionStrategy, forwardRef, Pipe, ContentChildren, Directive, NgModule } from '@angular/core';
+import { EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ContentChild, ViewChild, Input, HostBinding, Output, TemplateRef, Component, ChangeDetectionStrategy, forwardRef, Pipe, ContentChildren, Directive, NgModule } from '@angular/core';
 import { AbstractTuiMultipleControl, TUI_DEFAULT_STRINGIFY, TUI_DEFAULT_IDENTITY_MATCHER, ALWAYS_FALSE_HANDLER, EMPTY_ARRAY, isNativeFocused, setNativeFocused, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, EMPTY_QUERY, itemsQueryListObservable, getOriginalArrayFromQueryList, isPresent, tuiReplayedValueChangesFrom, EMPTY_FUNCTION, TuiPreventDefaultModule, TuiActiveZoneModule, TuiLetModule, TuiMapperPipeModule, TuiHoveredModule } from '@taiga-ui/cdk';
 import { isFlat } from '@taiga-ui/kit/utils';
 import { NgControl, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import { TuiSvgService, TuiDataListDirective, TUI_DATA_LIST_ACCESSOR, TuiHostedDropdownComponent, TUI_DATA_LIST_HOST, sizeBigger, TuiOptionComponent, TUI_OPTION_CONTENT, TuiSvgModule, TuiHostedDropdownModule, TuiPrimitiveCheckboxModule, TuiDataListModule } from '@taiga-ui/core';
+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 { TuiInputTagComponent, TuiInputTagModule } from '@taiga-ui/kit/components/input-tag';
 import { iconBlank } from '@taiga-ui/kit/constants';
@@ -26,12 +26,12 @@ let TuiMultiSelectComponent = TuiMultiSelectComponent_1 = class TuiMultiSelectCo
         this.disabledItemHandler = ALWAYS_FALSE_HANDLER;
         this.valueContent = '';
         this.searchChange = new EventEmitter();
+        this.datalist = '';
         this.open = false;
         this.valueMapper = (value, stringify, group) => group
             ? EMPTY_ARRAY
             : value.map(item => new TuiStringifiableItem(item, stringify));
         this.disabledItemHandlerWrapper = handler => stringifiable => typeof stringifiable === 'string' || handler(stringifiable.item);
-        this.datalist = '';
         svgService.define({ iconBlank });
     }
     get nativeFocusableElement() {
@@ -131,6 +131,9 @@ let TuiMultiSelectComponent = TuiMultiSelectComponent_1 = class TuiMultiSelectCo
         super.setDisabledState();
         this.open = false;
     }
+    getContext($implicit) {
+        return { $implicit };
+    }
     updateSearch(search) {
         if (this.search === search) {
             return;
@@ -143,15 +146,21 @@ let TuiMultiSelectComponent = TuiMultiSelectComponent_1 = class TuiMultiSelectCo
             setNativeFocused(this.nativeFocusableElement, true, preventScroll);
         }
     }
-    getContext($implicit) {
-        return { $implicit };
-    }
 };
 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,] }] }
 ];
+__decorate([
+    ContentChild(TUI_DATA_LIST_ACCESSOR)
+], TuiMultiSelectComponent.prototype, "accessor", void 0);
+__decorate([
+    ViewChild(TuiHostedDropdownComponent)
+], TuiMultiSelectComponent.prototype, "hostedDropdown", void 0);
+__decorate([
+    ViewChild(TuiInputTagComponent)
+], TuiMultiSelectComponent.prototype, "input", void 0);
 __decorate([
     Input(),
     tuiDefaultProp()
@@ -187,15 +196,6 @@ __decorate([
 __decorate([
     ContentChild(TuiDataListDirective, { read: TemplateRef })
 ], TuiMultiSelectComponent.prototype, "datalist", void 0);
-__decorate([
-    ContentChild(TUI_DATA_LIST_ACCESSOR)
-], TuiMultiSelectComponent.prototype, "accessor", void 0);
-__decorate([
-    ViewChild(TuiHostedDropdownComponent)
-], TuiMultiSelectComponent.prototype, "hostedDropdown", void 0);
-__decorate([
-    ViewChild(TuiInputTagComponent)
-], TuiMultiSelectComponent.prototype, "input", void 0);
 __decorate([
     tuiPure
 ], TuiMultiSelectComponent.prototype, "getStringifier", null);
@@ -205,7 +205,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]=\"hovered\"\n        [pseudoFocused]=\"focused\"\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]=\"hovered\"\n        [pseudoFocused]=\"focused\"\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",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -218,7 +218,7 @@ 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;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-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}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),
@@ -267,8 +267,8 @@ let TuiMultiSelectGroupComponent = class TuiMultiSelectGroupComponent {
     constructor(host, control) {
         this.host = host;
         this.control = control;
-        this.label = '';
         this.options = EMPTY_QUERY;
+        this.label = '';
     }
     get size() {
         return (this.options.first && this.options.first.size) || 'm';
@@ -324,13 +324,13 @@ TuiMultiSelectGroupComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [TUI_DATA_LIST_HOST,] }] },
     { type: NgControl, decorators: [{ type: Inject, args: [NgControl,] }] }
 ];
+__decorate([
+    ContentChildren(TuiOptionComponent)
+], TuiMultiSelectGroupComponent.prototype, "options", void 0);
 __decorate([
     Input(),
     tuiDefaultProp()
 ], TuiMultiSelectGroupComponent.prototype, "label", void 0);
-__decorate([
-    ContentChildren(TuiOptionComponent)
-], TuiMultiSelectGroupComponent.prototype, "options", void 0);
 __decorate([
     tuiPure
 ], TuiMultiSelectGroupComponent.prototype, "empty$", null);
@@ -352,7 +352,7 @@ __decorate([
 TuiMultiSelectGroupComponent = __decorate([
     Component({
         selector: 'tui-opt-group[tuiMultiSelectGroup]',
-        template: "<ng-container *tuiLet=\"value$ | async as value\">\n    <button\n        *ngIf=\"label && !(empty$ | async)\"\n        tuiOption\n        [size]=\"size\"\n        [disabled]=\"disabled$ | async\"\n        (click)=\"onClick(value)\"\n    >\n        <tui-primitive-checkbox\n            class=\"tui-space_right-3\"\n            [size]=\"checkboxSize\"\n            [value]=\"value\"\n        ></tui-primitive-checkbox>\n        <span class=\"label\">{{label}}</span>\n    </button>\n</ng-container>\n<ng-content></ng-content>\n",
+        template: "<ng-container *tuiLet=\"value$ | async as value\">\n    <button\n        *ngIf=\"label && !(empty$ | async)\"\n        tuiOption\n        [size]=\"size\"\n        [disabled]=\"disabled$ | async\"\n        (click)=\"onClick(value)\"\n    >\n        <tui-primitive-checkbox\n            class=\"tui-space_right-3\"\n            [size]=\"checkboxSize\"\n            [value]=\"value\"\n        ></tui-primitive-checkbox>\n        <span class=\"label\">{{ label }}</span>\n    </button>\n</ng-container>\n<ng-content></ng-content>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         viewProviders: [
             {