@taiga-ui/kit/fesm5/taiga-ui-kit-components-multi-select-option.js

Taiga UI Angular main components kit

import { __extends, __decorate } from 'tslib';
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
import { tuiReplayedValueChangesFrom, isPresent } from '@taiga-ui/cdk';
import { sizeBigger, TuiPrimitiveCheckboxModule } from '@taiga-ui/core';
import { TuiSelectOptionComponent } from '@taiga-ui/kit/components/select-option';
import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus';
import { map } from 'rxjs/operators';
import { CommonModule } from '@angular/common';

var TuiMultiSelectOptionComponent = /** @class */ (function (_super) {
    __extends(TuiMultiSelectOptionComponent, _super);
    function TuiMultiSelectOptionComponent() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.selected$ = tuiReplayedValueChangesFrom(_this.control).pipe(map(function (value) {
            return isPresent(_this.option.value) &&
                !!value &&
                !!value.find(function (item) { return _this.matcher(item, _this.option.value); });
        }));
        return _this;
    }
    Object.defineProperty(TuiMultiSelectOptionComponent.prototype, "size", {
        get: function () {
            return sizeBigger(this.option.size) ? 'l' : 'm';
        },
        enumerable: true,
        configurable: true
    });
    TuiMultiSelectOptionComponent = __decorate([
        Component({
            selector: 'tui-multi-select-option',
            template: "<tui-primitive-checkbox\n    class=\"tui-space_right-3\"\n    [size]=\"size\"\n    [value]=\"selected$ | async\"\n></tui-primitive-checkbox>\n<ng-container *ngTemplateOutlet=\"context.$implicit\"></ng-container>\n",
            changeDetection: ChangeDetectionStrategy.OnPush,
            styles: [":host{display:flex;flex:1;align-items:center}"]
        })
    ], TuiMultiSelectOptionComponent);
    return TuiMultiSelectOptionComponent;
}(TuiSelectOptionComponent));
var TUI_MULTI_SELECT_OPTION = new PolymorpheusComponent(TuiMultiSelectOptionComponent);

var TuiMultiSelectOptionModule = /** @class */ (function () {
    function TuiMultiSelectOptionModule() {
    }
    TuiMultiSelectOptionModule = __decorate([
        NgModule({
            imports: [CommonModule, TuiPrimitiveCheckboxModule],
            declarations: [TuiMultiSelectOptionComponent],
            exports: [TuiMultiSelectOptionComponent],
            entryComponents: [TuiMultiSelectOptionComponent],
        })
    ], TuiMultiSelectOptionModule);
    return TuiMultiSelectOptionModule;
}());

/**
 * Generated bundle index. Do not edit.
 */

export { TUI_MULTI_SELECT_OPTION, TuiMultiSelectOptionComponent, TuiMultiSelectOptionModule };
//# sourceMappingURL=taiga-ui-kit-components-multi-select-option.js.map