@taiga-ui/kit 2.61.0 → 3.0.0-rc.2

package/fesm5/taiga-ui-kit-components-multi-select.js

@@ -1,623 +0,0 @@
-import { __assign, __extends, __spread, __decorate, __param, __read } from 'tslib';
-import { InjectionToken, EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ContentChild, ViewChild, Input, HostBinding, Output, TemplateRef, Component, ChangeDetectionStrategy, forwardRef, Pipe, ContentChildren, Directive, NgModule } from '@angular/core';
-import { EMPTY_ARRAY, isNativeFocused, setNativeFocused, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiMultipleControl, EMPTY_QUERY, itemsQueryListObservable, getOriginalArrayFromQueryList, TUI_DEFAULT_IDENTITY_MATCHER, isPresent, tuiReplayedValueChangesFrom, EMPTY_FUNCTION, TuiPreventDefaultModule, TuiActiveZoneModule, TuiLetModule, TuiMapperPipeModule, TuiHoveredModule } from '@taiga-ui/cdk';
-import { isFlat } from '@taiga-ui/kit/utils';
-import { NgControl, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import { TuiSvgService, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TUI_DATA_LIST_ACCESSOR, TuiHostedDropdownComponent, TuiDataListDirective, TUI_DATA_LIST_HOST, TEXTFIELD_CONTROLLER_PROVIDER, sizeBigger, TuiOptionComponent, TUI_OPTION_CONTENT, TuiSvgModule, TuiHostedDropdownModule, TuiPrimitiveCheckboxModule, TuiDataListModule } from '@taiga-ui/core';
-import { TuiStringifiableItem } from '@taiga-ui/kit/classes';
-import { TUI_ARROW_MODE, TuiArrowModule } from '@taiga-ui/kit/components/arrow';
-import { TuiInputTagComponent, TuiInputTagModule } from '@taiga-ui/kit/components/input-tag';
-import { iconBlank } from '@taiga-ui/kit/constants';
-import { FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
-import { TUI_ITEMS_HANDLERS } from '@taiga-ui/kit/tokens';
-import { CommonModule } from '@angular/common';
-import { TuiMultiSelectOptionComponent, TuiMultiSelectOptionModule } from '@taiga-ui/kit/components/multi-select-option';
-import { PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-import { combineLatest } from 'rxjs';
-import { map } from 'rxjs/operators';
-
-var TUI_MULTI_SELECT_DEFAULT_OPTIONS = {
-    expandable: true,
-    valueContent: "",
-};
-var TUI_MULTI_SELECT_OPTIONS = new InjectionToken("Default parameters for multi select component", {
-    factory: function () { return TUI_MULTI_SELECT_DEFAULT_OPTIONS; },
-});
-var tuiMultiSelectOptionsProvider = function (options) { return ({
-    provide: TUI_MULTI_SELECT_OPTIONS,
-    useValue: __assign(__assign({}, TUI_MULTI_SELECT_DEFAULT_OPTIONS), options),
-}); };
-
-var TuiMultiSelectComponent = /** @class */ (function (_super) {
-    __extends(TuiMultiSelectComponent, _super);
-    function TuiMultiSelectComponent(control, changeDetectorRef, svgService, arrowMode, itemsHandlers, options, controller) {
-        var _this = _super.call(this, control, changeDetectorRef) || this;
-        _this.arrowMode = arrowMode;
-        _this.itemsHandlers = itemsHandlers;
-        _this.options = options;
-        _this.controller = controller;
-        _this.stringify = _this.itemsHandlers.stringify;
-        _this.identityMatcher = _this.itemsHandlers.identityMatcher;
-        _this.expandable = _this.options.expandable;
-        _this.search = "";
-        _this.editable = true;
-        _this.disabledItemHandler = _this.itemsHandlers.disabledItemHandler;
-        _this.valueContent = _this.options.valueContent;
-        _this.searchChange = new EventEmitter();
-        _this.datalist = "";
-        _this.open = false;
-        _this.valueMapper = function (value, stringify, group) {
-            return group
-                ? EMPTY_ARRAY
-                : value.map(function (item) { return new TuiStringifiableItem(item, stringify); });
-        };
-        _this.disabledItemHandlerWrapper = function (handler) { return function (stringifiable) {
-            return typeof stringifiable === "string" || handler(stringifiable.item);
-        }; };
-        svgService.define({ iconBlank: iconBlank });
-        return _this;
-    }
-    TuiMultiSelectComponent_1 = TuiMultiSelectComponent;
-    Object.defineProperty(TuiMultiSelectComponent.prototype, "size", {
-        get: function () {
-            return this.controller.size;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectComponent.prototype, "arrow", {
-        get: function () {
-            return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectComponent.prototype, "nativeFocusableElement", {
-        get: function () {
-            return this.input ? this.input.nativeFocusableElement : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectComponent.prototype, "focused", {
-        get: function () {
-            return ((!!this.input && this.input.focused) ||
-                (!!this.hostedDropdown && this.hostedDropdown.focused));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectComponent.prototype, "computedValue", {
-        get: function () {
-            return this.computedGroup ? EMPTY_ARRAY : this.value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectComponent.prototype, "searchOrSpace", {
-        // @bad TODO: think of a better way
-        get: function () {
-            return this.computedGroup ? " " : this.searchString;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectComponent.prototype, "searchString", {
-        get: function () {
-            return this.search === null ? "" : this.search;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectComponent.prototype, "tagIcon", {
-        /**
-         * Pass empty icon to InputTag (inside this component)
-         * to prevent overflow of arrow icon by many tags
-         */
-        get: function () {
-            return this.interactive ? "iconBlank" : "";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectComponent.prototype, "inputHidden", {
-        get: function () {
-            return !this.editable && !this.computedGroup;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectComponent.prototype, "computedGroup", {
-        get: function () {
-            return (!!this.valueContent &&
-                this.value.length > 0 &&
-                (!this.focused || !this.editable));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectComponent.prototype, "context", {
-        get: function () {
-            return this.getContext(this.value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiMultiSelectComponent.prototype.getStringifier = function (stringify) {
-        return function (_a) {
-            var $implicit = _a.$implicit;
-            return stringify($implicit);
-        };
-    };
-    TuiMultiSelectComponent.prototype.onHoveredChange = function (hovered) {
-        this.updateHovered(hovered);
-    };
-    TuiMultiSelectComponent.prototype.onSpace = function (event) {
-        if (!this.editable) {
-            event.preventDefault();
-        }
-        if (!this.readOnly) {
-            this.open = true;
-        }
-    };
-    TuiMultiSelectComponent.prototype.handleOption = function (option) {
-        var _a = this, value = _a.value, identityMatcher = _a.identityMatcher;
-        var index = value.findIndex(function (item) { return identityMatcher(item, option); });
-        this.updateValue(index === -1 ? __spread(value, [option]) : value.filter(function (_, i) { return i !== index; }));
-        this.updateSearch(null);
-    };
-    TuiMultiSelectComponent.prototype.onEnter = function (event) {
-        var value = this.value;
-        var options = this.accessor ? this.accessor.getOptions() : [];
-        if (options.length !== 1) {
-            return;
-        }
-        var index = value.indexOf(options[0]);
-        event.preventDefault();
-        this.updateValue(index === -1
-            ? __spread(value, [options[0]]) : __spread(value.slice(0, index), value.slice(index + 1)));
-        this.updateSearch(null);
-    };
-    TuiMultiSelectComponent.prototype.onClick = function (_a) {
-        var nativeFocusableElement = _a.nativeFocusableElement;
-        var _b;
-        if (this.editable &&
-            this.interactive &&
-            nativeFocusableElement &&
-            isNativeFocused(nativeFocusableElement)) {
-            (_b = this.hostedDropdown) === null || _b === void 0 ? void 0 : _b.updateOpen(!this.open);
-        }
-    };
-    TuiMultiSelectComponent.prototype.onArrowClick = function () {
-        var _a;
-        (_a = this.hostedDropdown) === null || _a === void 0 ? void 0 : _a.updateOpen(!this.open);
-        this.focusInput();
-    };
-    TuiMultiSelectComponent.prototype.onInput = function (value) {
-        this.updateValue(value.map(function (_a) {
-            var item = _a.item;
-            return item;
-        }));
-    };
-    TuiMultiSelectComponent.prototype.onSearch = function (search) {
-        this.open = true;
-        this.updateSearch(search);
-    };
-    TuiMultiSelectComponent.prototype.onActiveZone = function (active) {
-        this.updateFocused(active);
-    };
-    TuiMultiSelectComponent.prototype.setDisabledState = function () {
-        _super.prototype.setDisabledState.call(this);
-        this.open = false;
-    };
-    TuiMultiSelectComponent.prototype.getContext = function ($implicit) {
-        return { $implicit: $implicit };
-    };
-    TuiMultiSelectComponent.prototype.updateSearch = function (search) {
-        if (this.search === search) {
-            return;
-        }
-        this.search = search;
-        this.searchChange.emit(search);
-    };
-    TuiMultiSelectComponent.prototype.focusInput = function (preventScroll) {
-        if (preventScroll === void 0) { preventScroll = false; }
-        if (this.nativeFocusableElement) {
-            setNativeFocused(this.nativeFocusableElement, true, preventScroll);
-        }
-    };
-    var TuiMultiSelectComponent_1;
-    TuiMultiSelectComponent.ctorParameters = function () { return [
-        { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
-        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
-        { type: TuiSvgService, decorators: [{ type: Inject, args: [TuiSvgService,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_ARROW_MODE,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_ITEMS_HANDLERS,] }] },
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_MULTI_SELECT_OPTIONS,] }] },
-        { type: TuiTextfieldController, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_WATCHED_CONTROLLER,] }] }
-    ]; };
-    __decorate([
-        ContentChild(TUI_DATA_LIST_ACCESSOR)
-    ], TuiMultiSelectComponent.prototype, "accessor", void 0);
-    __decorate([
-        ViewChild(TuiHostedDropdownComponent)
-    ], TuiMultiSelectComponent.prototype, "hostedDropdown", void 0);
-    __decorate([
-        ViewChild(TuiInputTagComponent)
-    ], TuiMultiSelectComponent.prototype, "input", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiMultiSelectComponent.prototype, "stringify", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiMultiSelectComponent.prototype, "identityMatcher", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiMultiSelectComponent.prototype, "expandable", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiMultiSelectComponent.prototype, "search", void 0);
-    __decorate([
-        Input(),
-        HostBinding("class._editable"),
-        tuiDefaultProp()
-    ], TuiMultiSelectComponent.prototype, "editable", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiMultiSelectComponent.prototype, "disabledItemHandler", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiMultiSelectComponent.prototype, "valueContent", void 0);
-    __decorate([
-        Output()
-    ], TuiMultiSelectComponent.prototype, "searchChange", void 0);
-    __decorate([
-        ContentChild(TuiDataListDirective, { read: TemplateRef })
-    ], TuiMultiSelectComponent.prototype, "datalist", void 0);
-    __decorate([
-        HostBinding("attr.data-size")
-    ], TuiMultiSelectComponent.prototype, "size", null);
-    __decorate([
-        tuiPure
-    ], TuiMultiSelectComponent.prototype, "getStringifier", null);
-    __decorate([
-        tuiPure
-    ], TuiMultiSelectComponent.prototype, "getContext", null);
-    TuiMultiSelectComponent = TuiMultiSelectComponent_1 = __decorate([
-        Component({
-            selector: "tui-multi-select",
-            template: "<tui-hosted-dropdown\n    class=\"t-hosted\"\n    [canOpen]=\"interactive\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiHoveredChange)=\"onHoveredChange($event)\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-input-tag\n        #inputTag\n        tuiHostedDropdownHost\n        automation-id=\"tui-multi-select__input\"\n        class=\"t-input\"\n        [nativeId]=\"nativeId\"\n        [icon]=\"tagIcon\"\n        [disabled]=\"disabled\"\n        [disabledItemHandler]=\"disabledItemHandler | tuiMapper: disabledItemHandlerWrapper\"\n        [readOnly]=\"readOnly\"\n        [inputHidden]=\"!editable\"\n        [pseudoHovered]=\"computedHovered\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoInvalid]=\"computedInvalid\"\n        [editable]=\"false\"\n        [expandable]=\"expandable\"\n        [search]=\"searchOrSpace\"\n        [ngModel]=\"computedValue | tuiMapper: valueMapper:stringify\"\n        (ngModelChange)=\"onInput($event)\"\n        (searchChange)=\"onSearch($event)\"\n        (keydown.space)=\"onSpace($event)\"\n        (keydown.enter)=\"onEnter($event)\"\n        (click.prevent)=\"onClick(inputTag)\"\n    >\n        <ng-content></ng-content>\n    </tui-input-tag>\n    <div\n        class=\"t-wrapper\"\n        [class.t-wrapper_disabled]=\"disabled\"\n    >\n        <div\n            *ngIf=\"computedGroup\"\n            polymorpheus-outlet\n            class=\"t-group\"\n            [class.t-group_fullsize]=\"inputTag.labelOutside\"\n            [context]=\"context\"\n            [content]=\"valueContent\"\n        ></div>\n\n        <div\n            *ngIf=\"arrow\"\n            polymorpheus-outlet\n            automation-id=\"tui-multi-select__arrow\"\n            tuiPreventDefault=\"mousedown\"\n            class=\"t-arrow\"\n            [content]=\"arrow\"\n            (click.prevent)=\"onArrowClick()\"\n        ></div>\n    </div>\n</tui-hosted-dropdown>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            providers: [
-                {
-                    provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
-                    useExisting: forwardRef(function () { return TuiMultiSelectComponent_1; }),
-                },
-                {
-                    provide: TUI_DATA_LIST_HOST,
-                    useExisting: forwardRef(function () { return TuiMultiSelectComponent_1; }),
-                },
-                FIXED_DROPDOWN_CONTROLLER_PROVIDER,
-                TEXTFIELD_CONTROLLER_PROVIDER,
-            ],
-            styles: [":host{position:relative;display:block;border-radius:var(--tui-radius-m)}:host._disabled{pointer-events:none}.t-hosted{display:block;border-radius:inherit}.t-input{border-radius:inherit}:host:not(._editable):not(._readonly) .t-input{cursor:pointer}.t-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;justify-content:flex-end}.t-wrapper_disabled{opacity:var(--tui-disabled-opacity)}:host[data-size='s'] .t-wrapper{height:var(--tui-height-s)}:host[data-size='m'] .t-wrapper{height:var(--tui-height-m)}:host[data-size='l'] .t-wrapper{height:var(--tui-height-l)}.t-group{display:flex;flex:1;align-items:center;padding:1.6875rem 1rem .5625rem}.t-group_fullsize{padding-top:.0625rem;padding-bottom:0}:host[data-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-size='m'] .t-group{padding:1.1875rem .75rem 0;font-size:.8125rem}.t-arrow{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;transition-property:color,transform;width:1.5rem;height:auto;margin:0 .75rem;pointer-events:auto;cursor:pointer}.t-arrow:hover{color:var(--tui-text-02)}:host._disabled .t-arrow,:host._readonly .t-arrow{pointer-events:none}:host[data-mode=onDark] .t-arrow{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-arrow:hover{color:var(--tui-text-01-night)}"]
-        }),
-        __param(0, Optional()),
-        __param(0, Self()),
-        __param(0, Inject(NgControl)),
-        __param(1, Inject(ChangeDetectorRef)),
-        __param(2, Inject(TuiSvgService)),
-        __param(3, Inject(TUI_ARROW_MODE)),
-        __param(4, Inject(TUI_ITEMS_HANDLERS)),
-        __param(5, Inject(TUI_MULTI_SELECT_OPTIONS)),
-        __param(6, Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER))
-    ], TuiMultiSelectComponent);
-    return TuiMultiSelectComponent;
-}(AbstractTuiMultipleControl));
-
-var TuiHideSelectedPipe = /** @class */ (function () {
-    function TuiHideSelectedPipe(component) {
-        this.component = component;
-    }
-    TuiHideSelectedPipe.prototype.transform = function (items, component) {
-        var _a = component !== null && component !== void 0 ? component : this.component, value = _a.value, identityMatcher = _a.identityMatcher;
-        if (!items) {
-            return null;
-        }
-        return isFlat(items)
-            ? this.filter(items, value, identityMatcher)
-            : this.filter2d(items, value, identityMatcher);
-    };
-    TuiHideSelectedPipe.prototype.filter2d = function (items, value, matcher) {
-        var _this = this;
-        return items.map(function (subItems) { return _this.filter(subItems, value, matcher); });
-    };
-    TuiHideSelectedPipe.prototype.filter = function (items, value, matcher) {
-        return items.filter(function (item) { return value.every(function (selected) { return !matcher(selected, item); }); });
-    };
-    TuiHideSelectedPipe.ctorParameters = function () { return [
-        { type: TuiMultiSelectComponent, decorators: [{ type: Inject, args: [TuiMultiSelectComponent,] }] }
-    ]; };
-    __decorate([
-        tuiPure
-    ], TuiHideSelectedPipe.prototype, "filter2d", null);
-    __decorate([
-        tuiPure
-    ], TuiHideSelectedPipe.prototype, "filter", null);
-    TuiHideSelectedPipe = __decorate([
-        Pipe({
-            name: "tuiHideSelected",
-            pure: false,
-        }),
-        __param(0, Inject(TuiMultiSelectComponent))
-    ], TuiHideSelectedPipe);
-    return TuiHideSelectedPipe;
-}());
-
-var TuiMultiSelectGroupComponent = /** @class */ (function () {
-    function TuiMultiSelectGroupComponent(host, control) {
-        this.host = host;
-        this.control = control;
-        this.options = EMPTY_QUERY;
-        this.label = "";
-    }
-    Object.defineProperty(TuiMultiSelectGroupComponent.prototype, "size", {
-        get: function () {
-            var _a;
-            return ((_a = this.options.first) === null || _a === void 0 ? void 0 : _a.size) || "m";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectGroupComponent.prototype, "checkboxSize", {
-        get: function () {
-            return this.options.first && sizeBigger(this.options.first.size) ? "l" : "m";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectGroupComponent.prototype, "empty$", {
-        get: function () {
-            return itemsQueryListObservable(this.options).pipe(map(function (_a) {
-                var length = _a.length;
-                return !length;
-            }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectGroupComponent.prototype, "disabled$", {
-        get: function () {
-            return itemsQueryListObservable(this.options).pipe(map(function (items) { return items.every(function (_a) {
-                var disabled = _a.disabled;
-                return disabled;
-            }); }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectGroupComponent.prototype, "value$", {
-        get: function () {
-            var _this = this;
-            return combineLatest(this.items$, this.valueChanges$).pipe(map(function (_a) {
-                var _b = __read(_a, 2), items = _b[0], current = _b[1];
-                var result = false;
-                var _loop_1 = function (i) {
-                    var selected = current.some(function (selected) {
-                        return _this.matcher(selected, items[i]);
-                    });
-                    if ((!selected && result) || (selected && !result && i)) {
-                        return { value: null };
-                    }
-                    result = selected;
-                };
-                for (var i = 0; i < items.length; i++) {
-                    var state_1 = _loop_1(i);
-                    if (typeof state_1 === "object")
-                        return state_1.value;
-                }
-                return result;
-            }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiMultiSelectGroupComponent.prototype.onClick = function (checked) {
-        var _this = this;
-        if (!this.control.control) {
-            return;
-        }
-        var controlValue = this.control.value || [];
-        var values = this.values;
-        var filtered = controlValue.filter(function (current) {
-            return values.every(function (item) { return !_this.matcher(current, item); });
-        });
-        this.control.control.setValue(checked ? filtered : __spread(filtered, values));
-    };
-    Object.defineProperty(TuiMultiSelectGroupComponent.prototype, "values", {
-        get: function () {
-            return this.filter(getOriginalArrayFromQueryList(this.options));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectGroupComponent.prototype, "matcher", {
-        get: function () {
-            return this.host.identityMatcher || TUI_DEFAULT_IDENTITY_MATCHER;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectGroupComponent.prototype, "items$", {
-        get: function () {
-            return itemsQueryListObservable(this.options).pipe(map(function (options) { return options.map(function (_a) {
-                var value = _a.value;
-                return value;
-            }).filter(isPresent); }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TuiMultiSelectGroupComponent.prototype, "valueChanges$", {
-        get: function () {
-            return tuiReplayedValueChangesFrom(this.control).pipe(map(function (value) { return value || []; }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TuiMultiSelectGroupComponent.prototype.filter = function (items) {
-        return items.map(function (_a) {
-            var value = _a.value;
-            return value;
-        }).filter(isPresent);
-    };
-    TuiMultiSelectGroupComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: [TUI_DATA_LIST_HOST,] }] },
-        { type: NgControl, decorators: [{ type: Inject, args: [NgControl,] }] }
-    ]; };
-    __decorate([
-        ContentChildren(TuiOptionComponent)
-    ], TuiMultiSelectGroupComponent.prototype, "options", void 0);
-    __decorate([
-        Input(),
-        tuiDefaultProp()
-    ], TuiMultiSelectGroupComponent.prototype, "label", void 0);
-    __decorate([
-        tuiPure
-    ], TuiMultiSelectGroupComponent.prototype, "empty$", null);
-    __decorate([
-        tuiPure
-    ], TuiMultiSelectGroupComponent.prototype, "disabled$", null);
-    __decorate([
-        tuiPure
-    ], TuiMultiSelectGroupComponent.prototype, "value$", null);
-    __decorate([
-        tuiPure
-    ], TuiMultiSelectGroupComponent.prototype, "items$", null);
-    __decorate([
-        tuiPure
-    ], TuiMultiSelectGroupComponent.prototype, "valueChanges$", null);
-    __decorate([
-        tuiPure
-    ], TuiMultiSelectGroupComponent.prototype, "filter", null);
-    TuiMultiSelectGroupComponent = __decorate([
-        Component({
-            selector: "tui-opt-group[tuiMultiSelectGroup]",
-            template: "<ng-container *tuiLet=\"value$ | async as value\">\n    <button\n        *ngIf=\"label && !(empty$ | async)\"\n        tuiOption\n        [size]=\"size\"\n        [disabled]=\"!!(disabled$ | async)\"\n        (click)=\"onClick(value)\"\n    >\n        <tui-primitive-checkbox\n            class=\"t-checkbox\"\n            [size]=\"checkboxSize\"\n            [value]=\"value\"\n        ></tui-primitive-checkbox>\n        <span class=\"t-label\">{{ label }}</span>\n    </button>\n</ng-container>\n<ng-content></ng-content>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            viewProviders: [
-                {
-                    provide: TUI_OPTION_CONTENT,
-                    useValue: null,
-                },
-            ],
-            styles: [":host{display:flex;flex-direction:column}:host:before{content:''}.t-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-xs);flex:1;color:var(--tui-text-02)}.t-checkbox{margin-right:.75rem}"]
-        }),
-        __param(0, Inject(TUI_DATA_LIST_HOST)),
-        __param(1, Inject(NgControl))
-    ], TuiMultiSelectGroupComponent);
-    return TuiMultiSelectGroupComponent;
-}());
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function hostFallbackFactory(control, host) {
-    return (host || {
-        handleOption: function (option) {
-            if (!control.control) {
-                return;
-            }
-            var value = control.value || [];
-            var index = value.indexOf(option);
-            control.control.setValue(index === -1
-                ? __spread(value, [option]) : __spread(value.slice(0, index), value.slice(index + 1)));
-        },
-    });
-}
-var TUI_MULTI_SELECT_OPTION = new PolymorpheusComponent(TuiMultiSelectOptionComponent);
-// TODO: 3.0 remove in ivy compilation
-var MULTI_SELECT_ACCESSOR = {
-    writeValue: EMPTY_FUNCTION,
-    registerOnChange: EMPTY_FUNCTION,
-    registerOnTouched: EMPTY_FUNCTION,
-};
-var TuiMultiSelectGroupDirective = /** @class */ (function () {
-    function TuiMultiSelectGroupDirective() {
-    }
-    TuiMultiSelectGroupDirective = __decorate([
-        Directive({
-            selector: "[tuiMultiSelectGroup]",
-            providers: [
-                {
-                    provide: TUI_OPTION_CONTENT,
-                    useValue: TUI_MULTI_SELECT_OPTION,
-                },
-                {
-                    provide: TUI_DATA_LIST_HOST,
-                    deps: [
-                        NgControl,
-                        [new Optional(), forwardRef(function () { return TuiMultiSelectComponent; })],
-                    ],
-                    useFactory: hostFallbackFactory,
-                },
-                {
-                    provide: NG_VALUE_ACCESSOR,
-                    multi: true,
-                    useValue: MULTI_SELECT_ACCESSOR,
-                },
-            ],
-        })
-    ], TuiMultiSelectGroupDirective);
-    return TuiMultiSelectGroupDirective;
-}());
-
-var TuiMultiSelectModule = /** @class */ (function () {
-    function TuiMultiSelectModule() {
-    }
-    TuiMultiSelectModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                FormsModule,
-                PolymorpheusModule,
-                TuiPreventDefaultModule,
-                TuiActiveZoneModule,
-                TuiArrowModule,
-                TuiLetModule,
-                TuiMapperPipeModule,
-                TuiHoveredModule,
-                TuiSvgModule,
-                TuiHostedDropdownModule,
-                TuiInputTagModule,
-                TuiMultiSelectOptionModule,
-                TuiPrimitiveCheckboxModule,
-                TuiDataListModule,
-            ],
-            declarations: [
-                TuiMultiSelectComponent,
-                TuiMultiSelectGroupComponent,
-                TuiMultiSelectGroupDirective,
-                TuiHideSelectedPipe,
-            ],
-            exports: [
-                TuiMultiSelectComponent,
-                TuiMultiSelectGroupComponent,
-                TuiMultiSelectGroupDirective,
-                TuiHideSelectedPipe,
-            ],
-        })
-    ], TuiMultiSelectModule);
-    return TuiMultiSelectModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { MULTI_SELECT_ACCESSOR, TUI_MULTI_SELECT_DEFAULT_OPTIONS, TUI_MULTI_SELECT_OPTION, TUI_MULTI_SELECT_OPTIONS, TuiHideSelectedPipe, TuiMultiSelectComponent, TuiMultiSelectGroupComponent, TuiMultiSelectGroupDirective, TuiMultiSelectModule, hostFallbackFactory, tuiMultiSelectOptionsProvider };
-//# sourceMappingURL=taiga-ui-kit-components-multi-select.js.map