@taiga-ui/kit 2.23.0 → 2.27.0

package/fesm5/taiga-ui-kit-components-input-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-date.js","sources":["ng://@taiga-ui/kit/components/input-date/input-date.component.ts","ng://@taiga-ui/kit/components/input-date/input-date.module.ts","ng://@taiga-ui/kit/components/input-date/taiga-ui-kit-components-input-date.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostListener,\n    Inject,\n    Injector,\n    Input,\n    Optional,\n    Self,\n    Type,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    DATE_FILLER_LENGTH,\n    nullableSame,\n    TUI_DATE_FORMAT,\n    TUI_FIRST_DAY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    TuiDateMode,\n    TuiDay,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_DEFAULT_MARKER_HANDLER,\n    TUI_TEXTFIELD_SIZE,\n    TuiDialogService,\n    TuiMarkerHandler,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TuiNamedDay} from '@taiga-ui/kit/classes';\nimport {EMPTY_MASK, TUI_DATE_MASK} from '@taiga-ui/kit/constants';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {\n    TUI_CALENDAR_DATA_STREAM,\n    TUI_DATE_TEXTS,\n    TUI_MOBILE_CALENDAR,\n} from '@taiga-ui/kit/tokens';\nimport {tuiCreateAutoCorrectedDatePipe} from '@taiga-ui/kit/utils/mask';\nimport {TuiReplayControlValueChangesFactory} from '@taiga-ui/kit/utils/miscellaneous';\nimport {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {pluck, takeUntil} from 'rxjs/operators';\n\n// TODO: remove in ivy compilation\nexport const DATE_STREAM_FACTORY = TuiReplayControlValueChangesFactory;\n\n@Component({\n    selector: 'tui-input-date',\n    templateUrl: './input-date.template.html',\n    styleUrls: ['./input-date.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputDateComponent),\n        },\n        {\n            provide: TUI_CALENDAR_DATA_STREAM,\n            deps: [[new Optional(), new Self(), NgControl]],\n            useFactory: DATE_STREAM_FACTORY,\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputDateComponent\n    extends AbstractTuiNullableControl<TuiDay>\n    implements TuiWithOptionalMinMax<TuiDay>, TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    min = TUI_FIRST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    max = TUI_LAST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    markerHandler: TuiMarkerHandler = TUI_DEFAULT_MARKER_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<TuiNamedDay> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    defaultActiveYearMonth = TuiMonth.currentLocal();\n\n    open = false;\n    readonly filler$ = this.dateTexts$.pipe(pluck(this.dateFormat));\n\n    private month: TuiMonth | null = null;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: TUI_DATE_MASK,\n        pipe: tuiCreateAutoCorrectedDatePipe(this),\n        guide: false,\n    };\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(Injector) private readonly injector: Injector,\n        @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n        @Inject(TuiDialogService) private readonly dialogService: TuiDialogService,\n        @Optional()\n        @Inject(TUI_MOBILE_CALENDAR)\n        private readonly mobileCalendar: Type<any> | null,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_DATE_FORMAT) readonly dateFormat: TuiDateMode,\n        @Inject(TUI_DATE_TEXTS)\n        readonly dateTexts$: Observable<Record<TuiDateMode, string>>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield && this.textfield.focused;\n    }\n\n    get computedMobile(): boolean {\n        return this.isMobile && !!this.mobileCalendar;\n    }\n\n    get calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    get computedValue(): string {\n        const {value, nativeValue, activeItem} = this;\n\n        if (activeItem) {\n            return String(activeItem);\n        }\n\n        return value ? String(value) : nativeValue;\n    }\n\n    get computedActiveYearMonth(): TuiMonth {\n        if (this.items[0] && this.value && this.value.daySame(this.items[0].day)) {\n            return this.items[0].displayDay;\n        }\n\n        return this.month || this.value || this.defaultActiveYearMonth;\n    }\n\n    get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    set nativeValue(value: string) {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        this.nativeFocusableElement.value = value;\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly && !this.computedMobile;\n    }\n\n    get computedMask(): TuiTextMaskOptions {\n        return this.activeItem ? EMPTY_MASK : this.textMaskOptions;\n    }\n\n    get activeItem(): TuiNamedDay | null {\n        const {value} = this;\n\n        return (value && this.items.find(item => item.day.daySame(value))) || null;\n    }\n\n    getComputedFiller(filler: string): string {\n        return this.activeItem ? '' : filler;\n    }\n\n    onMobileClick() {\n        if (!this.mobileCalendar) {\n            this.open = !this.open;\n\n            return;\n        }\n\n        this.dialogService\n            .open<TuiDay>(new PolymorpheusComponent(this.mobileCalendar, this.injector), {\n                size: 'fullscreen',\n                closeable: false,\n                data: {\n                    single: true,\n                    min: this.min,\n                    max: this.max,\n                    disabledItemHandler: this.disabledItemHandler,\n                },\n            })\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(value => {\n                this.updateValue(value);\n            });\n    }\n\n    @HostListener('click')\n    onClick() {\n        if (!this.isMobile) {\n            this.open = !this.open;\n        }\n    }\n\n    onValueChange(value: string) {\n        if (this.control) {\n            this.control.updateValueAndValidity({emitEvent: false});\n        }\n\n        this.updateValue(\n            value.length !== DATE_FILLER_LENGTH ? null : TuiDay.normalizeParse(value),\n        );\n    }\n\n    onDayClick(value: TuiDay) {\n        this.updateValue(value);\n        this.open = false;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onMonthChange(month: TuiMonth) {\n        this.month = month;\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    writeValue(value: TuiDay | null) {\n        super.writeValue(value);\n        this.nativeValue = value ? this.computedValue : '';\n    }\n\n    protected valueIdenticalComparator(\n        oldValue: TuiDay | null,\n        newValue: TuiDay | null,\n    ): boolean {\n        return nullableSame(oldValue, newValue, (a, b) => a.daySame(b));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLetModule, TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiCalendarModule,\n    TuiHostedDropdownModule,\n    TuiLinkModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\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';\nimport {TuiInputDateComponent} from './input-date.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        PolymorpheusModule,\n        TuiPreventDefaultModule,\n        TuiCalendarModule,\n        TuiSvgModule,\n        TuiLinkModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiValueAccessorModule,\n        TuiLetModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputDateComponent],\n    exports: [TuiInputDateComponent],\n})\nexport class TuiInputDateModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-input-date.js","sources":["ng://@taiga-ui/kit/components/input-date/input-date.component.ts","ng://@taiga-ui/kit/components/input-date/input-date.module.ts","ng://@taiga-ui/kit/components/input-date/taiga-ui-kit-components-input-date.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostListener,\n    Inject,\n    Injector,\n    Input,\n    Optional,\n    Self,\n    Type,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    DATE_FILLER_LENGTH,\n    nullableSame,\n    TUI_DATE_FORMAT,\n    TUI_FIRST_DAY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    TUI_LAST_DAY,\n    TuiBooleanHandler,\n    TuiDateMode,\n    TuiDay,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_DEFAULT_MARKER_HANDLER,\n    TUI_TEXTFIELD_SIZE,\n    TuiDialogService,\n    TuiMarkerHandler,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiTextMaskOptions,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TuiNamedDay} from '@taiga-ui/kit/classes';\nimport {EMPTY_MASK, TUI_DATE_MASK} from '@taiga-ui/kit/constants';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {\n    TUI_CALENDAR_DATA_STREAM,\n    TUI_DATE_TEXTS,\n    TUI_MOBILE_CALENDAR,\n} from '@taiga-ui/kit/tokens';\nimport {tuiCreateAutoCorrectedDatePipe} from '@taiga-ui/kit/utils/mask';\nimport {TuiReplayControlValueChangesFactory} from '@taiga-ui/kit/utils/miscellaneous';\nimport {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {pluck, takeUntil} from 'rxjs/operators';\n\n// TODO: remove in ivy compilation\nexport const DATE_STREAM_FACTORY = TuiReplayControlValueChangesFactory;\n\n@Component({\n    selector: 'tui-input-date',\n    templateUrl: './input-date.template.html',\n    styleUrls: ['./input-date.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputDateComponent),\n        },\n        {\n            provide: TUI_CALENDAR_DATA_STREAM,\n            deps: [[new Optional(), new Self(), NgControl]],\n            useFactory: DATE_STREAM_FACTORY,\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputDateComponent\n    extends AbstractTuiNullableControl<TuiDay>\n    implements TuiWithOptionalMinMax<TuiDay>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    private month: TuiMonth | null = null;\n\n    private readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: TUI_DATE_MASK,\n        pipe: tuiCreateAutoCorrectedDatePipe(this),\n        guide: false,\n    };\n\n    @Input()\n    @tuiDefaultProp()\n    min = TUI_FIRST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    max = TUI_LAST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    markerHandler: TuiMarkerHandler = TUI_DEFAULT_MARKER_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    items: ReadonlyArray<TuiNamedDay> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    defaultActiveYearMonth = TuiMonth.currentLocal();\n\n    open = false;\n    readonly filler$ = this.dateTexts$.pipe(pluck(this.dateFormat));\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(Injector) private readonly injector: Injector,\n        @Inject(TUI_IS_MOBILE) private readonly isMobile: boolean,\n        @Inject(TuiDialogService) private readonly dialogService: TuiDialogService,\n        @Optional()\n        @Inject(TUI_MOBILE_CALENDAR)\n        private readonly mobileCalendar: Type<any> | null,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_DATE_FORMAT) readonly dateFormat: TuiDateMode,\n        @Inject(TUI_DATE_TEXTS)\n        readonly dateTexts$: Observable<Record<TuiDateMode, string>>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return !!this.textfield && this.textfield.focused;\n    }\n\n    get computedMobile(): boolean {\n        return this.isMobile && !!this.mobileCalendar;\n    }\n\n    get calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    get computedValue(): string {\n        const {value, nativeValue, activeItem} = this;\n\n        if (activeItem) {\n            return String(activeItem);\n        }\n\n        return value ? String(value) : nativeValue;\n    }\n\n    get computedActiveYearMonth(): TuiMonth {\n        if (this.items[0] && this.value && this.value.daySame(this.items[0].day)) {\n            return this.items[0].displayDay;\n        }\n\n        return this.month || this.value || this.defaultActiveYearMonth;\n    }\n\n    get nativeValue(): string {\n        return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';\n    }\n\n    set nativeValue(value: string) {\n        if (!this.nativeFocusableElement) {\n            return;\n        }\n\n        this.nativeFocusableElement.value = value;\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly && !this.computedMobile;\n    }\n\n    get computedMask(): TuiTextMaskOptions {\n        return this.activeItem ? EMPTY_MASK : this.textMaskOptions;\n    }\n\n    get activeItem(): TuiNamedDay | null {\n        const {value} = this;\n\n        return (value && this.items.find(item => item.day.daySame(value))) || null;\n    }\n\n    @HostListener('click')\n    onClick() {\n        if (!this.isMobile) {\n            this.open = !this.open;\n        }\n    }\n\n    getComputedFiller(filler: string): string {\n        return this.activeItem ? '' : filler;\n    }\n\n    onMobileClick() {\n        if (!this.mobileCalendar) {\n            this.open = !this.open;\n\n            return;\n        }\n\n        this.dialogService\n            .open<TuiDay>(new PolymorpheusComponent(this.mobileCalendar, this.injector), {\n                size: 'fullscreen',\n                closeable: false,\n                data: {\n                    single: true,\n                    min: this.min,\n                    max: this.max,\n                    disabledItemHandler: this.disabledItemHandler,\n                },\n            })\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(value => {\n                this.updateValue(value);\n            });\n    }\n\n    onValueChange(value: string) {\n        if (this.control) {\n            this.control.updateValueAndValidity({emitEvent: false});\n        }\n\n        if (!value) {\n            this.onOpenChange(true);\n        }\n\n        this.updateValue(\n            value.length !== DATE_FILLER_LENGTH ? null : TuiDay.normalizeParse(value),\n        );\n    }\n\n    onDayClick(value: TuiDay) {\n        this.updateValue(value);\n        this.open = false;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onMonthChange(month: TuiMonth) {\n        this.month = month;\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    writeValue(value: TuiDay | null) {\n        super.writeValue(value);\n        this.nativeValue = value ? this.computedValue : '';\n    }\n\n    protected valueIdenticalComparator(\n        oldValue: TuiDay | null,\n        newValue: TuiDay | null,\n    ): boolean {\n        return nullableSame(oldValue, newValue, (a, b) => a.daySame(b));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLetModule, TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiCalendarModule,\n    TuiHostedDropdownModule,\n    TuiLinkModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\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 {TuiInputDateComponent} from './input-date.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TextMaskModule,\n        PolymorpheusModule,\n        TuiPreventDefaultModule,\n        TuiCalendarModule,\n        TuiSvgModule,\n        TuiLinkModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiValueAccessorModule,\n        TuiLetModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputDateComponent],\n    exports: [TuiInputDateComponent],\n})\nexport class TuiInputDateModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-input-file.js

@@ -1,15 +1,200 @@
-import { __extends, __spread, __decorate, __param } from 'tslib';
-import { EventEmitter, Optional, Self, Inject, ChangeDetectorRef, Input, Output, ViewChild, Component, ChangeDetectionStrategy, forwardRef, HostBinding, NgModule } from '@angular/core';
-import { NgControl } from '@angular/forms';
-import { isNativeFocused, EMPTY_ARRAY, TUI_IS_MOBILE, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiLetModule, TuiFocusedModule, TuiFocusVisibleModule, TuiPressedModule, TuiHoveredModule, TuiFocusableModule, TuiDroppableModule, TuiPreventDefaultModule } from '@taiga-ui/cdk';
-import { TUI_MODE, MODE_PROVIDER, TuiWrapperModule, TuiSvgModule, TuiLinkModule, TuiLoaderModule, TuiButtonModule, TuiGroupModule } from '@taiga-ui/core';
-import { TUI_INPUT_FILE_TEXTS, TUI_DIGITAL_INFORMATION_UNITS, TUI_FILE_TEXTS } from '@taiga-ui/kit/tokens';
+import { __decorate, __param, __extends, __spread } from 'tslib';
+import { EventEmitter, Inject, Input, Output, HostBinding, Component, ChangeDetectionStrategy, Optional, Self, ChangeDetectorRef, ViewChild, forwardRef, NgModule } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { TUI_IS_MOBILE, tuiDefaultProp, tuiPure, isNativeFocused, EMPTY_ARRAY, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, TuiLetModule, TuiFocusedModule, TuiFocusVisibleModule, TuiPressedModule, TuiHoveredModule, TuiFocusableModule, TuiDroppableModule, TuiPreventDefaultModule } from '@taiga-ui/cdk';
+import { TUI_FILE_TEXTS, TUI_DIGITAL_INFORMATION_UNITS, TUI_INPUT_FILE_TEXTS } from '@taiga-ui/kit/tokens';
 import { formatSize } from '@taiga-ui/kit/utils/files';
 import { of, Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
+import { NgControl } from '@angular/forms';
+import { TUI_MODE, MODE_PROVIDER, TuiWrapperModule, TuiSvgModule, TuiLinkModule, TuiLoaderModule, TuiButtonModule, TuiGroupModule } from '@taiga-ui/core';
 import { CommonModule } from '@angular/common';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-import { DomSanitizer } from '@angular/platform-browser';
+
+// @dynamic
+var TuiFileComponent = /** @class */ (function () {
+    function TuiFileComponent(isMobile, sanitizer, fileTexts$, units$) {
+        this.isMobile = isMobile;
+        this.sanitizer = sanitizer;
+        this.fileTexts$ = fileTexts$;
+        this.units$ = units$;
+        this.file = { name: '' };
+        this.state = "normal" /* Normal */;
+        this.size = 'm';
+        this.allowDelete = true;
+        this.showSize = true;
+        this.fileRemoved = new EventEmitter();
+        this.focused = false;
+    }
+    Object.defineProperty(TuiFileComponent.prototype, "preview", {
+        get: function () {
+            return this.isBig ? this.createPreview(this.file, this.sanitizer) : '';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiFileComponent.prototype, "isBig", {
+        get: function () {
+            return this.size === 'l';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiFileComponent.prototype, "isLoading", {
+        get: function () {
+            return this.state === "loading" /* Loading */;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiFileComponent.prototype, "isError", {
+        get: function () {
+            return this.state === "error" /* Error */;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiFileComponent.prototype, "isDeleted", {
+        get: function () {
+            return this.state === "deleted" /* Deleted */;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiFileComponent.prototype, "icon", {
+        get: function () {
+            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';
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiFileComponent.prototype, "src", {
+        get: function () {
+            return this.file.src || '';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiFileComponent.prototype, "name", {
+        get: function () {
+            return this.file.name.split('.').slice(0, -1).join('.');
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiFileComponent.prototype, "type", {
+        get: function () {
+            return '.' + this.file.name.split('.').pop() || '';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiFileComponent.prototype, "content$", {
+        get: function () {
+            return this.calculateContent$(this.state, this.file, this.fileTexts$);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiFileComponent.prototype, "fileSize$", {
+        get: function () {
+            return this.calculateFileSize$(this.file, this.units$);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiFileComponent.prototype.onRemoveClick = function () {
+        this.fileRemoved.emit();
+    };
+    TuiFileComponent.prototype.onFocusVisible = function (focusVisible) {
+        this.focused = focusVisible;
+    };
+    TuiFileComponent.prototype.calculateContent$ = function (state, file, fileTexts$) {
+        return state === "error" /* Error */ && !file.content
+            ? fileTexts$.pipe(map(function (texts) { return texts.loadingError; }))
+            : of(this.file.content || '');
+    };
+    TuiFileComponent.prototype.calculateFileSize$ = function (file, units$) {
+        return units$.pipe(map(function (units) { return formatSize(units, file.size); }));
+    };
+    TuiFileComponent.prototype.createPreview = function (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 '';
+    };
+    TuiFileComponent.ctorParameters = function () { return [
+        { 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, "allowDelete", void 0);
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiFileComponent.prototype, "showSize", void 0);
+    __decorate([
+        Output()
+    ], TuiFileComponent.prototype, "fileRemoved", 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);
+    TuiFileComponent = __decorate([
+        Component({
+            selector: 'tui-file',
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            template: "<ng-container *ngIf=\"!src; else withLink\">\n    <ng-container *ngTemplateOutlet=\"fileInfoTemplate\"></ng-container>\n</ng-container>\n\n<ng-template #withLink>\n    <a\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        class=\"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 class=\"preview\" [class.preview_big]=\"isBig\">\n        <img\n            *ngIf=\"preview && (fileTexts$ | async) as texts; else loader\"\n            automation-id=\"tui-file__preview\"\n            class=\"image\"\n            [alt]=\"texts.preview\"\n            [src]=\"preview\"\n        />\n        <ng-template #loader>\n            <tui-loader\n                *ngIf=\"isLoading; else svg\"\n                automation-id=\"tui-file__loader\"\n                class=\"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=\"icon\"\n                [class.icon_deleted]=\"isDeleted\"\n                [class.icon_error]=\"isError\"\n                [src]=\"icon\"\n            ></tui-svg>\n        </ng-template>\n    </div>\n    <div class=\"wrapper\">\n        <div class=\"text\">\n            <div automation-id=\"tui-file__name\" class=\"name\">{{ name }}</div>\n            <div automation-id=\"tui-file__type\" class=\"type\">{{ type }}</div>\n            <div\n                *ngIf=\"showSize && (fileSize$ | async) as fileSize\"\n                automation-id=\"tui-file__size\"\n                class=\"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=\"content\"\n            [content]=\"content\"\n        ></div>\n    </div>\n    <button\n        *ngIf=\"allowDelete && (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=\"remove\"\n        [title]=\"texts.remove\"\n        [class.remove_mobile]=\"isMobile\"\n        (click.prevent)=\"onRemoveClick()\"\n    ></button>\n</ng-template>\n",
+            styles: [":host{position:relative;display:flex;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 .remove{opacity:1}:host._focused{border-color:var(--tui-focus);box-shadow:0 0 0 1px inset var(--tui-focus)}.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)}.link:hover{background-color:var(--tui-base-02)}.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:rgba(0,0,0,.24)}.preview_big{width:4rem;height:4rem;margin-right:1rem}.preview_big:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:#333;opacity:.08}.image{max-width:100%;max-height:100%}.loader{position:absolute;top:0;left:0;width:100%;height:100%}.icon{position:absolute;top:0;left:0;width:100%;height:100%;color:var(--tui-success-fill)}.icon_error{color:var(--tui-error-fill)}.icon_deleted{color:var(--tui-base-06)}.remove{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:.625rem;right:.625rem;opacity:0}.remove:focus,.remove_mobile{opacity:1}.wrapper{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.text{display:flex}.size{flex-shrink:0;opacity:var(--tui-disabled-opacity);margin-left:.5rem}.type{flex-shrink:0}.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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);
+    return TuiFileComponent;
+}());
 
 var DEFAULT_MAX_SIZE = 30 * 1000 * 1000; // 30 MB
 // @dynamic
@@ -21,6 +206,7 @@ var TuiInputFileComponent = /** @class */ (function (_super) {
         _this.inputFileTexts$ = inputFileTexts$;
         _this.mode$ = mode$;
         _this.units$ = units$;
+        _this.dataTransfer = null;
         _this.link = '';
         _this.label = '';
         _this.accept = '';
@@ -31,7 +217,6 @@ var TuiInputFileComponent = /** @class */ (function (_super) {
         _this.loadingFiles = [];
         _this.rejectedFiles = [];
         _this.rejectedFilesChange = new EventEmitter();
-        _this.dataTransfer = null;
         return _this;
     }
     TuiInputFileComponent_1 = TuiInputFileComponent;
@@ -298,7 +483,7 @@ var TuiInputFileComponent = /** @class */ (function (_super) {
     TuiInputFileComponent = TuiInputFileComponent_1 = __decorate([
         Component({
             selector: 'tui-input-file',
-            template: "<tui-wrapper\n    *ngIf=\"multiple || !value\"\n    class=\"wrapper\"\n    [class.wrapper_mobile]=\"isMobile\"\n    [class.wrapper_has-files]=\"hasFiles\"\n    [appearance]=\"getAppearance(mode$ | async)\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered || fileDragged\"\n    [pressed]=\"computedPressed\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"computedDisabled\"\n>\n    <label\n        *ngIf=\"(units$ | async) as units\"\n        automation-id=\"tui-input-file__label\"\n    >\n        <a tuiLink>\n            <span\n                polymorpheus-outlet\n                class=\"inline\"\n                [content]=\"computedLink$ | async\"\n            ></span>\n        </a>\n        <ng-container *ngIf=\"computedLabel$ | async as computedLabel\">\n            <span>&nbsp;</span>\n            <span\n                polymorpheus-outlet\n                class=\"inline\"\n                [content]=\"computedLabel\"\n            ></span>\n        </ng-container>\n        <input\n            *ngIf=\"!readOnly && !computedDisabled && (inputFileTexts$ | async) as texts\"\n            #input\n            class=\"native\"\n            type=\"file\"\n            tuiPreventDefault=\"mousedown\"\n            [id]=\"id\"\n            [accept]=\"accept\"\n            [multiple]=\"multiple\"\n            [tuiFocusable]=\"focusable\"\n            (change)=\"onFilesSelected(input, texts, units)\"\n            (tuiHoveredChange)=\"onHovered($event)\"\n            (tuiFocusedChange)=\"onFocused($event)\"\n            (tuiPressedChange)=\"onPressed($event)\"\n            (tuiDroppableDropped)=\"onDropped($event, texts, units)\"\n            (tuiDroppableDragOverChange)=\"onDragOver($event)\"\n        />\n    </label>\n</tui-wrapper>\n\n<section\n    *tuiLet=\"mode$ | async as mode\"\n    tuiGroup\n    class=\"files\"\n    orientation=\"vertical\"\n    [collapsed]=\"true\"\n>\n    <tui-file\n        *ngFor=\"let file of rejectedFiles\"\n        automation-id=\"tui-input-file__error\"\n        state=\"error\"\n        [attr.data-mode]=\"mode\"\n        [showSize]=\"showSize\"\n        [allowDelete]=\"allowDelete\"\n        [size]=\"size\"\n        [file]=\"file\"\n        (fileRemoved)=\"removeRejectedFile(file)\"\n    ></tui-file>\n    <tui-file\n        *ngFor=\"let file of computedLoading\"\n        automation-id=\"tui-input-file__loading\"\n        state=\"loading\"\n        [attr.data-mode]=\"mode\"\n        [showSize]=\"showSize\"\n        [allowDelete]=\"allowDelete\"\n        [size]=\"size\"\n        [file]=\"file\"\n        (fileRemoved)=\"removeFile(file)\"\n    ></tui-file>\n    <tui-file\n        *ngFor=\"let file of readyFiles\"\n        automation-id=\"tui-input-file__file\"\n        [attr.data-mode]=\"mode\"\n        [showSize]=\"showSize\"\n        [allowDelete]=\"allowDelete\"\n        [size]=\"size\"\n        [file]=\"file\"\n        (fileRemoved)=\"removeFile(file)\"\n    ></tui-file>\n</section>\n",
+            template: "<tui-wrapper\n    *ngIf=\"multiple || !value\"\n    class=\"wrapper\"\n    [class.wrapper_mobile]=\"isMobile\"\n    [class.wrapper_has-files]=\"hasFiles\"\n    [appearance]=\"getAppearance(mode$ | async)\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered || fileDragged\"\n    [pressed]=\"computedPressed\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"computedDisabled\"\n>\n    <label\n        *ngIf=\"units$ | async as units\"\n        automation-id=\"tui-input-file__label\"\n    >\n        <a tuiLink>\n            <span\n                polymorpheus-outlet\n                class=\"inline\"\n                [content]=\"computedLink$ | async\"\n            ></span>\n        </a>\n        <ng-container *ngIf=\"computedLabel$ | async as computedLabel\">\n            <span>&nbsp;</span>\n            <span\n                polymorpheus-outlet\n                class=\"inline\"\n                [content]=\"computedLabel\"\n            ></span>\n        </ng-container>\n        <input\n            *ngIf=\"!readOnly && !computedDisabled && (inputFileTexts$ | async) as texts\"\n            #input\n            type=\"file\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"native\"\n            [id]=\"id\"\n            [accept]=\"accept\"\n            [multiple]=\"multiple\"\n            [tuiFocusable]=\"focusable\"\n            (change)=\"onFilesSelected(input, texts, units)\"\n            (tuiHoveredChange)=\"onHovered($event)\"\n            (tuiFocusedChange)=\"onFocused($event)\"\n            (tuiPressedChange)=\"onPressed($event)\"\n            (tuiDroppableDropped)=\"onDropped($event, texts, units)\"\n            (tuiDroppableDragOverChange)=\"onDragOver($event)\"\n        />\n    </label>\n</tui-wrapper>\n\n<section\n    *tuiLet=\"mode$ | async as mode\"\n    tuiGroup\n    orientation=\"vertical\"\n    class=\"files\"\n    [collapsed]=\"true\"\n>\n    <tui-file\n        *ngFor=\"let file of rejectedFiles\"\n        automation-id=\"tui-input-file__error\"\n        state=\"error\"\n        [attr.data-mode]=\"mode\"\n        [showSize]=\"showSize\"\n        [allowDelete]=\"allowDelete\"\n        [size]=\"size\"\n        [file]=\"file\"\n        (fileRemoved)=\"removeRejectedFile(file)\"\n    ></tui-file>\n    <tui-file\n        *ngFor=\"let file of computedLoading\"\n        automation-id=\"tui-input-file__loading\"\n        state=\"loading\"\n        [attr.data-mode]=\"mode\"\n        [showSize]=\"showSize\"\n        [allowDelete]=\"allowDelete\"\n        [size]=\"size\"\n        [file]=\"file\"\n        (fileRemoved)=\"removeFile(file)\"\n    ></tui-file>\n    <tui-file\n        *ngFor=\"let file of readyFiles\"\n        automation-id=\"tui-input-file__file\"\n        [attr.data-mode]=\"mode\"\n        [showSize]=\"showSize\"\n        [allowDelete]=\"allowDelete\"\n        [size]=\"size\"\n        [file]=\"file\"\n        (fileRemoved)=\"removeFile(file)\"\n    ></tui-file>\n</section>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [
                 MODE_PROVIDER,
@@ -321,191 +506,6 @@ var TuiInputFileComponent = /** @class */ (function (_super) {
     return TuiInputFileComponent;
 }(AbstractTuiNullableControl));
 
-// @dynamic
-var TuiFileComponent = /** @class */ (function () {
-    function TuiFileComponent(isMobile, sanitizer, fileTexts$, units$) {
-        this.isMobile = isMobile;
-        this.sanitizer = sanitizer;
-        this.fileTexts$ = fileTexts$;
-        this.units$ = units$;
-        this.file = { name: '' };
-        this.state = "normal" /* Normal */;
-        this.size = 'm';
-        this.allowDelete = true;
-        this.showSize = true;
-        this.fileRemoved = new EventEmitter();
-        this.focused = false;
-    }
-    Object.defineProperty(TuiFileComponent.prototype, "preview", {
-        get: function () {
-            return this.isBig ? this.createPreview(this.file, this.sanitizer) : '';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiFileComponent.prototype, "isBig", {
-        get: function () {
-            return this.size === 'l';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiFileComponent.prototype, "isLoading", {
-        get: function () {
-            return this.state === "loading" /* Loading */;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiFileComponent.prototype, "isError", {
-        get: function () {
-            return this.state === "error" /* Error */;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiFileComponent.prototype, "isDeleted", {
-        get: function () {
-            return this.state === "deleted" /* Deleted */;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiFileComponent.prototype, "icon", {
-        get: function () {
-            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';
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiFileComponent.prototype, "src", {
-        get: function () {
-            return this.file.src || '';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiFileComponent.prototype, "name", {
-        get: function () {
-            return this.file.name.split('.').slice(0, -1).join('.');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiFileComponent.prototype, "type", {
-        get: function () {
-            return '.' + this.file.name.split('.').pop() || '';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiFileComponent.prototype, "content$", {
-        get: function () {
-            return this.calculateContent$(this.state, this.file, this.fileTexts$);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiFileComponent.prototype, "fileSize$", {
-        get: function () {
-            return this.calculateFileSize$(this.file, this.units$);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiFileComponent.prototype.onRemoveClick = function () {
-        this.fileRemoved.emit();
-    };
-    TuiFileComponent.prototype.onFocusVisible = function (focusVisible) {
-        this.focused = focusVisible;
-    };
-    TuiFileComponent.prototype.calculateContent$ = function (state, file, fileTexts$) {
-        return state === "error" /* Error */ && !file.content
-            ? fileTexts$.pipe(map(function (texts) { return texts.loadingError; }))
-            : of(this.file.content || '');
-    };
-    TuiFileComponent.prototype.calculateFileSize$ = function (file, units$) {
-        return units$.pipe(map(function (units) { return formatSize(units, file.size); }));
-    };
-    TuiFileComponent.prototype.createPreview = function (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 '';
-    };
-    TuiFileComponent.ctorParameters = function () { return [
-        { 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, "allowDelete", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiFileComponent.prototype, "showSize", void 0);
-    __decorate([
-        Output()
-    ], TuiFileComponent.prototype, "fileRemoved", 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);
-    TuiFileComponent = __decorate([
-        Component({
-            selector: 'tui-file',
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            template: "<ng-container *ngIf=\"!src; else withLink\">\n    <ng-container *ngTemplateOutlet=\"fileInfoTemplate\"></ng-container>\n</ng-container>\n\n<ng-template #withLink>\n    <a\n        class=\"link\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\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 class=\"preview\" [class.preview_big]=\"isBig\">\n        <img\n            *ngIf=\"preview && (fileTexts$ | async) as texts; else loader\"\n            automation-id=\"tui-file__preview\"\n            class=\"image\"\n            [alt]=\"texts.preview\"\n            [src]=\"preview\"\n        />\n        <ng-template #loader>\n            <tui-loader\n                *ngIf=\"isLoading; else svg\"\n                automation-id=\"tui-file__loader\"\n                class=\"loader\"\n                [inheritColor]=\"isBig\"\n            ></tui-loader>\n        </ng-template>\n        <ng-template #svg>\n            <tui-svg\n                class=\"icon\"\n                automation-id=\"tui-file__icon\"\n                [class.icon_deleted]=\"isDeleted\"\n                [class.icon_error]=\"isError\"\n                [src]=\"icon\"\n            ></tui-svg>\n        </ng-template>\n    </div>\n    <div class=\"wrapper\">\n        <div class=\"text\">\n            <div automation-id=\"tui-file__name\" class=\"name\">{{name}}</div>\n            <div automation-id=\"tui-file__type\" class=\"type\">{{type}}</div>\n            <div\n                *ngIf=\"showSize && (fileSize$ | async) as fileSize\"\n                automation-id=\"tui-file__size\"\n                class=\"size\"\n            >\n                {{fileSize}}\n            </div>\n        </div>\n        <div\n            polymorpheus-outlet\n            *ngIf=\"content$ | async as content\"\n            automation-id=\"tui-file__content\"\n            class=\"content\"\n            [content]=\"content\"\n        ></div>\n    </div>\n    <button\n        *ngIf=\"allowDelete && (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=\"remove\"\n        [title]=\"texts.remove\"\n        [class.remove_mobile]=\"isMobile\"\n        (click.prevent)=\"onRemoveClick()\"\n    ></button>\n</ng-template>\n",
-            styles: [":host{position:relative;display:flex;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 .remove{opacity:1}:host._focused{border-color:var(--tui-focus);box-shadow:0 0 0 1px inset var(--tui-focus)}.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)}.link:hover{background-color:var(--tui-base-02)}.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:rgba(0,0,0,.24)}.preview_big{width:4rem;height:4rem;margin-right:1rem}.preview_big:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:#333;opacity:.08}.image{max-width:100%;max-height:100%}.loader{position:absolute;top:0;left:0;width:100%;height:100%}.icon{position:absolute;top:0;left:0;width:100%;height:100%;color:var(--tui-success-fill)}.icon_error{color:var(--tui-error-fill)}.icon_deleted{color:var(--tui-base-06)}.remove{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:.625rem;right:.625rem;opacity:0}.remove:focus,.remove_mobile{opacity:1}.wrapper{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.text{display:flex}.size{flex-shrink:0;opacity:var(--tui-disabled-opacity);margin-left:.5rem}.type{flex-shrink:0}.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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);
-    return TuiFileComponent;
-}());
-
 var TuiInputFileModule = /** @class */ (function () {
     function TuiInputFileModule() {
     }