@taiga-ui/kit 2.34.0 → 2.37.0

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

@@ -0,0 +1,276 @@
+import { __extends, __spread, __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 { isNativeFocused, EMPTY_ARRAY, TUI_IS_MOBILE, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiNullableControl, 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 DEFAULT_MAX_SIZE = 30 * 1000 * 1000; // 30 MB
+// @dynamic
+var TuiInputFilesComponent = /** @class */ (function (_super) {
+    __extends(TuiInputFilesComponent, _super);
+    function TuiInputFilesComponent(control, changeDetectorRef, isMobile, inputFileTexts$, units$) {
+        var _this = _super.call(this, control, changeDetectorRef) || this;
+        _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();
+        return _this;
+    }
+    TuiInputFilesComponent_1 = TuiInputFilesComponent;
+    Object.defineProperty(TuiInputFilesComponent.prototype, "nativeFocusableElement", {
+        get: function () {
+            var _a;
+            return ((_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement) || null;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiInputFilesComponent.prototype, "focused", {
+        get: function () {
+            return isNativeFocused(this.nativeFocusableElement);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiInputFilesComponent.prototype, "computedLink$", {
+        get: function () {
+            return this.computeLink$(this.fileDragged, this.multiple, this.link);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiInputFilesComponent.prototype, "computedLabel$", {
+        get: function () {
+            return this.computeLabel$(this.isMobile, this.fileDragged, this.multiple, this.label);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiInputFilesComponent.prototype, "fileDragged", {
+        get: function () {
+            var _a;
+            return !!((_a = this.dataTransfer) === null || _a === void 0 ? void 0 : _a.types.includes('Files'));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiInputFilesComponent.prototype, "arrayValue", {
+        get: function () {
+            return this.getValueArray(this.value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiInputFilesComponent.prototype.onHovered = function (hovered) {
+        this.updateHovered(hovered);
+    };
+    TuiInputFilesComponent.prototype.onFocused = function (focused) {
+        this.updateFocused(focused);
+    };
+    TuiInputFilesComponent.prototype.onPressed = function (pressed) {
+        this.updatePressed(pressed);
+    };
+    TuiInputFilesComponent.prototype.onFilesSelected = function (input, texts, units) {
+        this.processSelectedFiles(input.files, texts, units);
+        input.value = '';
+    };
+    TuiInputFilesComponent.prototype.onDropped = function (event, texts, units) {
+        this.processSelectedFiles(event.files, texts, units);
+    };
+    TuiInputFilesComponent.prototype.onDragOver = function (dataTransfer) {
+        this.dataTransfer = dataTransfer;
+    };
+    TuiInputFilesComponent.prototype.removeFile = function (removedFile) {
+        this.updateValue(this.multiple ? this.arrayValue.filter(function (file) { return file !== removedFile; }) : null);
+    };
+    TuiInputFilesComponent.prototype.computeLink$ = function (fileDragged, multiple, link) {
+        return fileDragged
+            ? of('')
+            : this.inputFileTexts$.pipe(map(function (texts) {
+                return multiple && link === ''
+                    ? texts.defaultLinkMultiple
+                    : link || texts.defaultLinkSingle;
+            }));
+    };
+    TuiInputFilesComponent.prototype.computeLabel$ = function (isMobile, fileDragged, multiple, label) {
+        if (isMobile) {
+            return of('');
+        }
+        if (fileDragged) {
+            return this.inputFileTexts$.pipe(map(function (texts) { return (multiple ? texts.dropMultiple : texts.drop); }));
+        }
+        return this.inputFileTexts$.pipe(map(function (texts) {
+            return multiple && label === ''
+                ? texts.defaultLabelMultiple
+                : label || texts.defaultLabelSingle;
+        }));
+    };
+    TuiInputFilesComponent.prototype.getValueArray = function (value) {
+        if (!value) {
+            return EMPTY_ARRAY;
+        }
+        return Array.isArray(value) ? value : [value];
+    };
+    TuiInputFilesComponent.prototype.processSelectedFiles = function (files, texts, units) {
+        var _this = this;
+        // 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;
+        }
+        var newFiles = this.multiple ? Array.from(files) : [files[0]];
+        var tooBigFiles = newFiles.filter(function (file) { return file.size > _this.maxFileSize; });
+        var wrongFormatFiles = newFiles.filter(function (file) { return !_this.isFormatAcceptable(file) && !tooBigFiles.includes(file); });
+        var acceptedFiles = newFiles.filter(function (file) { return !tooBigFiles.includes(file) && !wrongFormatFiles.includes(file); });
+        if (tooBigFiles.length || wrongFormatFiles.length) {
+            this.rejectFiles(__spread(tooBigFiles.map(function (file) { return ({
+                name: file.name,
+                type: file.type,
+                size: file.size,
+                content: texts.maxSizeRejectionReason +
+                    formatSize(units, _this.maxFileSize),
+            }); }), wrongFormatFiles.map(function (file) { return ({
+                name: file.name,
+                type: file.type,
+                size: file.size,
+                content: texts.formatRejectionReason,
+            }); })));
+        }
+        this.updateValue(this.multiple
+            ? __spread(this.arrayValue, acceptedFiles) : acceptedFiles[0] || null);
+    };
+    TuiInputFilesComponent.prototype.isFormatAcceptable = function (file) {
+        if (!this.accept) {
+            return true;
+        }
+        var extension = "." + (file.name.split('.').pop() || '').toLowerCase();
+        return getAcceptArray(this.accept).some(function (format) {
+            return format === extension ||
+                format === file.type ||
+                (format.split('/')[1] === '*' &&
+                    file.type.split('/')[0] === format.split('/')[0]);
+        });
+    };
+    TuiInputFilesComponent.prototype.rejectFiles = function (rejectedFiles) {
+        this.reject.emit(this.multiple ? rejectedFiles : rejectedFiles[0]);
+    };
+    var TuiInputFilesComponent_1;
+    TuiInputFilesComponent.ctorParameters = function () { return [
+        { 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(function () { return 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);
+    return TuiInputFilesComponent;
+}(AbstractTuiNullableControl));
+
+var TuiInputFilesModule = /** @class */ (function () {
+    function 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);
+    return TuiInputFilesModule;
+}());
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiInputFilesComponent, TuiInputFilesModule };
+//# sourceMappingURL=taiga-ui-kit-components-input-files.js.map

package/fesm5/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 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/fesm5/taiga-ui-kit-components-input-month-range.js

@@ -1,19 +1,35 @@
-import { __extends, __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, Component, forwardRef, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
+import { __extends, __decorate, __param, __spread } from 'tslib';
+import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, Component, ChangeDetectionStrategy, Directive, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, TuiMonthRange, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, AbstractTuiNullableControl, TuiPreventDefaultModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { sizeBigger, TUI_MONTHS, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiSvgModule, TuiTextfieldComponent } from '@taiga-ui/core';
-import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
-import { Observable } from 'rxjs';
+import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, TUI_FIRST_DAY, TUI_LAST_DAY, ALWAYS_FALSE_HANDLER, TuiMonthRange, tuiDefaultProp, AbstractTuiNullableControl, TuiDestroyService, TuiPreventDefaultModule, TuiActiveZoneModule, TuiMapperPipeModule } from '@taiga-ui/cdk';
+import { TuiMonthPipe, sizeBigger, TuiTextfieldSizeDirective, TUI_TEXTFIELD_SIZE, TuiPrimitiveTextfieldComponent, TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiSvgModule, TuiTextfieldComponent } from '@taiga-ui/core';
+import { TUI_MONTH_FORMATTER } from '@taiga-ui/kit/tokens';
+import { LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER, TUI_MONTH_FORMATTER_PROVIDER } from '@taiga-ui/kit/providers';
+import { Subject, combineLatest, Observable } from 'rxjs';
+import { distinctUntilChanged, switchMap, takeUntil } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 import { TuiCalendarMonthModule } from '@taiga-ui/kit/components/calendar-month';
 
+var TUI_INPUT_MONTH_RANGE_PROVIDERS = [
+    {
+        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
+        useExisting: forwardRef(function () { return TuiInputMonthRangeComponent; }),
+    },
+    {
+        provide: AbstractTuiControl,
+        useExisting: forwardRef(function () { return TuiInputMonthRangeComponent; }),
+    },
+    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
+    TUI_MONTH_FORMATTER_PROVIDER,
+    TuiMonthPipe,
+];
+
 // @dynamic
 var TuiInputMonthRangeComponent = /** @class */ (function (_super) {
     __extends(TuiInputMonthRangeComponent, _super);
-    function TuiInputMonthRangeComponent(control, changeDetectorRef, months$, textfieldSize) {
+    function TuiInputMonthRangeComponent(control, changeDetectorRef, formatter, textfieldSize) {
         var _this = _super.call(this, control, changeDetectorRef) || this;
-        _this.months$ = months$;
+        _this.formatter = formatter;
         _this.textfieldSize = textfieldSize;
         _this.min = TUI_FIRST_DAY;
         _this.max = TUI_LAST_DAY;
@@ -21,7 +37,6 @@ var TuiInputMonthRangeComponent = /** @class */ (function (_super) {
         _this.open = false;
         return _this;
     }
-    TuiInputMonthRangeComponent_1 = TuiInputMonthRangeComponent;
     Object.defineProperty(TuiInputMonthRangeComponent.prototype, "nativeFocusableElement", {
         get: function () {
             return this.textfield ? this.textfield.nativeFocusableElement : null;
@@ -45,18 +60,16 @@ var TuiInputMonthRangeComponent = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    TuiInputMonthRangeComponent.prototype.computeValue = function (value, focused, months) {
-        if (value === null) {
-            return '';
-        }
-        var formattedValueTo = !value.isSingleMonth || !focused ? this.formatMonth(value.to, months) : '';
-        return this.formatMonth(value.from, months) + " \u2014 " + formattedValueTo;
+    TuiInputMonthRangeComponent.prototype.computeValue = function (from, to) {
+        var formattedTo = from === to && this.focused ? '' : to;
+        return from + " \u2014 " + formattedTo;
     };
     TuiInputMonthRangeComponent.prototype.onValueChange = function (value) {
-        if (value === '') {
-            this.updateValue(null);
-            this.onOpenChange(true);
+        if (value) {
+            return;
         }
+        this.updateValue(null);
+        this.onOpenChange(true);
     };
     TuiInputMonthRangeComponent.prototype.onMonthClick = function (month) {
         if (this.value === null || !this.value.isSingleMonth) {
@@ -85,18 +98,13 @@ var TuiInputMonthRangeComponent = /** @class */ (function (_super) {
         _super.prototype.setDisabledState.call(this);
         this.close();
     };
-    TuiInputMonthRangeComponent.prototype.formatMonth = function (_a, months) {
-        var month = _a.month, formattedYear = _a.formattedYear;
-        return months[month] + " " + formattedYear;
-    };
     TuiInputMonthRangeComponent.prototype.close = function () {
         this.open = false;
     };
-    var TuiInputMonthRangeComponent_1;
     TuiInputMonthRangeComponent.ctorParameters = function () { return [
         { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_MONTHS,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_MONTH_FORMATTER,] }] },
         { type: TuiTextfieldSizeDirective, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_SIZE,] }] }
     ]; };
     __decorate([
@@ -114,21 +122,11 @@ var TuiInputMonthRangeComponent = /** @class */ (function (_super) {
         Input(),
         tuiDefaultProp()
     ], TuiInputMonthRangeComponent.prototype, "disabledItemHandler", void 0);
-    TuiInputMonthRangeComponent = TuiInputMonthRangeComponent_1 = __decorate([
+    TuiInputMonthRangeComponent = __decorate([
         Component({
             selector: 'tui-input-month-range',
-            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"dropdown\"\n    [open]=\"open && interactive\"\n    (openChange)=\"onOpenChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        *ngIf=\"months$ | async as months\"\n        class=\"textfield\"\n        [editable]=\"false\"\n        [disabled]=\"computedDisabled\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"calendarIcon\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [value]=\"computeValue(value, focused, months)\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #dropdown>\n        <tui-calendar-month\n            tuiPreventDefault=\"mousedown\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [value]=\"value\"\n            (monthClick)=\"onMonthClick($event)\"\n        ></tui-calendar-month>\n    </ng-template>\n</tui-hosted-dropdown>\n",
-            providers: [
-                {
-                    provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                    useExisting: forwardRef(function () { return TuiInputMonthRangeComponent_1; }),
-                },
-                {
-                    provide: AbstractTuiControl,
-                    useExisting: forwardRef(function () { return TuiInputMonthRangeComponent_1; }),
-                },
-                LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,
-            ],
+            template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"dropdown\"\n    [open]=\"open && interactive\"\n    (openChange)=\"onOpenChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        class=\"textfield\"\n        [editable]=\"false\"\n        [disabled]=\"computedDisabled\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"calendarIcon\"\n        [pseudoFocused]=\"pseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [invalid]=\"computedInvalid\"\n        [value]=\"value ? computeValue(value.from | tuiMapper : formatter | async, value.to | tuiMapper : formatter | async) : ''\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n    </tui-primitive-textfield>\n\n    <ng-template #dropdown>\n        <tui-calendar-month\n            tuiPreventDefault=\"mousedown\"\n            [disabledItemHandler]=\"disabledItemHandler\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [value]=\"value\"\n            (monthClick)=\"onMonthClick($event)\"\n        ></tui-calendar-month>\n    </ng-template>\n</tui-hosted-dropdown>\n",
+            providers: TUI_INPUT_MONTH_RANGE_PROVIDERS,
             changeDetection: ChangeDetectionStrategy.OnPush,
             styles: [":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.icon{position:relative;cursor:pointer}"]
         }),
@@ -136,7 +134,7 @@ var TuiInputMonthRangeComponent = /** @class */ (function (_super) {
         __param(0, Self()),
         __param(0, Inject(NgControl)),
         __param(1, Inject(ChangeDetectorRef)),
-        __param(2, Inject(TUI_MONTHS)),
+        __param(2, Inject(TUI_MONTH_FORMATTER)),
         __param(3, Inject(TUI_TEXTFIELD_SIZE))
     ], TuiInputMonthRangeComponent);
     return TuiInputMonthRangeComponent;
@@ -144,8 +142,21 @@ var TuiInputMonthRangeComponent = /** @class */ (function (_super) {
 
 var TuiInputMonthRangeDirective = /** @class */ (function (_super) {
     __extends(TuiInputMonthRangeDirective, _super);
-    function TuiInputMonthRangeDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function TuiInputMonthRangeDirective(host, formatter, destroy$) {
+        var _this = _super.call(this, host) || this;
+        _this.value$ = new Subject();
+        _this.localizedValue = ['', ''];
+        _this.value$
+            .pipe(distinctUntilChanged(), switchMap(function (value) {
+            return combineLatest([
+                formatter(value && value.from),
+                formatter(value && value.to),
+            ]);
+        }), takeUntil(destroy$))
+            .subscribe(function (localizedValue) {
+            _this.localizedValue = localizedValue;
+        });
+        return _this;
     }
     TuiInputMonthRangeDirective_1 = TuiInputMonthRangeDirective;
     Object.defineProperty(TuiInputMonthRangeDirective.prototype, "readOnly", {
@@ -156,18 +167,26 @@ var TuiInputMonthRangeDirective = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(TuiInputMonthRangeDirective.prototype, "value", {
-        // TODO: Fix change detection
         get: function () {
             var _a;
-            return ((_a = this.host.textfield) === null || _a === void 0 ? void 0 : _a.value) || '';
+            return this.localizedValue[0]
+                ? (_a = this.host).computeValue.apply(_a, __spread(this.localizedValue)) : '';
         },
         enumerable: true,
         configurable: true
     });
+    TuiInputMonthRangeDirective.prototype.ngDoCheck = function () {
+        this.value$.next(this.host.value);
+    };
     TuiInputMonthRangeDirective.prototype.onValueChange = function (value) {
         this.host.onValueChange(value);
     };
     var TuiInputMonthRangeDirective_1;
+    TuiInputMonthRangeDirective.ctorParameters = function () { return [
+        { type: TuiInputMonthRangeComponent, decorators: [{ type: Inject, args: [AbstractTuiControl,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_MONTH_FORMATTER,] }] },
+        { type: Observable, decorators: [{ type: Self }, { type: Inject, args: [TuiDestroyService,] }] }
+    ]; };
     TuiInputMonthRangeDirective = TuiInputMonthRangeDirective_1 = __decorate([
         Directive({
             selector: 'tui-input-month-range',
@@ -176,8 +195,12 @@ var TuiInputMonthRangeDirective = /** @class */ (function (_super) {
                     provide: TUI_TEXTFIELD_HOST,
                     useExisting: forwardRef(function () { return TuiInputMonthRangeDirective_1; }),
                 },
+                TuiDestroyService,
             ],
-        })
+        }),
+        __param(0, Inject(AbstractTuiControl)),
+        __param(1, Inject(TUI_MONTH_FORMATTER)),
+        __param(2, Self()), __param(2, Inject(TuiDestroyService))
     ], TuiInputMonthRangeDirective);
     return TuiInputMonthRangeDirective;
 }(TuiAbstractTextfieldHost));
@@ -195,6 +218,7 @@ var TuiInputMonthRangeModule = /** @class */ (function () {
                 TuiSvgModule,
                 TuiPreventDefaultModule,
                 TuiActiveZoneModule,
+                TuiMapperPipeModule,
             ],
             declarations: [TuiInputMonthRangeComponent, TuiInputMonthRangeDirective],
             exports: [
@@ -211,5 +235,5 @@ var TuiInputMonthRangeModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TuiInputMonthRangeComponent, TuiInputMonthRangeDirective, TuiInputMonthRangeModule };
+export { TUI_INPUT_MONTH_RANGE_PROVIDERS, TuiInputMonthRangeComponent, TuiInputMonthRangeDirective, TuiInputMonthRangeModule };
 //# sourceMappingURL=taiga-ui-kit-components-input-month-range.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-month-range.js","sources":["ng://@taiga-ui/kit/components/input-month-range/input-month-range.component.ts","ng://@taiga-ui/kit/components/input-month-range/input-month-range.directive.ts","ng://@taiga-ui/kit/components/input-month-range/input-month-range.module.ts","ng://@taiga-ui/kit/components/input-month-range/taiga-ui-kit-components-input-month-range.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    TUI_FIRST_DAY,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_LAST_DAY,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiMonth,\n    TuiMonthRange,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_MONTHS,\n    TUI_TEXTFIELD_SIZE,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TuiMonthContext} from '@taiga-ui/kit/interfaces';\nimport {LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TuiBooleanHandlerWithContext} from '@taiga-ui/kit/types';\nimport {Observable} from 'rxjs';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-month-range',\n    templateUrl: './input-month-range.template.html',\n    styleUrls: ['./input-month-range.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputMonthRangeComponent),\n        },\n        {\n            provide: AbstractTuiControl,\n            useExisting: forwardRef(() => TuiInputMonthRangeComponent),\n        },\n        LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiInputMonthRangeComponent\n    extends AbstractTuiNullableControl<TuiMonthRange>\n    implements TuiWithOptionalMinMax<TuiMonth>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    min: TuiMonth = TUI_FIRST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    max: TuiMonth = TUI_LAST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandlerWithContext<TuiMonth, TuiMonthContext> =\n        ALWAYS_FALSE_HANDLER;\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_MONTHS) readonly months$: Observable<readonly string[]>,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\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 calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    computeValue(\n        value: TuiMonthRange | null,\n        focused: boolean,\n        months: readonly string[],\n    ): string {\n        if (value === null) {\n            return '';\n        }\n\n        const formattedValueTo =\n            !value.isSingleMonth || !focused ? this.formatMonth(value.to, months) : '';\n\n        return `${this.formatMonth(value.from, months)} — ${formattedValueTo}`;\n    }\n\n    onValueChange(value: string) {\n        if (value === '') {\n            this.updateValue(null);\n            this.onOpenChange(true);\n        }\n    }\n\n    onMonthClick(month: TuiMonth) {\n        if (this.value === null || !this.value.isSingleMonth) {\n            this.writeValue(new TuiMonthRange(month, month));\n\n            return;\n        }\n\n        this.updateValue(TuiMonthRange.sort(this.value.from, month));\n        this.close();\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onActiveZone(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (focused) {\n            return;\n        }\n\n        if (this.value && this.value.isSingleMonth) {\n            this.updateValue(new TuiMonthRange(this.value.from, this.value.from));\n        }\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.close();\n    }\n\n    private formatMonth(\n        {month, formattedYear}: TuiMonth,\n        months: readonly string[],\n    ): string {\n        return `${months[month]} ${formattedYear}`;\n    }\n\n    private close() {\n        this.open = false;\n    }\n}\n","import {Directive, forwardRef} from '@angular/core';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\n\nimport {TuiInputMonthRangeComponent} from './input-month-range.component';\n\n@Directive({\n    selector: 'tui-input-month-range',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputMonthRangeDirective),\n        },\n    ],\n})\nexport class TuiInputMonthRangeDirective extends TuiAbstractTextfieldHost<TuiInputMonthRangeComponent> {\n    get readOnly(): boolean {\n        return true;\n    }\n\n    // TODO: Fix change detection\n    get value(): string {\n        return this.host.textfield?.value || '';\n    }\n\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule, TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\nimport {TuiCalendarMonthModule} from '@taiga-ui/kit/components/calendar-month';\n\nimport {TuiInputMonthRangeComponent} from './input-month-range.component';\nimport {TuiInputMonthRangeDirective} from './input-month-range.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCalendarMonthModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiSvgModule,\n        TuiPreventDefaultModule,\n        TuiActiveZoneModule,\n    ],\n    declarations: [TuiInputMonthRangeComponent, TuiInputMonthRangeDirective],\n    exports: [\n        TuiInputMonthRangeComponent,\n        TuiInputMonthRangeDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiInputMonthRangeModule {}\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-month-range.js","sources":["ng://@taiga-ui/kit/components/input-month-range/input-month-range.providers.ts","ng://@taiga-ui/kit/components/input-month-range/input-month-range.component.ts","ng://@taiga-ui/kit/components/input-month-range/input-month-range.directive.ts","ng://@taiga-ui/kit/components/input-month-range/input-month-range.module.ts","ng://@taiga-ui/kit/components/input-month-range/taiga-ui-kit-components-input-month-range.ts"],"sourcesContent":["import {forwardRef, Provider} from '@angular/core';\nimport {AbstractTuiControl, TUI_FOCUSABLE_ITEM_ACCESSOR} from '@taiga-ui/cdk';\nimport {TuiMonthPipe} from '@taiga-ui/core';\nimport {\n    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    TUI_MONTH_FORMATTER_PROVIDER,\n} from '@taiga-ui/kit/providers';\n\nimport {TuiInputMonthRangeComponent} from './input-month-range.component';\n\nexport const TUI_INPUT_MONTH_RANGE_PROVIDERS: Provider[] = [\n    {\n        provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n        useExisting: forwardRef(() => TuiInputMonthRangeComponent),\n    },\n    {\n        provide: AbstractTuiControl,\n        useExisting: forwardRef(() => TuiInputMonthRangeComponent),\n    },\n    LEFT_ALIGNED_DROPDOWN_CONTROLLER_PROVIDER,\n    TUI_MONTH_FORMATTER_PROVIDER,\n    TuiMonthPipe,\n];\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    ALWAYS_FALSE_HANDLER,\n    TUI_FIRST_DAY,\n    TUI_LAST_DAY,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiHandler,\n    TuiMonth,\n    TuiMonthRange,\n} from '@taiga-ui/cdk';\nimport {\n    sizeBigger,\n    TUI_TEXTFIELD_SIZE,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldSizeDirective,\n    TuiWithOptionalMinMax,\n} from '@taiga-ui/core';\nimport {TuiMonthContext} from '@taiga-ui/kit/interfaces';\nimport {TUI_MONTH_FORMATTER} from '@taiga-ui/kit/tokens';\nimport {TuiBooleanHandlerWithContext} from '@taiga-ui/kit/types';\nimport {Observable} from 'rxjs';\n\nimport {TUI_INPUT_MONTH_RANGE_PROVIDERS} from './input-month-range.providers';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-month-range',\n    templateUrl: './input-month-range.template.html',\n    styleUrls: ['./input-month-range.style.less'],\n    providers: TUI_INPUT_MONTH_RANGE_PROVIDERS,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiInputMonthRangeComponent\n    extends AbstractTuiNullableControl<TuiMonthRange>\n    implements TuiWithOptionalMinMax<TuiMonth>, TuiFocusableElementAccessor\n{\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @Input()\n    @tuiDefaultProp()\n    min: TuiMonth = TUI_FIRST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    max: TuiMonth = TUI_LAST_DAY;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandlerWithContext<TuiMonth, TuiMonthContext> =\n        ALWAYS_FALSE_HANDLER;\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_MONTH_FORMATTER)\n        readonly formatter: TuiHandler<TuiMonth | null, Observable<string>>,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\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 calendarIcon(): string {\n        return sizeBigger(this.textfieldSize.size)\n            ? 'tuiIconCalendarLarge'\n            : 'tuiIconCalendar';\n    }\n\n    computeValue(from: string | null, to: string | null): string {\n        const formattedTo = from === to && this.focused ? '' : to;\n\n        return `${from} — ${formattedTo}`;\n    }\n\n    onValueChange(value: string) {\n        if (value) {\n            return;\n        }\n\n        this.updateValue(null);\n        this.onOpenChange(true);\n    }\n\n    onMonthClick(month: TuiMonth) {\n        if (this.value === null || !this.value.isSingleMonth) {\n            this.writeValue(new TuiMonthRange(month, month));\n\n            return;\n        }\n\n        this.updateValue(TuiMonthRange.sort(this.value.from, month));\n        this.close();\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onOpenChange(open: boolean) {\n        this.open = open;\n    }\n\n    onActiveZone(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (focused) {\n            return;\n        }\n\n        if (this.value && this.value.isSingleMonth) {\n            this.updateValue(new TuiMonthRange(this.value.from, this.value.from));\n        }\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.close();\n    }\n\n    private close() {\n        this.open = false;\n    }\n}\n","import {Directive, DoCheck, forwardRef, Inject, Self} from '@angular/core';\nimport {\n    AbstractTuiControl,\n    TuiDestroyService,\n    TuiHandler,\n    TuiMonth,\n    TuiMonthRange,\n} from '@taiga-ui/cdk';\nimport {TUI_TEXTFIELD_HOST, TuiAbstractTextfieldHost} from '@taiga-ui/core';\nimport {TUI_MONTH_FORMATTER} from '@taiga-ui/kit/tokens';\nimport {combineLatest, Observable, Subject} from 'rxjs';\nimport {distinctUntilChanged, switchMap, takeUntil} from 'rxjs/operators';\n\nimport {TuiInputMonthRangeComponent} from './input-month-range.component';\n\n@Directive({\n    selector: 'tui-input-month-range',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_HOST,\n            useExisting: forwardRef(() => TuiInputMonthRangeDirective),\n        },\n        TuiDestroyService,\n    ],\n})\nexport class TuiInputMonthRangeDirective\n    extends TuiAbstractTextfieldHost<TuiInputMonthRangeComponent>\n    implements DoCheck\n{\n    private readonly value$ = new Subject<TuiMonthRange | null>();\n\n    private localizedValue: [string, string] = ['', ''];\n\n    constructor(\n        @Inject(AbstractTuiControl) host: TuiInputMonthRangeComponent,\n        @Inject(TUI_MONTH_FORMATTER)\n        formatter: TuiHandler<TuiMonth | null, Observable<string>>,\n        @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n    ) {\n        super(host);\n\n        this.value$\n            .pipe(\n                distinctUntilChanged(),\n                switchMap((value: TuiMonthRange | null) =>\n                    combineLatest([\n                        formatter(value && value.from),\n                        formatter(value && value.to),\n                    ]),\n                ),\n                takeUntil(destroy$),\n            )\n            .subscribe(localizedValue => {\n                this.localizedValue = localizedValue;\n            });\n    }\n\n    get readOnly(): boolean {\n        return true;\n    }\n\n    get value(): string {\n        return this.localizedValue[0]\n            ? this.host.computeValue(...this.localizedValue)\n            : '';\n    }\n\n    ngDoCheck() {\n        this.value$.next(this.host.value);\n    }\n\n    onValueChange(value: string) {\n        this.host.onValueChange(value);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiActiveZoneModule,\n    TuiMapperPipeModule,\n    TuiPreventDefaultModule,\n} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiSvgModule,\n    TuiTextfieldComponent,\n} from '@taiga-ui/core';\nimport {TuiCalendarMonthModule} from '@taiga-ui/kit/components/calendar-month';\n\nimport {TuiInputMonthRangeComponent} from './input-month-range.component';\nimport {TuiInputMonthRangeDirective} from './input-month-range.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiCalendarMonthModule,\n        TuiHostedDropdownModule,\n        TuiPrimitiveTextfieldModule,\n        TuiSvgModule,\n        TuiPreventDefaultModule,\n        TuiActiveZoneModule,\n        TuiMapperPipeModule,\n    ],\n    declarations: [TuiInputMonthRangeComponent, TuiInputMonthRangeDirective],\n    exports: [\n        TuiInputMonthRangeComponent,\n        TuiInputMonthRangeDirective,\n        TuiTextfieldComponent,\n    ],\n})\nexport class TuiInputMonthRangeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}