@taiga-ui/kit 2.36.0 → 2.38.0

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-checkbox.js","sources":["ng://@taiga-ui/kit/components/checkbox/checkbox.component.ts","ng://@taiga-ui/kit/components/checkbox/checkbox.module.ts","ng://@taiga-ui/kit/components/checkbox/taiga-ui-kit-components-checkbox.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {TUI_CHECKBOX_OPTIONS, TuiCheckboxOptions, TuiSizeL} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-checkbox',\n    templateUrl: './checkbox.template.html',\n    styleUrls: ['./checkbox.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiCheckboxComponent),\n        },\n    ],\n})\nexport class TuiCheckboxComponent\n    extends AbstractTuiNullableControl<boolean>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = this.options.size;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(TUI_CHECKBOX_OPTIONS)\n        private readonly options: TuiCheckboxOptions,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get computedFocusable(): boolean {\n        return this.interactive && this.focusable;\n    }\n\n    onChecked(checked: boolean) {\n        this.updateValue(checked);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.updateFocusVisible(focusVisible);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiCheckedModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n    TuiHoveredModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiPrimitiveCheckboxModule} from '@taiga-ui/core';\n\nimport {TuiCheckboxComponent} from './checkbox.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCheckedModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiFocusVisibleModule,\n        TuiPrimitiveCheckboxModule,\n    ],\n    declarations: [TuiCheckboxComponent],\n    exports: [TuiCheckboxComponent],\n})\nexport class TuiCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;IAmCa,oBAAoB,4BAAjC,MAAa,oBACT,SAAQ,0BAAmC;IAW3C,YAII,OAAyB,EAER,OAA2B,EACjB,iBAAoC;QAE/D,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAHjB,YAAO,GAAP,OAAO,CAAoB;QARhD,SAAI,GAAa,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;KAYlC;IAED,IAAI,sBAAsB;QACtB,OAAO,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB;cAChD,IAAI;cACJ,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC;KAC7C;IAED,IAAI,OAAO;QACP,OAAO,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;KACvD;IAED,IAAI,iBAAiB;QACjB,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC;KAC7C;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;KAC7B;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,cAAc,CAAC,YAAqB;QAChC,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;KACzC;EACJ;;YAzCgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;4CAEhB,MAAM,SAAC,oBAAoB;YAEkB,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;;AAd7B;IADC,SAAS,CAAC,kBAAkB,CAAC;8DACmC;AAKjE;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;kDACkB;AAV1B,oBAAoB;IAZhC,SAAS,CAAC;QACP,QAAQ,EAAE,cAAc;QACxB,2vBAAuC;QAEvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,2BAA2B;gBACpC,WAAW,EAAE,UAAU,CAAC,MAAM,sBAAoB,CAAC;aACtD;SACJ;;KACJ,CAAC;IAcO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,oBAAoB,CAAC,CAAA;IAE5B,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;GAnBrB,oBAAoB,CAyDhC;;IChEY,iBAAiB,GAA9B,MAAa,iBAAiB;EAAG;AAApB,iBAAiB;IAd7B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,gBAAgB;YAChB,kBAAkB;YAClB,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;YAChB,qBAAqB;YACrB,0BAA0B;SAC7B;QACD,YAAY,EAAE,CAAC,oBAAoB,CAAC;QACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;KAClC,CAAC;GACW,iBAAiB,CAAG;;AC5BjC;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-checkbox.js","sources":["ng://@taiga-ui/kit/components/checkbox/checkbox.component.ts","ng://@taiga-ui/kit/components/checkbox/checkbox.module.ts","ng://@taiga-ui/kit/components/checkbox/taiga-ui-kit-components-checkbox.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {TUI_CHECKBOX_OPTIONS, TuiCheckboxOptions, TuiSizeL} from '@taiga-ui/core';\n\n@Component({\n    selector: 'tui-checkbox',\n    templateUrl: './checkbox.template.html',\n    styleUrls: ['./checkbox.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiCheckboxComponent),\n        },\n    ],\n})\nexport class TuiCheckboxComponent\n    extends AbstractTuiNullableControl<boolean>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeL = this.options.size;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(TUI_CHECKBOX_OPTIONS)\n        private readonly options: TuiCheckboxOptions,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get computedFocusable(): boolean {\n        return this.interactive && this.focusable;\n    }\n\n    onChecked(checked: boolean) {\n        this.updateValue(checked);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.updateFocusVisible(focusVisible);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiCheckedModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n    TuiHoveredModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiPrimitiveCheckboxModule} from '@taiga-ui/core';\n\nimport {TuiCheckboxComponent} from './checkbox.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCheckedModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiFocusVisibleModule,\n        TuiPrimitiveCheckboxModule,\n    ],\n    declarations: [TuiCheckboxComponent],\n    exports: [TuiCheckboxComponent],\n})\nexport class TuiCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;IAmCa,oBAAoB,4BAAjC,MAAa,oBACT,SAAQ,0BAAmC;IAW3C,YAII,OAAyB,EAER,OAA2B,EACjB,iBAAoC;QAE/D,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAHjB,YAAO,GAAP,OAAO,CAAoB;QARhD,SAAI,GAAa,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;KAYlC;IAED,IAAI,sBAAsB;QACtB,OAAO,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB;cAChD,IAAI;cACJ,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC;KAC7C;IAED,IAAI,OAAO;QACP,OAAO,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;KACvD;IAED,IAAI,iBAAiB;QACjB,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC;KAC7C;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;KAC7B;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,SAAS,CAAC,OAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B;IAED,cAAc,CAAC,YAAqB;QAChC,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;KACzC;EACJ;;YAzCgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;4CAEhB,MAAM,SAAC,oBAAoB;YAEkB,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;;AAd7B;IADC,SAAS,CAAC,kBAAkB,CAAC;8DACmC;AAKjE;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;kDACkB;AAV1B,oBAAoB;IAZhC,SAAS,CAAC;QACP,QAAQ,EAAE,cAAc;QACxB,yzBAAuC;QAEvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,2BAA2B;gBACpC,WAAW,EAAE,UAAU,CAAC,MAAM,sBAAoB,CAAC;aACtD;SACJ;;KACJ,CAAC;IAcO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,oBAAoB,CAAC,CAAA;IAE5B,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;GAnBrB,oBAAoB,CAyDhC;;IChEY,iBAAiB,GAA9B,MAAa,iBAAiB;EAAG;AAApB,iBAAiB;IAd7B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,gBAAgB;YAChB,kBAAkB;YAClB,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;YAChB,qBAAqB;YACrB,0BAA0B;SAC7B;QACD,YAAY,EAAE,CAAC,oBAAoB,CAAC;QACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;KAClC,CAAC;GACW,iBAAiB,CAAG;;AC5BjC;;;;;;"}

package/fesm2015/taiga-ui-kit-components-combo-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-combo-box.js","sources":["ng://@taiga-ui/kit/components/combo-box/combo-box.providers.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.component.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.directive.ts","ng://@taiga-ui/kit/components/combo-box/combo-box-strict.directive.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.module.ts","ng://@taiga-ui/kit/components/combo-box/taiga-ui-kit-components-combo-box.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT} from '@taiga-ui/core';\nimport {TUI_SELECT_OPTION} from '@taiga-ui/kit/components/select-option';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n// TODO: remove in ivy compilation\nexport const COMBOBOX_OPTION: any = TUI_SELECT_OPTION;\n\nexport const TUI_COMBO_BOX_PROVIDERS = [\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiComboBoxComponent),\n    },\n    {\n        provide: TUI_DATA_LIST_HOST,\n        useExisting: forwardRef(() => TuiComboBoxComponent),\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiComboBoxComponent),\n    },\n    {\n        provide: TUI_OPTION_CONTENT,\n        useValue: COMBOBOX_OPTION,\n    },\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    EventEmitter,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    isPresent,\n    setNativeFocused,\n    TUI_STRICT_MATCHER,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n    TuiStringMatcher,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_ACCESSOR,\n    TuiDataListAccessor,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ARROW_MODE, TuiArrowMode} from '@taiga-ui/kit/components/arrow';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_COMBO_BOX_PROVIDERS} from './combo-box.providers';\n\n@Component({\n    selector: 'tui-combo-box',\n    templateUrl: './combo-box.template.html',\n    styleUrls: ['./combo-box.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_COMBO_BOX_PROVIDERS,\n})\nexport class TuiComboBoxComponent<T>\n    extends AbstractTuiNullableControl<T>\n    implements TuiFocusableElementAccessor, TuiDataListHost<T>\n{\n    @ContentChild(TUI_DATA_LIST_ACCESSOR as any)\n    private readonly accessor?: TuiDataListAccessor<T>;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    stringify: TuiItemsHandlers<T>['stringify'] = this.itemsHandlers.stringify;\n\n    @Input()\n    @tuiDefaultProp()\n    strictMatcher: TuiStringMatcher<T> = TUI_STRICT_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiItemsHandlers<T>['identityMatcher'] =\n        this.itemsHandlers.identityMatcher;\n\n    @Input()\n    @tuiDefaultProp()\n    valueContent: PolymorpheusContent<TuiValueContentContext<T>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    strict = true;\n\n    @Input()\n    @tuiDefaultProp()\n    search: string | null = null;\n\n    @Output()\n    readonly searchChange = new EventEmitter<string | null>();\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        @Inject(TUI_ARROW_MODE)\n        private readonly arrowMode: TuiArrowMode,\n        @Inject(TUI_ITEMS_HANDLERS)\n        private readonly itemsHandlers: TuiItemsHandlers<T>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get arrow(): PolymorpheusContent {\n        return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get nativeValue(): string {\n        return this.value === null ? this.search || '' : this.stringify(this.value);\n    }\n\n    get showValueTemplate(): boolean {\n        return isPresent(this.value) && !this.focused;\n    }\n\n    get computedContent(): PolymorpheusContent<TuiValueContentContext<T>> {\n        return this.valueContent || this.nativeValue;\n    }\n\n    @tuiPure\n    computeContext(\n        $implicit: T | null,\n        active: boolean,\n    ): TuiValueContentContext<T | null> {\n        return {\n            $implicit,\n            active,\n        };\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    checkOption(option: T) {\n        if (!this.isStrictMatch(option)) {\n            return;\n        }\n\n        this.updateValue(option);\n        this.updateSearch(null);\n    }\n\n    handleOption(item: T) {\n        this.setNativeValue(this.stringify(item));\n        this.focusInput();\n        this.close();\n        this.updateSearch(null);\n        this.updateValue(item);\n    }\n\n    onFieldKeyDownEnter(event: KeyboardEvent) {\n        if (this.open) {\n            event.preventDefault();\n        }\n\n        const options = this.accessor?.getOptions() || [];\n\n        if (options.length !== 1) {\n            return;\n        }\n\n        this.updateValue(options[0]);\n        this.updateSearch(null);\n        this.close();\n    }\n\n    onValueChange(value: string) {\n        this.updateSearch(value);\n\n        const match = this.accessor?.getOptions().find(item => this.isStrictMatch(item));\n\n        if (match !== undefined) {\n            this.updateValue(match);\n            this.updateSearch(null);\n\n            return;\n        }\n\n        if (this.strict || this.search === '') {\n            this.updateValue(null);\n        }\n\n        this.hostedDropdown?.updateOpen(true);\n    }\n\n    updateValue(value: T | null) {\n        super.updateValue(value);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    toggle() {\n        this.hostedDropdown?.updateOpen(!this.open);\n    }\n\n    private isStrictMatch(item: T): boolean {\n        return this.strictMatcher(item, this.search || '', this.stringify);\n    }\n\n    private close() {\n        this.hostedDropdown?.updateOpen(false);\n    }\n\n    private updateSearch(search: string | null) {\n        if (this.search === search) {\n            return;\n        }\n\n        this.search = search;\n        this.searchChange.emit(search);\n    }\n\n    private setNativeValue(value: string) {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = value;\n        }\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n@Directive({\n    selector: 'tui-combo-box',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiComboBoxDirective),\n        },\n    ],\n})\nexport class TuiComboBoxDirective extends TuiAbstractTextfieldHost<\n    TuiComboBoxComponent<any>\n> {\n    get value(): string {\n        return this.host.nativeValue;\n    }\n\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n}\n","import {Directive, HostListener, Inject, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n@Directive({\n    selector: 'tui-combo-box[strict]',\n})\nexport class TuiComboBoxStrictDirective<T> {\n    @Input()\n    @tuiDefaultProp()\n    strict = true;\n\n    constructor(\n        @Inject(TuiComboBoxComponent)\n        private readonly comboBox: TuiComboBoxComponent<T | string>,\n    ) {}\n\n    @HostListener('input')\n    onInput() {\n        this.comboBox.updateValue(\n            this.strict || this.comboBox.search === '' ? null : this.comboBox.search,\n        );\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\nimport {TuiArrowModule} from '@taiga-ui/kit/components/arrow';\nimport {TuiSelectOptionModule} from '@taiga-ui/kit/components/select-option';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\nimport {TuiComboBoxDirective} from './combo-box.directive';\nimport {TuiComboBoxStrictDirective} from './combo-box-strict.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n        TuiSelectOptionModule,\n        TuiArrowModule,\n    ],\n    declarations: [\n        TuiComboBoxComponent,\n        TuiComboBoxStrictDirective,\n        TuiComboBoxDirective,\n    ],\n    exports: [\n        TuiComboBoxComponent,\n        TuiComboBoxStrictDirective,\n        TuiComboBoxDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiComboBoxModule {}\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-combo-box.js","sources":["ng://@taiga-ui/kit/components/combo-box/combo-box.providers.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.component.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.directive.ts","ng://@taiga-ui/kit/components/combo-box/combo-box-strict.directive.ts","ng://@taiga-ui/kit/components/combo-box/combo-box.module.ts","ng://@taiga-ui/kit/components/combo-box/taiga-ui-kit-components-combo-box.ts"],"sourcesContent":["import {forwardRef} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT} from '@taiga-ui/core';\nimport {TUI_SELECT_OPTION} from '@taiga-ui/kit/components/select-option';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n// TODO: remove in ivy compilation\nexport const COMBOBOX_OPTION: any = TUI_SELECT_OPTION;\n\nexport const TUI_COMBO_BOX_PROVIDERS = [\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiComboBoxComponent),\n    },\n    {\n        provide: TUI_DATA_LIST_HOST,\n        useExisting: forwardRef(() => TuiComboBoxComponent),\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiComboBoxComponent),\n    },\n    {\n        provide: TUI_OPTION_CONTENT,\n        useValue: COMBOBOX_OPTION,\n    },\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    EventEmitter,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    isPresent,\n    setNativeFocused,\n    TUI_STRICT_MATCHER,\n    TuiActiveZoneDirective,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n    TuiStringMatcher,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_ACCESSOR,\n    TuiDataListAccessor,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n    TuiSizeL,\n    TuiSizeM,\n    TuiSizeS,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ARROW_MODE, TuiArrowMode} from '@taiga-ui/kit/components/arrow';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_COMBO_BOX_PROVIDERS} from './combo-box.providers';\n\n@Component({\n    selector: 'tui-combo-box',\n    templateUrl: './combo-box.template.html',\n    styleUrls: ['./combo-box.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_COMBO_BOX_PROVIDERS,\n})\nexport class TuiComboBoxComponent<T>\n    extends AbstractTuiNullableControl<T>\n    implements TuiFocusableElementAccessor, TuiDataListHost<T>\n{\n    @ContentChild(TUI_DATA_LIST_ACCESSOR as any)\n    private readonly accessor?: TuiDataListAccessor<T>;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    stringify: TuiItemsHandlers<T>['stringify'] = this.itemsHandlers.stringify;\n\n    @Input()\n    @tuiDefaultProp()\n    strictMatcher: TuiStringMatcher<T> = TUI_STRICT_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiItemsHandlers<T>['identityMatcher'] =\n        this.itemsHandlers.identityMatcher;\n\n    @Input()\n    @tuiDefaultProp()\n    valueContent: PolymorpheusContent<TuiValueContentContext<T>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    strict = true;\n\n    @Input()\n    @tuiDefaultProp()\n    search: string | null = null;\n\n    @Output()\n    readonly searchChange = new EventEmitter<string | null>();\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent<\n        TuiContextWithImplicit<TuiActiveZoneDirective>\n    > = '';\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_ARROW_MODE)\n        private readonly arrowMode: TuiArrowMode,\n        @Inject(TUI_ITEMS_HANDLERS)\n        private readonly itemsHandlers: TuiItemsHandlers<T>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get arrow(): PolymorpheusContent<\n        TuiContextWithImplicit<TuiSizeS | TuiSizeM | TuiSizeL>\n    > {\n        return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get nativeValue(): string {\n        return this.value === null ? this.search || '' : this.stringify(this.value);\n    }\n\n    get showValueTemplate(): boolean {\n        return isPresent(this.value) && !this.focused;\n    }\n\n    get computedContent(): PolymorpheusContent<TuiValueContentContext<T>> {\n        return this.valueContent || this.nativeValue;\n    }\n\n    @tuiPure\n    computeContext(\n        $implicit: T | null,\n        active: boolean,\n    ): TuiValueContentContext<T | null> {\n        return {\n            $implicit,\n            active,\n        };\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    checkOption(option: T) {\n        if (!this.isStrictMatch(option)) {\n            return;\n        }\n\n        this.updateValue(option);\n        this.updateSearch(null);\n    }\n\n    handleOption(item: T) {\n        this.setNativeValue(this.stringify(item));\n        this.focusInput();\n        this.close();\n        this.updateSearch(null);\n        this.updateValue(item);\n    }\n\n    onFieldKeyDownEnter(event: KeyboardEvent) {\n        if (this.open) {\n            event.preventDefault();\n        }\n\n        const options = this.accessor?.getOptions() || [];\n\n        if (options.length !== 1) {\n            return;\n        }\n\n        this.updateValue(options[0]);\n        this.updateSearch(null);\n        this.close();\n    }\n\n    onValueChange(value: string) {\n        this.updateSearch(value);\n\n        const match = this.accessor?.getOptions().find(item => this.isStrictMatch(item));\n\n        if (match !== undefined) {\n            this.updateValue(match);\n            this.updateSearch(null);\n\n            return;\n        }\n\n        if (this.strict || this.search === '') {\n            this.updateValue(null);\n        }\n\n        this.hostedDropdown?.updateOpen(true);\n    }\n\n    updateValue(value: T | null) {\n        super.updateValue(value);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    toggle() {\n        this.hostedDropdown?.updateOpen(!this.open);\n    }\n\n    private isStrictMatch(item: T): boolean {\n        return this.strictMatcher(item, this.search || '', this.stringify);\n    }\n\n    private close() {\n        this.hostedDropdown?.updateOpen(false);\n    }\n\n    private updateSearch(search: string | null) {\n        if (this.search === search) {\n            return;\n        }\n\n        this.search = search;\n        this.searchChange.emit(search);\n    }\n\n    private setNativeValue(value: string) {\n        if (this.nativeFocusableElement) {\n            this.nativeFocusableElement.value = value;\n        }\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n@Directive({\n    selector: 'tui-combo-box',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiComboBoxDirective),\n        },\n    ],\n})\nexport class TuiComboBoxDirective extends TuiAbstractTextfieldHost<\n    TuiComboBoxComponent<any>\n> {\n    get value(): string {\n        return this.host.nativeValue;\n    }\n\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n}\n","import {Directive, HostListener, Inject, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\n\n@Directive({\n    selector: 'tui-combo-box[strict]',\n})\nexport class TuiComboBoxStrictDirective<T> {\n    @Input()\n    @tuiDefaultProp()\n    strict = true;\n\n    constructor(\n        @Inject(TuiComboBoxComponent)\n        private readonly comboBox: TuiComboBoxComponent<T | string>,\n    ) {}\n\n    @HostListener('input')\n    onInput() {\n        this.comboBox.updateValue(\n            this.strict || this.comboBox.search === '' ? null : this.comboBox.search,\n        );\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\nimport {TuiArrowModule} from '@taiga-ui/kit/components/arrow';\nimport {TuiSelectOptionModule} from '@taiga-ui/kit/components/select-option';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiComboBoxComponent} from './combo-box.component';\nimport {TuiComboBoxDirective} from './combo-box.directive';\nimport {TuiComboBoxStrictDirective} from './combo-box-strict.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n        TuiSelectOptionModule,\n        TuiArrowModule,\n    ],\n    declarations: [\n        TuiComboBoxComponent,\n        TuiComboBoxStrictDirective,\n        TuiComboBoxDirective,\n    ],\n    exports: [\n        TuiComboBoxComponent,\n        TuiComboBoxStrictDirective,\n        TuiComboBoxDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiComboBoxModule {}\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-data-list-wrapper.js

@@ -57,7 +57,7 @@ __decorate([
 TuiDataListWrapperComponent = TuiDataListWrapperComponent_1 = __decorate([
     Component({
         selector: 'tui-data-list-wrapper:not([labels])',
-        template: "<tui-data-list *ngIf=\"items; else loading\" [emptyContent]=\"emptyContent\">\n    <button\n        *ngFor=\"let item of items\"\n        #elementRef=\"elementRef\"\n        tuiElement\n        tuiOption\n        automation-id=\"tui-data-list-wrapper__option\"\n        [size]=\"size\"\n        [value]=\"item\"\n        [disabled]=\"disabledItemHandler(item)\"\n    >\n        <span\n            polymorpheus-outlet\n            class=\"content\"\n            [content]=\"itemContent\"\n            [context]=\"getContext(item, elementRef)\"\n        ></span>\n    </button>\n</tui-data-list>\n<ng-template #loading>\n    <tui-loader\n        automation-id=\"tui-data-list-wrapper__loader\"\n        class=\"tui-space_vertical-3\"\n    ></tui-loader>\n</ng-template>\n",
+        template: "<tui-data-list *ngIf=\"items; else loading\" [emptyContent]=\"emptyContent\">\n    <button\n        *ngFor=\"let item of items\"\n        #elementRef=\"elementRef\"\n        tuiElement\n        tuiOption\n        automation-id=\"tui-data-list-wrapper__option\"\n        [size]=\"size\"\n        [value]=\"item\"\n        [disabled]=\"disabledItemHandler(item)\"\n    >\n        <span\n            polymorpheus-outlet\n            class=\"t-content\"\n            [content]=\"itemContent\"\n            [context]=\"getContext(item, elementRef)\"\n        ></span>\n    </button>\n</tui-data-list>\n<ng-template #loading>\n    <tui-loader\n        automation-id=\"tui-data-list-wrapper__loader\"\n        class=\"t-loader\"\n    ></tui-loader>\n</ng-template>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -65,7 +65,7 @@ TuiDataListWrapperComponent = TuiDataListWrapperComponent_1 = __decorate([
                 useExisting: forwardRef(() => TuiDataListWrapperComponent_1),
             },
         ],
-        styles: [":host{display:block}.content{flex:1}"]
+        styles: [":host{display:block}.t-content{flex:1}.t-loader{margin:.75rem 0}"]
     }),
     __param(0, Inject(TUI_ITEMS_HANDLERS))
 ], TuiDataListWrapperComponent);
@@ -89,7 +89,7 @@ __decorate([
 TuiDataListGroupWrapperComponent = TuiDataListGroupWrapperComponent_1 = __decorate([
     Component({
         selector: 'tui-data-list-wrapper[labels]',
-        template: "<tui-data-list *ngIf=\"items; else loading\" [emptyContent]=\"emptyContent\">\n    <tui-opt-group\n        *ngFor=\"let group of items; let index = index\"\n        [label]=\"labels[index]\"\n    >\n        <button\n            *ngFor=\"let item of group\"\n            #elementRef=\"elementRef\"\n            tuiElement\n            tuiOption\n            automation-id=\"tui-data-list-wrapper__option\"\n            [size]=\"size\"\n            [value]=\"item\"\n            [disabled]=\"disabledItemHandler(item)\"\n        >\n            <span\n                polymorpheus-outlet\n                class=\"content\"\n                [content]=\"itemContent\"\n                [context]=\"getContext(item, elementRef)\"\n            ></span>\n        </button>\n    </tui-opt-group>\n</tui-data-list>\n<ng-template #loading>\n    <tui-loader class=\"tui-space_vertical-3\"></tui-loader>\n</ng-template>\n",
+        template: "<tui-data-list *ngIf=\"items; else loading\" [emptyContent]=\"emptyContent\">\n    <tui-opt-group\n        *ngFor=\"let group of items; let index = index\"\n        [label]=\"labels[index]\"\n    >\n        <button\n            *ngFor=\"let item of group\"\n            #elementRef=\"elementRef\"\n            tuiElement\n            tuiOption\n            automation-id=\"tui-data-list-wrapper__option\"\n            [size]=\"size\"\n            [value]=\"item\"\n            [disabled]=\"disabledItemHandler(item)\"\n        >\n            <span\n                polymorpheus-outlet\n                class=\"t-content\"\n                [content]=\"itemContent\"\n                [context]=\"getContext(item, elementRef)\"\n            ></span>\n        </button>\n    </tui-opt-group>\n</tui-data-list>\n<ng-template #loading>\n    <tui-loader class=\"t-loader\"></tui-loader>\n</ng-template>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -97,7 +97,7 @@ TuiDataListGroupWrapperComponent = TuiDataListGroupWrapperComponent_1 = __decora
                 useExisting: forwardRef(() => TuiDataListGroupWrapperComponent_1),
             },
         ],
-        styles: [":host{display:block}.content{flex:1}"]
+        styles: [":host{display:block}.t-content{flex:1}.t-loader{margin:.75rem 0}"]
     })
 ], TuiDataListGroupWrapperComponent);
 

package/fesm2015/taiga-ui-kit-components-data-list-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-data-list-wrapper.js","sources":["ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.component.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-group-wrapper.component.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.module.ts","ng://@taiga-ui/kit/components/data-list-wrapper/taiga-ui-kit-components-data-list-wrapper.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    forwardRef,\n    Inject,\n    Input,\n    QueryList,\n    ViewChildren,\n} from '@angular/core';\nimport {EMPTY_QUERY, isNativeFocused, isPresent, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_ACCESSOR,\n    TuiDataListAccessor,\n    TuiOptionComponent,\n    TuiSizeL,\n    TuiSizeXS,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n    selector: 'tui-data-list-wrapper:not([labels])',\n    templateUrl: './data-list-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_DATA_LIST_ACCESSOR,\n            useExisting: forwardRef(() => TuiDataListWrapperComponent),\n        },\n    ],\n})\nexport class TuiDataListWrapperComponent<T> implements TuiDataListAccessor<T> {\n    @ViewChildren(forwardRef(() => TuiOptionComponent))\n    private readonly optionsQuery: QueryList<TuiOptionComponent<T>> = EMPTY_QUERY;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<ReadonlyArray<T>> | ReadonlyArray<T> | null = [];\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiItemsHandlers<T>['disabledItemHandler'] =\n        this.itemsHandlers.disabledItemHandler;\n\n    @Input()\n    @tuiDefaultProp()\n    emptyContent: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeL = 'm';\n\n    constructor(\n        @Inject(TUI_ITEMS_HANDLERS)\n        private readonly itemsHandlers: TuiItemsHandlers<T>,\n    ) {}\n\n    @Input()\n    @tuiDefaultProp()\n    itemContent: PolymorpheusContent<TuiValueContentContext<T>> = ({$implicit}) =>\n        this.itemsHandlers.stringify($implicit);\n\n    getContext(\n        $implicit: T,\n        {nativeElement}: ElementRef<HTMLElement>,\n    ): TuiValueContentContext<T> {\n        return {$implicit, active: isNativeFocused(nativeElement)};\n    }\n\n    getOptions(includeDisabled: boolean = false): ReadonlyArray<T> {\n        return this.optionsQuery\n            .toArray()\n            .filter(({disabled}) => includeDisabled || !disabled)\n            .map(({value}) => value)\n            .filter(isPresent);\n    }\n}\n","import {ChangeDetectionStrategy, Component, forwardRef, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_ACCESSOR, TuiDataListAccessor} from '@taiga-ui/core';\n\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\n@Component({\n    selector: 'tui-data-list-wrapper[labels]',\n    templateUrl: './data-list-group-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_DATA_LIST_ACCESSOR,\n            useExisting: forwardRef(() => TuiDataListGroupWrapperComponent),\n        },\n    ],\n})\nexport class TuiDataListGroupWrapperComponent<T>\n    extends TuiDataListWrapperComponent<T>\n    implements TuiDataListAccessor<T>\n{\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<ReadonlyArray<T>> | null = [];\n\n    @Input()\n    @tuiDefaultProp()\n    labels: readonly string[] = [];\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiElementModule} from '@taiga-ui/cdk';\nimport {TuiDataListDirective, TuiDataListModule, TuiLoaderModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiDataListGroupWrapperComponent} from './data-list-group-wrapper.component';\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiElementModule,\n        TuiDataListModule,\n        TuiLoaderModule,\n    ],\n    declarations: [TuiDataListWrapperComponent, TuiDataListGroupWrapperComponent],\n    exports: [\n        TuiDataListWrapperComponent,\n        TuiDataListGroupWrapperComponent,\n        TuiDataListDirective,\n    ],\n})\nexport class TuiDataListWrapperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;IAkCa,2BAA2B,mCAAxC,MAAa,2BAA2B;IAqBpC,YAEqB,aAAkC;QAAlC,kBAAa,GAAb,aAAa,CAAqB;QArBtC,iBAAY,GAAqC,WAAW,CAAC;QAI9E,UAAK,GAA8D,EAAE,CAAC;QAItE,wBAAmB,GACf,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC;QAI3C,iBAAY,GAAwB,EAAE,CAAC;QAIvC,SAAI,GAAyB,GAAG,CAAC;QASjC,gBAAW,GAAmD,CAAC,EAAC,SAAS,EAAC,KACtE,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;KALxC;IAOJ,UAAU,CACN,SAAY,EACZ,EAAC,aAAa,EAA0B;QAExC,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,eAAe,CAAC,aAAa,CAAC,EAAC,CAAC;KAC9D;IAED,UAAU,CAAC,kBAA2B,KAAK;QACvC,OAAO,IAAI,CAAC,YAAY;aACnB,OAAO,EAAE;aACT,MAAM,CAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,eAAe,IAAI,CAAC,QAAQ,CAAC;aACpD,GAAG,CAAC,CAAC,EAAC,KAAK,EAAC,KAAK,KAAK,CAAC;aACvB,MAAM,CAAC,SAAS,CAAC,CAAC;KAC1B;EACJ;;4CAvBQ,MAAM,SAAC,kBAAkB;;AApB9B;IADC,YAAY,CAAC,UAAU,CAAC,MAAM,kBAAkB,CAAC,CAAC;iEAC2B;AAI9E;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;0DACqD;AAItE;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;wEAE0B;AAI3C;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;iEACsB;AAIvC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;yDACgB;AASjC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gEAE2B;AA7BnC,2BAA2B;IAZvC,SAAS,CAAC;QACP,QAAQ,EAAE,qCAAqC;QAC/C,6wBAAgD;QAEhD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,sBAAsB;gBAC/B,WAAW,EAAE,UAAU,CAAC,MAAM,6BAA2B,CAAC;aAC7D;SACJ;;KACJ,CAAC;IAuBO,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;GAtBtB,2BAA2B,CA6CvC;;;IC7DY,gCAAgC,wCAA7C,MAAa,gCACT,SAAQ,2BAA8B;IAD1C;;QAMI,UAAK,GAA2C,EAAE,CAAC;QAInD,WAAM,GAAsB,EAAE,CAAC;KAClC;EAAA;AALG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;+DACkC;AAInD;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gEACc;AAVtB,gCAAgC;IAZ5C,SAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;QACzC,u5BAAsD;QAEtD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,sBAAsB;gBAC/B,WAAW,EAAE,UAAU,CAAC,MAAM,kCAAgC,CAAC;aAClE;SACJ;;KACJ,CAAC;GACW,gCAAgC,CAW5C;;ICLY,wBAAwB,GAArC,MAAa,wBAAwB;EAAG;AAA3B,wBAAwB;IAfpC,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,kBAAkB;YAClB,gBAAgB;YAChB,iBAAiB;YACjB,eAAe;SAClB;QACD,YAAY,EAAE,CAAC,2BAA2B,EAAE,gCAAgC,CAAC;QAC7E,OAAO,EAAE;YACL,2BAA2B;YAC3B,gCAAgC;YAChC,oBAAoB;SACvB;KACJ,CAAC;GACW,wBAAwB,CAAG;;ACxBxC;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-data-list-wrapper.js","sources":["ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.component.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-group-wrapper.component.ts","ng://@taiga-ui/kit/components/data-list-wrapper/data-list-wrapper.module.ts","ng://@taiga-ui/kit/components/data-list-wrapper/taiga-ui-kit-components-data-list-wrapper.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    forwardRef,\n    Inject,\n    Input,\n    QueryList,\n    ViewChildren,\n} from '@angular/core';\nimport {EMPTY_QUERY, isNativeFocused, isPresent, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_ACCESSOR,\n    TuiDataListAccessor,\n    TuiOptionComponent,\n    TuiSizeL,\n    TuiSizeXS,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n    selector: 'tui-data-list-wrapper:not([labels])',\n    templateUrl: './data-list-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_DATA_LIST_ACCESSOR,\n            useExisting: forwardRef(() => TuiDataListWrapperComponent),\n        },\n    ],\n})\nexport class TuiDataListWrapperComponent<T> implements TuiDataListAccessor<T> {\n    @ViewChildren(forwardRef(() => TuiOptionComponent))\n    private readonly optionsQuery: QueryList<TuiOptionComponent<T>> = EMPTY_QUERY;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<ReadonlyArray<T>> | ReadonlyArray<T> | null = [];\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiItemsHandlers<T>['disabledItemHandler'] =\n        this.itemsHandlers.disabledItemHandler;\n\n    @Input()\n    @tuiDefaultProp()\n    emptyContent: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeL = 'm';\n\n    constructor(\n        @Inject(TUI_ITEMS_HANDLERS)\n        private readonly itemsHandlers: TuiItemsHandlers<T>,\n    ) {}\n\n    @Input()\n    @tuiDefaultProp()\n    itemContent: PolymorpheusContent<TuiValueContentContext<T>> = ({$implicit}) =>\n        this.itemsHandlers.stringify($implicit);\n\n    getContext(\n        $implicit: T,\n        {nativeElement}: ElementRef<HTMLElement>,\n    ): TuiValueContentContext<T> {\n        return {$implicit, active: isNativeFocused(nativeElement)};\n    }\n\n    getOptions(includeDisabled: boolean = false): ReadonlyArray<T> {\n        return this.optionsQuery\n            .toArray()\n            .filter(({disabled}) => includeDisabled || !disabled)\n            .map(({value}) => value)\n            .filter(isPresent);\n    }\n}\n","import {ChangeDetectionStrategy, Component, forwardRef, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_ACCESSOR, TuiDataListAccessor} from '@taiga-ui/core';\n\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\n@Component({\n    selector: 'tui-data-list-wrapper[labels]',\n    templateUrl: './data-list-group-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_DATA_LIST_ACCESSOR,\n            useExisting: forwardRef(() => TuiDataListGroupWrapperComponent),\n        },\n    ],\n})\nexport class TuiDataListGroupWrapperComponent<T>\n    extends TuiDataListWrapperComponent<T>\n    implements TuiDataListAccessor<T>\n{\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<ReadonlyArray<T>> | null = [];\n\n    @Input()\n    @tuiDefaultProp()\n    labels: readonly string[] = [];\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiElementModule} from '@taiga-ui/cdk';\nimport {TuiDataListDirective, TuiDataListModule, TuiLoaderModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiDataListGroupWrapperComponent} from './data-list-group-wrapper.component';\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiElementModule,\n        TuiDataListModule,\n        TuiLoaderModule,\n    ],\n    declarations: [TuiDataListWrapperComponent, TuiDataListGroupWrapperComponent],\n    exports: [\n        TuiDataListWrapperComponent,\n        TuiDataListGroupWrapperComponent,\n        TuiDataListDirective,\n    ],\n})\nexport class TuiDataListWrapperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;IAkCa,2BAA2B,mCAAxC,MAAa,2BAA2B;IAqBpC,YAEqB,aAAkC;QAAlC,kBAAa,GAAb,aAAa,CAAqB;QArBtC,iBAAY,GAAqC,WAAW,CAAC;QAI9E,UAAK,GAA8D,EAAE,CAAC;QAItE,wBAAmB,GACf,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC;QAI3C,iBAAY,GAAwB,EAAE,CAAC;QAIvC,SAAI,GAAyB,GAAG,CAAC;QASjC,gBAAW,GAAmD,CAAC,EAAC,SAAS,EAAC,KACtE,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;KALxC;IAOJ,UAAU,CACN,SAAY,EACZ,EAAC,aAAa,EAA0B;QAExC,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,eAAe,CAAC,aAAa,CAAC,EAAC,CAAC;KAC9D;IAED,UAAU,CAAC,kBAA2B,KAAK;QACvC,OAAO,IAAI,CAAC,YAAY;aACnB,OAAO,EAAE;aACT,MAAM,CAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,eAAe,IAAI,CAAC,QAAQ,CAAC;aACpD,GAAG,CAAC,CAAC,EAAC,KAAK,EAAC,KAAK,KAAK,CAAC;aACvB,MAAM,CAAC,SAAS,CAAC,CAAC;KAC1B;EACJ;;4CAvBQ,MAAM,SAAC,kBAAkB;;AApB9B;IADC,YAAY,CAAC,UAAU,CAAC,MAAM,kBAAkB,CAAC,CAAC;iEAC2B;AAI9E;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;0DACqD;AAItE;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;wEAE0B;AAI3C;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;iEACsB;AAIvC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;yDACgB;AASjC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gEAE2B;AA7BnC,2BAA2B;IAZvC,SAAS,CAAC;QACP,QAAQ,EAAE,qCAAqC;QAC/C,mwBAAgD;QAEhD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,sBAAsB;gBAC/B,WAAW,EAAE,UAAU,CAAC,MAAM,6BAA2B,CAAC;aAC7D;SACJ;;KACJ,CAAC;IAuBO,WAAA,MAAM,CAAC,kBAAkB,CAAC,CAAA;GAtBtB,2BAA2B,CA6CvC;;;IC7DY,gCAAgC,wCAA7C,MAAa,gCACT,SAAQ,2BAA8B;IAD1C;;QAMI,UAAK,GAA2C,EAAE,CAAC;QAInD,WAAM,GAAsB,EAAE,CAAC;KAClC;EAAA;AALG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;+DACkC;AAInD;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gEACc;AAVtB,gCAAgC;IAZ5C,SAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;QACzC,64BAAsD;QAEtD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,sBAAsB;gBAC/B,WAAW,EAAE,UAAU,CAAC,MAAM,kCAAgC,CAAC;aAClE;SACJ;;KACJ,CAAC;GACW,gCAAgC,CAW5C;;ICLY,wBAAwB,GAArC,MAAa,wBAAwB;EAAG;AAA3B,wBAAwB;IAfpC,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,kBAAkB;YAClB,gBAAgB;YAChB,iBAAiB;YACjB,eAAe;SAClB;QACD,YAAY,EAAE,CAAC,2BAA2B,EAAE,gCAAgC,CAAC;QAC7E,OAAO,EAAE;YACL,2BAA2B;YAC3B,gCAAgC;YAChC,oBAAoB;SACvB;KACJ,CAAC;GACW,wBAAwB,CAAG;;ACxBxC;;;;;;"}

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

@@ -0,0 +1,232 @@
+import { __decorate, __param } from 'tslib';
+import { Inject, ContentChildren, TemplateRef, Input, Component, ChangeDetectionStrategy, ViewEncapsulation, EventEmitter, Output, HostBinding, NgModule } from '@angular/core';
+import { TuiItemDirective, tuiDefaultProp, TUI_IS_MOBILE, tuiPure, TuiFocusVisibleModule, TuiItemModule } from '@taiga-ui/cdk';
+import { TUI_HIDE_TEXT, TUI_SHOW_ALL_TEXT, TUI_FILE_TEXTS, TUI_DIGITAL_INFORMATION_UNITS } from '@taiga-ui/kit/tokens';
+import { Observable, of } from 'rxjs';
+import { CommonModule } from '@angular/common';
+import { TuiGroupModule, TuiLoaderModule, TuiSvgModule, TuiButtonModule, TuiExpandModule } from '@taiga-ui/core';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { DomSanitizer } from '@angular/platform-browser';
+import { formatSize } from '@taiga-ui/kit/utils/files';
+import { map } from 'rxjs/operators';
+
+let TuiFilesComponent = class TuiFilesComponent {
+    constructor(hideText$, showAllText$) {
+        this.hideText$ = hideText$;
+        this.showAllText$ = showAllText$;
+        this.items = null;
+        this.max = 0;
+        this.hidden = true;
+    }
+    get hasExtraItems() {
+        var _a, _b;
+        return !!this.max && ((_b = (_a = this.items) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > this.max;
+    }
+    toggle() {
+        this.hidden = !this.hidden;
+    }
+};
+TuiFilesComponent.ctorParameters = () => [
+    { type: Observable, decorators: [{ type: Inject, args: [TUI_HIDE_TEXT,] }] },
+    { type: Observable, decorators: [{ type: Inject, args: [TUI_SHOW_ALL_TEXT,] }] }
+];
+__decorate([
+    ContentChildren(TuiItemDirective, { read: TemplateRef })
+], TuiFilesComponent.prototype, "items", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiFilesComponent.prototype, "max", void 0);
+TuiFilesComponent = __decorate([
+    Component({
+        selector: 'tui-files',
+        template: "<ng-container *ngIf=\"items?.changes | async\"></ng-container>\n\n<section tuiGroup orientation=\"vertical\" class=\"t-files\" [collapsed]=\"true\">\n    <ng-content></ng-content>\n    <ng-container *ngFor=\"let item of items; let index = index\">\n        <ng-container\n            *ngIf=\"!max || index < max\"\n            [ngTemplateOutlet]=\"item\"\n        ></ng-container>\n    </ng-container>\n    <tui-expand *ngIf=\"hasExtraItems\" [expanded]=\"!hidden\">\n        <div class=\"t-extra-items\">\n            <ng-container *ngFor=\"let item of items; let index = index\">\n                <ng-container\n                    *ngIf=\"max && index >= max\"\n                    [ngTemplateOutlet]=\"item\"\n                ></ng-container>\n            </ng-container>\n        </div>\n    </tui-expand>\n    <button\n        *ngIf=\"hasExtraItems\"\n        tuiButton\n        appearance=\"outline\"\n        size=\"m\"\n        class=\"t-button\"\n        [class.t-button_collapsed]=\"hidden\"\n        (click)=\"toggle()\"\n    >\n        {{(hidden ? showAllText$ : hideText$) | async}}\n    </button>\n</section>\n",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        encapsulation: ViewEncapsulation.None,
+        styles: ["tui-files{display:block}.t-files{position:relative;display:block;width:100%;height:100%;border-radius:var(--tui-radius-m);overflow:hidden}.t-button{z-index:3;width:100%;background:var(--tui-base-01)}.t-button_collapsed{box-shadow:0 1.125rem 1.875rem rgba(0,0,0,.48);margin-top:-1.5rem}.t-extra-items tui-file{border-radius:0;margin-top:0;margin-bottom:-.0625rem}"]
+    }),
+    __param(0, Inject(TUI_HIDE_TEXT)),
+    __param(1, Inject(TUI_SHOW_ALL_TEXT))
+], TuiFilesComponent);
+
+// @dynamic
+let TuiFileComponent = class TuiFileComponent {
+    constructor(isMobile, sanitizer, fileTexts$, units$) {
+        this.isMobile = isMobile;
+        this.sanitizer = sanitizer;
+        this.fileTexts$ = fileTexts$;
+        this.units$ = units$;
+        this.file = { name: '' };
+        this.state = 'normal';
+        this.size = 'm';
+        this.showSize = true;
+        this.leftContent = '';
+        this.removed = new EventEmitter();
+        this.focused = false;
+    }
+    get preview() {
+        return this.isBig ? this.createPreview(this.file, this.sanitizer) : '';
+    }
+    get isBig() {
+        return this.size === 'l';
+    }
+    get isLoading() {
+        return this.state === "loading" /* Loading */;
+    }
+    get isError() {
+        return this.state === "error" /* Error */;
+    }
+    get isDeleted() {
+        return this.state === "deleted" /* Deleted */;
+    }
+    get allowDelete() {
+        return !!this.removed.observers.length;
+    }
+    get icon() {
+        if (this.state === "normal" /* Normal */ && this.isBig) {
+            return 'tuiIconDefaultDocLarge';
+        }
+        switch (this.state) {
+            case "deleted" /* Deleted */:
+                return 'tuiIconTrashLarge';
+            case "error" /* Error */:
+                return 'tuiIconAlertCircleLarge';
+            default:
+                return 'tuiIconCheckCircleLarge';
+        }
+    }
+    get src() {
+        return this.file.src || '';
+    }
+    get name() {
+        return this.getName(this.file);
+    }
+    get type() {
+        return this.getType(this.file);
+    }
+    get content$() {
+        return this.calculateContent$(this.state, this.file, this.fileTexts$);
+    }
+    get fileSize$() {
+        return this.calculateFileSize$(this.file, this.units$);
+    }
+    onRemoveClick() {
+        this.removed.emit();
+    }
+    onFocusVisible(focusVisible) {
+        this.focused = focusVisible;
+    }
+    calculateContent$(state, file, fileTexts$) {
+        return state === "error" /* Error */ && !file.content
+            ? fileTexts$.pipe(map(texts => texts.loadingError))
+            : of(this.file.content || '');
+    }
+    calculateFileSize$(file, units$) {
+        return units$.pipe(map(units => formatSize(units, file.size)));
+    }
+    createPreview(file, sanitizer) {
+        if (file.src) {
+            return file.src;
+        }
+        // TODO: iframe warning
+        if (file instanceof File && file.type && file.type.startsWith('image/')) {
+            return sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(file));
+        }
+        return '';
+    }
+    getName(file) {
+        return file.name.split('.').slice(0, -1).join('.');
+    }
+    getType(file) {
+        return `.${file.name.split('.').pop()}` || '';
+    }
+};
+TuiFileComponent.ctorParameters = () => [
+    { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_MOBILE,] }] },
+    { type: DomSanitizer, decorators: [{ type: Inject, args: [DomSanitizer,] }] },
+    { type: Observable, decorators: [{ type: Inject, args: [TUI_FILE_TEXTS,] }] },
+    { type: Observable, decorators: [{ type: Inject, args: [TUI_DIGITAL_INFORMATION_UNITS,] }] }
+];
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiFileComponent.prototype, "file", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiFileComponent.prototype, "state", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiFileComponent.prototype, "size", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiFileComponent.prototype, "showSize", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiFileComponent.prototype, "leftContent", void 0);
+__decorate([
+    Output()
+], TuiFileComponent.prototype, "removed", void 0);
+__decorate([
+    HostBinding('class._focused')
+], TuiFileComponent.prototype, "focused", void 0);
+__decorate([
+    HostBinding('class._link')
+], TuiFileComponent.prototype, "src", null);
+__decorate([
+    tuiPure
+], TuiFileComponent.prototype, "calculateContent$", null);
+__decorate([
+    tuiPure
+], TuiFileComponent.prototype, "calculateFileSize$", null);
+__decorate([
+    tuiPure
+], TuiFileComponent.prototype, "createPreview", null);
+__decorate([
+    tuiPure
+], TuiFileComponent.prototype, "getName", null);
+__decorate([
+    tuiPure
+], TuiFileComponent.prototype, "getType", null);
+TuiFileComponent = __decorate([
+    Component({
+        selector: 'tui-file',
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        template: "<ng-container\n    *ngIf=\"!src; else withLink\"\n    [ngTemplateOutlet]=\"fileInfoTemplate\"\n></ng-container>\n\n<ng-template #withLink>\n    <a\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        class=\"t-link\"\n        [href]=\"src\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    >\n        <ng-container *ngTemplateOutlet=\"fileInfoTemplate\"></ng-container>\n    </a>\n</ng-template>\n\n<ng-template #fileInfoTemplate>\n    <div\n        polymorpheus-outlet\n        class=\"t-preview\"\n        [class.t-preview_big]=\"isBig\"\n        [content]=\"leftContent || defaultLeftContent\"\n    ></div>\n    <div class=\"t-wrapper\">\n        <div class=\"t-text\">\n            <div automation-id=\"tui-file__name\" class=\"t-name\">{{ name }}</div>\n            <div automation-id=\"tui-file__type\" class=\"t-type\">{{ type }}</div>\n            <div\n                *ngIf=\"showSize && (fileSize$ | async) as fileSize\"\n                automation-id=\"tui-file__size\"\n                class=\"t-size\"\n            >\n                {{ fileSize }}\n            </div>\n        </div>\n        <div\n            *ngIf=\"content$ | async as content\"\n            polymorpheus-outlet\n            automation-id=\"tui-file__content\"\n            class=\"t-content\"\n            [content]=\"content\"\n        ></div>\n        <ng-content></ng-content>\n    </div>\n    <ng-container *ngIf=\"allowDelete\">\n        <button\n            *ngIf=\"fileTexts$ | async as texts\"\n            automation-id=\"tui-file__remove\"\n            tuiIconButton\n            type=\"button\"\n            size=\"xs\"\n            icon=\"tuiIconCloseLarge\"\n            appearance=\"icon\"\n            class=\"t-remove\"\n            [title]=\"texts.remove\"\n            [class.t-remove_mobile]=\"isMobile\"\n            (click.prevent)=\"onRemoveClick()\"\n        ></button>\n    </ng-container>\n</ng-template>\n\n<ng-template #defaultLeftContent>\n    <img\n        *ngIf=\"preview; else loader\"\n        automation-id=\"tui-file__preview\"\n        class=\"t-image\"\n        [src]=\"preview\"\n    />\n    <ng-template #loader>\n        <tui-loader\n            *ngIf=\"isLoading; else svg\"\n            automation-id=\"tui-file__loader\"\n            class=\"t-loader\"\n            [inheritColor]=\"isBig\"\n        ></tui-loader>\n    </ng-template>\n    <ng-template #svg>\n        <tui-svg\n            automation-id=\"tui-file__icon\"\n            class=\"t-icon\"\n            [class.t-icon_deleted]=\"isDeleted\"\n            [class.t-icon_error]=\"isError\"\n            [src]=\"icon\"\n        ></tui-svg>\n    </ng-template>\n</ng-template>\n",
+        styles: [":host{position:relative;display:flex;align-items:center;font:var(--tui-font-text-m);border:1px solid var(--tui-base-03);border-radius:var(--tui-radius-m)}:host[data-mode=onDark]{color:var(--tui-text-01-night)}:host:not(._link){padding:.5625rem 2.1875rem .5625rem .5625rem}:host:hover .t-remove{opacity:1}:host._focused{border-color:var(--tui-focus);box-shadow:0 0 0 1px inset var(--tui-focus)}.t-link{display:flex;flex:1;padding:.5625rem 2.1875rem .5625rem .5625rem;text-decoration:none;outline:0;cursor:pointer;color:var(--tui-text-01);max-width:calc(100% - 2.75rem)}.t-link:hover{background-color:var(--tui-base-02)}.t-preview{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;margin-right:.75rem;border-radius:var(--tui-radius-m);overflow:hidden;color:var(--tui-base-06)}.t-preview_big{width:4rem;height:4rem;margin-right:1rem}.t-preview_big:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:var(--tui-base-08);opacity:.08}.t-image{max-width:100%;max-height:100%}.t-loader{position:absolute;top:0;left:0;width:100%;height:100%}.t-icon{position:absolute;top:0;left:0;width:100%;height:100%;color:var(--tui-success-fill)}.t-icon_error{color:var(--tui-error-fill)}.t-icon_deleted{color:var(--tui-base-06)}.t-remove{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:.625rem;right:.625rem;opacity:0}.t-remove:focus,.t-remove_mobile{opacity:1}.t-wrapper{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.t-text{display:flex}.t-size{flex-shrink:0;opacity:var(--tui-disabled-opacity);margin-left:.5rem}.t-type{flex-shrink:0}.t-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-content{font:var(--tui-font-text-s);color:var(--tui-error-fill)}"]
+    }),
+    __param(0, Inject(TUI_IS_MOBILE)),
+    __param(1, Inject(DomSanitizer)),
+    __param(2, Inject(TUI_FILE_TEXTS)),
+    __param(3, Inject(TUI_DIGITAL_INFORMATION_UNITS))
+], TuiFileComponent);
+
+let TuiFilesModule = class TuiFilesModule {
+};
+TuiFilesModule = __decorate([
+    NgModule({
+        declarations: [TuiFilesComponent, TuiFileComponent],
+        imports: [
+            CommonModule,
+            TuiGroupModule,
+            TuiLoaderModule,
+            PolymorpheusModule,
+            TuiSvgModule,
+            TuiFocusVisibleModule,
+            TuiButtonModule,
+            TuiItemModule,
+            TuiExpandModule,
+        ],
+        exports: [TuiFilesComponent, TuiFileComponent, TuiItemDirective],
+    })
+], TuiFilesModule);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiFilesComponent, TuiFilesModule, TuiFileComponent as ɵa };
+//# sourceMappingURL=taiga-ui-kit-components-files.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-files.js","sources":["ng://@taiga-ui/kit/components/files/files.component.ts","ng://@taiga-ui/kit/components/files/file/file.component.ts","ng://@taiga-ui/kit/components/files/files.module.ts","ng://@taiga-ui/kit/components/files/taiga-ui-kit-components-files.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    Inject,\n    Input,\n    QueryList,\n    TemplateRef,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiDefaultProp, TuiItemDirective} from '@taiga-ui/cdk';\nimport {TUI_HIDE_TEXT, TUI_SHOW_ALL_TEXT} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: 'tui-files',\n    templateUrl: './files.component.html',\n    styleUrls: ['./files.component.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TuiFilesComponent {\n    @ContentChildren(TuiItemDirective, {read: TemplateRef})\n    readonly items: QueryList<TemplateRef<{}>> | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    max = 0;\n\n    hidden = true;\n\n    constructor(\n        @Inject(TUI_HIDE_TEXT) readonly hideText$: Observable<string>,\n        @Inject(TUI_SHOW_ALL_TEXT) readonly showAllText$: Observable<string>,\n    ) {}\n\n    get hasExtraItems(): boolean {\n        return !!this.max && (this.items?.length ?? 0) > this.max;\n    }\n\n    toggle() {\n        this.hidden = !this.hidden;\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_IS_MOBILE, tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\nimport {TuiFileState, TuiFileStateT} from '@taiga-ui/kit/enums';\nimport {TuiFileLike} from '@taiga-ui/kit/interfaces';\nimport {TUI_DIGITAL_INFORMATION_UNITS, TUI_FILE_TEXTS} from '@taiga-ui/kit/tokens';\nimport {formatSize} from '@taiga-ui/kit/utils/files';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable, of} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\ntype FileTexts = 'loadingError' | 'preview' | 'remove';\n\n// @dynamic\n@Component({\n    selector: 'tui-file',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './file.template.html',\n    styleUrls: ['./file.style.less'],\n})\nexport class TuiFileComponent {\n    @Input()\n    @tuiDefaultProp()\n    file: TuiFileLike = {name: ''};\n\n    @Input()\n    @tuiDefaultProp()\n    state: TuiFileStateT = 'normal';\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    showSize = true;\n\n    @Input()\n    @tuiDefaultProp()\n    leftContent: PolymorpheusContent = '';\n\n    @Output()\n    readonly removed = new EventEmitter<void>();\n\n    @HostBinding('class._focused')\n    focused = false;\n\n    constructor(\n        @Inject(TUI_IS_MOBILE) readonly isMobile: boolean,\n        @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,\n        @Inject(TUI_FILE_TEXTS)\n        readonly fileTexts$: Observable<Record<FileTexts, string>>,\n        @Inject(TUI_DIGITAL_INFORMATION_UNITS)\n        private readonly units$: Observable<[string, string, string]>,\n    ) {}\n\n    get preview(): SafeValue {\n        return this.isBig ? this.createPreview(this.file, this.sanitizer) : '';\n    }\n\n    get isBig(): boolean {\n        return this.size === 'l';\n    }\n\n    get isLoading(): boolean {\n        return this.state === TuiFileState.Loading;\n    }\n\n    get isError(): boolean {\n        return this.state === TuiFileState.Error;\n    }\n\n    get isDeleted(): boolean {\n        return this.state === TuiFileState.Deleted;\n    }\n\n    get allowDelete(): boolean {\n        return !!this.removed.observers.length;\n    }\n\n    get icon(): string {\n        if (this.state === TuiFileState.Normal && this.isBig) {\n            return 'tuiIconDefaultDocLarge';\n        }\n\n        switch (this.state) {\n            case TuiFileState.Deleted:\n                return 'tuiIconTrashLarge';\n            case TuiFileState.Error:\n                return 'tuiIconAlertCircleLarge';\n            default:\n                return 'tuiIconCheckCircleLarge';\n        }\n    }\n\n    @HostBinding('class._link')\n    get src(): string {\n        return this.file.src || '';\n    }\n\n    get name(): string {\n        return this.getName(this.file);\n    }\n\n    get type(): string {\n        return this.getType(this.file);\n    }\n\n    get content$(): Observable<PolymorpheusContent> {\n        return this.calculateContent$(this.state, this.file, this.fileTexts$);\n    }\n\n    get fileSize$(): Observable<string | null> {\n        return this.calculateFileSize$(this.file, this.units$);\n    }\n\n    onRemoveClick() {\n        this.removed.emit();\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.focused = focusVisible;\n    }\n\n    @tuiPure\n    private calculateContent$(\n        state: TuiFileStateT,\n        file: TuiFileLike,\n        fileTexts$: Observable<Record<'loadingError' | 'preview' | 'remove', string>>,\n    ): Observable<PolymorpheusContent> {\n        return state === TuiFileState.Error && !file.content\n            ? fileTexts$.pipe(map(texts => texts.loadingError))\n            : of(this.file.content || '');\n    }\n\n    @tuiPure\n    private calculateFileSize$(\n        file: TuiFileLike,\n        units$: Observable<[string, string, string]>,\n    ): Observable<string | null> {\n        return units$.pipe(map(units => formatSize(units, file.size)));\n    }\n\n    @tuiPure\n    private createPreview(file: TuiFileLike, sanitizer: DomSanitizer): SafeValue {\n        if (file.src) {\n            return file.src;\n        }\n\n        // TODO: iframe warning\n        if (file instanceof File && file.type && file.type.startsWith('image/')) {\n            return sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(file));\n        }\n\n        return '';\n    }\n\n    @tuiPure\n    private getName(file: TuiFileLike): string {\n        return file.name.split('.').slice(0, -1).join('.');\n    }\n\n    @tuiPure\n    private getType(file: TuiFileLike) {\n        return `.${file.name.split('.').pop()}` || '';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusVisibleModule, TuiItemDirective, TuiItemModule} from '@taiga-ui/cdk';\nimport {\n    TuiButtonModule,\n    TuiExpandModule,\n    TuiGroupModule,\n    TuiLoaderModule,\n    TuiSvgModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiFileComponent} from './file/file.component';\nimport {TuiFilesComponent} from './files.component';\n\n@NgModule({\n    declarations: [TuiFilesComponent, TuiFileComponent],\n    imports: [\n        CommonModule,\n        TuiGroupModule,\n        TuiLoaderModule,\n        PolymorpheusModule,\n        TuiSvgModule,\n        TuiFocusVisibleModule,\n        TuiButtonModule,\n        TuiItemModule,\n        TuiExpandModule,\n    ],\n    exports: [TuiFilesComponent, TuiFileComponent, TuiItemDirective],\n})\nexport class TuiFilesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {TuiFileComponent as ɵa} from './file/file.component';"],"names":[],"mappings":"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"}

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

@@ -87,7 +87,7 @@ let TuiInputCountComponent = TuiInputCountComponent_1 = class TuiInputCountCompo
         return String(this.min);
     }
     get computedValue() {
-        return this.formatNumber(this.value);
+        return this.focused ? this.nativeValue : this.formatNumber(this.value);
     }
     get minusButtonDisabled() {
         return !this.interactive || (isPresent(this.value) && this.value <= this.min);
@@ -241,7 +241,7 @@ __decorate([
 TuiInputCountComponent = TuiInputCountComponent_1 = __decorate([
     Component({
         selector: 'tui-input-count',
-        template: "<tui-primitive-textfield\n    tuiValueAccessor\n    tuiTextfieldAutocomplete=\"off\"\n    tuiTextfieldInputMode=\"numeric\"\n    class=\"textfield\"\n    [tuiTextfieldMaxLength]=\"18\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [focusable]=\"focusable\"\n    [nativeId]=\"nativeId\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix\"\n    [disabled]=\"computedDisabled\"\n    [readOnly]=\"readOnly\"\n    [textMask]=\"getMask(min < 0)\"\n    [invalid]=\"computedInvalid\"\n    [value]=\"computedValue\"\n    (valueChange)=\"onValueChange()\"\n    (keydown)=\"onKeydown($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (pressedChange)=\"onPressed($event)\"\n>\n    <ng-content></ng-content>\n    <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n</tui-primitive-textfield>\n<ng-container *ngIf=\"!buttonsHidden && (minusTexts$ | async) as texts\">\n    <section class=\"buttons\">\n        <button\n            tuiIconButton\n            type=\"button\"\n            automation-id=\"tui-input-count__plus-button\"\n            size=\"s\"\n            class=\"button button_plus\"\n            [icon]=\"iconUp\"\n            [appearance]=\"options.appearance\"\n            [title]=\"texts[0]\"\n            [disabled]=\"plusButtonDisabled\"\n            [focusable]=\"false\"\n            (mousedown)=\"onButtonMouseDown($event, plusButtonDisabled)\"\n            (click)=\"increaseValue()\"\n        ></button>\n        <button\n            tuiIconButton\n            type=\"button\"\n            automation-id=\"tui-input-count__minus-button\"\n            size=\"s\"\n            class=\"button button_minus\"\n            [icon]=\"iconDown\"\n            [appearance]=\"options.appearance\"\n            [disabled]=\"minusButtonDisabled\"\n            [focusable]=\"false\"\n            [title]=\"texts[1]\"\n            (mousedown)=\"onButtonMouseDown($event, minusButtonDisabled)\"\n            (click)=\"decreaseValue()\"\n        ></button>\n    </section>\n</ng-container>\n",
+        template: "<tui-primitive-textfield\n    tuiValueAccessor\n    tuiTextfieldAutocomplete=\"off\"\n    tuiTextfieldInputMode=\"numeric\"\n    class=\"textfield\"\n    [tuiTextfieldMaxLength]=\"18\"\n    [pseudoFocused]=\"pseudoFocused\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoPressed]=\"pseudoPressed\"\n    [focusable]=\"focusable\"\n    [nativeId]=\"nativeId\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix\"\n    [disabled]=\"computedDisabled\"\n    [readOnly]=\"readOnly\"\n    [textMask]=\"getMask(min < 0)\"\n    [invalid]=\"computedInvalid\"\n    [value]=\"computedValue\"\n    (valueChange)=\"onValueChange()\"\n    (keydown)=\"onKeydown($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (pressedChange)=\"onPressed($event)\"\n>\n    <ng-content></ng-content>\n    <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n</tui-primitive-textfield>\n<ng-container *ngIf=\"!buttonsHidden\">\n    <ng-container *ngIf=\"minusTexts$ | async as texts\">\n        <section class=\"buttons\">\n            <button\n                tuiIconButton\n                type=\"button\"\n                automation-id=\"tui-input-count__plus-button\"\n                size=\"s\"\n                class=\"button button_plus\"\n                [icon]=\"iconUp\"\n                [appearance]=\"options.appearance\"\n                [title]=\"texts[0]\"\n                [disabled]=\"plusButtonDisabled\"\n                [focusable]=\"false\"\n                (mousedown)=\"onButtonMouseDown($event, plusButtonDisabled)\"\n                (click)=\"increaseValue()\"\n            ></button>\n            <button\n                tuiIconButton\n                type=\"button\"\n                automation-id=\"tui-input-count__minus-button\"\n                size=\"s\"\n                class=\"button button_minus\"\n                [icon]=\"iconDown\"\n                [appearance]=\"options.appearance\"\n                [disabled]=\"minusButtonDisabled\"\n                [focusable]=\"false\"\n                [title]=\"texts[1]\"\n                (mousedown)=\"onButtonMouseDown($event, minusButtonDisabled)\"\n                (click)=\"decreaseValue()\"\n            ></button>\n        </section>\n    </ng-container>\n</ng-container>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-count.js","sources":["ng://@taiga-ui/kit/components/input-count/input-count-options.ts","ng://@taiga-ui/kit/components/input-count/input-count.component.ts","ng://@taiga-ui/kit/components/input-count/input-count.directive.ts","ng://@taiga-ui/kit/components/input-count/input-count.module.ts","ng://@taiga-ui/kit/components/input-count/taiga-ui-kit-components-input-count.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiInputCountOptions {\n    readonly icons: Readonly<{\n        up: PolymorpheusContent<{}>;\n        down: PolymorpheusContent<{}>;\n    }>;\n    readonly appearance: string;\n    readonly hideButtons: boolean;\n    readonly min: number;\n    readonly max: number;\n    readonly step: number;\n    readonly postfix: string;\n}\n\n/**\n * @deprecated: use TuiInputCountOptions instead\n * todo: remove in 3.0\n */\nexport type InputCountOptions = TuiInputCountOptions;\n\n// TODO: remove in ivy compilation\nexport const PASSWORD_ICON_UP = 'tuiIconPlus';\nexport const PASSWORD_ICON_DOWN = 'tuiIconMinus';\n\n/** Default values for the input count options. */\nexport const TUI_INPUT_COUNT_DEFAULT_OPTIONS: TuiInputCountOptions = {\n    icons: {\n        up: PASSWORD_ICON_UP,\n        down: PASSWORD_ICON_DOWN,\n    },\n    appearance: 'textfield',\n    hideButtons: false,\n    min: 0,\n    max: Infinity,\n    step: 1,\n    postfix: '',\n};\n\nexport const TUI_INPUT_COUNT_OPTIONS = new InjectionToken<TuiInputCountOptions>(\n    'Default parameters for input count component',\n    {\n        factory: () => TUI_INPUT_COUNT_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiInputCountOptionsProvider: (\n    options: Partial<TuiInputCountOptions>,\n) => ValueProvider = (options: Partial<TuiInputCountOptions>) => ({\n    provide: TUI_INPUT_COUNT_OPTIONS,\n    useValue: {...TUI_INPUT_COUNT_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    clamp,\n    isNativeFocused,\n    isPresent,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    NumberFormatSettings,\n    TUI_NUMBER_FORMAT,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_SIZE,\n    tuiCreateNumberMask,\n    TuiPrimitiveTextfieldComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TUI_PLUS_MINUS_TEXTS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nimport {TUI_INPUT_COUNT_OPTIONS, TuiInputCountOptions} from './input-count-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-count',\n    templateUrl: './input-count.template.html',\n    styleUrls: ['./input-count.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputCountComponent),\n        },\n        {\n            provide: AbstractTuiControl,\n            useExisting: forwardRef(() => TuiInputCountComponent),\n        },\n    ],\n})\nexport class TuiInputCountComponent\n    extends AbstractTuiControl<number>\n    implements TuiWithOptionalMinMax<number>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly primitiveTextfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    step = this.options.step;\n\n    @Input()\n    @tuiDefaultProp()\n    min = this.options.min;\n\n    @Input()\n    @tuiDefaultProp()\n    max = this.options.max;\n\n    @Input()\n    @tuiDefaultProp()\n    hideButtons = this.options.hideButtons;\n\n    @Input()\n    @tuiDefaultProp()\n    prefix = '';\n\n    @Input()\n    @tuiDefaultProp()\n    postfix = this.options.postfix;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_APPEARANCE)\n        private readonly appearance: string,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_PLUS_MINUS_TEXTS)\n        readonly minusTexts$: Observable<[string, string]>,\n        @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n        @Inject(TUI_INPUT_COUNT_OPTIONS)\n        readonly options: TuiInputCountOptions,\n        @Inject(TUI_NUMBER_FORMAT)\n        private readonly numberFormat: NumberFormatSettings,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @tuiPure\n    getMask(allowNegative: boolean): TuiTextMaskOptions {\n        return {\n            mask: tuiCreateNumberMask({\n                allowNegative,\n                decimalSymbol: this.numberFormat.decimalSeparator,\n                thousandSymbol: this.numberFormat.thousandSeparator,\n            }),\n            guide: false,\n        };\n    }\n\n    // TODO: Remove in v.3\n    @HostBinding('class._hide-buttons')\n    get buttonsHidden(): boolean {\n        return this.hideButtons || this.appearance === 'table';\n    }\n\n    get iconUp(): PolymorpheusContent<{}> {\n        return this.options.icons.up;\n    }\n\n    get iconDown(): PolymorpheusContent<{}> {\n        return this.options.icons.down;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.primitiveTextfield || this.computedDisabled\n            ? null\n            : this.primitiveTextfield.nativeFocusableElement;\n    }\n\n    @HostBinding('attr.data-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.textfieldSize.size;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get exampleText(): string {\n        return String(this.min);\n    }\n\n    get computedValue(): string {\n        return this.formatNumber(this.value);\n    }\n\n    get minusButtonDisabled(): boolean {\n        return !this.interactive || (isPresent(this.value) && this.value <= this.min);\n    }\n\n    get plusButtonDisabled(): boolean {\n        return !this.interactive || (isPresent(this.value) && this.value >= this.max);\n    }\n\n    onButtonMouseDown(event: MouseEvent, disabled: boolean = false) {\n        if (disabled || !this.nativeFocusableElement || this.isMobile) {\n            return;\n        }\n\n        event.preventDefault();\n        setNativeFocused(this.nativeFocusableElement);\n    }\n\n    onFocused(focused: boolean) {\n        if (!focused) {\n            this.onBlur();\n        }\n\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onValueChange() {\n        const capped = this.capValue(this.nativeNumberValue);\n\n        if (capped === null || isNaN(capped)) {\n            return;\n        }\n\n        const newValue = this.formatNumber(capped);\n\n        if (this.nativeValue !== newValue) {\n            this.nativeValue = newValue;\n        }\n\n        this.updateValue(capped);\n    }\n\n    decreaseValue() {\n        if (this.readOnly) {\n            return;\n        }\n\n        const newValue = (this.value || 0) - this.step;\n\n        this.safeUpdateValue(newValue);\n    }\n\n    increaseValue() {\n        if (this.readOnly) {\n            return;\n        }\n\n        const newValue = (this.value || 0) + this.step;\n\n        this.safeUpdateValue(newValue);\n    }\n\n    onKeydown(event: KeyboardEvent) {\n        switch (event.key) {\n            case 'ArrowUp':\n            case 'Up':\n                this.increaseValue();\n                event.preventDefault();\n                break;\n            case 'ArrowDown':\n            case 'Down':\n                this.decreaseValue();\n                event.preventDefault();\n                break;\n            default:\n                break;\n        }\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    private get nativeNumberValue(): number {\n        return parseInt(\n            this.nativeValue.split(this.numberFormat.thousandSeparator).join(''),\n            10,\n        );\n    }\n\n    private get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    private set nativeValue(value: string) {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        this.nativeFocusableElement.value = value;\n    }\n\n    private safeUpdateValue(newValue: number) {\n        const value = clamp(newValue, this.min, this.max);\n\n        this.updateValue(value);\n        this.nativeValue = this.formatNumber(value);\n    }\n\n    private capValue(value: number): number | null {\n        const capped = Math.min(value, this.max);\n\n        return isNaN(capped) || capped < this.min ? null : capped;\n    }\n\n    private onBlur() {\n        const value = Math.max(this.nativeNumberValue || 0, this.min);\n        const formattedValue = this.formatNumber(value);\n\n        this.nativeValue = formattedValue;\n        this.updateValue(value);\n\n        if (this.primitiveTextfield) {\n            this.primitiveTextfield.value = formattedValue;\n        }\n    }\n\n    private formatNumber(value: number): string {\n        return formatNumber(\n            value,\n            null,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputCountComponent} from './input-count.component';\n\n@Directive({\n    selector: 'tui-input-count',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputCountDirective),\n        },\n    ],\n})\nexport class TuiInputCountDirective extends TuiAbstractTextfieldHost<TuiInputCountComponent> {\n    onValueChange() {\n        this.host.onValueChange();\n    }\n\n    process(input: HTMLInputElement) {\n        input.autocomplete = 'off';\n        input.inputMode = 'numeric';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiButtonModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldComponent,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputCountComponent} from './input-count.component';\nimport {TuiInputCountDirective} from './input-count.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        TuiButtonModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiValueAccessorModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiInputCountComponent, TuiInputCountDirective],\n    exports: [TuiInputCountComponent, TuiInputCountDirective, TuiTextfieldComponent],\n})\nexport class TuiInputCountModule {}\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-count.js","sources":["ng://@taiga-ui/kit/components/input-count/input-count-options.ts","ng://@taiga-ui/kit/components/input-count/input-count.component.ts","ng://@taiga-ui/kit/components/input-count/input-count.directive.ts","ng://@taiga-ui/kit/components/input-count/input-count.module.ts","ng://@taiga-ui/kit/components/input-count/taiga-ui-kit-components-input-count.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiInputCountOptions {\n    readonly icons: Readonly<{\n        up: PolymorpheusContent<{}>;\n        down: PolymorpheusContent<{}>;\n    }>;\n    readonly appearance: string;\n    readonly hideButtons: boolean;\n    readonly min: number;\n    readonly max: number;\n    readonly step: number;\n    readonly postfix: string;\n}\n\n/**\n * @deprecated: use TuiInputCountOptions instead\n * todo: remove in 3.0\n */\nexport type InputCountOptions = TuiInputCountOptions;\n\n// TODO: remove in ivy compilation\nexport const PASSWORD_ICON_UP = 'tuiIconPlus';\nexport const PASSWORD_ICON_DOWN = 'tuiIconMinus';\n\n/** Default values for the input count options. */\nexport const TUI_INPUT_COUNT_DEFAULT_OPTIONS: TuiInputCountOptions = {\n    icons: {\n        up: PASSWORD_ICON_UP,\n        down: PASSWORD_ICON_DOWN,\n    },\n    appearance: 'textfield',\n    hideButtons: false,\n    min: 0,\n    max: Infinity,\n    step: 1,\n    postfix: '',\n};\n\nexport const TUI_INPUT_COUNT_OPTIONS = new InjectionToken<TuiInputCountOptions>(\n    'Default parameters for input count component',\n    {\n        factory: () => TUI_INPUT_COUNT_DEFAULT_OPTIONS,\n    },\n);\n\nexport const tuiInputCountOptionsProvider: (\n    options: Partial<TuiInputCountOptions>,\n) => ValueProvider = (options: Partial<TuiInputCountOptions>) => ({\n    provide: TUI_INPUT_COUNT_OPTIONS,\n    useValue: {...TUI_INPUT_COUNT_DEFAULT_OPTIONS, ...options},\n});\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    clamp,\n    isNativeFocused,\n    isPresent,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    NumberFormatSettings,\n    TUI_NUMBER_FORMAT,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_SIZE,\n    tuiCreateNumberMask,\n    TuiPrimitiveTextfieldComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TUI_PLUS_MINUS_TEXTS} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskConfig} from 'angular2-text-mask';\nimport {Observable} from 'rxjs';\n\nimport {TUI_INPUT_COUNT_OPTIONS, TuiInputCountOptions} from './input-count-options';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-count',\n    templateUrl: './input-count.template.html',\n    styleUrls: ['./input-count.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputCountComponent),\n        },\n        {\n            provide: AbstractTuiControl,\n            useExisting: forwardRef(() => TuiInputCountComponent),\n        },\n    ],\n})\nexport class TuiInputCountComponent\n    extends AbstractTuiControl<number>\n    implements TuiWithOptionalMinMax<number>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly primitiveTextfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    step = this.options.step;\n\n    @Input()\n    @tuiDefaultProp()\n    min = this.options.min;\n\n    @Input()\n    @tuiDefaultProp()\n    max = this.options.max;\n\n    @Input()\n    @tuiDefaultProp()\n    hideButtons = this.options.hideButtons;\n\n    @Input()\n    @tuiDefaultProp()\n    prefix = '';\n\n    @Input()\n    @tuiDefaultProp()\n    postfix = this.options.postfix;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_APPEARANCE)\n        private readonly appearance: string,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_PLUS_MINUS_TEXTS)\n        readonly minusTexts$: Observable<[string, string]>,\n        @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n        @Inject(TUI_INPUT_COUNT_OPTIONS)\n        readonly options: TuiInputCountOptions,\n        @Inject(TUI_NUMBER_FORMAT)\n        private readonly numberFormat: NumberFormatSettings,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @tuiPure\n    getMask(allowNegative: boolean): TextMaskConfig {\n        return {\n            mask: tuiCreateNumberMask({\n                allowNegative,\n                decimalSymbol: this.numberFormat.decimalSeparator,\n                thousandSymbol: this.numberFormat.thousandSeparator,\n            }),\n            guide: false,\n        } as TuiTextMaskOptions as unknown as TextMaskConfig;\n    }\n\n    // TODO: Remove in v.3\n    @HostBinding('class._hide-buttons')\n    get buttonsHidden(): boolean {\n        return this.hideButtons || this.appearance === 'table';\n    }\n\n    get iconUp(): PolymorpheusContent<{}> {\n        return this.options.icons.up;\n    }\n\n    get iconDown(): PolymorpheusContent<{}> {\n        return this.options.icons.down;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.primitiveTextfield || this.computedDisabled\n            ? null\n            : this.primitiveTextfield.nativeFocusableElement;\n    }\n\n    @HostBinding('attr.data-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.textfieldSize.size;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get exampleText(): string {\n        return String(this.min);\n    }\n\n    get computedValue(): string {\n        return this.focused ? this.nativeValue : this.formatNumber(this.value);\n    }\n\n    get minusButtonDisabled(): boolean {\n        return !this.interactive || (isPresent(this.value) && this.value <= this.min);\n    }\n\n    get plusButtonDisabled(): boolean {\n        return !this.interactive || (isPresent(this.value) && this.value >= this.max);\n    }\n\n    onButtonMouseDown(event: MouseEvent, disabled: boolean = false) {\n        if (disabled || !this.nativeFocusableElement || this.isMobile) {\n            return;\n        }\n\n        event.preventDefault();\n        setNativeFocused(this.nativeFocusableElement);\n    }\n\n    onFocused(focused: boolean) {\n        if (!focused) {\n            this.onBlur();\n        }\n\n        this.updateFocused(focused);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onValueChange() {\n        const capped = this.capValue(this.nativeNumberValue);\n\n        if (capped === null || isNaN(capped)) {\n            return;\n        }\n\n        const newValue = this.formatNumber(capped);\n\n        if (this.nativeValue !== newValue) {\n            this.nativeValue = newValue;\n        }\n\n        this.updateValue(capped);\n    }\n\n    decreaseValue() {\n        if (this.readOnly) {\n            return;\n        }\n\n        const newValue = (this.value || 0) - this.step;\n\n        this.safeUpdateValue(newValue);\n    }\n\n    increaseValue() {\n        if (this.readOnly) {\n            return;\n        }\n\n        const newValue = (this.value || 0) + this.step;\n\n        this.safeUpdateValue(newValue);\n    }\n\n    onKeydown(event: KeyboardEvent) {\n        switch (event.key) {\n            case 'ArrowUp':\n            case 'Up':\n                this.increaseValue();\n                event.preventDefault();\n                break;\n            case 'ArrowDown':\n            case 'Down':\n                this.decreaseValue();\n                event.preventDefault();\n                break;\n            default:\n                break;\n        }\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    private get nativeNumberValue(): number {\n        return parseInt(\n            this.nativeValue.split(this.numberFormat.thousandSeparator).join(''),\n            10,\n        );\n    }\n\n    private get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    private set nativeValue(value: string) {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        this.nativeFocusableElement.value = value;\n    }\n\n    private safeUpdateValue(newValue: number) {\n        const value = clamp(newValue, this.min, this.max);\n\n        this.updateValue(value);\n        this.nativeValue = this.formatNumber(value);\n    }\n\n    private capValue(value: number): number | null {\n        const capped = Math.min(value, this.max);\n\n        return isNaN(capped) || capped < this.min ? null : capped;\n    }\n\n    private onBlur() {\n        const value = Math.max(this.nativeNumberValue || 0, this.min);\n        const formattedValue = this.formatNumber(value);\n\n        this.nativeValue = formattedValue;\n        this.updateValue(value);\n\n        if (this.primitiveTextfield) {\n            this.primitiveTextfield.value = formattedValue;\n        }\n    }\n\n    private formatNumber(value: number): string {\n        return formatNumber(\n            value,\n            null,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputCountComponent} from './input-count.component';\n\n@Directive({\n    selector: 'tui-input-count',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputCountDirective),\n        },\n    ],\n})\nexport class TuiInputCountDirective extends TuiAbstractTextfieldHost<TuiInputCountComponent> {\n    onValueChange() {\n        this.host.onValueChange();\n    }\n\n    process(input: HTMLInputElement) {\n        input.autocomplete = 'off';\n        input.inputMode = 'numeric';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiButtonModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldComponent,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputCountComponent} from './input-count.component';\nimport {TuiInputCountDirective} from './input-count.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        TuiButtonModule,\n        TuiPrimitiveTextfieldModule,\n        TuiTextfieldControllerModule,\n        TuiValueAccessorModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiInputCountComponent, TuiInputCountDirective],\n    exports: [TuiInputCountComponent, TuiInputCountDirective, TuiTextfieldComponent],\n})\nexport class TuiInputCountModule {}\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-date-range.js

@@ -90,7 +90,9 @@ let TuiInputDateRangeComponent = class TuiInputDateRangeComponent extends Abstra
         return this.items.length ? this.textfieldExampleText.exampleText : '';
     }
     get computedMask() {
-        return this.activePeriod ? EMPTY_MASK : this.textMaskOptions;
+        return (this.activePeriod
+            ? EMPTY_MASK
+            : this.textMaskOptions);
     }
     get activePeriod() {
         return (this.items.find(item => nullableSame(this.value, item.range, (a, b) => a.from.daySame(b.from.dayLimit(this.min, this.max)) &&