import { __assign, __read, __spread } from "tslib";
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { FormControl } from '@angular/forms';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
function SelectComponent_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
    var _r7 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 11);
    i0.ɵɵelementStart(1, "div", 12);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(3, "a", 13);
    i0.ɵɵlistener("click", function SelectComponent_div_1_div_1_Template_a_click_3_listener() { i0.ɵɵrestoreView(_r7); var ctx_r6 = i0.ɵɵnextContext(2); return ctx_r6.onToggleSelectAll(); });
    i0.ɵɵtext(4, "All");
    i0.ɵɵelementEnd();
    i0.ɵɵelement(5, "span", 14);
    i0.ɵɵelementStart(6, "a", 15);
    i0.ɵɵlistener("click", function SelectComponent_div_1_div_1_Template_a_click_6_listener() { i0.ɵɵrestoreView(_r7); var ctx_r8 = i0.ɵɵnextContext(2); return ctx_r8.onSelectNone(); });
    i0.ɵɵtext(7, "None");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    var ctx_r5 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(ctx_r5.title);
} }
function SelectComponent_div_1_Template(rf, ctx) { if (rf & 1) {
    var _r10 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 6);
    i0.ɵɵtemplate(1, SelectComponent_div_1_div_1_Template, 8, 1, "div", 7);
    i0.ɵɵelementStart(2, "div", 8);
    i0.ɵɵelement(3, "i", 9);
    i0.ɵɵelementStart(4, "input", 10);
    i0.ɵɵlistener("keyup", function SelectComponent_div_1_Template_input_keyup_4_listener($event) { i0.ɵɵrestoreView(_r10); var ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.onSearch($event); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    var ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r0.isMultiSelect && ctx_r0.filteredList.length == ctx_r0.list.length);
} }
function SelectComponent_p_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "p", 16);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    var ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(ctx_r1.emptyListText);
} }
function SelectComponent_div_4_figure_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "figure", 21);
    i0.ɵɵelement(1, "img", 22);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    var listItem_r11 = i0.ɵɵnextContext().$implicit;
    var ctx_r12 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("src", listItem_r11[ctx_r12.itemThumbnail], i0.ɵɵsanitizeUrl);
} }
function SelectComponent_div_4_Template(rf, ctx) { if (rf & 1) {
    var _r15 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 17);
    i0.ɵɵlistener("click", function SelectComponent_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r15); var listItem_r11 = ctx.$implicit; var ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.onSelectListItem(listItem_r11); });
    i0.ɵɵtemplate(1, SelectComponent_div_4_figure_1_Template, 2, 1, "figure", 18);
    i0.ɵɵelementStart(2, "div", 19);
    i0.ɵɵelementStart(3, "div", 20);
    i0.ɵɵtext(4);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    var listItem_r11 = ctx.$implicit;
    var ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("active", listItem_r11 == null ? null : listItem_r11.isSelected);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !!ctx_r2.itemThumbnail && !!listItem_r11[ctx_r2.itemThumbnail]);
    i0.ɵɵadvance(3);
    i0.ɵɵtextInterpolate(listItem_r11[ctx_r2.text] || "");
} }
function SelectComponent_div_5_Template(rf, ctx) { if (rf & 1) {
    var _r17 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 23);
    i0.ɵɵelementStart(1, "button", 24);
    i0.ɵɵlistener("click", function SelectComponent_div_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r17); var ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.onClose(); });
    i0.ɵɵtext(2, "Cancel");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(3, "button", 25);
    i0.ɵɵlistener("click", function SelectComponent_div_5_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r17); var ctx_r18 = i0.ɵɵnextContext(); return ctx_r18.onAddSelectedItem(); });
    i0.ɵɵtext(4);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    var ctx_r3 = i0.ɵɵnextContext();
    i0.ɵɵadvance(4);
    i0.ɵɵtextInterpolate(ctx_r3.addButtonText);
} }
function SelectComponent_div_6_Template(rf, ctx) { if (rf & 1) {
    var _r20 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 23);
    i0.ɵɵelementStart(1, "button", 25);
    i0.ɵɵlistener("click", function SelectComponent_div_6_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r20); var ctx_r19 = i0.ɵɵnextContext(); return ctx_r19.onClose(); });
    i0.ɵɵtext(2, "Done");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} }
var SelectComponent = /** @class */ (function () {
    function SelectComponent() {
        this.addItem = new EventEmitter();
        this.close = new EventEmitter();
        this.list = []; // required
        this.text = ''; // required
        this.id = ''; // required, if not passed it will use text
        this.placeholder = '';
        this.title = '';
        this.isMultiSelect = false; // must be true if passed inputControl or preSelectedItem is array
        this.autoSelection = true;
        this.addButtonText = 'Add';
        this.emptyListText = '';
        this.showFilter = true;
        this.filteredList = [];
        this.isSelectAll = false;
    }
    SelectComponent.prototype.ngOnInit = function () { };
    SelectComponent.prototype.ngOnChanges = function () {
        var _a;
        this.id = this.id || this.text;
        var preSelected = ((_a = this.inputControl) === null || _a === void 0 ? void 0 : _a.value) || this.preSelectedItem;
        this.selectedItem = Array.isArray(preSelected) ? __spread(preSelected) : __assign({}, preSelected);
        if (!this.selectedItem) {
            this.setDefaultValue();
        }
        this.list = this.mapSelectedPropToList();
        this.filteredList = this.list;
        this.isSelectAll = this.list.every(function (x) { return x.isSelected; });
        this.sortList();
    };
    SelectComponent.prototype.mapSelectedPropToList = function () {
        var _this = this;
        var modifiedList = [];
        var value = this.selectedItem;
        if (this.isMultiSelect) {
            var obj_1 = value.reduce(function (acc, cur) {
                if (!!cur[_this.id]) {
                    acc[cur[_this.id]] = true;
                }
                return acc;
            }, {});
            modifiedList = this.list.map(function (x) {
                return __assign(__assign({}, x), { isSelected: !!obj_1[x[_this.id]] });
            });
        }
        else {
            modifiedList = this.list.map(function (x) {
                return __assign(__assign({}, x), { isSelected: !!value && !!value[_this.id] && !!x[_this.id] && x[_this.id] == value[_this.id] });
            });
        }
        return modifiedList;
    };
    SelectComponent.prototype.setDefaultValue = function () {
        this.selectedItem = this.isMultiSelect ? [] : null;
    };
    SelectComponent.prototype.onSelectListItem = function (item) {
        this.setSelectedItem(item);
        this.setFormControl(this.selectedItem);
        this.isSelectAll = this.list.every(function (x) { return x.isSelected; });
        if (this.autoSelection) {
            this.addItem.emit(this.selectedItem);
        }
    };
    SelectComponent.prototype.setSelectedItem = function (item) {
        if (this.isMultiSelect) {
            this.toggleItem(item);
            this.selectedItem = this.addOrRemoveItemFromList(this.selectedItem, item);
            this.sortList();
        }
        else {
            var index = this.list.findIndex(function (x) { return x.isSelected; });
            if (index > -1) {
                this.list[index].isSelected = false;
            }
            this.toggleItem(item);
            this.selectedItem = item;
        }
    };
    SelectComponent.prototype.sortList = function () {
        this.filteredList = this.filteredList.sort(function (_a, _b) {
            var itemA = _a.isSelected;
            var itemB = _b.isSelected;
            return +itemB - +itemA;
        }).slice();
    };
    SelectComponent.prototype.setFormControl = function (value) {
        if (this.inputControl) {
            this.inputControl.setValue(value);
        }
    };
    SelectComponent.prototype.addOrRemoveItemFromList = function (list, item) {
        var _this = this;
        if (item.isSelected) {
            list.push(item);
        }
        else {
            var index = list.findIndex(function (x) { return x[_this.id] == item[_this.id]; });
            if (index > -1) {
                list.splice(index, 1);
            }
        }
        return __spread(list);
    };
    SelectComponent.prototype.toggleItem = function (item) {
        item.isSelected = !item.isSelected;
    };
    SelectComponent.prototype.onSearch = function (event) {
        var _this = this;
        var value = event.target.value.toLocaleLowerCase();
        this.filteredList = this.list.filter(function (x) { return x[_this.text].toLocaleLowerCase().includes(value); });
        this.sortList();
    };
    SelectComponent.prototype.onClose = function () {
        this.close.emit();
    };
    SelectComponent.prototype.onToggleSelectAll = function () {
        var _this = this;
        var _a, _b;
        if (this.isMultiSelect) {
            this.isSelectAll = !this.isSelectAll;
            this.list = this.list.map(function (x) { return (__assign(__assign({}, x), { isSelected: _this.isSelectAll })); });
            this.filteredList = this.list;
            if (this.isSelectAll) {
                this.selectedItem = this.list.slice();
                (_a = this.inputControl) === null || _a === void 0 ? void 0 : _a.setValue(this.list.slice());
            }
            else {
                this.selectedItem = [];
                (_b = this.inputControl) === null || _b === void 0 ? void 0 : _b.setValue([]);
            }
            if (this.autoSelection) {
                this.addItem.emit(this.selectedItem);
            }
        }
    };
    SelectComponent.prototype.onSelectNone = function () {
        var _this = this;
        var _a;
        if (this.isMultiSelect) {
            this.isSelectAll = false;
            this.list = this.list.map(function (x) { return (__assign(__assign({}, x), { isSelected: _this.isSelectAll })); });
            this.filteredList = this.list;
            this.selectedItem = [];
            (_a = this.inputControl) === null || _a === void 0 ? void 0 : _a.setValue([]);
            if (this.autoSelection) {
                this.addItem.emit(this.selectedItem);
            }
        }
    };
    SelectComponent.prototype.onAddSelectedItem = function () {
        this.addItem.emit(this.selectedItem);
        this.onClose();
    };
    SelectComponent.ɵfac = function SelectComponent_Factory(t) { return new (t || SelectComponent)(); };
    SelectComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SelectComponent, selectors: [["ins-select"]], inputs: { list: "list", inputControl: "inputControl", preSelectedItem: "preSelectedItem", text: "text", id: "id", itemThumbnail: "itemThumbnail", placeholder: "placeholder", title: "title", isMultiSelect: "isMultiSelect", autoSelection: "autoSelection", addButtonText: "addButtonText", emptyListText: "emptyListText", showFilter: "showFilter" }, outputs: { addItem: "addItem", close: "close" }, features: [i0.ɵɵNgOnChangesFeature], decls: 7, vars: 5, consts: [[1, "select-community-dropdown"], ["class", "scd-head", "id", "filter_options", 4, "ngIf"], [1, "scd-body"], ["class", "scd-note", "id", "empty_list_text", 4, "ngIf"], ["class", "avatar-block scd-item", "id", "list_item", 3, "active", "click", 4, "ngFor", "ngForOf"], ["class", "scd-foot", 4, "ngIf"], ["id", "filter_options", 1, "scd-head"], ["class", "scd-actions", 4, "ngIf"], [1, "scd-form"], [1, "icn-search", "scd-icon"], ["type", "text", "placeholder", "Search Communities", "id", "search_term", 1, "scd-input", 3, "keyup"], [1, "scd-actions"], [1, "scd-label"], ["id", "select_all", 1, "scd-link", 3, "click"], [1, "scd-pipe"], ["id", "select_none", 1, "scd-link", 3, "click"], ["id", "empty_list_text", 1, "scd-note"], ["id", "list_item", 1, "avatar-block", "scd-item", 3, "click"], ["class", "ab-fig", 4, "ngIf"], [1, "ab-meta"], [1, "ab-label"], [1, "ab-fig"], ["alt", "", 3, "src"], [1, "scd-foot"], ["type", "button", "id", "close_btn", 1, "scd-btn", "scd-cancel", 3, "click"], ["type", "button", 1, "scd-btn", "scd-submit", 3, "click"]], template: function SelectComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0);
            i0.ɵɵtemplate(1, SelectComponent_div_1_Template, 5, 1, "div", 1);
            i0.ɵɵelementStart(2, "div", 2);
            i0.ɵɵtemplate(3, SelectComponent_p_3_Template, 2, 1, "p", 3);
            i0.ɵɵtemplate(4, SelectComponent_div_4_Template, 5, 4, "div", 4);
            i0.ɵɵelementEnd();
            i0.ɵɵtemplate(5, SelectComponent_div_5_Template, 5, 1, "div", 5);
            i0.ɵɵtemplate(6, SelectComponent_div_6_Template, 3, 0, "div", 5);
            i0.ɵɵelementEnd();
        } if (rf & 2) {
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngIf", ctx.showFilter);
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("ngIf", !(ctx.list == null ? null : ctx.list.length));
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngForOf", ctx.filteredList);
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngIf", !ctx.autoSelection && (ctx.list == null ? null : ctx.list.length));
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngIf", !(ctx.list == null ? null : ctx.list.length));
        } }, directives: [i1.NgIf, i1.NgForOf], styles: ["a[_ngcontent-%COMP%]{text-decoration:none}*[_ngcontent-%COMP%]{font-family:Lato,sans-serif;outline:0}@font-face{font-family:ins-icons;src:url(/assets/fonts/icons/ins-icons.ttf?nf14g1) format(\"truetype\"),url(/assets/fonts/icons/ins-icons.woff?nf14g1) format(\"woff\"),url(/assets/fonts/icons/ins-icons.svg?nf14g1#ins-icons) format(\"svg\");font-weight:400;font-style:normal;font-display:block}.ins-icon[_ngcontent-%COMP%], [class*=\" icn-\"][_ngcontent-%COMP%], [class^=icn-][_ngcontent-%COMP%]{font-family:ins-icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icn-minus-o[_ngcontent-%COMP%]:before{content:\"\\e93a\"}.icn-disclaimer[_ngcontent-%COMP%]:before{content:\"\\e934\"}.icn-leave-community[_ngcontent-%COMP%]:before{content:\"\\e935\"}.icn-stethoscope[_ngcontent-%COMP%]:before{content:\"\\e936\"}.icn-join-community[_ngcontent-%COMP%]:before{content:\"\\e937\"}.icn-resources[_ngcontent-%COMP%]:before{content:\"\\e938\"}.icn-help[_ngcontent-%COMP%]:before{content:\"\\e939\"}.icn-checked[_ngcontent-%COMP%]:before{content:\"\\e933\"}.icn-plus[_ngcontent-%COMP%]:before{content:\"\\e932\"}.icn-expand[_ngcontent-%COMP%]:before{content:\"\\e931\"}.icn-Invite[_ngcontent-%COMP%]:before{content:\"\\e930\"}.icn-report[_ngcontent-%COMP%]:before{content:\"\\e92f\"}.icn-unfollow[_ngcontent-%COMP%]:before{content:\"\\e92e\"}.icn-block[_ngcontent-%COMP%]:before{content:\"\\e92d\"}.icn-trash[_ngcontent-%COMP%]:before{content:\"\\e92b\"}.icn-follow[_ngcontent-%COMP%]:before{content:\"\\e92c\"}.icn-lock[_ngcontent-%COMP%]:before{content:\"\\e92a\"}.icn-bolt-left[_ngcontent-%COMP%]:before{content:\"\\e925\"}.icn-bolt-right[_ngcontent-%COMP%]:before{content:\"\\e926\"}.icn-bolt-down[_ngcontent-%COMP%]:before{content:\"\\e927\"}.icn-bolt-up[_ngcontent-%COMP%]:before{content:\"\\e928\"}.icn-img-o[_ngcontent-%COMP%]:before{content:\"\\e929\"}.icn-tick[_ngcontent-%COMP%]:before{content:\"\\e924\"}.icn-tick-o[_ngcontent-%COMP%]:before{content:\"\\e923\"}.icn-cross-o[_ngcontent-%COMP%]:before{content:\"\\e922\"}.icn-plus-o[_ngcontent-%COMP%]:before{content:\"\\e921\"}.icn-hide[_ngcontent-%COMP%]:before{content:\"\\e920\"}.icn-menu[_ngcontent-%COMP%]:before{content:\"\\e900\"}.icn-more[_ngcontent-%COMP%]:before{content:\"\\e901\"}.icn-msgs[_ngcontent-%COMP%]:before{content:\"\\e902\"}.icn-pin[_ngcontent-%COMP%]:before{content:\"\\e903\"}.icn-reply[_ngcontent-%COMP%]:before{content:\"\\e904\"}.icn-search[_ngcontent-%COMP%]:before{content:\"\\e905\"}.icn-settings[_ngcontent-%COMP%]:before{content:\"\\e906\"}.icn-treatment[_ngcontent-%COMP%]:before{content:\"\\e907\"}.icn-aid[_ngcontent-%COMP%]:before{content:\"\\e908\"}.icn-apple[_ngcontent-%COMP%]:before{content:\"\\e909\"}.icn-arrow-down[_ngcontent-%COMP%]:before{content:\"\\e90a\"}.icn-arrow-up[_ngcontent-%COMP%]:before{content:\"\\e91d\"}.icn-arrow-left[_ngcontent-%COMP%]:before{content:\"\\e91e\"}.icn-arrow-right[_ngcontent-%COMP%]:before{content:\"\\e91f\"}.icn-bell[_ngcontent-%COMP%]:before{content:\"\\e90b\"}.icn-bookmark-o[_ngcontent-%COMP%]:before{content:\"\\e90c\"}.icn-calendar[_ngcontent-%COMP%]:before{content:\"\\e90d\"}.icn-check[_ngcontent-%COMP%]:before{content:\"\\e90e\"}.icn-community[_ngcontent-%COMP%]:before{content:\"\\e90f\"}.icn-d-arrow-up[_ngcontent-%COMP%]:before{content:\"\\e910\"}.icn-discussion[_ngcontent-%COMP%]:before{content:\"\\e911\"}.icn-edit[_ngcontent-%COMP%]:before{content:\"\\e912\"}.icn-facebook[_ngcontent-%COMP%]:before{content:\"\\e913\"}.icn-filters[_ngcontent-%COMP%]:before{content:\"\\e914\"}.icn-friends[_ngcontent-%COMP%]:before{content:\"\\e915\"}.icn-google[_ngcontent-%COMP%]:before{content:\"\\e916\"}.icn-heart[_ngcontent-%COMP%]:before{content:\"\\e917\"}.icn-home[_ngcontent-%COMP%]:before{content:\"\\e918\"}.icn-img[_ngcontent-%COMP%]:before{content:\"\\e919\"}.icn-inspire[_ngcontent-%COMP%]:before{content:\"\\e91a\"}.icn-journal[_ngcontent-%COMP%]:before{content:\"\\e91b\"}.icn-like[_ngcontent-%COMP%]:before{content:\"\\e91c\"}.scd-btn[_ngcontent-%COMP%]{border:none;border-radius:.5rem;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0 1rem;height:2.25rem;transition:.3s ease-in-out;background:0 0}.scd-btn[_ngcontent-%COMP%]:hover{background:#f8f9fb}.scd-btn[disabled][_ngcontent-%COMP%]{background:#c6cbc9;color:#6e6f70;cursor:default}.scd-submit[_ngcontent-%COMP%]{background:#005cc9;color:#fff}.scd-submit[_ngcontent-%COMP%]:not([disabled]):hover{background:#0050b0}.avatar-block[_ngcontent-%COMP%]{display:flex;align-items:center}.avatar-block[_ngcontent-%COMP%]   .ab-fig[_ngcontent-%COMP%]{margin:0 .75rem 0 0;flex:0 0 auto;position:relative;overflow:hidden;border:1px solid #e2e5e4;background:#fff}.avatar-block[_ngcontent-%COMP%]   .ab-fig[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;image-rendering:auto}.avatar-block[_ngcontent-%COMP%]   .ab-meta[_ngcontent-%COMP%]{flex:1 1 auto}.avatar-block[_ngcontent-%COMP%]   .ab-label[_ngcontent-%COMP%]{font-size:.875rem;color:#000;line-height:1.3}.avatar-block[_ngcontent-%COMP%]   .ab-stamp[_ngcontent-%COMP%]{flex:0 0 auto;font-size:.75rem;color:#e1e3e2;margin-left:.625rem}.select-community-dropdown[_ngcontent-%COMP%]{border:1px solid #e2e5e4;background:#fff}.scd-head[_ngcontent-%COMP%]{border-bottom:1px solid #e2e5e4;display:flex;align-items:center}@media (max-width:767px){.scd-head[_ngcontent-%COMP%]{flex-wrap:wrap}.scd-form[_ngcontent-%COMP%]{width:100%}}.scd-body[_ngcontent-%COMP%], .scd-head[_ngcontent-%COMP%]{padding:.9375rem}.scd-body[_ngcontent-%COMP%]{max-height:8.75rem;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start}.scd-form[_ngcontent-%COMP%]{display:flex;align-items:center;position:relative;flex:1 1 auto}.scd-icon[_ngcontent-%COMP%]{font-size:.875rem;color:#c6cbc9;position:absolute;right:.9375rem;top:50%;transform:translateY(-50%)}.scd-input[_ngcontent-%COMP%]{border:1px solid #e2e5e4;border-radius:.5rem;font-size:.875rem;padding:0 2.625rem 0 1rem;height:2.5rem;flex:1 1 auto;color:#000}.scd-input[_ngcontent-%COMP%]::-webkit-input-placeholder{color:#c6cbc9}.scd-input[_ngcontent-%COMP%]:-moz-placeholder{color:#c6cbc9}.scd-input[_ngcontent-%COMP%]::-moz-placeholder{color:#c6cbc9}.scd-input[_ngcontent-%COMP%]:-ms-input-placeholder{color:#c6cbc9}.scd-actions[_ngcontent-%COMP%]{margin-right:1.25rem;padding:0 .3125rem;display:flex;align-items:center;font-size:.875rem;color:#6e6f70}@media (max-width:767px){.scd-actions[_ngcontent-%COMP%]{margin-bottom:15px;margin-right:0}}.scd-label[_ngcontent-%COMP%]{margin-right:1.25rem}.scd-link[_ngcontent-%COMP%]{color:#005cc9;font-size:.875rem;cursor:pointer}.scd-link[_ngcontent-%COMP%]:hover{text-decoration:underline}.scd-pipe[_ngcontent-%COMP%]{margin:0 1rem;border-left:1px solid #c6cbc9;height:1.25rem}.avatar-block[_ngcontent-%COMP%]   .ab-fig[_ngcontent-%COMP%]{width:1.5rem;height:1.5rem;border-radius:50%}.scd-item[_ngcontent-%COMP%]{padding:.3125rem .75rem .3125rem .3125rem;cursor:pointer;margin:0;border:1px solid #e2e5e4;border-radius:3.125rem;font-size:.625rem;color:#6e6f70}.scd-item[_ngcontent-%COMP%]:not(:last-child){margin-bottom:.5rem}.scd-item[_ngcontent-%COMP%]:not(.active):hover{background:#f8f9fb}.scd-item.active[_ngcontent-%COMP%]{background:#009dfc;border-color:#f8f9fb}.scd-item.active[_ngcontent-%COMP%]   .ab-label[_ngcontent-%COMP%]{color:#fff}.scd-foot[_ngcontent-%COMP%]{flex:0 0 auto;padding:10px 15px;text-align:right;border-top:1px solid #e2e5e4}.scd-btn[_ngcontent-%COMP%]{width:150px}.scd-submit[_ngcontent-%COMP%]{margin-left:10px}.scd-note[_ngcontent-%COMP%]{font-size:14px;color:#6e6f70;text-align:center;margin:30px 0;width:100%}"] });
    return SelectComponent;
}());
export { SelectComponent };
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SelectComponent, [{
        type: Component,
        args: [{
                selector: 'ins-select',
                templateUrl: './select.component.html',
                styleUrls: ['./select.component.scss']
            }]
    }], function () { return []; }, { addItem: [{
            type: Output
        }], close: [{
            type: Output
        }], list: [{
            type: Input
        }], inputControl: [{
            type: Input
        }], preSelectedItem: [{
            type: Input
        }], text: [{
            type: Input
        }], id: [{
            type: Input
        }], itemThumbnail: [{
            type: Input
        }], placeholder: [{
            type: Input
        }], title: [{
            type: Input
        }], isMultiSelect: [{
            type: Input
        }], autoSelection: [{
            type: Input
        }], addButtonText: [{
            type: Input
        }], emptyListText: [{
            type: Input
        }], showFilter: [{
            type: Input
        }] }); })();
//# sourceMappingURL=data:application/json;base64, 