@taiga-ui/kit 2.36.0 → 2.38.0

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-file.js","sources":["ng://@taiga-ui/kit/components/input-file/file/file.component.ts","ng://@taiga-ui/kit/components/input-file/input-file.component.ts","ng://@taiga-ui/kit/components/input-file/input-file.module.ts","ng://@taiga-ui/kit/components/input-file/taiga-ui-kit-components-input-file.ts"],"sourcesContent":["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} 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\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: TuiFileState = TuiFileState.Normal;\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    allowDelete = true;\n\n    @Input()\n    @tuiDefaultProp()\n    showSize = true;\n\n    @Output()\n    readonly fileRemoved = 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<\n            Record<'loadingError' | 'preview' | 'remove', string>\n        >,\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 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.file.name.split('.').slice(0, -1).join('.');\n    }\n\n    get type(): string {\n        return '.' + this.file.name.split('.').pop() || '';\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.fileRemoved.emit();\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.focused = focusVisible;\n    }\n\n    @tuiPure\n    private calculateContent$(\n        state: TuiFileState,\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","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    EMPTY_ARRAY,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_MODE,\n    TuiAppearance,\n    TuiBrightness,\n    TuiSizeL,\n} from '@taiga-ui/core';\nimport {TuiFileLike} from '@taiga-ui/kit/interfaces';\nimport {TUI_DIGITAL_INFORMATION_UNITS, TUI_INPUT_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\nconst DEFAULT_MAX_SIZE = 30 * 1000 * 1000; // 30 MB\n\n// @dynamic\n@Component({\n    selector: 'tui-input-file',\n    templateUrl: './input-file.template.html',\n    styleUrls: ['./input-file.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        MODE_PROVIDER,\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputFileComponent),\n        },\n    ],\n})\nexport class TuiInputFileComponent\n    extends AbstractTuiNullableControl<TuiFileLike | ReadonlyArray<TuiFileLike>>\n    implements TuiFocusableElementAccessor\n{\n    private dataTransfer: DataTransfer | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    link: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    label: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    accept = '';\n\n    @Input()\n    @tuiDefaultProp()\n    multiple = false;\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    showSize = true;\n\n    @Input()\n    @tuiDefaultProp()\n    maxFileSize = DEFAULT_MAX_SIZE;\n\n    @Input()\n    @tuiDefaultProp()\n    loadingFiles: ReadonlyArray<TuiFileLike> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    rejectedFiles: ReadonlyArray<TuiFileLike> = [];\n\n    @Output()\n    rejectedFilesChange = new EventEmitter<ReadonlyArray<TuiFileLike>>();\n\n    @ViewChild('input')\n    readonly input?: ElementRef<HTMLInputElement>;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef)\n        changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_IS_MOBILE)\n        readonly isMobile: boolean,\n        @Inject(TUI_INPUT_FILE_TEXTS)\n        readonly inputFileTexts$: Observable<\n            Record<\n                | 'defaultLabelSingle'\n                | 'defaultLabelMultiple'\n                | 'defaultLinkSingle'\n                | 'defaultLinkMultiple'\n                | 'maxSizeRejectionReason'\n                | 'formatRejectionReason'\n                | 'drop'\n                | 'dropMultiple',\n                string\n            >\n        >,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_DIGITAL_INFORMATION_UNITS)\n        readonly units$: Observable<[string, string, string]>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.input ? this.input.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get computedLink$(): Observable<PolymorpheusContent> {\n        return this.computeLink$(this.fileDragged, this.multiple, this.link);\n    }\n\n    get computedLabel$(): Observable<PolymorpheusContent> {\n        return this.computeLabel$(\n            this.isMobile,\n            this.fileDragged,\n            this.multiple,\n            this.label,\n        );\n    }\n\n    // @bad TODO: refactor after IE is dropped\n    get fileDragged(): boolean {\n        return (\n            !!this.dataTransfer &&\n            Array.prototype.indexOf.call(this.dataTransfer.types, 'Files') !== -1\n        );\n    }\n\n    get acceptArray(): readonly string[] {\n        return this.getAcceptArray(this.accept);\n    }\n\n    get arrayValue(): ReadonlyArray<TuiFileLike> {\n        return this.getValueArray(this.value);\n    }\n\n    get readyFiles(): ReadonlyArray<TuiFileLike> {\n        return this.getReadyFiles(this.arrayValue, this.loadingFiles);\n    }\n\n    get computedLoading(): ReadonlyArray<TuiFileLike> {\n        return this.getLoadingFiles(this.arrayValue, this.loadingFiles);\n    }\n\n    get hasFiles(): boolean {\n        return !!this.rejectedFiles.length || !!this.arrayValue.length;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    // TODO: refactor i18n messages\n    onFilesSelected(\n        input: HTMLInputElement,\n        texts: Record<'maxSizeRejectionReason' | 'formatRejectionReason', string>,\n        units: [string, string, string],\n    ) {\n        this.processSelectedFiles(input.files, texts, units);\n        input.value = '';\n    }\n\n    onDropped(\n        event: DataTransfer,\n        texts: Record<'maxSizeRejectionReason' | 'formatRejectionReason', string>,\n        units: [string, string, string],\n    ) {\n        this.processSelectedFiles(event.files, texts, units);\n    }\n\n    onDragOver(dataTransfer: DataTransfer | null) {\n        this.dataTransfer = dataTransfer;\n    }\n\n    removeFile(removedFile: TuiFileLike) {\n        this.updateValue(\n            this.multiple ? this.arrayValue.filter(file => file !== removedFile) : null,\n        );\n    }\n\n    removeRejectedFile(removedFile: TuiFileLike) {\n        this.updateRejectedFiles(this.rejectedFiles.filter(file => file !== removedFile));\n    }\n\n    getAppearance(mode: null | unknown): string {\n        return mode === null ? '' : TuiAppearance.Outline;\n    }\n\n    @tuiPure\n    private computeLink$(\n        fileDragged: boolean,\n        multiple: boolean,\n        link: PolymorpheusContent,\n    ): Observable<PolymorpheusContent> {\n        if (fileDragged) {\n            return of('');\n        }\n\n        return this.inputFileTexts$.pipe(\n            map(texts =>\n                multiple && link === ''\n                    ? texts.defaultLinkMultiple\n                    : link || texts.defaultLinkSingle,\n            ),\n        );\n    }\n\n    @tuiPure\n    private computeLabel$(\n        isMobile: boolean,\n        fileDragged: boolean,\n        multiple: boolean,\n        label: PolymorpheusContent,\n    ): Observable<PolymorpheusContent> {\n        if (isMobile) {\n            return of('');\n        }\n\n        if (fileDragged) {\n            return this.inputFileTexts$.pipe(\n                map(texts => (multiple ? texts.dropMultiple : texts.drop)),\n            );\n        }\n\n        return this.inputFileTexts$.pipe(\n            map(texts =>\n                multiple && label === ''\n                    ? texts.defaultLabelMultiple\n                    : label || texts.defaultLabelSingle,\n            ),\n        );\n    }\n\n    @tuiPure\n    private getValueArray(\n        value: TuiFileLike | ReadonlyArray<TuiFileLike> | null,\n    ): ReadonlyArray<TuiFileLike> {\n        if (!value) {\n            return EMPTY_ARRAY;\n        }\n\n        return value instanceof Array ? value : [value];\n    }\n\n    @tuiPure\n    private getReadyFiles(\n        value: ReadonlyArray<TuiFileLike>,\n        loading: ReadonlyArray<TuiFileLike>,\n    ): ReadonlyArray<TuiFileLike> {\n        return value.filter(file => loading.indexOf(file) === -1);\n    }\n\n    @tuiPure\n    private getLoadingFiles(\n        value: ReadonlyArray<TuiFileLike>,\n        loading: ReadonlyArray<TuiFileLike>,\n    ): ReadonlyArray<TuiFileLike> {\n        return loading.filter(file => value.indexOf(file) !== -1);\n    }\n\n    @tuiPure\n    private getAcceptArray(accept: string): readonly string[] {\n        return accept\n            .toLowerCase()\n            .split(',')\n            .map(format => format.trim());\n    }\n\n    private processSelectedFiles(\n        files: FileList | null,\n        texts: Record<'maxSizeRejectionReason' | 'formatRejectionReason', string>,\n        units: [string, string, string],\n    ) {\n        // IE11 after selecting a file through the open dialog generates a second event passing an empty FileList.\n        if (files === null || files.length === 0) {\n            return;\n        }\n\n        const newFiles = this.multiple ? Array.from(files) : [files[0]];\n        const tooBigFiles = newFiles.filter(file => file.size > this.maxFileSize);\n        const wrongFormatFiles = newFiles.filter(\n            file => !this.isFormatAcceptable(file) && tooBigFiles.indexOf(file) === -1,\n        );\n        const acceptedFiles = newFiles.filter(\n            file =>\n                tooBigFiles.indexOf(file) === -1 && wrongFormatFiles.indexOf(file) === -1,\n        );\n\n        this.updateRejectedFiles([\n            ...tooBigFiles.map(file => ({\n                name: file.name,\n                type: file.type,\n                size: file.size,\n                content:\n                    texts.maxSizeRejectionReason + formatSize(units, this.maxFileSize),\n            })),\n            ...wrongFormatFiles.map(file => ({\n                name: file.name,\n                type: file.type,\n                size: file.size,\n                content: texts.formatRejectionReason,\n            })),\n        ]);\n        this.updateValue(\n            this.multiple\n                ? [...this.arrayValue, ...acceptedFiles]\n                : acceptedFiles[0] || null,\n        );\n    }\n\n    private isFormatAcceptable(file: File): boolean {\n        if (!this.accept) {\n            return true;\n        }\n\n        const extension = '.' + (file.name.split('.').pop() || '').toLowerCase();\n\n        return this.acceptArray.some(\n            format =>\n                format === extension ||\n                format === file.type ||\n                (format.split('/')[1] === '*' &&\n                    file.type.split('/')[0] === format.split('/')[0]),\n        );\n    }\n\n    private updateRejectedFiles(rejectedFiles: ReadonlyArray<TuiFileLike>) {\n        this.rejectedFiles = rejectedFiles;\n        this.rejectedFilesChange.emit(rejectedFiles);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiDroppableModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n    TuiHoveredModule,\n    TuiLetModule,\n    TuiPressedModule,\n    TuiPreventDefaultModule,\n} from '@taiga-ui/cdk';\nimport {\n    TuiButtonModule,\n    TuiGroupModule,\n    TuiLinkModule,\n    TuiLoaderModule,\n    TuiSvgModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiFileComponent} from './file/file.component';\nimport {TuiInputFileComponent} from './input-file.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiLetModule,\n        TuiFocusedModule,\n        TuiFocusVisibleModule,\n        TuiPressedModule,\n        TuiHoveredModule,\n        TuiFocusableModule,\n        TuiDroppableModule,\n        TuiWrapperModule,\n        TuiSvgModule,\n        TuiLinkModule,\n        TuiLoaderModule,\n        TuiButtonModule,\n        TuiPreventDefaultModule,\n        TuiGroupModule,\n    ],\n    declarations: [TuiFileComponent, TuiInputFileComponent],\n    exports: [TuiInputFileComponent],\n})\nexport class TuiInputFileModule {}\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-file.js","sources":["ng://@taiga-ui/kit/components/input-file/file/file.component.ts","ng://@taiga-ui/kit/components/input-file/input-file.component.ts","ng://@taiga-ui/kit/components/input-file/input-file.module.ts","ng://@taiga-ui/kit/components/input-file/taiga-ui-kit-components-input-file.ts"],"sourcesContent":["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} 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\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 TuiFileOldComponent {\n    @Input()\n    @tuiDefaultProp()\n    file: TuiFileLike = {name: ''};\n\n    @Input()\n    @tuiDefaultProp()\n    state: TuiFileState = TuiFileState.Normal;\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    allowDelete = true;\n\n    @Input()\n    @tuiDefaultProp()\n    showSize = true;\n\n    @Output()\n    readonly fileRemoved = 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<\n            Record<'loadingError' | 'preview' | 'remove', string>\n        >,\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 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.file.name.split('.').slice(0, -1).join('.');\n    }\n\n    get type(): string {\n        return `.${this.file.name.split('.').pop()}` || '';\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.fileRemoved.emit();\n    }\n\n    onFocusVisible(focusVisible: boolean) {\n        this.focused = focusVisible;\n    }\n\n    @tuiPure\n    private calculateContent$(\n        state: TuiFileState,\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","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    EMPTY_ARRAY,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    TUI_MODE,\n    TuiAppearance,\n    TuiBrightness,\n    TuiSizeL,\n} from '@taiga-ui/core';\nimport {TuiFileLike} from '@taiga-ui/kit/interfaces';\nimport {TUI_DIGITAL_INFORMATION_UNITS, TUI_INPUT_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\nconst DEFAULT_MAX_SIZE = 30 * 1000 * 1000; // 30 MB\n\n// @dynamic\n@Component({\n    selector: 'tui-input-file',\n    templateUrl: './input-file.template.html',\n    styleUrls: ['./input-file.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        MODE_PROVIDER,\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputFileComponent),\n        },\n    ],\n})\nexport class TuiInputFileComponent\n    extends AbstractTuiNullableControl<TuiFileLike | ReadonlyArray<TuiFileLike>>\n    implements TuiFocusableElementAccessor\n{\n    private dataTransfer: DataTransfer | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    link: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    label: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    accept = '';\n\n    @Input()\n    @tuiDefaultProp()\n    multiple = false;\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    showSize = true;\n\n    @Input()\n    @tuiDefaultProp()\n    maxFileSize = DEFAULT_MAX_SIZE;\n\n    @Input()\n    @tuiDefaultProp()\n    loadingFiles: ReadonlyArray<TuiFileLike> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    rejectedFiles: ReadonlyArray<TuiFileLike> = [];\n\n    @Output()\n    rejectedFilesChange = new EventEmitter<ReadonlyArray<TuiFileLike>>();\n\n    @ViewChild('input')\n    readonly input?: ElementRef<HTMLInputElement>;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef)\n        changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_IS_MOBILE)\n        readonly isMobile: boolean,\n        @Inject(TUI_INPUT_FILE_TEXTS)\n        readonly inputFileTexts$: Observable<\n            Record<\n                | 'defaultLabelSingle'\n                | 'defaultLabelMultiple'\n                | 'defaultLinkSingle'\n                | 'defaultLinkMultiple'\n                | 'maxSizeRejectionReason'\n                | 'formatRejectionReason'\n                | 'drop'\n                | 'dropMultiple',\n                string\n            >\n        >,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_DIGITAL_INFORMATION_UNITS)\n        readonly units$: Observable<[string, string, string]>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.input ? this.input.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get computedLink$(): Observable<PolymorpheusContent> {\n        return this.computeLink$(this.fileDragged, this.multiple, this.link);\n    }\n\n    get computedLabel$(): Observable<PolymorpheusContent> {\n        return this.computeLabel$(\n            this.isMobile,\n            this.fileDragged,\n            this.multiple,\n            this.label,\n        );\n    }\n\n    // @bad TODO: refactor after IE is dropped\n    get fileDragged(): boolean {\n        return (\n            !!this.dataTransfer &&\n            Array.prototype.indexOf.call(this.dataTransfer.types, 'Files') !== -1\n        );\n    }\n\n    get acceptArray(): readonly string[] {\n        return this.getAcceptArray(this.accept);\n    }\n\n    get arrayValue(): ReadonlyArray<TuiFileLike> {\n        return this.getValueArray(this.value);\n    }\n\n    get readyFiles(): ReadonlyArray<TuiFileLike> {\n        return this.getReadyFiles(this.arrayValue, this.loadingFiles);\n    }\n\n    get computedLoading(): ReadonlyArray<TuiFileLike> {\n        return this.getLoadingFiles(this.arrayValue, this.loadingFiles);\n    }\n\n    get hasFiles(): boolean {\n        return !!this.rejectedFiles.length || !!this.arrayValue.length;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    // TODO: refactor i18n messages\n    onFilesSelected(\n        input: HTMLInputElement,\n        texts: Record<'maxSizeRejectionReason' | 'formatRejectionReason', string>,\n        units: [string, string, string],\n    ) {\n        this.processSelectedFiles(input.files, texts, units);\n        input.value = '';\n    }\n\n    onDropped(\n        event: DataTransfer,\n        texts: Record<'maxSizeRejectionReason' | 'formatRejectionReason', string>,\n        units: [string, string, string],\n    ) {\n        this.processSelectedFiles(event.files, texts, units);\n    }\n\n    onDragOver(dataTransfer: DataTransfer | null) {\n        this.dataTransfer = dataTransfer;\n    }\n\n    removeFile(removedFile: TuiFileLike) {\n        this.updateValue(\n            this.multiple ? this.arrayValue.filter(file => file !== removedFile) : null,\n        );\n    }\n\n    removeRejectedFile(removedFile: TuiFileLike) {\n        this.updateRejectedFiles(this.rejectedFiles.filter(file => file !== removedFile));\n    }\n\n    getAppearance(mode: null | unknown): string {\n        return mode === null ? '' : TuiAppearance.Outline;\n    }\n\n    @tuiPure\n    private computeLink$(\n        fileDragged: boolean,\n        multiple: boolean,\n        link: PolymorpheusContent,\n    ): Observable<PolymorpheusContent> {\n        if (fileDragged) {\n            return of('');\n        }\n\n        return this.inputFileTexts$.pipe(\n            map(texts =>\n                multiple && link === ''\n                    ? texts.defaultLinkMultiple\n                    : link || texts.defaultLinkSingle,\n            ),\n        );\n    }\n\n    @tuiPure\n    private computeLabel$(\n        isMobile: boolean,\n        fileDragged: boolean,\n        multiple: boolean,\n        label: PolymorpheusContent,\n    ): Observable<PolymorpheusContent> {\n        if (isMobile) {\n            return of('');\n        }\n\n        if (fileDragged) {\n            return this.inputFileTexts$.pipe(\n                map(texts => (multiple ? texts.dropMultiple : texts.drop)),\n            );\n        }\n\n        return this.inputFileTexts$.pipe(\n            map(texts =>\n                multiple && label === ''\n                    ? texts.defaultLabelMultiple\n                    : label || texts.defaultLabelSingle,\n            ),\n        );\n    }\n\n    @tuiPure\n    private getValueArray(\n        value: TuiFileLike | ReadonlyArray<TuiFileLike> | null,\n    ): ReadonlyArray<TuiFileLike> {\n        if (!value) {\n            return EMPTY_ARRAY;\n        }\n\n        return value instanceof Array ? value : [value];\n    }\n\n    @tuiPure\n    private getReadyFiles(\n        value: ReadonlyArray<TuiFileLike>,\n        loading: ReadonlyArray<TuiFileLike>,\n    ): ReadonlyArray<TuiFileLike> {\n        return value.filter(file => !loading.includes(file));\n    }\n\n    @tuiPure\n    private getLoadingFiles(\n        value: ReadonlyArray<TuiFileLike>,\n        loading: ReadonlyArray<TuiFileLike>,\n    ): ReadonlyArray<TuiFileLike> {\n        return loading.filter(file => value.includes(file));\n    }\n\n    @tuiPure\n    private getAcceptArray(accept: string): readonly string[] {\n        return accept\n            .toLowerCase()\n            .split(',')\n            .map(format => format.trim());\n    }\n\n    private processSelectedFiles(\n        files: FileList | null,\n        texts: Record<'maxSizeRejectionReason' | 'formatRejectionReason', string>,\n        units: [string, string, string],\n    ) {\n        // IE11 after selecting a file through the open dialog generates a second event passing an empty FileList.\n        if (files === null || files.length === 0) {\n            return;\n        }\n\n        const newFiles = this.multiple ? Array.from(files) : [files[0]];\n        const tooBigFiles = newFiles.filter(file => file.size > this.maxFileSize);\n        const wrongFormatFiles = newFiles.filter(\n            file => !this.isFormatAcceptable(file) && !tooBigFiles.includes(file),\n        );\n        const acceptedFiles = newFiles.filter(\n            file => !tooBigFiles.includes(file) && !wrongFormatFiles.includes(file),\n        );\n\n        this.updateRejectedFiles([\n            ...tooBigFiles.map(file => ({\n                name: file.name,\n                type: file.type,\n                size: file.size,\n                content:\n                    texts.maxSizeRejectionReason + formatSize(units, this.maxFileSize),\n            })),\n            ...wrongFormatFiles.map(file => ({\n                name: file.name,\n                type: file.type,\n                size: file.size,\n                content: texts.formatRejectionReason,\n            })),\n        ]);\n        this.updateValue(\n            this.multiple\n                ? [...this.arrayValue, ...acceptedFiles]\n                : acceptedFiles[0] || null,\n        );\n    }\n\n    private isFormatAcceptable(file: File): boolean {\n        if (!this.accept) {\n            return true;\n        }\n\n        const extension = `.${(file.name.split('.').pop() || '').toLowerCase()}`;\n\n        return this.acceptArray.some(\n            format =>\n                format === extension ||\n                format === file.type ||\n                (format.split('/')[1] === '*' &&\n                    file.type.split('/')[0] === format.split('/')[0]),\n        );\n    }\n\n    private updateRejectedFiles(rejectedFiles: ReadonlyArray<TuiFileLike>) {\n        this.rejectedFiles = rejectedFiles;\n        this.rejectedFilesChange.emit(rejectedFiles);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiDroppableModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n    TuiHoveredModule,\n    TuiLetModule,\n    TuiPressedModule,\n    TuiPreventDefaultModule,\n} from '@taiga-ui/cdk';\nimport {\n    TuiButtonModule,\n    TuiGroupModule,\n    TuiLinkModule,\n    TuiLoaderModule,\n    TuiSvgModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiFileOldComponent} from './file/file.component';\nimport {TuiInputFileComponent} from './input-file.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiLetModule,\n        TuiFocusedModule,\n        TuiFocusVisibleModule,\n        TuiPressedModule,\n        TuiHoveredModule,\n        TuiFocusableModule,\n        TuiDroppableModule,\n        TuiWrapperModule,\n        TuiSvgModule,\n        TuiLinkModule,\n        TuiLoaderModule,\n        TuiButtonModule,\n        TuiPreventDefaultModule,\n        TuiGroupModule,\n    ],\n    declarations: [TuiFileOldComponent, TuiInputFileComponent],\n    exports: [TuiInputFileComponent],\n})\nexport class TuiInputFileModule {}\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-files.js

@@ -0,0 +1,246 @@
+import { __decorate, __param } from 'tslib';
+import { EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, Output, Component, ChangeDetectionStrategy, ViewEncapsulation, forwardRef, NgModule } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { AbstractTuiNullableControl, isNativeFocused, EMPTY_ARRAY, TUI_IS_MOBILE, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiLetModule, TuiFocusedModule, TuiFocusVisibleModule, TuiPressedModule, TuiHoveredModule, TuiFocusableModule, TuiDroppableModule } from '@taiga-ui/cdk';
+import { MODE_PROVIDER, TuiWrapperModule, TuiSvgModule, TuiLinkModule, TuiLoaderModule, TuiButtonModule, TuiGroupModule } from '@taiga-ui/core';
+import { TUI_INPUT_FILE_TEXTS, TUI_DIGITAL_INFORMATION_UNITS } from '@taiga-ui/kit/tokens';
+import { formatSize, getAcceptArray } from '@taiga-ui/kit/utils/files';
+import { of, Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+
+var TuiInputFilesComponent_1;
+const DEFAULT_MAX_SIZE = 30 * 1000 * 1000; // 30 MB
+// @dynamic
+let TuiInputFilesComponent = TuiInputFilesComponent_1 = class TuiInputFilesComponent extends AbstractTuiNullableControl {
+    constructor(control, changeDetectorRef, isMobile, inputFileTexts$, units$) {
+        super(control, changeDetectorRef);
+        this.isMobile = isMobile;
+        this.inputFileTexts$ = inputFileTexts$;
+        this.units$ = units$;
+        this.dataTransfer = null;
+        this.link = '';
+        this.label = '';
+        this.accept = '';
+        this.multiple = false;
+        this.size = 'm';
+        this.maxFileSize = DEFAULT_MAX_SIZE;
+        this.reject = new EventEmitter();
+    }
+    get nativeFocusableElement() {
+        var _a;
+        return ((_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement) || null;
+    }
+    get focused() {
+        return isNativeFocused(this.nativeFocusableElement);
+    }
+    get computedPseudoHovered() {
+        var _a;
+        return (_a = this.pseudoHovered) !== null && _a !== void 0 ? _a : (this.fileDragged || null);
+    }
+    get computedLink$() {
+        return this.computeLink$(this.fileDragged, this.multiple, this.link);
+    }
+    get computedLabel$() {
+        return this.computeLabel$(this.isMobile, this.fileDragged, this.multiple, this.label);
+    }
+    get fileDragged() {
+        var _a;
+        return !!((_a = this.dataTransfer) === null || _a === void 0 ? void 0 : _a.types.includes('Files'));
+    }
+    get arrayValue() {
+        return this.getValueArray(this.value);
+    }
+    onHovered(hovered) {
+        this.updateHovered(hovered);
+    }
+    onFocused(focused) {
+        this.updateFocused(focused);
+    }
+    onPressed(pressed) {
+        this.updatePressed(pressed);
+    }
+    onFilesSelected(input, texts, units) {
+        this.processSelectedFiles(input.files, texts, units);
+        input.value = '';
+    }
+    onDropped(event, texts, units) {
+        this.processSelectedFiles(event.files, texts, units);
+    }
+    onDragOver(dataTransfer) {
+        this.dataTransfer = dataTransfer;
+    }
+    removeFile(removedFile) {
+        this.updateValue(this.multiple ? this.arrayValue.filter(file => file !== removedFile) : null);
+    }
+    computeLink$(fileDragged, multiple, link) {
+        return fileDragged
+            ? of('')
+            : this.inputFileTexts$.pipe(map(texts => multiple && link === ''
+                ? texts.defaultLinkMultiple
+                : link || texts.defaultLinkSingle));
+    }
+    computeLabel$(isMobile, fileDragged, multiple, label) {
+        if (isMobile) {
+            return of('');
+        }
+        if (fileDragged) {
+            return this.inputFileTexts$.pipe(map(texts => (multiple ? texts.dropMultiple : texts.drop)));
+        }
+        return this.inputFileTexts$.pipe(map(texts => multiple && label === ''
+            ? texts.defaultLabelMultiple
+            : label || texts.defaultLabelSingle));
+    }
+    getValueArray(value) {
+        if (!value) {
+            return EMPTY_ARRAY;
+        }
+        return Array.isArray(value) ? value : [value];
+    }
+    processSelectedFiles(files, texts, units) {
+        // IE11 after selecting a file through the open dialog generates a second event passing an empty FileList.
+        if (!(files === null || files === void 0 ? void 0 : files.length)) {
+            return;
+        }
+        const newFiles = this.multiple ? Array.from(files) : [files[0]];
+        const tooBigFiles = newFiles.filter(file => file.size > this.maxFileSize);
+        const wrongFormatFiles = newFiles.filter(file => !this.isFormatAcceptable(file) && !tooBigFiles.includes(file));
+        const acceptedFiles = newFiles.filter(file => !tooBigFiles.includes(file) && !wrongFormatFiles.includes(file));
+        if (tooBigFiles.length || wrongFormatFiles.length) {
+            this.rejectFiles([
+                ...tooBigFiles.map(file => ({
+                    name: file.name,
+                    type: file.type,
+                    size: file.size,
+                    content: texts.maxSizeRejectionReason +
+                        formatSize(units, this.maxFileSize),
+                })),
+                ...wrongFormatFiles.map(file => ({
+                    name: file.name,
+                    type: file.type,
+                    size: file.size,
+                    content: texts.formatRejectionReason,
+                })),
+            ]);
+        }
+        this.updateValue(this.multiple
+            ? [...this.arrayValue, ...acceptedFiles]
+            : acceptedFiles[0] || null);
+    }
+    isFormatAcceptable(file) {
+        if (!this.accept) {
+            return true;
+        }
+        const extension = `.${(file.name.split('.').pop() || '').toLowerCase()}`;
+        return getAcceptArray(this.accept).some(format => format === extension ||
+            format === file.type ||
+            (format.split('/')[1] === '*' &&
+                file.type.split('/')[0] === format.split('/')[0]));
+    }
+    rejectFiles(rejectedFiles) {
+        this.reject.emit(this.multiple ? rejectedFiles : rejectedFiles[0]);
+    }
+};
+TuiInputFilesComponent.ctorParameters = () => [
+    { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
+    { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
+    { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_MOBILE,] }] },
+    { type: Observable, decorators: [{ type: Inject, args: [TUI_INPUT_FILE_TEXTS,] }] },
+    { type: Observable, decorators: [{ type: Inject, args: [TUI_DIGITAL_INFORMATION_UNITS,] }] }
+];
+__decorate([
+    ViewChild('input')
+], TuiInputFilesComponent.prototype, "input", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiInputFilesComponent.prototype, "link", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiInputFilesComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiInputFilesComponent.prototype, "accept", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiInputFilesComponent.prototype, "multiple", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiInputFilesComponent.prototype, "size", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiInputFilesComponent.prototype, "maxFileSize", void 0);
+__decorate([
+    Output()
+], TuiInputFilesComponent.prototype, "reject", void 0);
+__decorate([
+    tuiPure
+], TuiInputFilesComponent.prototype, "computeLink$", null);
+__decorate([
+    tuiPure
+], TuiInputFilesComponent.prototype, "computeLabel$", null);
+__decorate([
+    tuiPure
+], TuiInputFilesComponent.prototype, "getValueArray", null);
+TuiInputFilesComponent = TuiInputFilesComponent_1 = __decorate([
+    Component({
+        selector: 'tui-input-files',
+        template: "<tui-wrapper\n    appearance=\"input-file\"\n    class=\"t-wrapper\"\n    [class._mobile]=\"isMobile\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered || fileDragged\"\n    [pressed]=\"computedPressed\"\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=\"t-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=\"t-inline\"\n                [content]=\"computedLabel\"\n            ></span>\n        </ng-container>\n        <ng-container *ngIf=\"!readOnly && !computedDisabled\">\n            <input\n                *ngIf=\"inputFileTexts$ | async as texts\"\n                #input\n                type=\"file\"\n                class=\"t-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                (mousedown.prevent.silent)=\"0\"\n            />\n        </ng-container>\n    </label>\n</tui-wrapper>\n",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        encapsulation: ViewEncapsulation.None,
+        providers: [
+            MODE_PROVIDER,
+            {
+                provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+                useExisting: forwardRef(() => TuiInputFilesComponent_1),
+            },
+        ],
+        styles: ["tui-input-files{display:block}tui-wrapper[data-appearance=input-file]{display:flex;background:0 0;font:var(--tui-font-text-m);word-wrap:break-word;color:var(--tui-text-02);flex:1;justify-content:center;align-items:center;min-height:var(--tui-height-l);border-radius:var(--tui-radius-m);padding:1rem .5rem;box-sizing:border-box}tui-wrapper[data-appearance=input-file]:after{border:1px dashed;color:var(--tui-link)}tui-wrapper[data-appearance=input-file]._mobile:after{border:1px solid}tui-wrapper[data-appearance=input-file][data-state=hovered]{background:var(--tui-secondary)}tui-wrapper[data-appearance=input-file][data-state=hovered]:after{color:var(--tui-link-hover)}tui-wrapper[data-appearance=input-file][data-state=pressed]{background:var(--tui-secondary-hover)}tui-wrapper[data-appearance=input-file][data-state=disabled]{opacity:var(--tui-disabled-opacity);pointer-events:none}tui-wrapper[data-appearance=input-file][data-state=disabled]:after{color:var(--tui-text-03)}tui-wrapper[data-appearance=input-file]._focused:after{border-style:solid;border-width:2px;color:var(--tui-focus)}tui-wrapper[data-appearance=input-file][data-mode=onDark],tui-wrapper[data-appearance=input-file][data-mode=onDark]._focused:after,tui-wrapper[data-appearance=input-file][data-mode=onDark]:after{color:var(--tui-text-01-night)}tui-wrapper[data-appearance=input-file][data-mode=onDark][data-state=hovered]{background:var(--tui-clear-inverse-hover)}tui-wrapper[data-appearance=input-file][data-mode=onDark][data-state=hovered]:after,tui-wrapper[data-appearance=input-file][data-mode=onDark][data-state=pressed]:after{color:var(--tui-text-03-night)}tui-wrapper[data-appearance=input-file][data-mode=onDark][data-state=pressed]{background:var(--tui-clear-inverse-active)}tui-wrapper[data-appearance=input-file][data-mode=onLight],tui-wrapper[data-appearance=input-file][data-mode=onLight]:after{color:var(--tui-text-01)}tui-wrapper[data-appearance=input-file][data-mode=onLight][data-state=hovered]{background:var(--tui-clear-hover)}tui-wrapper[data-appearance=input-file][data-mode=onLight][data-state=hovered]:after,tui-wrapper[data-appearance=input-file][data-mode=onLight][data-state=pressed]:after{color:var(--tui-text-03)}tui-wrapper[data-appearance=input-file][data-mode=onLight][data-state=pressed]{background:var(--tui-clear-active)}.t-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.t-native::-webkit-file-upload-button{display:none}.t-inline{display:inline}"]
+    }),
+    __param(0, Optional()),
+    __param(0, Self()),
+    __param(0, Inject(NgControl)),
+    __param(1, Inject(ChangeDetectorRef)),
+    __param(2, Inject(TUI_IS_MOBILE)),
+    __param(3, Inject(TUI_INPUT_FILE_TEXTS)),
+    __param(4, Inject(TUI_DIGITAL_INFORMATION_UNITS))
+], TuiInputFilesComponent);
+
+let TuiInputFilesModule = class TuiInputFilesModule {
+};
+TuiInputFilesModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            PolymorpheusModule,
+            TuiLetModule,
+            TuiFocusedModule,
+            TuiFocusVisibleModule,
+            TuiPressedModule,
+            TuiHoveredModule,
+            TuiFocusableModule,
+            TuiDroppableModule,
+            TuiWrapperModule,
+            TuiSvgModule,
+            TuiLinkModule,
+            TuiLoaderModule,
+            TuiButtonModule,
+            TuiGroupModule,
+        ],
+        declarations: [TuiInputFilesComponent],
+        exports: [TuiInputFilesComponent],
+    })
+], TuiInputFilesModule);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiInputFilesComponent, TuiInputFilesModule };
+//# sourceMappingURL=taiga-ui-kit-components-input-files.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-input-files.js","sources":["ng://@taiga-ui/kit/components/input-files/input-files.component.ts","ng://@taiga-ui/kit/components/input-files/input-files.module.ts","ng://@taiga-ui/kit/components/input-files/taiga-ui-kit-components-input-files.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    EMPTY_ARRAY,\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TuiSizeL} from '@taiga-ui/core';\nimport {TuiFileLike} from '@taiga-ui/kit/interfaces';\nimport {TUI_DIGITAL_INFORMATION_UNITS, TUI_INPUT_FILE_TEXTS} from '@taiga-ui/kit/tokens';\nimport {formatSize, getAcceptArray} from '@taiga-ui/kit/utils/files';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable, of} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nconst DEFAULT_MAX_SIZE = 30 * 1000 * 1000; // 30 MB\n\n// @dynamic\n@Component({\n    selector: 'tui-input-files',\n    templateUrl: './input-files.template.html',\n    styleUrls: ['./input-files.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [\n        MODE_PROVIDER,\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputFilesComponent),\n        },\n    ],\n})\nexport class TuiInputFilesComponent\n    extends AbstractTuiNullableControl<TuiFileLike | ReadonlyArray<TuiFileLike>>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('input')\n    private readonly input?: ElementRef<HTMLInputElement>;\n\n    private dataTransfer: DataTransfer | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    link: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    label: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    accept = '';\n\n    @Input()\n    @tuiDefaultProp()\n    multiple = false;\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    maxFileSize = DEFAULT_MAX_SIZE;\n\n    @Output()\n    reject = new EventEmitter<ReadonlyArray<TuiFileLike> | TuiFileLike>();\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef)\n        changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_IS_MOBILE)\n        readonly isMobile: boolean,\n        @Inject(TUI_INPUT_FILE_TEXTS)\n        readonly inputFileTexts$: Observable<\n            Record<\n                | 'defaultLabelSingle'\n                | 'defaultLabelMultiple'\n                | 'defaultLinkSingle'\n                | 'defaultLinkMultiple'\n                | 'maxSizeRejectionReason'\n                | 'formatRejectionReason'\n                | 'drop'\n                | 'dropMultiple',\n                string\n            >\n        >,\n        @Inject(TUI_DIGITAL_INFORMATION_UNITS)\n        readonly units$: Observable<[string, string, string]>,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.input?.nativeElement || null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get computedPseudoHovered(): boolean | null {\n        return this.pseudoHovered ?? (this.fileDragged || null);\n    }\n\n    get computedLink$(): Observable<PolymorpheusContent> {\n        return this.computeLink$(this.fileDragged, this.multiple, this.link);\n    }\n\n    get computedLabel$(): Observable<PolymorpheusContent> {\n        return this.computeLabel$(\n            this.isMobile,\n            this.fileDragged,\n            this.multiple,\n            this.label,\n        );\n    }\n\n    get fileDragged(): boolean {\n        return !!this.dataTransfer?.types.includes('Files');\n    }\n\n    get arrayValue(): ReadonlyArray<TuiFileLike> {\n        return this.getValueArray(this.value);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onFilesSelected(\n        input: HTMLInputElement,\n        texts: Record<'maxSizeRejectionReason' | 'formatRejectionReason', string>,\n        units: [string, string, string],\n    ) {\n        this.processSelectedFiles(input.files, texts, units);\n        input.value = '';\n    }\n\n    onDropped(\n        event: DataTransfer,\n        texts: Record<'maxSizeRejectionReason' | 'formatRejectionReason', string>,\n        units: [string, string, string],\n    ) {\n        this.processSelectedFiles(event.files, texts, units);\n    }\n\n    onDragOver(dataTransfer: DataTransfer | null) {\n        this.dataTransfer = dataTransfer;\n    }\n\n    removeFile(removedFile: TuiFileLike) {\n        this.updateValue(\n            this.multiple ? this.arrayValue.filter(file => file !== removedFile) : null,\n        );\n    }\n\n    @tuiPure\n    private computeLink$(\n        fileDragged: boolean,\n        multiple: boolean,\n        link: PolymorpheusContent,\n    ): Observable<PolymorpheusContent> {\n        return fileDragged\n            ? of('')\n            : this.inputFileTexts$.pipe(\n                  map(texts =>\n                      multiple && link === ''\n                          ? texts.defaultLinkMultiple\n                          : link || texts.defaultLinkSingle,\n                  ),\n              );\n    }\n\n    @tuiPure\n    private computeLabel$(\n        isMobile: boolean,\n        fileDragged: boolean,\n        multiple: boolean,\n        label: PolymorpheusContent,\n    ): Observable<PolymorpheusContent> {\n        if (isMobile) {\n            return of('');\n        }\n\n        if (fileDragged) {\n            return this.inputFileTexts$.pipe(\n                map(texts => (multiple ? texts.dropMultiple : texts.drop)),\n            );\n        }\n\n        return this.inputFileTexts$.pipe(\n            map(texts =>\n                multiple && label === ''\n                    ? texts.defaultLabelMultiple\n                    : label || texts.defaultLabelSingle,\n            ),\n        );\n    }\n\n    @tuiPure\n    private getValueArray(\n        value: TuiFileLike | ReadonlyArray<TuiFileLike> | null,\n    ): ReadonlyArray<TuiFileLike> {\n        if (!value) {\n            return EMPTY_ARRAY;\n        }\n\n        return Array.isArray(value) ? value : [value];\n    }\n\n    private processSelectedFiles(\n        files: FileList | null,\n        texts: Record<'maxSizeRejectionReason' | 'formatRejectionReason', string>,\n        units: [string, string, string],\n    ) {\n        // IE11 after selecting a file through the open dialog generates a second event passing an empty FileList.\n        if (!files?.length) {\n            return;\n        }\n\n        const newFiles = this.multiple ? Array.from(files) : [files[0]];\n        const tooBigFiles = newFiles.filter(file => file.size > this.maxFileSize);\n        const wrongFormatFiles = newFiles.filter(\n            file => !this.isFormatAcceptable(file) && !tooBigFiles.includes(file),\n        );\n        const acceptedFiles = newFiles.filter(\n            file => !tooBigFiles.includes(file) && !wrongFormatFiles.includes(file),\n        );\n\n        if (tooBigFiles.length || wrongFormatFiles.length) {\n            this.rejectFiles([\n                ...tooBigFiles.map(file => ({\n                    name: file.name,\n                    type: file.type,\n                    size: file.size,\n                    content:\n                        texts.maxSizeRejectionReason +\n                        formatSize(units, this.maxFileSize),\n                })),\n                ...wrongFormatFiles.map(file => ({\n                    name: file.name,\n                    type: file.type,\n                    size: file.size,\n                    content: texts.formatRejectionReason,\n                })),\n            ]);\n        }\n\n        this.updateValue(\n            this.multiple\n                ? [...this.arrayValue, ...acceptedFiles]\n                : acceptedFiles[0] || null,\n        );\n    }\n\n    private isFormatAcceptable(file: File): boolean {\n        if (!this.accept) {\n            return true;\n        }\n\n        const extension = `.${(file.name.split('.').pop() || '').toLowerCase()}`;\n\n        return getAcceptArray(this.accept).some(\n            format =>\n                format === extension ||\n                format === file.type ||\n                (format.split('/')[1] === '*' &&\n                    file.type.split('/')[0] === format.split('/')[0]),\n        );\n    }\n\n    private rejectFiles(rejectedFiles: ReadonlyArray<TuiFileLike>) {\n        this.reject.emit(this.multiple ? rejectedFiles : rejectedFiles[0]);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiDroppableModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiFocusVisibleModule,\n    TuiHoveredModule,\n    TuiLetModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {\n    TuiButtonModule,\n    TuiGroupModule,\n    TuiLinkModule,\n    TuiLoaderModule,\n    TuiSvgModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputFilesComponent} from './input-files.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiLetModule,\n        TuiFocusedModule,\n        TuiFocusVisibleModule,\n        TuiPressedModule,\n        TuiHoveredModule,\n        TuiFocusableModule,\n        TuiDroppableModule,\n        TuiWrapperModule,\n        TuiSvgModule,\n        TuiLinkModule,\n        TuiLoaderModule,\n        TuiButtonModule,\n        TuiGroupModule,\n    ],\n    declarations: [TuiInputFilesComponent],\n    exports: [TuiInputFilesComponent],\n})\nexport class TuiInputFilesModule {}\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-number.js

@@ -1,8 +1,10 @@
 import { __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, forwardRef, Directive, NgModule } from '@angular/core';
+import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, ContentChild, HostListener, Component, ChangeDetectionStrategy, forwardRef, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiNullableControl, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TuiMapperPipeModule } from '@taiga-ui/cdk';
-import { tuiCreateNumberMask, tuiCreateAutoCorrectedNumberPipe, getFractionPartPadded, formatNumber, maskedMoneyValueIsEmpty, maskedNumberStringToNumber, TUI_DECIMAL_SYMBOLS, TUI_NUMBER_FORMAT, TuiPrimitiveTextfieldComponent, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiTextfieldComponent } from '@taiga-ui/core';
+import { tuiCreateNumberMask, tuiEnableAutoCorrectDecimalSymbol, tuiCreateAutoCorrectedNumberPipe, maskedMoneyValueIsEmpty, maskedNumberStringToNumber, TUI_DECIMAL_SYMBOLS, getFractionPartPadded, formatNumber, TUI_NUMBER_FORMAT, TuiPrimitiveTextfieldComponent, TuiAbstractTextfieldHost, TUI_TEXTFIELD_HOST, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule, TuiTextfieldComponent } from '@taiga-ui/core';
+import { PolymorpheusOutletComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { CommonModule } from '@angular/common';
 import { TuiValueAccessorModule } from '@taiga-ui/kit/directives';
 import { TextMaskModule } from 'angular2-text-mask';
 
@@ -25,11 +27,11 @@ let TuiInputNumberComponent = TuiInputNumberComponent_1 = class TuiInputNumberCo
                 decimalLimit,
                 allowDecimal: decimal !== 'never',
                 requireDecimal: decimal === 'always',
-                autoCorrectDecimalSymbol: false,
                 decimalSymbol: this.numberFormat.decimalSeparator,
                 thousandSymbol: this.numberFormat.thousandSeparator,
+                autoCorrectDecimalSymbol: tuiEnableAutoCorrectDecimalSymbol(this.numberFormat),
             }),
-            pipe: tuiCreateAutoCorrectedNumberPipe(decimal === 'always' ? decimalLimit : 0, this.numberFormat.decimalSeparator, this.numberFormat.thousandSeparator, nativeFocusableElement || undefined, allowNegative),
+            pipe: tuiCreateAutoCorrectedNumberPipe(decimal === 'always' ? decimalLimit : 0, this.numberFormat.decimalSeparator, this.numberFormat.thousandSeparator, nativeFocusableElement, allowNegative),
             guide: false,
         });
     }
@@ -55,15 +57,7 @@ let TuiInputNumberComponent = TuiInputNumberComponent_1 = class TuiInputNumberCo
         return DEFAULT_MAX_LENGTH + precision + takeThousand;
     }
     get formattedValue() {
-        const value = this.value || 0;
-        const absValue = Math.abs(value);
-        const hasFraction = absValue % 1 > 0;
-        let limit = this.decimal === 'always' || hasFraction ? this.precision : 0;
-        const fraction = hasFraction ? getFractionPartPadded(value, this.precision) : '';
-        if (this.focused && this.decimal !== 'always') {
-            limit = fraction.length;
-        }
-        return formatNumber(value, limit, this.numberFormat.decimalSeparator, this.numberFormat.thousandSeparator, this.numberFormat.zeroPadding);
+        return this.getFormattedValue(this.value || 0);
     }
     get computedValue() {
         if (this.focused) {
@@ -102,7 +96,7 @@ let TuiInputNumberComponent = TuiInputNumberComponent_1 = class TuiInputNumberCo
         }
     }
     onKeyDown(event) {
-        if (TUI_DECIMAL_SYMBOLS.indexOf(event.key) === -1) {
+        if (!TUI_DECIMAL_SYMBOLS.includes(event.key)) {
             return;
         }
         if (this.decimal === 'never') {
@@ -134,6 +128,16 @@ let TuiInputNumberComponent = TuiInputNumberComponent_1 = class TuiInputNumberCo
     onPressed(pressed) {
         this.updatePressed(pressed);
     }
+    getFormattedValue(value) {
+        const absValue = Math.abs(value);
+        const hasFraction = absValue % 1 > 0;
+        let limit = this.decimal === 'always' || hasFraction ? this.precision : 0;
+        const fraction = hasFraction ? getFractionPartPadded(value, this.precision) : '';
+        if (this.focused && this.decimal !== 'always') {
+            limit = fraction.length;
+        }
+        return formatNumber(value, limit, this.numberFormat.decimalSeparator, this.numberFormat.thousandSeparator, this.numberFormat.zeroPadding);
+    }
     get isNativeValueNotFinished() {
         const nativeNumberValue = this.nativeNumberValue;
         return nativeNumberValue < 0
@@ -143,9 +147,6 @@ let TuiInputNumberComponent = TuiInputNumberComponent_1 = class TuiInputNumberCo
     get nativeValue() {
         return this.nativeFocusableElement ? this.nativeFocusableElement.value : '';
     }
-    get nativeNumberValue() {
-        return maskedNumberStringToNumber(this.nativeValue, this.numberFormat.decimalSeparator, this.numberFormat.thousandSeparator);
-    }
     set nativeValue(value) {
         if (!this.primitiveTextfield || !this.nativeFocusableElement) {
             return;
@@ -153,6 +154,9 @@ let TuiInputNumberComponent = TuiInputNumberComponent_1 = class TuiInputNumberCo
         this.primitiveTextfield.value = value;
         this.nativeFocusableElement.value = value;
     }
+    get nativeNumberValue() {
+        return maskedNumberStringToNumber(this.nativeValue, this.numberFormat.decimalSeparator, this.numberFormat.thousandSeparator);
+    }
     clear() {
         this.nativeValue = '';
         this.updateValue(null);
@@ -205,13 +209,16 @@ __decorate([
     Input(),
     tuiDefaultProp()
 ], TuiInputNumberComponent.prototype, "postfix", void 0);
+__decorate([
+    ContentChild(PolymorpheusOutletComponent)
+], TuiInputNumberComponent.prototype, "polymorpheusValueContent", void 0);
 __decorate([
     HostListener('keydown.0', ['$event'])
 ], TuiInputNumberComponent.prototype, "onZero", null);
 TuiInputNumberComponent = TuiInputNumberComponent_1 = __decorate([
     Component({
         selector: 'tui-input-number',
-        template: "<tui-primitive-textfield\n    tuiValueAccessor\n    tuiTextfieldInputMode=\"decimal\"\n    class=\"textfield\"\n    [pseudoHovered]=\"pseudoHovered\"\n    [pseudoFocused]=\"computedFocused\"\n    [invalid]=\"computedInvalid\"\n    [tuiTextfieldMaxLength]=\"calculatedMaxLength\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"computedDisabled\"\n    [textMask]=\"isNegativeAllowed | tuiMapper: mask:decimal:precision:nativeFocusableElement\"\n    [value]=\"computedValue\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix\"\n    [focusable]=\"focusable\"\n    (valueChange)=\"onValueChange($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (pressedChange)=\"onPressed($event)\"\n    (keydown)=\"onKeyDown($event)\"\n>\n    <ng-content></ng-content>\n    <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n</tui-primitive-textfield>\n",
+        template: "<tui-primitive-textfield\n    tuiValueAccessor\n    tuiTextfieldInputMode=\"decimal\"\n    class=\"textfield\"\n    [pseudoHovered]=\"computedHovered\"\n    [pseudoFocused]=\"computedFocused\"\n    [pseudoPressed]=\"computedPressed\"\n    [invalid]=\"computedInvalid\"\n    [tuiTextfieldMaxLength]=\"calculatedMaxLength\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"computedDisabled\"\n    [textMask]=\"isNegativeAllowed | tuiMapper: mask:decimal:precision:nativeFocusableElement\"\n    [value]=\"computedValue\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix\"\n    [focusable]=\"focusable\"\n    (valueChange)=\"onValueChange($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (pressedChange)=\"onPressed($event)\"\n    (keydown)=\"onKeyDown($event)\"\n>\n    <ng-content></ng-content>\n    <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n    <div\n        *ngIf=\"polymorpheusValueContent\"\n        polymorpheus-outlet\n        [content]=\"valueContent\"\n    ></div>\n</tui-primitive-textfield>\n\n<ng-template #valueContent>\n    <ng-content select=\"[polymorpheus-outlet]\"></ng-content>\n</ng-template>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -268,11 +275,13 @@ let TuiInputNumberModule = class TuiInputNumberModule {
 TuiInputNumberModule = __decorate([
     NgModule({
         imports: [
+            CommonModule,
             TextMaskModule,
             TuiMapperPipeModule,
             TuiPrimitiveTextfieldModule,
             TuiTextfieldControllerModule,
             TuiValueAccessorModule,
+            PolymorpheusModule,
         ],
         declarations: [TuiInputNumberComponent, TuiInputNumberDirective],
         exports: [TuiInputNumberComponent, TuiInputNumberDirective, TuiTextfieldComponent],