@taiga-ui/kit 2.55.0 → 3.0.0-rc.0

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

@@ -1,563 +0,0 @@
-import { __extends, __spread, __decorate, __param } from 'tslib';
-import { InjectionToken, EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ElementRef, ViewChild, ViewChildren, Input, HostBinding, Output, ContentChild, TemplateRef, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
-import { NgControl, FormsModule } from '@angular/forms';
-import { EMPTY_QUERY, ALWAYS_TRUE_HANDLER, ALWAYS_FALSE_HANDLER, isNativeFocusedIn, getActualTarget, setNativeFocused, typedFromEvent, preventDefault, TuiScrollService, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiMultipleControl, TuiFocusableModule, TuiHoveredModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { TUI_TEXTFIELD_APPEARANCE, TuiModeDirective, TUI_MODE, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TuiHostedDropdownComponent, TuiScrollbarComponent, TuiDataListDirective, TUI_DATA_LIST_HOST, TEXTFIELD_CONTROLLER_PROVIDER, HINT_CONTROLLER_PROVIDER, MODE_PROVIDER, TuiSvgModule, TuiScrollbarModule, TuiTooltipModule, TuiHostedDropdownModule, TuiWrapperModule } from '@taiga-ui/core';
-import { ALLOWED_SPACE_REGEXP, TuiTagModule } from '@taiga-ui/kit/components/tag';
-import { FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
-import { TUI_TAG_STATUS } from '@taiga-ui/kit/tokens';
-import { Subject, merge, Observable } from 'rxjs';
-import { map, filter, mapTo, switchMap, takeUntil } from 'rxjs/operators';
-import { CommonModule } from '@angular/common';
-import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-
-var TUI_INPUT_TAG_DEFAULT_OPTIONS = {
-    separator: ',',
-    uniqueTags: true,
-};
-var TUI_INPUT_TAG_OPTIONS = new InjectionToken('Default parameters for input-tag', {
-    factory: function () { return TUI_INPUT_TAG_DEFAULT_OPTIONS; },
-});
-
-var EVENT_Y_TO_X_COEFFICIENT = 3;
-var TuiInputTagComponent = /** @class */ (function (_super) {
-    __extends(TuiInputTagComponent, _super);
-    function TuiInputTagComponent(control, changeDetectorRef, tuiScrollService, elementRef, appearance, modeDirective, mode$, tagStatus, hintController, controller, options, parentHostedDropdown) {
-        var _this = _super.call(this, control, changeDetectorRef) || this;
-        _this.tuiScrollService = tuiScrollService;
-        _this.elementRef = elementRef;
-        _this.appearance = appearance;
-        _this.modeDirective = modeDirective;
-        _this.mode$ = mode$;
-        _this.tagStatus = tagStatus;
-        _this.hintController = hintController;
-        _this.controller = controller;
-        _this.options = options;
-        _this.parentHostedDropdown = parentHostedDropdown;
-        _this.tags = EMPTY_QUERY;
-        _this.scrollToStart$ = new Subject();
-        _this.scrollToEnd$ = new Subject();
-        // TODO: 3.0 Remove
-        _this.allowSpaces = true;
-        _this.separator = _this.options.separator;
-        _this.icon = '';
-        _this.iconAlign = 'right';
-        _this.search = '';
-        _this.editable = true;
-        _this.tagValidator = ALWAYS_TRUE_HANDLER;
-        _this.expandable = true;
-        _this.inputHidden = false;
-        _this.uniqueTags = _this.options.uniqueTags;
-        _this.disabledItemHandler = ALWAYS_FALSE_HANDLER;
-        _this.searchChange = new EventEmitter();
-        _this.status$ = _this.mode$.pipe(map(function () { return _this.status; }));
-        _this.open = false;
-        return _this;
-    }
-    TuiInputTagComponent_1 = TuiInputTagComponent;
-    Object.defineProperty(TuiInputTagComponent.prototype, "pseudoFocusedSetter", {
-        set: function (value) {
-            if (!value && !this.focused) {
-                this.scrollToStart$.next();
-            }
-            this.pseudoFocused = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "scrollerSetter", {
-        set: function (scroller) {
-            this.initScrollerSubscription(scroller);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "nativeFocusableElement", {
-        get: function () {
-            return !this.focusableElement || this.computedDisabled
-                ? null
-                : this.focusableElement.nativeElement;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "focused", {
-        get: function () {
-            var _a;
-            return (isNativeFocusedIn(this.elementRef.nativeElement) ||
-                !!((_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.focused));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "size", {
-        get: function () {
-            return this.controller.size;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "labelOutside", {
-        get: function () {
-            var _a = this.controller, size = _a.size, labelOutside = _a.labelOutside;
-            return size === 's' || labelOutside;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "hasCleaner", {
-        get: function () {
-            return this.controller.cleaner && this.hasValue && this.interactive;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "hasNativeValue", {
-        get: function () {
-            return !!this.search;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "hasValue", {
-        get: function () {
-            return !!this.value.length || this.hasNativeValue;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "hasPlaceholder", {
-        get: function () {
-            return (!this.labelOutside ||
-                (!this.hasValue && (!this.hasExampleText || this.inputHidden)));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "placeholderRaised", {
-        get: function () {
-            return (!this.labelOutside &&
-                ((this.computedFocused && !this.readOnly) || this.hasValue));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "hasExampleText", {
-        get: function () {
-            return (!!this.controller.exampleText &&
-                this.computedFocused &&
-                !this.hasValue &&
-                !this.readOnly);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "hasTooltip", {
-        get: function () {
-            return !!this.hintController.content && !this.disabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "iconAlignLeft", {
-        get: function () {
-            return !!this.icon && this.iconAlign === 'left';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "iconAlignRight", {
-        get: function () {
-            return !!this.icon && this.iconAlign === 'right';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "hasRightIcons", {
-        get: function () {
-            return this.hasCleaner || this.hasTooltip || this.iconAlignRight;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "status", {
-        get: function () {
-            var _a;
-            return ((_a = this.modeDirective) === null || _a === void 0 ? void 0 : _a.mode) ? 'default' : this.tagStatus;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiInputTagComponent.prototype, "canOpen", {
-        get: function () {
-            return this.interactive && !!this.datalist;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiInputTagComponent.prototype.getLeftContent = function (tag) {
-        return !this.tagValidator(tag) && this.errorIconTemplate
-            ? this.errorIconTemplate
-            : '';
-    };
-    TuiInputTagComponent.prototype.onCleanerClick = function () {
-        var _a;
-        this.updateSearch('');
-        this.clear();
-        this.focusInput();
-        (_a = this.parentHostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(true);
-    };
-    TuiInputTagComponent.prototype.onActiveZone = function (active) {
-        this.open = false;
-        this.addTag();
-        this.updateFocused(active);
-        if (!this.computedFocused) {
-            this.scrollToStart$.next();
-        }
-    };
-    TuiInputTagComponent.prototype.onMouseDown = function (event) {
-        var _a;
-        var actualTarget = getActualTarget(event);
-        if (!this.focusableElement ||
-            actualTarget === this.focusableElement.nativeElement ||
-            // TODO: iframe warning
-            !(event.target instanceof Element) || ((_a = this.cleanerSvg) === null || _a === void 0 ? void 0 : _a.nativeElement.contains(event.target)) ||
-            (this.tagsContainer &&
-                actualTarget !== this.tagsContainer.nativeElement &&
-                this.tagsContainer.nativeElement.contains(actualTarget))) {
-            return;
-        }
-        event.preventDefault();
-        this.focusInput();
-    };
-    TuiInputTagComponent.prototype.onFieldKeyDownBackspace = function (event) {
-        if (!this.labelOutside && !this.hasNativeValue && this.value.length) {
-            this.deleteLastEnabledItem();
-        }
-        else {
-            this.onFieldKeyDownArrowLeft(event);
-        }
-    };
-    TuiInputTagComponent.prototype.onFieldKeyDownArrowLeft = function (event) {
-        if (!this.labelOutside || this.hasNativeValue || !this.value.length) {
-            return;
-        }
-        event.preventDefault();
-        setNativeFocused(this.tags.last.nativeElement);
-    };
-    TuiInputTagComponent.prototype.onFieldKeyDownEnter = function () {
-        this.addTag();
-        this.scrollToEnd$.next();
-    };
-    TuiInputTagComponent.prototype.onTagKeyDownArrowLeft = function (currentIndex) {
-        if (currentIndex > 0) {
-            this.onScrollKeyDown(currentIndex, -1);
-        }
-    };
-    TuiInputTagComponent.prototype.onTagKeyDownArrowRight = function (currentIndex) {
-        if (currentIndex === this.value.length - 1) {
-            this.focusInput();
-        }
-        else {
-            this.onScrollKeyDown(currentIndex, 1);
-        }
-    };
-    TuiInputTagComponent.prototype.onTagEdited = function (value, index) {
-        var _this = this;
-        this.focusInput();
-        this.updateValue(this.value
-            .map(function (tag, tagIndex) {
-            return tagIndex !== index
-                ? tag
-                : value
-                    .split(_this.separator)
-                    .map(function (tag) { return tag.trim(); })
-                    .filter(Boolean);
-        })
-            .reduce(function (result, item) { return result.concat(item); }, []));
-    };
-    TuiInputTagComponent.prototype.handleOption = function (item) {
-        this.focusInput();
-        this.updateSearch('');
-        this.updateValue(this.value.concat(item));
-        this.open = false;
-        this.scrollToEnd$.next();
-    };
-    TuiInputTagComponent.prototype.onInput = function (value) {
-        var _this = this;
-        var array = this.allowSpaces
-            ? value.split(this.separator)
-            : value.split(ALLOWED_SPACE_REGEXP);
-        var tags = array
-            .map(function (item) { return item.trim(); })
-            .filter(function (item, index, _a) {
-            var length = _a.length;
-            return item.length > 0 && index !== length - 1;
-        });
-        var validated = tags.filter(function (tag) { return !_this.disabledItemHandler(tag); });
-        if (array.length > 1) {
-            this.updateSearch(array[array.length - 1].trim());
-            this.updateValue(__spread(this.value, validated));
-        }
-        else {
-            this.updateSearch(value);
-        }
-        this.open = this.hasNativeValue;
-    };
-    TuiInputTagComponent.prototype.onHoveredChange = function (hovered) {
-        this.updateHovered(hovered);
-    };
-    TuiInputTagComponent.prototype.setDisabledState = function () {
-        _super.prototype.setDisabledState.call(this);
-        this.open = false;
-    };
-    TuiInputTagComponent.prototype.trackByFn = function (_, tag) {
-        // Actually tag has TuiStringifiableItem type not string
-        return tag.toString();
-    };
-    TuiInputTagComponent.prototype.updateValue = function (value) {
-        var _this = this;
-        var seen = new Set();
-        _super.prototype.updateValue.call(this, value
-            .reverse()
-            .filter(function (item) {
-            return !_this.uniqueTags || (!!item && !seen.has(item) && seen.add(item));
-        })
-            .reverse());
-    };
-    TuiInputTagComponent.prototype.onScrollKeyDown = function (currentIndex, flag) {
-        var tag = this.tags.find(function (_item, index) { return index === currentIndex + flag; });
-        if (!tag || !this.scrollBar) {
-            return;
-        }
-        setNativeFocused(tag.nativeElement);
-        if (flag * this.scrollBar.nativeElement.clientWidth -
-            flag * tag.nativeElement.offsetLeft -
-            tag.nativeElement.clientWidth <
-            0) {
-            this.scrollBar.nativeElement.scrollLeft +=
-                flag * tag.nativeElement.clientWidth;
-        }
-    };
-    TuiInputTagComponent.prototype.initScrollerSubscription = function (scroller) {
-        var _this = this;
-        if (!(scroller === null || scroller === void 0 ? void 0 : scroller.browserScrollRef)) {
-            return;
-        }
-        var nativeElement = scroller.browserScrollRef.nativeElement;
-        var wheel$ = typedFromEvent(nativeElement, 'wheel', { passive: false }).pipe(filter(function (event) { return event.deltaX === 0 && _this.shouldScroll(nativeElement); }), preventDefault(), map(function (_a) {
-            var deltaY = _a.deltaY;
-            return Math.max(nativeElement.scrollLeft + deltaY * EVENT_Y_TO_X_COEFFICIENT, 0);
-        }));
-        var start$ = this.scrollToStart$.pipe(mapTo(0));
-        var end$ = this.scrollToEnd$.pipe(map(function () { return nativeElement.scrollWidth; }));
-        merge(wheel$, start$, end$)
-            .pipe(switchMap(function (left) { return _this.tuiScrollService.scroll$(nativeElement, 0, left); }), takeUntil(this.destroy$))
-            .subscribe();
-    };
-    TuiInputTagComponent.prototype.updateSearch = function (value) {
-        if (this.focusableElement) {
-            this.focusableElement.nativeElement.value = value;
-        }
-        this.search = value;
-        this.searchChange.emit(value);
-    };
-    TuiInputTagComponent.prototype.shouldScroll = function (_a) {
-        var scrollWidth = _a.scrollWidth, offsetWidth = _a.offsetWidth;
-        return scrollWidth > offsetWidth;
-    };
-    TuiInputTagComponent.prototype.addTag = function () {
-        var inputValue = this.search.trim();
-        if (!inputValue || this.disabledItemHandler(inputValue)) {
-            return;
-        }
-        this.updateSearch('');
-        this.updateValue(this.value.concat(inputValue));
-    };
-    TuiInputTagComponent.prototype.deleteLastEnabledItem = function () {
-        for (var index = this.value.length - 1; index >= 0; index--) {
-            if (!this.disabledItemHandler(this.value[index])) {
-                this.updateValue(__spread(this.value.slice(0, index), this.value.slice(index + 1, this.value.length)));
-                break;
-            }
-        }
-    };
-    TuiInputTagComponent.prototype.focusInput = function (preventScroll) {
-        if (preventScroll === void 0) { preventScroll = false; }
-        if (this.nativeFocusableElement) {
-            setNativeFocused(this.nativeFocusableElement, true, preventScroll);
-        }
-    };
-    var TuiInputTagComponent_1;
-    TuiInputTagComponent.ctorParameters = function () { return [
-        { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
-        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-        { type: TuiScrollService, decorators: [{ type: Inject, args: [TuiScrollService,] }] },
-        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: String, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_APPEARANCE,] }] },
-        { type: TuiModeDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiModeDirective,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_MODE,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_TAG_STATUS,] }] },
-        { type: TuiHintControllerDirective, decorators: [{ type: Inject, args: [TUI_HINT_WATCHED_CONTROLLER,] }] },
-        { type: TuiTextfieldController, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_WATCHED_CONTROLLER,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_INPUT_TAG_OPTIONS,] }] },
-        { type: TuiHostedDropdownComponent, decorators: [{ type: Optional }, { type: Inject, args: [TuiHostedDropdownComponent,] }] }
-    ]; };
-    __decorate([
-        ViewChild(TuiHostedDropdownComponent)
-    ], TuiInputTagComponent.prototype, "hostedDropdown", void 0);
-    __decorate([
-        ViewChild('focusableElement')
-    ], TuiInputTagComponent.prototype, "focusableElement", void 0);
-    __decorate([
-        ViewChild('tagsContainer')
-    ], TuiInputTagComponent.prototype, "tagsContainer", void 0);
-    __decorate([
-        ViewChildren('tag', { read: ElementRef })
-    ], TuiInputTagComponent.prototype, "tags", void 0);
-    __decorate([
-        ViewChild('cleaner', { read: ElementRef })
-    ], TuiInputTagComponent.prototype, "cleanerSvg", void 0);
-    __decorate([
-        ViewChild(TuiScrollbarComponent, { read: ElementRef })
-    ], TuiInputTagComponent.prototype, "scrollBar", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiInputTagComponent.prototype, "allowSpaces", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiInputTagComponent.prototype, "separator", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiInputTagComponent.prototype, "icon", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiInputTagComponent.prototype, "iconAlign", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiInputTagComponent.prototype, "search", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiInputTagComponent.prototype, "editable", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiInputTagComponent.prototype, "tagValidator", void 0);
-    __decorate([
-        Input(),
-        HostBinding('class._expandable'),
-        tuiDefaultProp()
-    ], TuiInputTagComponent.prototype, "expandable", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiInputTagComponent.prototype, "inputHidden", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiInputTagComponent.prototype, "uniqueTags", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiInputTagComponent.prototype, "disabledItemHandler", void 0);
-    __decorate([
-        Input('pseudoFocused')
-    ], TuiInputTagComponent.prototype, "pseudoFocusedSetter", null);
-    __decorate([
-        Output()
-    ], TuiInputTagComponent.prototype, "searchChange", void 0);
-    __decorate([
-        ContentChild(TuiDataListDirective, { read: TemplateRef })
-    ], TuiInputTagComponent.prototype, "datalist", void 0);
-    __decorate([
-        ViewChild('errorIcon')
-    ], TuiInputTagComponent.prototype, "errorIconTemplate", void 0);
-    __decorate([
-        ViewChild(TuiScrollbarComponent)
-    ], TuiInputTagComponent.prototype, "scrollerSetter", null);
-    __decorate([
-        HostBinding('attr.data-size')
-    ], TuiInputTagComponent.prototype, "size", null);
-    __decorate([
-        HostBinding('class._label-outside')
-    ], TuiInputTagComponent.prototype, "labelOutside", null);
-    TuiInputTagComponent = TuiInputTagComponent_1 = __decorate([
-        Component({
-            selector: 'tui-input-tag',
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-wrapper\n        [appearance]=\"appearance\"\n        [readOnly]=\"readOnly\"\n        [focused]=\"computedFocused\"\n        [hovered]=\"computedHovered\"\n        [disabled]=\"computedDisabled\"\n        [invalid]=\"computedInvalid\"\n        (tuiHoveredChange)=\"onHoveredChange($event)\"\n        (mousedown)=\"onMouseDown($event)\"\n    >\n        <div class=\"t-content\">\n            <div\n                *ngIf=\"iconAlignLeft\"\n                class=\"t-icons t-icons_left\"\n            >\n                <tui-svg\n                    class=\"t-icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </div>\n            <div class=\"t-wrapper\">\n                <div class=\"t-absolute-wrapper\">\n                    <div\n                        *ngIf=\"hasPlaceholder\"\n                        automation-id=\"tui-input-tag__placeholder\"\n                        class=\"t-placeholder\"\n                        [class.t-placeholder_raised]=\"placeholderRaised\"\n                    >\n                        <ng-content></ng-content>\n                    </div>\n                </div>\n                <tui-scrollbar\n                    *ngIf=\"!expandable; else items\"\n                    class=\"t-scrollbar\"\n                    [hidden]=\"true\"\n                >\n                    <ng-container [ngTemplateOutlet]=\"items\"></ng-container>\n                </tui-scrollbar>\n                <ng-template #items>\n                    <div\n                        #tagsContainer\n                        class=\"t-tags\"\n                    >\n                        <ng-container *ngIf=\"labelOutside; else text\">\n                            <tui-tag\n                                *ngFor=\"let item of value; index as index; trackBy: trackByFn\"\n                                #tag\n                                automation-id=\"tui-input-tag__tag\"\n                                class=\"t-tag\"\n                                [status]=\"(status$ | async)!\"\n                                [leftContent]=\"getLeftContent(item)\"\n                                [allowSpaces]=\"allowSpaces\"\n                                [tuiFocusable]=\"false\"\n                                [disabled]=\"computedDisabled || disabledItemHandler(item)\"\n                                [editable]=\"editable && !readOnly\"\n                                [hoverable]=\"!readOnly\"\n                                [removable]=\"!readOnly\"\n                                [separator]=\"separator\"\n                                [maxLength]=\"controller.maxLength\"\n                                [size]=\"controller.size\"\n                                [value]=\"item.toString()\"\n                                (edited)=\"onTagEdited($event, index)\"\n                                (keydown.arrowLeft.prevent)=\"onTagKeyDownArrowLeft(index)\"\n                                (keydown.arrowRight.prevent)=\"onTagKeyDownArrowRight(index)\"\n                            ></tui-tag>\n                        </ng-container>\n                        <ng-template #text>\n                            <span\n                                *ngFor=\"let item of value\"\n                                class=\"t-text\"\n                                [class.t-text_disabled]=\"disabledItemHandler(item)\"\n                                [class.t-text_error]=\"!tagValidator(item)\"\n                                [innerText]=\"item\"\n                            ></span>\n                        </ng-template>\n                        <div\n                            class=\"t-input-wrapper\"\n                            [class.t-input-wrapper_collapsed]=\"computedDisabled || readOnly || inputHidden\"\n                        >\n                            <div class=\"t-ghost\">{{ search }}</div>\n                            <input\n                                #focusableElement\n                                type=\"text\"\n                                automation-id=\"tui-input-tag__native\"\n                                class=\"t-native\"\n                                [placeholder]=\"controller.exampleText\"\n                                [class.t-native_hidden]=\"inputHidden\"\n                                [attr.maxLength]=\"controller.maxLength\"\n                                [id]=\"id\"\n                                [disabled]=\"computedDisabled\"\n                                [readOnly]=\"readOnly || inputHidden\"\n                                [tuiFocusable]=\"computedFocusable\"\n                                [ngModel]=\"search\"\n                                (ngModelChange)=\"onInput($event)\"\n                                (keydown.arrowLeft)=\"onFieldKeyDownArrowLeft($event)\"\n                                (keydown.backspace)=\"onFieldKeyDownBackspace($event)\"\n                                (keydown.enter.prevent)=\"onFieldKeyDownEnter()\"\n                            />\n                        </div>\n                    </div>\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"hasRightIcons\"\n                class=\"t-icons t-icons_right\"\n            >\n                <tui-svg\n                    *ngIf=\"hasCleaner\"\n                    #cleaner\n                    automation-id=\"tui-input-tag__cleaner\"\n                    src=\"tuiIconCloseLarge\"\n                    class=\"t-cleaner\"\n                    (click.stop)=\"onCleanerClick()\"\n                ></tui-svg>\n                <tui-tooltip\n                    *ngIf=\"hasTooltip\"\n                    automation-id=\"tui-input-tag__tooltip\"\n                    describeId=\"placeholer_until_accesibility_is_added\"\n                    class=\"t-tooltip\"\n                    [direction]=\"hintController.direction\"\n                    [mode]=\"hintController.mode\"\n                    [content]=\"hintController.content || ''\"\n                    [showDelay]=\"hintController.showDelay\"\n                    [hideDelay]=\"hintController.hideDelay\"\n                ></tui-tooltip>\n                <tui-svg\n                    *ngIf=\"iconAlignRight\"\n                    class=\"t-icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </div>\n        </div>\n        <ng-template #errorIcon>\n            <tui-svg\n                src=\"tuiIconAttention\"\n                class=\"t-error-icon\"\n            ></tui-svg>\n        </ng-template>\n    </tui-wrapper>\n</tui-hosted-dropdown>\n",
-            providers: [
-                {
-                    provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                    useExisting: forwardRef(function () { return TuiInputTagComponent_1; }),
-                },
-                {
-                    provide: TUI_DATA_LIST_HOST,
-                    useExisting: forwardRef(function () { return TuiInputTagComponent_1; }),
-                },
-                FIXED_DROPDOWN_CONTROLLER_PROVIDER,
-                TEXTFIELD_CONTROLLER_PROVIDER,
-                HINT_CONTROLLER_PROVIDER,
-                MODE_PROVIDER,
-            ],
-            styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;border-radius:var(--tui-radius-m);text-align:left}:host[data-size='s']{height:var(--tui-height-s);min-height:var(--tui-height-s);max-height:var(--tui-height-s)}:host[data-size='m']{height:var(--tui-height-m);min-height:var(--tui-height-m);max-height:var(--tui-height-m)}:host[data-size='l']{height:var(--tui-height-l);min-height:var(--tui-height-l);max-height:var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 var(--tui-padding-m);border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.t-input:-webkit-autofill,.t-input:-webkit-autofill:focus,.t-input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:hover,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:hover,:host[data-mode=onDark] .t-input:-webkit-autofill,:host[data-mode=onDark] .t-input:-webkit-autofill:focus,:host[data-mode=onDark] .t-input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}.t-input :host-context(tui-primitive-textfield[data-size='s']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='s']):not(tui-text-area),:host[data-size='s'] .t-input{padding:0 var(--tui-padding-s)}.t-input :host-context(tui-primitive-textfield[data-size='l']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='l']):not(tui-text-area),:host[data-size='l'] .t-input{padding:0 var(--tui-padding-l)}.t-input :host-context(tui-primitive-textfield._disabled),.t-input :host-context(tui-text-area._disabled),:host._disabled .t-input{pointer-events:none}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='l']:not(._label-outside) .t-input{padding-top:1.25rem}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='l']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='m']:not(._label-outside) .t-input{padding-top:1.125rem}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='m']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.t-input :host-context(tui-primitive-textfield._hidden),:host._hidden input.t-input{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content{display:flex;height:100%;width:100%;padding:0 var(--tui-padding-m);box-sizing:border-box;align-items:center;overflow:hidden}:host[data-size='s'] .t-content{padding:0 var(--tui-padding-s)}:host[data-size='l'] .t-content{padding:0 var(--tui-padding-l)}.t-content:after{content:'';margin-right:-.25rem}:host[data-size='m'] .t-content:after{display:none}.t-wrapper{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem;-webkit-padding-start:0;padding-inline-start:0}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0)}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size='l']._focused._label-outside .t-placeholder,:host[data-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size='l'] .t-placeholder{font-size:.9375rem}:host[data-size='l'] .t-placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}@supports (-webkit-hyphens:none){.t-placeholder{will-change:unset;transition-property:transform,color,letter-spacing}}.t-cleaner{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform}.t-cleaner:hover{color:var(--tui-text-02)}:host._disabled .t-cleaner,:host._readonly .t-cleaner{pointer-events:none}:host[data-mode=onDark] .t-cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-cleaner:hover{color:var(--tui-text-01-night)}.t-icon{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03)}:host[data-mode=onDark] .t-icon{color:var(--tui-text-03-night)}.t-icon_left{margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host[data-size='s'] .t-icon_left{margin-right:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}:host{cursor:text}:host._expandable{height:auto;max-height:none}:host._disabled{pointer-events:none}:host._readonly{cursor:default}.t-hosted{display:block;border-radius:inherit}.t-scrollbar{margin:0 -.25rem;padding:0 .25rem}.t-tags{display:flex;align-items:center;box-sizing:border-box}:host._expandable .t-tags{flex-wrap:wrap;white-space:normal}:host._readonly .t-tags{pointer-events:none}:host[data-size='s'] .t-tags{min-height:var(--tui-height-s);padding:.25rem .25rem .25rem 0}:host[data-size='m'] .t-tags{min-height:var(--tui-height-m);padding:.5rem .25rem .5rem 0}:host[data-size='l'] .t-tags{min-height:var(--tui-height-l);padding:.625rem .25rem .625rem 0}:host[data-size='m']:not(._label-outside) .t-tags{padding:1.1875rem 1rem 0 0}:host[data-size='l']:not(._label-outside) .t-tags{padding:1.6875rem 1rem .5625rem 0}.t-tags :host[data-size]{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host[data-size]:not(._label-outside) .t-tags{-webkit-padding-end:1rem;padding-inline-end:1rem}.t-content{align-items:flex-start}.t-icons{display:flex;align-items:center;padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}.t-icons_left{padding:0;margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host._expandable .t-icons_right{margin:0 0 0 -.625rem;-webkit-margin-start:-.625rem;margin-inline-start:-.625rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-size='s'] .t-icons{height:var(--tui-height-s)}:host[data-size='m'] .t-icons{height:var(--tui-height-m)}:host[data-size='l'] .t-icons{height:var(--tui-height-l)}.t-absolute-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}:host[data-size='m'] .t-absolute-wrapper{height:var(--tui-height-m)}:host[data-size='l'] .t-absolute-wrapper{height:var(--tui-height-l)}.t-wrapper{position:relative;padding:0}.t-tag{margin:.125rem .5rem .125rem -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;max-width:100%;flex-shrink:0}.t-text:after{content:',\\00a0'}.t-text_disabled{color:var(--tui-text-03)}.t-text_error{color:var(--tui-negative)}:host:not(._expandable) .t-text{white-space:nowrap}:host:not(._focused) .t-text:last-of-type:after{content:''}.t-input-wrapper{position:relative;flex:1;max-width:100%}.t-input-wrapper_collapsed{flex:0;margin:0 0 0 -.5rem;-webkit-margin-start:-.5rem;margin-inline-start:-.5rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-size='s'] .t-input-wrapper{min-height:1.5rem}:host[data-size='m'] .t-input-wrapper{min-height:calc(var(--tui-height-xs) + 2 * .125rem)}:host[data-size='l'] .t-input-wrapper{min-height:calc(var(--tui-height-s) + 2 * .125rem)}:host:not(._label-outside) .t-input-wrapper{min-height:1.25rem}.t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;min-width:.125rem}:host:not(._expandable) .t-ghost{min-width:2rem}.t-native{margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding:0;cursor:inherit}.t-native:-webkit-autofill,.t-native:-webkit-autofill:focus,.t-native:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-native_hidden{opacity:0;text-indent:-10em}.t-native::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.t-native::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .t-native::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-native::placeholder{color:var(--tui-text-03-night)}:host._focused .t-native:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .t-native:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .t-native:not(:read-only)::placeholder{opacity:1}.t-error-icon{display:block;color:var(--tui-error-fill);width:1rem;height:1rem}"]
-        }),
-        __param(0, Optional()),
-        __param(0, Self()),
-        __param(0, Inject(NgControl)),
-        __param(1, Inject(ChangeDetectorRef)),
-        __param(2, Inject(TuiScrollService)),
-        __param(3, Inject(ElementRef)),
-        __param(4, Inject(TUI_TEXTFIELD_APPEARANCE)),
-        __param(5, Optional()),
-        __param(5, Inject(TuiModeDirective)),
-        __param(6, Inject(TUI_MODE)),
-        __param(7, Inject(TUI_TAG_STATUS)),
-        __param(8, Inject(TUI_HINT_WATCHED_CONTROLLER)),
-        __param(9, Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)),
-        __param(10, Inject(TUI_INPUT_TAG_OPTIONS)),
-        __param(11, Optional()),
-        __param(11, Inject(TuiHostedDropdownComponent))
-    ], TuiInputTagComponent);
-    return TuiInputTagComponent;
-}(AbstractTuiMultipleControl));
-
-var TuiInputTagModule = /** @class */ (function () {
-    function TuiInputTagModule() {
-    }
-    TuiInputTagModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                FormsModule,
-                PolymorpheusModule,
-                TuiFocusableModule,
-                TuiHoveredModule,
-                TuiActiveZoneModule,
-                TuiSvgModule,
-                TuiScrollbarModule,
-                TuiTooltipModule,
-                TuiHostedDropdownModule,
-                TuiTagModule,
-                TuiWrapperModule,
-            ],
-            providers: [TuiScrollService],
-            declarations: [TuiInputTagComponent],
-            exports: [TuiInputTagComponent],
-        })
-    ], TuiInputTagModule);
-    return TuiInputTagModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TUI_INPUT_TAG_DEFAULT_OPTIONS, TUI_INPUT_TAG_OPTIONS, TuiInputTagComponent, TuiInputTagModule };
-//# sourceMappingURL=taiga-ui-kit-components-input-tag.js.map