npm - mis-crystal-design-system - Versions diffs - 18.1.18 → 18.1.20 - Mend

mis-crystal-design-system 18.1.18 → 18.1.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/esm2022/table/filter/filter.component.mjs CHANGED Viewed

@@ -5,12 +5,12 @@ import * as i2 from "mis-crystal-design-system/checkbox";
 const _c0 = ["mainContainer"];
 const _c1 = () => ({ "margin": "16px 0px" });
 const _c2 = () => ({ "margin-right": "8px" });
-function TableFilterComponent_div_8_Template(rf, ctx) { if (rf & 1) {
+function TableFilterComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "div", 15)(2, "mis-checkbox", 16);
-    i0.ɵɵlistener("valueChange", function TableFilterComponent_div_8_Template_mis_checkbox_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.updateFilter($event)); });
+    i0.ɵɵelementStart(0, "div")(1, "div", 16)(2, "mis-checkbox", 17);
+    i0.ɵɵlistener("valueChange", function TableFilterComponent_div_9_Template_mis_checkbox_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.updateFilter($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 17);
+    i0.ɵɵelementStart(3, "span", 18);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -20,17 +20,17 @@ function TableFilterComponent_div_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(filter_r4.name);
 } }
-function TableFilterComponent_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 11);
+function TableFilterComponent_div_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 12);
 } if (rf & 2) {
     i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction0(1, _c1));
 } }
-function TableFilterComponent_div_11_div_1_Template(rf, ctx) { if (rf & 1) {
+function TableFilterComponent_div_12_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15)(1, "mis-checkbox", 16);
-    i0.ɵɵlistener("valueChange", function TableFilterComponent_div_11_div_1_Template_mis_checkbox_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.updateFilter($event)); });
+    i0.ɵɵelementStart(0, "div", 16)(1, "mis-checkbox", 17);
+    i0.ɵɵlistener("valueChange", function TableFilterComponent_div_12_div_1_Template_mis_checkbox_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.updateFilter($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 17);
+    i0.ɵɵelementStart(2, "span", 18);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -40,17 +40,17 @@ function TableFilterComponent_div_11_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(filter_r6.name);
 } }
-function TableFilterComponent_div_11_Template(rf, ctx) { if (rf & 1) {
+function TableFilterComponent_div_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, TableFilterComponent_div_11_div_1_Template, 4, 3, "div", 18);
+    i0.ɵɵtemplate(1, TableFilterComponent_div_12_div_1_Template, 4, 3, "div", 19);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const filter_r6 = ctx.$implicit;
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !filter_r6.checked);
 } }
-function TableFilterComponent_div_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19)(1, "span", 17);
+function TableFilterComponent_div_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20)(1, "span", 18);
     i0.ɵɵtext(2, "No matches found");
     i0.ɵɵelementEnd()();
 } }
@@ -142,7 +142,7 @@ export class TableFilterComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
-        } }, inputs: { filtersData: [1, "filtersData"], containerStyles: [1, "containerStyles"] }, outputs: { filtersApplied: "filtersApplied" }, decls: 19, vars: 9, consts: [["mainContainer", ""], ["id", "main-container", 3, "ngStyle"], ["id", "search-bar-container"], ["type", "text", "placeholder", "Search", 3, "keyup"], ["id", "search-icon", "width", "18", "height", "18", "viewBox", "0 0 18 18", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M1.21496 8.14563C1.21496 4.3179 4.33709 1.21165 8.19249 1.21165C12.0479 1.21165 15.17 4.3179 15.17 8.14563C15.17 9.69308 14.6598 11.1226 13.797 12.2767L12.3684 13.7013C11.2043 14.5668 9.75891 15.0796 8.19249 15.0796C4.33709 15.0796 1.21496 11.9734 1.21496 8.14563ZM12.9419 14.7835C11.602 15.7329 9.96259 16.2913 8.19249 16.2913C3.66965 16.2913 -0.00012207 12.6461 -0.00012207 8.14563C-0.00012207 3.64512 3.66965 0 8.19249 0C12.7153 0 16.3851 3.64512 16.3851 8.14563C16.3851 9.93713 15.8036 11.5931 14.8183 12.9375L16.836 14.4048C17.6704 14.912 18.7553 15.6543 17.2453 17.215C15.7352 18.7756 15.0098 17.6663 14.499 16.8364L12.9419 14.7835Z", "fill", "#6A737D"], ["id", "filters-main-container"], [1, "filters-sub-container"], [4, "ngFor", "ngForOf"], ["class", "separator", 3, "ngStyle", 4, "ngIf"], ["id", "no-results-container", 4, "ngIf"], [1, "separator", 3, "ngStyle"], ["id", "buttons-container"], ["id", "reset-btn", 3, "click", "ngStyle"], ["id", "apply-btn", 3, "click"], [1, "filter"], [3, "valueChange", "checked", "name"], [1, "filter-text"], ["class", "filter", 4, "ngIf"], ["id", "no-results-container"]], template: function TableFilterComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { filtersData: [1, "filtersData"], containerStyles: [1, "containerStyles"] }, outputs: { filtersApplied: "filtersApplied" }, decls: 20, vars: 9, consts: [["mainContainer", ""], ["id", "main-container", 3, "ngStyle"], ["id", "search-bar-container"], ["type", "text", "placeholder", "Search", 3, "keyup"], ["id", "search-icon", "width", "18", "height", "18", "viewBox", "0 0 18 18", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M1.21496 8.14563C1.21496 4.3179 4.33709 1.21165 8.19249 1.21165C12.0479 1.21165 15.17 4.3179 15.17 8.14563C15.17 9.69308 14.6598 11.1226 13.797 12.2767L12.3684 13.7013C11.2043 14.5668 9.75891 15.0796 8.19249 15.0796C4.33709 15.0796 1.21496 11.9734 1.21496 8.14563ZM12.9419 14.7835C11.602 15.7329 9.96259 16.2913 8.19249 16.2913C3.66965 16.2913 -0.00012207 12.6461 -0.00012207 8.14563C-0.00012207 3.64512 3.66965 0 8.19249 0C12.7153 0 16.3851 3.64512 16.3851 8.14563C16.3851 9.93713 15.8036 11.5931 14.8183 12.9375L16.836 14.4048C17.6704 14.912 18.7553 15.6543 17.2453 17.215C15.7352 18.7756 15.0098 17.6663 14.499 16.8364L12.9419 14.7835Z", "fill", "#6A737D"], ["id", "filters-main-container"], ["id", "filters-scrollable-content"], [1, "filters-sub-container"], [4, "ngFor", "ngForOf"], ["class", "separator", 3, "ngStyle", 4, "ngIf"], ["id", "no-results-container", 4, "ngIf"], [1, "separator", 3, "ngStyle"], ["id", "buttons-container"], ["id", "reset-btn", 3, "click", "ngStyle"], ["id", "apply-btn", 3, "click"], [1, "filter"], [3, "valueChange", "checked", "name"], [1, "filter-text"], ["class", "filter", 4, "ngIf"], ["id", "no-results-container"]], template: function TableFilterComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1, 0)(2, "div", 2)(3, "input", 3);
             i0.ɵɵlistener("keyup", function TableFilterComponent_Template_input_keyup_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.updateSearchValue($event)); });
@@ -152,25 +152,25 @@ export class TableFilterComponent {
             i0.ɵɵelement(5, "path", 5);
             i0.ɵɵelementEnd()();
             i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(6, "div", 6)(7, "div", 7);
-            i0.ɵɵtemplate(8, TableFilterComponent_div_8_Template, 5, 3, "div", 8);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(9, TableFilterComponent_div_9_Template, 1, 2, "div", 9);
-            i0.ɵɵelementStart(10, "div", 7);
-            i0.ɵɵtemplate(11, TableFilterComponent_div_11_Template, 2, 1, "div", 8)(12, TableFilterComponent_div_12_Template, 3, 0, "div", 10);
+            i0.ɵɵelementStart(6, "div", 6)(7, "div", 7)(8, "div", 8);
+            i0.ɵɵtemplate(9, TableFilterComponent_div_9_Template, 5, 3, "div", 9);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(13, "div", 11);
-            i0.ɵɵelementStart(14, "div", 12)(15, "button", 13);
-            i0.ɵɵlistener("click", function TableFilterComponent_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.resetFilters()); });
-            i0.ɵɵtext(16, "Reset");
+            i0.ɵɵtemplate(10, TableFilterComponent_div_10_Template, 1, 2, "div", 10);
+            i0.ɵɵelementStart(11, "div", 8);
+            i0.ɵɵtemplate(12, TableFilterComponent_div_12_Template, 2, 1, "div", 9)(13, TableFilterComponent_div_13_Template, 3, 0, "div", 11);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(14, "div", 12);
+            i0.ɵɵelementStart(15, "div", 13)(16, "button", 14);
+            i0.ɵɵlistener("click", function TableFilterComponent_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.resetFilters()); });
+            i0.ɵɵtext(17, "Reset");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(17, "button", 14);
-            i0.ɵɵlistener("click", function TableFilterComponent_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.applyFilters()); });
-            i0.ɵɵtext(18, "Apply");
+            i0.ɵɵelementStart(18, "button", 15);
+            i0.ɵɵlistener("click", function TableFilterComponent_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.applyFilters()); });
+            i0.ɵɵtext(19, "Apply");
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngStyle", ctx.containerStyles());
-            i0.ɵɵadvance(8);
+            i0.ɵɵadvance(9);
             i0.ɵɵproperty("ngForOf", ctx.getCheckedFilters());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.getCheckedFilters().length && ctx.getCheckedFilters().length < ctx.filtersData().length);
@@ -182,14 +182,14 @@ export class TableFilterComponent {
             i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction0(7, _c1));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction0(8, _c2));
-        } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgStyle, i2.CheckboxComponent], styles: ["#main-container[_ngcontent-%COMP%]{position:absolute;background:var(--bg-primary, #FFFFFF);z-index:2;right:calc(50% - 128px);width:256px;min-height:200px;max-height:400px;padding:16px;font-family:Lato,sans-serif;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:8px;overflow:hidden;box-sizing:border-box}[_ngcontent-%COMP%]::-webkit-scrollbar{width:8px;height:8px}[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--text-tertiary, #929DAB)}#search-bar-container[_ngcontent-%COMP%]{width:100%;position:relative;margin-bottom:8px;box-sizing:border-box}input[_ngcontent-%COMP%]{width:100%;max-width:100%;padding:12px 12px 12px 42px;border:solid 1px black;border-radius:4px;height:48px;box-shadow:none;outline:none;font-style:normal;font-weight:400;font-size:15px;line-height:20px;letter-spacing:.1px;color:var(--text-primary, #181F33);box-sizing:border-box;overflow:hidden}input[_ngcontent-%COMP%]:focus{border:solid 1px var(--brand-primary, #0937B2)}#search-icon[_ngcontent-%COMP%]{position:absolute;top:15px;left:12px}.filters-sub-container[_ngcontent-%COMP%]{max-height:144px;overflow-y:auto}.filter[_ngcontent-%COMP%]{height:36px;display:flex;justify-content:flex-start;align-items:center}.filter-text[_ngcontent-%COMP%]{font-size:14px;line-height:20px;padding-left:8px;letter-spacing:.2px;color:var(--text-primary, #181F33);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#no-results-container[_ngcontent-%COMP%]{height:36px;display:flex;justify-content:center;align-items:center}.no-filters-container[_ngcontent-%COMP%]{height:60px;display:flex;justify-content:center;align-items:center;text-align:center;padding:16px}.separator[_ngcontent-%COMP%]{border:1px solid var(--border-primary, #E0E0E0)}#buttons-container[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}button[_ngcontent-%COMP%]{width:calc(50% - 4px);border:none;box-shadow:none;outline:none;font-size:16px;line-height:24px;text-align:center;letter-spacing:.2px;padding:10px 30px;background:none;border-radius:8px}#apply-btn[_ngcontent-%COMP%]{background:var(--brand-primary, #0937B2);color:var(--bg-primary, #FFFFFF)}#reset-btn[_ngcontent-%COMP%]{background:var(--bg-primary, #FFFFFF);color:var(--brand-primary, #0937B2)}"] }); }
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgStyle, i2.CheckboxComponent], styles: ["#main-container[_ngcontent-%COMP%]{position:absolute;background:var(--bg-primary, #FFFFFF);z-index:2;right:calc(50% - 128px);width:256px;min-height:200px;max-height:400px;padding:16px;display:flex;flex-direction:column;font-family:Lato,sans-serif;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:8px;overflow:hidden;box-sizing:border-box}[_ngcontent-%COMP%]::-webkit-scrollbar{width:8px;height:8px}[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--text-tertiary, #929DAB)}#search-bar-container[_ngcontent-%COMP%]{width:100%;position:relative;margin-bottom:8px;box-sizing:border-box}input[_ngcontent-%COMP%]{width:100%;max-width:100%;padding:12px 12px 12px 42px;border:solid 1px black;border-radius:4px;height:48px;box-shadow:none;outline:none;font-style:normal;font-weight:400;font-size:15px;line-height:20px;letter-spacing:.1px;color:var(--text-primary, #181F33);box-sizing:border-box;overflow:hidden}input[_ngcontent-%COMP%]:focus{border:solid 1px var(--brand-primary, #0937B2)}#search-icon[_ngcontent-%COMP%]{position:absolute;top:15px;left:12px}#filters-main-container[_ngcontent-%COMP%]{flex:1;min-height:0;display:flex;flex-direction:column}#filters-scrollable-content[_ngcontent-%COMP%]{flex:1;overflow-y:auto;min-height:0}.filters-sub-container[_ngcontent-%COMP%]{max-height:none;overflow-y:visible}.filter[_ngcontent-%COMP%]{height:36px;display:flex;justify-content:flex-start;align-items:center}.filter-text[_ngcontent-%COMP%]{font-size:14px;line-height:20px;padding-left:8px;letter-spacing:.2px;color:var(--text-primary, #181F33);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#no-results-container[_ngcontent-%COMP%]{height:36px;display:flex;justify-content:center;align-items:center}.no-filters-container[_ngcontent-%COMP%]{height:60px;display:flex;justify-content:center;align-items:center;text-align:center;padding:16px}.separator[_ngcontent-%COMP%]{border:1px solid var(--border-primary, #E0E0E0)}#buttons-container[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;flex-shrink:0}button[_ngcontent-%COMP%]{width:calc(50% - 4px);border:none;box-shadow:none;outline:none;font-size:16px;line-height:24px;text-align:center;letter-spacing:.2px;padding:10px 30px;background:none;border-radius:8px}#apply-btn[_ngcontent-%COMP%]{background:var(--brand-primary, #0937B2);color:var(--bg-primary, #FFFFFF)}#reset-btn[_ngcontent-%COMP%]{background:var(--bg-primary, #FFFFFF);color:var(--brand-primary, #0937B2)}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableFilterComponent, [{
         type: Component,
-        args: [{ selector: "mis-table-filter", template: "<div id=\"main-container\" #mainContainer [ngStyle]=\"containerStyles()\">\n  <div id=\"search-bar-container\">\n    <input (keyup)=\"updateSearchValue($event)\" type=\"text\" placeholder=\"Search\" />\n    <svg id=\"search-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M1.21496 8.14563C1.21496 4.3179 4.33709 1.21165 8.19249 1.21165C12.0479 1.21165 15.17 4.3179 15.17 8.14563C15.17 9.69308 14.6598 11.1226 13.797 12.2767L12.3684 13.7013C11.2043 14.5668 9.75891 15.0796 8.19249 15.0796C4.33709 15.0796 1.21496 11.9734 1.21496 8.14563ZM12.9419 14.7835C11.602 15.7329 9.96259 16.2913 8.19249 16.2913C3.66965 16.2913 -0.00012207 12.6461 -0.00012207 8.14563C-0.00012207 3.64512 3.66965 0 8.19249 0C12.7153 0 16.3851 3.64512 16.3851 8.14563C16.3851 9.93713 15.8036 11.5931 14.8183 12.9375L16.836 14.4048C17.6704 14.912 18.7553 15.6543 17.2453 17.215C15.7352 18.7756 15.0098 17.6663 14.499 16.8364L12.9419 14.7835Z\"\n        fill=\"#6A737D\"\n      />\n    </svg>\n  </div>\n  <div id=\"filters-main-container\">\n      <div class=\"filters-sub-container\">\n        <div *ngFor=\"let filter of getCheckedFilters()\">\n          <div class=\"filter\">\n            <mis-checkbox [checked]=\"true\" [name]=\"filter.value\" (valueChange)=\"updateFilter($event)\"></mis-checkbox>\n            <span class=\"filter-text\">{{ filter.name }}</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"separator\" [ngStyle]=\"{ 'margin': '16px 0px' }\" *ngIf=\"getCheckedFilters().length && getCheckedFilters().length < filtersData().length\"></div>\n      <div class=\"filters-sub-container\">\n        <div *ngFor=\"let filter of getFiltersBasedOnSearchValue()\">\n          <div class=\"filter\" *ngIf=\"!filter.checked\">\n            <mis-checkbox [checked]=\"false\" [name]=\"filter.value\" (valueChange)=\"updateFilter($event)\"></mis-checkbox>\n            <span class=\"filter-text\">{{ filter.name }}</span>\n          </div>\n        </div>\n        <div id=\"no-results-container\" *ngIf=\"getFiltersBasedOnSearchValue().length < 1\">\n          <span class=\"filter-text\">No matches found</span>\n        </div>\n      </div>\n    \n    <div class=\"separator\" [ngStyle]=\"{ 'margin': '16px 0px' }\"></div>\n    <div id=\"buttons-container\">\n      <button id=\"reset-btn\" [ngStyle]=\"{ 'margin-right': '8px' }\" (click)=\"resetFilters()\">Reset</button>\n      <button id=\"apply-btn\" (click)=\"applyFilters()\">Apply</button>\n    </div>\n  </div>\n</div>", styles: ["#main-container{position:absolute;background:var(--bg-primary, #FFFFFF);z-index:2;right:calc(50% - 128px);width:256px;min-height:200px;max-height:400px;padding:16px;font-family:Lato,sans-serif;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:8px;overflow:hidden;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--text-tertiary, #929DAB)}#search-bar-container{width:100%;position:relative;margin-bottom:8px;box-sizing:border-box}input{width:100%;max-width:100%;padding:12px 12px 12px 42px;border:solid 1px black;border-radius:4px;height:48px;box-shadow:none;outline:none;font-style:normal;font-weight:400;font-size:15px;line-height:20px;letter-spacing:.1px;color:var(--text-primary, #181F33);box-sizing:border-box;overflow:hidden}input:focus{border:solid 1px var(--brand-primary, #0937B2)}#search-icon{position:absolute;top:15px;left:12px}.filters-sub-container{max-height:144px;overflow-y:auto}.filter{height:36px;display:flex;justify-content:flex-start;align-items:center}.filter-text{font-size:14px;line-height:20px;padding-left:8px;letter-spacing:.2px;color:var(--text-primary, #181F33);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#no-results-container{height:36px;display:flex;justify-content:center;align-items:center}.no-filters-container{height:60px;display:flex;justify-content:center;align-items:center;text-align:center;padding:16px}.separator{border:1px solid var(--border-primary, #E0E0E0)}#buttons-container{display:flex;justify-content:center;align-items:center}button{width:calc(50% - 4px);border:none;box-shadow:none;outline:none;font-size:16px;line-height:24px;text-align:center;letter-spacing:.2px;padding:10px 30px;background:none;border-radius:8px}#apply-btn{background:var(--brand-primary, #0937B2);color:var(--bg-primary, #FFFFFF)}#reset-btn{background:var(--bg-primary, #FFFFFF);color:var(--brand-primary, #0937B2)}\n"] }]
+        args: [{ selector: "mis-table-filter", template: "<div id=\"main-container\" #mainContainer [ngStyle]=\"containerStyles()\">\n  <div id=\"search-bar-container\">\n    <input (keyup)=\"updateSearchValue($event)\" type=\"text\" placeholder=\"Search\" />\n    <svg id=\"search-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M1.21496 8.14563C1.21496 4.3179 4.33709 1.21165 8.19249 1.21165C12.0479 1.21165 15.17 4.3179 15.17 8.14563C15.17 9.69308 14.6598 11.1226 13.797 12.2767L12.3684 13.7013C11.2043 14.5668 9.75891 15.0796 8.19249 15.0796C4.33709 15.0796 1.21496 11.9734 1.21496 8.14563ZM12.9419 14.7835C11.602 15.7329 9.96259 16.2913 8.19249 16.2913C3.66965 16.2913 -0.00012207 12.6461 -0.00012207 8.14563C-0.00012207 3.64512 3.66965 0 8.19249 0C12.7153 0 16.3851 3.64512 16.3851 8.14563C16.3851 9.93713 15.8036 11.5931 14.8183 12.9375L16.836 14.4048C17.6704 14.912 18.7553 15.6543 17.2453 17.215C15.7352 18.7756 15.0098 17.6663 14.499 16.8364L12.9419 14.7835Z\"\n        fill=\"#6A737D\"\n      />\n    </svg>\n  </div>\n  <div id=\"filters-main-container\">\n    <div id=\"filters-scrollable-content\">\n      <div class=\"filters-sub-container\">\n        <div *ngFor=\"let filter of getCheckedFilters()\">\n          <div class=\"filter\">\n            <mis-checkbox [checked]=\"true\" [name]=\"filter.value\" (valueChange)=\"updateFilter($event)\"></mis-checkbox>\n            <span class=\"filter-text\">{{ filter.name }}</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"separator\" [ngStyle]=\"{ 'margin': '16px 0px' }\" *ngIf=\"getCheckedFilters().length && getCheckedFilters().length < filtersData().length\"></div>\n      <div class=\"filters-sub-container\">\n        <div *ngFor=\"let filter of getFiltersBasedOnSearchValue()\">\n          <div class=\"filter\" *ngIf=\"!filter.checked\">\n            <mis-checkbox [checked]=\"false\" [name]=\"filter.value\" (valueChange)=\"updateFilter($event)\"></mis-checkbox>\n            <span class=\"filter-text\">{{ filter.name }}</span>\n          </div>\n        </div>\n        <div id=\"no-results-container\" *ngIf=\"getFiltersBasedOnSearchValue().length < 1\">\n          <span class=\"filter-text\">No matches found</span>\n        </div>\n      </div>\n    </div>\n    <div class=\"separator\" [ngStyle]=\"{ 'margin': '16px 0px' }\"></div>\n    <div id=\"buttons-container\">\n      <button id=\"reset-btn\" [ngStyle]=\"{ 'margin-right': '8px' }\" (click)=\"resetFilters()\">Reset</button>\n      <button id=\"apply-btn\" (click)=\"applyFilters()\">Apply</button>\n    </div>\n  </div>\n</div>", styles: ["#main-container{position:absolute;background:var(--bg-primary, #FFFFFF);z-index:2;right:calc(50% - 128px);width:256px;min-height:200px;max-height:400px;padding:16px;display:flex;flex-direction:column;font-family:Lato,sans-serif;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:8px;overflow:hidden;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--text-tertiary, #929DAB)}#search-bar-container{width:100%;position:relative;margin-bottom:8px;box-sizing:border-box}input{width:100%;max-width:100%;padding:12px 12px 12px 42px;border:solid 1px black;border-radius:4px;height:48px;box-shadow:none;outline:none;font-style:normal;font-weight:400;font-size:15px;line-height:20px;letter-spacing:.1px;color:var(--text-primary, #181F33);box-sizing:border-box;overflow:hidden}input:focus{border:solid 1px var(--brand-primary, #0937B2)}#search-icon{position:absolute;top:15px;left:12px}#filters-main-container{flex:1;min-height:0;display:flex;flex-direction:column}#filters-scrollable-content{flex:1;overflow-y:auto;min-height:0}.filters-sub-container{max-height:none;overflow-y:visible}.filter{height:36px;display:flex;justify-content:flex-start;align-items:center}.filter-text{font-size:14px;line-height:20px;padding-left:8px;letter-spacing:.2px;color:var(--text-primary, #181F33);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#no-results-container{height:36px;display:flex;justify-content:center;align-items:center}.no-filters-container{height:60px;display:flex;justify-content:center;align-items:center;text-align:center;padding:16px}.separator{border:1px solid var(--border-primary, #E0E0E0)}#buttons-container{display:flex;justify-content:center;align-items:center;flex-shrink:0}button{width:calc(50% - 4px);border:none;box-shadow:none;outline:none;font-size:16px;line-height:24px;text-align:center;letter-spacing:.2px;padding:10px 30px;background:none;border-radius:8px}#apply-btn{background:var(--brand-primary, #0937B2);color:var(--bg-primary, #FFFFFF)}#reset-btn{background:var(--bg-primary, #FFFFFF);color:var(--brand-primary, #0937B2)}\n"] }]
     }], () => [], { container: [{
             type: ViewChild,
             args: ["mainContainer"]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TableFilterComponent, { className: "TableFilterComponent" }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3RhYmxlL2ZpbHRlci9maWx0ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdGFibGUvZmlsdGVyL2ZpbHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFzQixTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztJQ2dCcEYsQUFERixBQURGLDJCQUFnRCxjQUMxQix1QkFDd0U7SUFBckMsd01BQWUsMkJBQW9CLEtBQUM7SUFBQyxpQkFBZTtJQUN6RyxnQ0FBMEI7SUFBQSxZQUFpQjtJQUUvQyxBQURFLEFBRDZDLGlCQUFPLEVBQzlDLEVBQ0Y7OztJQUhZLGVBQWdCO0lBQUMsQUFBakIsOEJBQWdCLHlCQUFzQjtJQUMxQixlQUFpQjtJQUFqQixvQ0FBaUI7OztJQUlqRCwwQkFBMEo7O0lBQW5JLG9EQUFvQzs7OztJQUlyRCxBQURGLCtCQUE0Qyx1QkFDaUQ7SUFBckMsZ05BQWUsMkJBQW9CLEtBQUM7SUFBQyxpQkFBZTtJQUMxRyxnQ0FBMEI7SUFBQSxZQUFpQjtJQUM3QyxBQUQ2QyxpQkFBTyxFQUM5Qzs7O0lBRlUsY0FBaUI7SUFBQyxBQUFsQiwrQkFBaUIseUJBQXNCO0lBQzNCLGVBQWlCO0lBQWpCLG9DQUFpQjs7O0lBSC9DLDJCQUEyRDtJQUN6RCw2RUFBNEM7SUFJOUMsaUJBQU07OztJQUppQixjQUFxQjtJQUFyQix5Q0FBcUI7OztJQU0xQyxBQURGLCtCQUFpRixlQUNyRDtJQUFBLGdDQUFnQjtJQUM1QyxBQUQ0QyxpQkFBTyxFQUM3Qzs7QUR4QmQsTUFBTSxPQUFPLG9CQUFvQjtJQVcvQjtRQVZBLGdCQUFXLEdB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QXhDa0MsK0NBQTZCO1lBY3JDLGVBQXNCO1lBQXRCLGlEQUFzQjtZQU9hLGNBQXFGO1lBQXJGLGtIQUFxRjtZQUV4SCxlQUFpQztZQUFqQyw0REFBaUM7WUFNekIsY0FBK0M7WUFBL0Msb0VBQStDO1lBSzVELGNBQW9DO1lBQXBDLG9EQUFvQztZQUVsQyxlQUFxQztZQUFyQyxvREFBcUM7OztpRkQ3QnJELG9CQUFvQjtjQUxoQyxTQUFTOzJCQUNFLGtCQUFrQjtvQkFVQSxTQUFTO2tCQUFwQyxTQUFTO21CQUFDLGVBQWU7O2tGQU5mLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgT25Jbml0LCBWaWV3Q2hpbGQsIGlucHV0LCBvdXRwdXQsIHNpZ25hbCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtaXMtdGFibGUtZmlsdGVyXCIsXG4gIHRlbXBsYXRlVXJsOiBcImZpbHRlci5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcImZpbHRlci5jb21wb25lbnQuY3NzXCJdXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlRmlsdGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgZmlsdGVyc0RhdGEgPSBpbnB1dDxBcnJheTxGaWx0ZXI+PihbXSk7XG4gIGNvbnRhaW5lclN0eWxlcyA9IGlucHV0PGFueT4oe30pO1xuXG4gIGZpbHRlcnNBcHBsaWVkID0gb3V0cHV0PGFueT4oKTtcblxuICBAVmlld0NoaWxkKFwibWFpbkNvbnRhaW5lclwiKSBjb250YWluZXI6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG5cbiAgZmlsdGVyc01hcCA9IHNpZ25hbDxhbnk+KHt9KTtcbiAgc2VhcmNoVmFsdWUgPSBzaWduYWw8c3RyaW5nPihcIlwiKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgY29uc3QgbmV3RmlsdGVyc01hcDogYW55ID0ge307XG4gICAgY29uc3QgZmlsdGVycyA9IHRoaXMuZmlsdGVyc0RhdGEoKSB8fCBbXTtcbiAgICBpZiAoQXJyYXkuaXNBcnJheShmaWx0ZXJzKSAmJiBmaWx0ZXJzLmxlbmd0aCA+IDApIHtcbiAgICAgIGZpbHRlcnMuZm9yRWFjaChmaWx0ZXIgPT4ge1xuICAgICAgICBpZiAoZmlsdGVyICYmIGZpbHRlci52YWx1ZSkge1xuICAgICAgICAgIG5ld0ZpbHRlcnNNYXBbZmlsdGVyLnZhbHVlXSA9IGZpbHRlcjtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICAgIHRoaXMuZmlsdGVyc01hcC5zZXQobmV3RmlsdGVyc01hcCk7XG4gIH1cbiAgcmVzZXRGaWx0ZXJzKCkge1xuICAgIGNvbnN0IGN1cnJlbnRGaWx0ZXJzTWFwID0gdGhpcy5maWx0ZXJzTWFwKCk7XG4gICAgY29uc3QgZmlsdGVycyA9IHRoaXMuZmlsdGVyc0RhdGEoKSB8fCBbXTtcbiAgICBcbiAgICBpZiAoZmlsdGVycy5sZW5ndGggPiAwKSB7XG4gICAgICBmaWx0ZXJzLmZvckVhY2goZmlsdGVyID0+IHtcbiAgICAgICAgaWYgKGZpbHRlciAmJiBmaWx0ZXIudmFsdWUgJiYgY3VycmVudEZpbHRlcnNNYXBbZmlsdGVyLnZhbHVlXSkge1xuICAgICAgICAgIGN1cnJlbnRGaWx0ZXJzTWFwW2ZpbHRlci52YWx1ZV0uY2hlY2tlZCA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICAgIHRoaXMuZmlsdGVyc01hcC5zZXQoeyAuLi5jdXJyZW50RmlsdGVyc01hcCB9KTtcbiAgICB9XG4gICAgdGhpcy5maWx0ZXJzQXBwbGllZC5lbWl0KFtdKTtcbiAgfVxuICBhcHBseUZpbHRlcnMoKSB7XG4gICAgY29uc3QgZmlsdGVyc01hcCA9IHRoaXMuZmlsdGVyc01hcCgpO1xuICAgIGlmICghZmlsdGVyc01hcCB8fCBPYmplY3Qua2V5cyhmaWx0ZXJzTWFwKS5sZW5ndGggPT09IDApIHtcbiAgICAgIHRoaXMuZmlsdGVyc0FwcGxpZWQuZW1pdChbXSk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIFxuICAgIGxldCBsaXN0ID0gT2JqZWN0LnZhbHVlcyhmaWx0ZXJzTWFwKVxuICAgICAgLmZpbHRlcigoZmlsdGVyOiBGaWx0ZXIgfCBhbnkpID0+IGZpbHRlciAmJiBmaWx0ZXIuY2hlY2tlZClcbiAgICAgIC5tYXAoKGZpbHRlcjogRmlsdGVyIHwgYW55KSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgbmFtZTogZmlsdGVyLm5hbWUsXG4gICAgICAgICAgdmFsdWU6IGZpbHRlci52YWx1ZVxuICAgICAgICB9O1xuICAgICAgfSk7XG4gICAgdGhpcy5maWx0ZXJzQXBwbGllZC5lbWl0KGxpc3QpO1xuICB9XG4gIHVwZGF0ZUZpbHRlcihkYXRhOiBhbnkpIHtcbiAgICBjb25zdCBjdXJyZW50RmlsdGVyc01hcCA9IHRoaXMuZmlsdGVyc01hcCgpO1xuICAgIGlmIChjdXJyZW50RmlsdGVyc01hcCAmJiBkYXRhICYmIGRhdGEubmFtZSAmJiBjdXJyZW50RmlsdGVyc01hcFtkYXRhLm5hbWVdKSB7XG4gICAgICBjdXJyZW50RmlsdGVyc01hcFtkYXRhLm5hbWVdLmNoZWNrZWQgPSAhY3VycmVudEZpbHRlcnNNYXBbZGF0YS5uYW1lXS5jaGVja2VkO1xuICAgICAgdGhpcy5maWx0ZXJzTWFwLnNldCh7IC4uLmN1cnJlbnRGaWx0ZXJzTWFwIH0pO1xuICAgIH1cbiAgfVxuICB1cGRhdGVTZWFyY2hWYWx1ZShldmVudDogYW55KSB7XG4gICAgdGhpcy5zZWFyY2hWYWx1ZS5zZXQoZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgfVxuICBnZXRGaWx0ZXJzQmFzZWRPblNlYXJjaFZhbHVlKCk6IEZpbHRlcltdIHwgYW55IHtcbiAgICBjb25zdCBmaWx0ZXJzTWFwID0gdGhpcy5maWx0ZXJzTWFwKCk7XG4gICAgaWYgKCFmaWx0ZXJzTWFwIHx8IE9iamVjdC5rZXlzKGZpbHRlcnNNYXApLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuIFtdO1xuICAgIH1cbiAgICBsZXQgbGlzdCA9IE9iamVjdC52YWx1ZXMoZmlsdGVyc01hcCk7XG4gICAgbGlzdCA9IGxpc3QuZmlsdGVyKChmaWx0ZXI6IEZpbHRlciB8IGFueSkgPT4ge1xuICAgICAgcmV0dXJuIGZpbHRlciAmJiBmaWx0ZXIubmFtZSAmJiBmaWx0ZXIubmFtZS5tYXRjaChuZXcgUmVnRXhwKHRoaXMuc2VhcmNoVmFsdWUoKSwgXCJpXCIpKTtcbiAgICB9KTtcbiAgICByZXR1cm4gbGlzdC5zb3J0KHRoaXMubXlTb3J0KTtcbiAgfVxuICBnZXRDaGVja2VkRmlsdGVycygpOiBGaWx0ZXJbXSB8IGFueSB7XG4gICAgY29uc3QgZmlsdGVyc01hcCA9IHRoaXMuZmlsdGVyc01hcCgpO1xuICAgIGlmICghZmlsdGVyc01hcCB8fCBPYmplY3Qua2V5cyhmaWx0ZXJzTWFwKS5sZW5ndGggPT09IDApIHtcbiAgICAgIHJldHVybiBbXTtcbiAgICB9XG4gICAgbGV0IGxpc3QgPSBPYmplY3QudmFsdWVzKGZpbHRlcnNNYXApO1xuICAgIGxpc3QgPSBsaXN0LmZpbHRlcigoZmlsdGVyOiBGaWx0ZXIgfCBhbnkpID0+IGZpbHRlciAmJiBmaWx0ZXIuY2hlY2tlZCkuc29ydCh0aGlzLm15U29ydCk7XG4gICAgcmV0dXJuIGxpc3Q7XG4gIH1cbiAgbXlTb3J0ID0gKGE6IEZpbHRlciwgYjogRmlsdGVyKSA9PiB7XG4gICAgcmV0dXJuIGEubmFtZS5sb2NhbGVDb21wYXJlKGIubmFtZSk7XG4gIH07XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmlsdGVyIHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBjaGVja2VkOiBib29sZWFuO1xufSIsIjxkaXYgaWQ9XCJtYWluLWNvbnRhaW5lclwiICNtYWluQ29udGFpbmVyIFtuZ1N0eWxlXT1cImNvbnRhaW5lclN0eWxlcygpXCI+XG4gIDxkaXYgaWQ9XCJzZWFyY2gtYmFyLWNvbnRhaW5lclwiPlxuICAgIDxpbnB1dCAoa2V5dXApPVwidXBkYXRlU2VhcmNoVmFsdWUoJGV2ZW50KVwiIHR5cGU9XCJ0ZXh0XCIgcGxhY2Vob2xkZXI9XCJTZWFyY2hcIiAvPlxuICAgIDxzdmcgaWQ9XCJzZWFyY2gtaWNvblwiIHdpZHRoPVwiMThcIiBoZWlnaHQ9XCIxOFwiIHZpZXdCb3g9XCIwIDAgMTggMThcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgIDxwYXRoXG4gICAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICBjbGlwLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgZD1cIk0xLjIxNDk2IDguMTQ1NjNDMS4yMTQ5NiA0LjMxNzkgNC4zMzcwOSAxLjIxMTY1IDguMTkyNDkgMS4yMTE2NUMxMi4wNDc5IDEuMjExNjUgMTUuMTcgNC4zMTc5IDE1LjE3IDguMTQ1NjNDMTUuMTcgOS42OTMwOCAxNC42NTk4IDExLjEyMjYgMTMuNzk3IDEyLjI3NjdMMTIuMzY4NCAxMy43MDEzQzExLjIwNDMgMTQuNTY2OCA5Ljc1ODkxIDE1LjA3OTYgOC4xOTI0OSAxNS4wNzk2QzQuMzM3MDkgMTUuMDc5NiAxLjIxNDk2IDExLjk3MzQgMS4yMTQ5NiA4LjE0NTYzWk0xMi45NDE5IDE0Ljc4MzVDMTEuNjAyIDE1LjczMjkgOS45NjI1OSAxNi4yOTEzIDguMTkyNDkgMTYuMjkxM0MzLjY2OTY1IDE2LjI5MTMgLTAuMDAwMTIyMDcgMTIuNjQ2MSAtMC4wMDAxMjIwNyA4LjE0NTYzQy0wLjAwMDEyMjA3IDMuNjQ1MTIgMy42Njk2NSAwIDguMTkyNDkgMEMxMi43MTUzIDAgMTYuMzg1MSAzLjY0NTEyIDE2LjM4NTEgOC4xNDU2M0MxNi4zODUxIDkuOTM3MTMgMTUuODAzNiAxMS41OTMxIDE0LjgxODMgMTIuOTM3NUwxNi44MzYgMTQuNDA0OEMxNy42NzA0IDE0LjkxMiAxOC43NTUzIDE1LjY1NDMgMTcuMjQ1MyAxNy4yMTVDMTUuNzM1MiAxOC43NzU2IDE1LjAwOTggMTcuNjY2MyAxNC40OTkgMTYuODM2NEwxMi45NDE5IDE0Ljc4MzVaXCJcbiAgICAgICAgZmlsbD1cIiM2QTczN0RcIlxuICAgICAgLz5cbiAgICA8L3N2Zz5cbiAgPC9kaXY+XG4gIDxkaXYgaWQ9XCJmaWx0ZXJzLW1haW4tY29udGFpbmVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVycy1zdWItY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGZpbHRlciBvZiBnZXRDaGVja2VkRmlsdGVycygpXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImZpbHRlclwiPlxuICAgICAgICAgICAgPG1pcy1jaGVja2JveCBbY2hlY2tlZF09XCJ0cnVlXCIgW25hbWVdPVwiZmlsdGVyLnZhbHVlXCIgKHZhbHVlQ2hhbmdlKT1cInVwZGF0ZUZpbHRlcigkZXZlbnQpXCI+PC9taXMtY2hlY2tib3g+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpbHRlci10ZXh0XCI+e3sgZmlsdGVyLm5hbWUgfX08L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic2VwYXJhdG9yXCIgW25nU3R5bGVdPVwieyAnbWFyZ2luJzogJzE2cHggMHB4JyB9XCIgKm5nSWY9XCJnZXRDaGVja2VkRmlsdGVycygpLmxlbmd0aCAmJiBnZXRDaGVja2VkRmlsdGVycygpLmxlbmd0aCA8IGZpbHRlcnNEYXRhKCkubGVuZ3RoXCI+PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVycy1zdWItY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGZpbHRlciBvZiBnZXRGaWx0ZXJzQmFzZWRPblNlYXJjaFZhbHVlKClcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyXCIgKm5nSWY9XCIhZmlsdGVyLmNoZWNrZWRcIj5cbiAgICAgICAgICAgIDxtaXMtY2hlY2tib3ggW2NoZWNrZWRdPVwiZmFsc2VcIiBbbmFtZV09XCJmaWx0ZXIudmFsdWVcIiAodmFsdWVDaGFuZ2UpPVwidXBkYXRlRmlsdGVyKCRldmVudClcIj48L21pcy1jaGVja2JveD5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmlsdGVyLXRleHRcIj57eyBmaWx0ZXIubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgaWQ9XCJuby1yZXN1bHRzLWNvbnRhaW5lclwiICpuZ0lmPVwiZ2V0RmlsdGVyc0Jhc2VkT25TZWFyY2hWYWx1ZSgpLmxlbmd0aCA8IDFcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImZpbHRlci10ZXh0XCI+Tm8gbWF0Y2hlcyBmb3VuZDwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBcbiAgICA8ZGl2IGNsYXNzPVwic2VwYXJhdG9yXCIgW25nU3R5bGVdPVwieyAnbWFyZ2luJzogJzE2cHggMHB4JyB9XCI+PC9kaXY+XG4gICAgPGRpdiBpZD1cImJ1dHRvbnMtY29udGFpbmVyXCI+XG4gICAgICA8YnV0dG9uIGlkPVwicmVzZXQtYnRuXCIgW25nU3R5bGVdPVwieyAnbWFyZ2luLXJpZ2h0JzogJzhweCcgfVwiIChjbGljayk9XCJyZXNldEZpbHRlcnMoKVwiPlJlc2V0PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGlkPVwiYXBwbHktYnRuXCIgKGNsaWNrKT1cImFwcGx5RmlsdGVycygpXCI+QXBwbHk8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3RhYmxlL2ZpbHRlci9maWx0ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdGFibGUvZmlsdGVyL2ZpbHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFzQixTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztJQ2lCcEYsQUFERixBQURGLDJCQUFnRCxjQUMxQix1QkFDd0U7SUFBckMsd01BQWUsMkJBQW9CLEtBQUM7SUFBQyxpQkFBZTtJQUN6RyxnQ0FBMEI7SUFBQSxZQUFpQjtJQUUvQyxBQURFLEFBRDZDLGlCQUFPLEVBQzlDLEVBQ0Y7OztJQUhZLGVBQWdCO0lBQUMsQUFBakIsOEJBQWdCLHlCQUFzQjtJQUMxQixlQUFpQjtJQUFqQixvQ0FBaUI7OztJQUlqRCwwQkFBMEo7O0lBQW5JLG9EQUFvQzs7OztJQUlyRCxBQURGLCtCQUE0Qyx1QkFDaUQ7SUFBckMsZ05BQWUsMkJBQW9CLEtBQUM7SUFBQyxpQkFBZTtJQUMxRyxnQ0FBMEI7SUFBQSxZQUFpQjtJQUM3QyxBQUQ2QyxpQkFBTyxFQUM5Qzs7O0lBRlUsY0FBaUI7SUFBQyxBQUFsQiwrQkFBaUIseUJBQXNCO0lBQzNCLGVBQWlCO0lBQWpCLG9DQUFpQjs7O0lBSC9DLDJCQUEyRDtJQUN6RCw2RUFBNEM7SUFJOUMsaUJBQU07OztJQUppQixjQUFxQjtJQUFyQix5Q0FBcUI7OztJQU0xQyxBQURGLCtCQUFpRixlQUNyRDtJQUFBLGdDQUFnQjtJQUM1QyxBQUQ0QyxpQkFBTyxFQUM3Qzs7QUR6QmQsTUFBTSxPQUFPLG9CQUFvQjtJQVcvQjtRQVZBLGdCQUFXLEdB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UyxFQUMxRCxFQUNGLEVBQ0Y7O1lBekNrQywrQ0FBNkI7WUFlckMsZUFBc0I7WUFBdEIsaURBQXNCO1lBT2EsY0FBcUY7WUFBckYsa0hBQXFGO1lBRXhILGVBQWlDO1lBQWpDLDREQUFpQztZQU16QixjQUErQztZQUEvQyxvRUFBK0M7WUFLNUQsY0FBb0M7WUFBcEMsb0RBQW9DO1lBRWxDLGVBQXFDO1lBQXJDLG9EQUFxQzs7O2lGRDlCckQsb0JBQW9CO2NBTGhDLFNBQVM7MkJBQ0Usa0JBQWtCO29CQVVBLFNBQVM7a0JBQXBDLFNBQVM7bUJBQUMsZUFBZTs7a0ZBTmYsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBPbkluaXQsIFZpZXdDaGlsZCwgaW5wdXQsIG91dHB1dCwgc2lnbmFsIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1pcy10YWJsZS1maWx0ZXJcIixcbiAgdGVtcGxhdGVVcmw6IFwiZmlsdGVyLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiZmlsdGVyLmNvbXBvbmVudC5jc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgVGFibGVGaWx0ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBmaWx0ZXJzRGF0YSA9IGlucHV0PEFycmF5PEZpbHRlcj4+KFtdKTtcbiAgY29udGFpbmVyU3R5bGVzID0gaW5wdXQ8YW55Pih7fSk7XG5cbiAgZmlsdGVyc0FwcGxpZWQgPSBvdXRwdXQ8YW55PigpO1xuXG4gIEBWaWV3Q2hpbGQoXCJtYWluQ29udGFpbmVyXCIpIGNvbnRhaW5lcjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcblxuICBmaWx0ZXJzTWFwID0gc2lnbmFsPGFueT4oe30pO1xuICBzZWFyY2hWYWx1ZSA9IHNpZ25hbDxzdHJpbmc+KFwiXCIpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBuZXdGaWx0ZXJzTWFwOiBhbnkgPSB7fTtcbiAgICBjb25zdCBmaWx0ZXJzID0gdGhpcy5maWx0ZXJzRGF0YSgpIHx8IFtdO1xuICAgIGlmIChBcnJheS5pc0FycmF5KGZpbHRlcnMpICYmIGZpbHRlcnMubGVuZ3RoID4gMCkge1xuICAgICAgZmlsdGVycy5mb3JFYWNoKGZpbHRlciA9PiB7XG4gICAgICAgIGlmIChmaWx0ZXIgJiYgZmlsdGVyLnZhbHVlKSB7XG4gICAgICAgICAgbmV3RmlsdGVyc01hcFtmaWx0ZXIudmFsdWVdID0gZmlsdGVyO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gICAgdGhpcy5maWx0ZXJzTWFwLnNldChuZXdGaWx0ZXJzTWFwKTtcbiAgfVxuICByZXNldEZpbHRlcnMoKSB7XG4gICAgY29uc3QgY3VycmVudEZpbHRlcnNNYXAgPSB0aGlzLmZpbHRlcnNNYXAoKTtcbiAgICBjb25zdCBmaWx0ZXJzID0gdGhpcy5maWx0ZXJzRGF0YSgpIHx8IFtdO1xuICAgIFxuICAgIGlmIChmaWx0ZXJzLmxlbmd0aCA+IDApIHtcbiAgICAgIGZpbHRlcnMuZm9yRWFjaChmaWx0ZXIgPT4ge1xuICAgICAgICBpZiAoZmlsdGVyICYmIGZpbHRlci52YWx1ZSAmJiBjdXJyZW50RmlsdGVyc01hcFtmaWx0ZXIudmFsdWVdKSB7XG4gICAgICAgICAgY3VycmVudEZpbHRlcnNNYXBbZmlsdGVyLnZhbHVlXS5jaGVja2VkID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgICAgdGhpcy5maWx0ZXJzTWFwLnNldCh7IC4uLmN1cnJlbnRGaWx0ZXJzTWFwIH0pO1xuICAgIH1cbiAgICB0aGlzLmZpbHRlcnNBcHBsaWVkLmVtaXQoW10pO1xuICB9XG4gIGFwcGx5RmlsdGVycygpIHtcbiAgICBjb25zdCBmaWx0ZXJzTWFwID0gdGhpcy5maWx0ZXJzTWFwKCk7XG4gICAgaWYgKCFmaWx0ZXJzTWFwIHx8IE9iamVjdC5rZXlzKGZpbHRlcnNNYXApLmxlbmd0aCA9PT0gMCkge1xuICAgICAgdGhpcy5maWx0ZXJzQXBwbGllZC5lbWl0KFtdKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgXG4gICAgbGV0IGxpc3QgPSBPYmplY3QudmFsdWVzKGZpbHRlcnNNYXApXG4gICAgICAuZmlsdGVyKChmaWx0ZXI6IEZpbHRlciB8IGFueSkgPT4gZmlsdGVyICYmIGZpbHRlci5jaGVja2VkKVxuICAgICAgLm1hcCgoZmlsdGVyOiBGaWx0ZXIgfCBhbnkpID0+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBuYW1lOiBmaWx0ZXIubmFtZSxcbiAgICAgICAgICB2YWx1ZTogZmlsdGVyLnZhbHVlXG4gICAgICAgIH07XG4gICAgICB9KTtcbiAgICB0aGlzLmZpbHRlcnNBcHBsaWVkLmVtaXQobGlzdCk7XG4gIH1cbiAgdXBkYXRlRmlsdGVyKGRhdGE6IGFueSkge1xuICAgIGNvbnN0IGN1cnJlbnRGaWx0ZXJzTWFwID0gdGhpcy5maWx0ZXJzTWFwKCk7XG4gICAgaWYgKGN1cnJlbnRGaWx0ZXJzTWFwICYmIGRhdGEgJiYgZGF0YS5uYW1lICYmIGN1cnJlbnRGaWx0ZXJzTWFwW2RhdGEubmFtZV0pIHtcbiAgICAgIGN1cnJlbnRGaWx0ZXJzTWFwW2RhdGEubmFtZV0uY2hlY2tlZCA9ICFjdXJyZW50RmlsdGVyc01hcFtkYXRhLm5hbWVdLmNoZWNrZWQ7XG4gICAgICB0aGlzLmZpbHRlcnNNYXAuc2V0KHsgLi4uY3VycmVudEZpbHRlcnNNYXAgfSk7XG4gICAgfVxuICB9XG4gIHVwZGF0ZVNlYXJjaFZhbHVlKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnNlYXJjaFZhbHVlLnNldChldmVudC50YXJnZXQudmFsdWUpO1xuICB9XG4gIGdldEZpbHRlcnNCYXNlZE9uU2VhcmNoVmFsdWUoKTogRmlsdGVyW10gfCBhbnkge1xuICAgIGNvbnN0IGZpbHRlcnNNYXAgPSB0aGlzLmZpbHRlcnNNYXAoKTtcbiAgICBpZiAoIWZpbHRlcnNNYXAgfHwgT2JqZWN0LmtleXMoZmlsdGVyc01hcCkubGVuZ3RoID09PSAwKSB7XG4gICAgICByZXR1cm4gW107XG4gICAgfVxuICAgIGxldCBsaXN0ID0gT2JqZWN0LnZhbHVlcyhmaWx0ZXJzTWFwKTtcbiAgICBsaXN0ID0gbGlzdC5maWx0ZXIoKGZpbHRlcjogRmlsdGVyIHwgYW55KSA9PiB7XG4gICAgICByZXR1cm4gZmlsdGVyICYmIGZpbHRlci5uYW1lICYmIGZpbHRlci5uYW1lLm1hdGNoKG5ldyBSZWdFeHAodGhpcy5zZWFyY2hWYWx1ZSgpLCBcImlcIikpO1xuICAgIH0pO1xuICAgIHJldHVybiBsaXN0LnNvcnQodGhpcy5teVNvcnQpO1xuICB9XG4gIGdldENoZWNrZWRGaWx0ZXJzKCk6IEZpbHRlcltdIHwgYW55IHtcbiAgICBjb25zdCBmaWx0ZXJzTWFwID0gdGhpcy5maWx0ZXJzTWFwKCk7XG4gICAgaWYgKCFmaWx0ZXJzTWFwIHx8IE9iamVjdC5rZXlzKGZpbHRlcnNNYXApLmxlbmd0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuIFtdO1xuICAgIH1cbiAgICBsZXQgbGlzdCA9IE9iamVjdC52YWx1ZXMoZmlsdGVyc01hcCk7XG4gICAgbGlzdCA9IGxpc3QuZmlsdGVyKChmaWx0ZXI6IEZpbHRlciB8IGFueSkgPT4gZmlsdGVyICYmIGZpbHRlci5jaGVja2VkKS5zb3J0KHRoaXMubXlTb3J0KTtcbiAgICByZXR1cm4gbGlzdDtcbiAgfVxuICBteVNvcnQgPSAoYTogRmlsdGVyLCBiOiBGaWx0ZXIpID0+IHtcbiAgICByZXR1cm4gYS5uYW1lLmxvY2FsZUNvbXBhcmUoYi5uYW1lKTtcbiAgfTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWx0ZXIge1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIGNoZWNrZWQ6IGJvb2xlYW47XG59IiwiPGRpdiBpZD1cIm1haW4tY29udGFpbmVyXCIgI21haW5Db250YWluZXIgW25nU3R5bGVdPVwiY29udGFpbmVyU3R5bGVzKClcIj5cbiAgPGRpdiBpZD1cInNlYXJjaC1iYXItY29udGFpbmVyXCI+XG4gICAgPGlucHV0IChrZXl1cCk9XCJ1cGRhdGVTZWFyY2hWYWx1ZSgkZXZlbnQpXCIgdHlwZT1cInRleHRcIiBwbGFjZWhvbGRlcj1cIlNlYXJjaFwiIC8+XG4gICAgPHN2ZyBpZD1cInNlYXJjaC1pY29uXCIgd2lkdGg9XCIxOFwiIGhlaWdodD1cIjE4XCIgdmlld0JveD1cIjAgMCAxOCAxOFwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHBhdGhcbiAgICAgICAgZmlsbC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgIGNsaXAtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICBkPVwiTTEuMjE0OTYgOC4xNDU2M0MxLjIxNDk2IDQuMzE3OSA0LjMzNzA5IDEuMjExNjUgOC4xOTI0OSAxLjIxMTY1QzEyLjA0NzkgMS4yMTE2NSAxNS4xNyA0LjMxNzkgMTUuMTcgOC4xNDU2M0MxNS4xNyA5LjY5MzA4IDE0LjY1OTggMTEuMTIyNiAxMy43OTcgMTIuMjc2N0wxMi4zNjg0IDEzLjcwMTNDMTEuMjA0MyAxNC41NjY4IDkuNzU4OTEgMTUuMDc5NiA4LjE5MjQ5IDE1LjA3OTZDNC4zMzcwOSAxNS4wNzk2IDEuMjE0OTYgMTEuOTczNCAxLjIxNDk2IDguMTQ1NjNaTTEyLjk0MTkgMTQuNzgzNUMxMS42MDIgMTUuNzMyOSA5Ljk2MjU5IDE2LjI5MTMgOC4xOTI0OSAxNi4yOTEzQzMuNjY5NjUgMTYuMjkxMyAtMC4wMDAxMjIwNyAxMi42NDYxIC0wLjAwMDEyMjA3IDguMTQ1NjNDLTAuMDAwMTIyMDcgMy42NDUxMiAzLjY2OTY1IDAgOC4xOTI0OSAwQzEyLjcxNTMgMCAxNi4zODUxIDMuNjQ1MTIgMTYuMzg1MSA4LjE0NTYzQzE2LjM4NTEgOS45MzcxMyAxNS44MDM2IDExLjU5MzEgMTQuODE4MyAxMi45Mzc1TDE2LjgzNiAxNC40MDQ4QzE3LjY3MDQgMTQuOTEyIDE4Ljc1NTMgMTUuNjU0MyAxNy4yNDUzIDE3LjIxNUMxNS43MzUyIDE4Ljc3NTYgMTUuMDA5OCAxNy42NjYzIDE0LjQ5OSAxNi44MzY0TDEyLjk0MTkgMTQuNzgzNVpcIlxuICAgICAgICBmaWxsPVwiIzZBNzM3RFwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICA8L2Rpdj5cbiAgPGRpdiBpZD1cImZpbHRlcnMtbWFpbi1jb250YWluZXJcIj5cbiAgICA8ZGl2IGlkPVwiZmlsdGVycy1zY3JvbGxhYmxlLWNvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXJzLXN1Yi1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZmlsdGVyIG9mIGdldENoZWNrZWRGaWx0ZXJzKClcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyXCI+XG4gICAgICAgICAgICA8bWlzLWNoZWNrYm94IFtjaGVja2VkXT1cInRydWVcIiBbbmFtZV09XCJmaWx0ZXIudmFsdWVcIiAodmFsdWVDaGFuZ2UpPVwidXBkYXRlRmlsdGVyKCRldmVudClcIj48L21pcy1jaGVja2JveD5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmlsdGVyLXRleHRcIj57eyBmaWx0ZXIubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzZXBhcmF0b3JcIiBbbmdTdHlsZV09XCJ7ICdtYXJnaW4nOiAnMTZweCAwcHgnIH1cIiAqbmdJZj1cImdldENoZWNrZWRGaWx0ZXJzKCkubGVuZ3RoICYmIGdldENoZWNrZWRGaWx0ZXJzKCkubGVuZ3RoIDwgZmlsdGVyc0RhdGEoKS5sZW5ndGhcIj48L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXJzLXN1Yi1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZmlsdGVyIG9mIGdldEZpbHRlcnNCYXNlZE9uU2VhcmNoVmFsdWUoKVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXJcIiAqbmdJZj1cIiFmaWx0ZXIuY2hlY2tlZFwiPlxuICAgICAgICAgICAgPG1pcy1jaGVja2JveCBbY2hlY2tlZF09XCJmYWxzZVwiIFtuYW1lXT1cImZpbHRlci52YWx1ZVwiICh2YWx1ZUNoYW5nZSk9XCJ1cGRhdGVGaWx0ZXIoJGV2ZW50KVwiPjwvbWlzLWNoZWNrYm94PlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmaWx0ZXItdGV4dFwiPnt7IGZpbHRlci5uYW1lIH19PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBpZD1cIm5vLXJlc3VsdHMtY29udGFpbmVyXCIgKm5nSWY9XCJnZXRGaWx0ZXJzQmFzZWRPblNlYXJjaFZhbHVlKCkubGVuZ3RoIDwgMVwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmlsdGVyLXRleHRcIj5ObyBtYXRjaGVzIGZvdW5kPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzZXBhcmF0b3JcIiBbbmdTdHlsZV09XCJ7ICdtYXJnaW4nOiAnMTZweCAwcHgnIH1cIj48L2Rpdj5cbiAgICA8ZGl2IGlkPVwiYnV0dG9ucy1jb250YWluZXJcIj5cbiAgICAgIDxidXR0b24gaWQ9XCJyZXNldC1idG5cIiBbbmdTdHlsZV09XCJ7ICdtYXJnaW4tcmlnaHQnOiAnOHB4JyB9XCIgKGNsaWNrKT1cInJlc2V0RmlsdGVycygpXCI+UmVzZXQ8L2J1dHRvbj5cbiAgICAgIDxidXR0b24gaWQ9XCJhcHBseS1idG5cIiAoY2xpY2spPVwiYXBwbHlGaWx0ZXJzKClcIj5BcHBseTwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==

package/fesm2022/mis-crystal-design-system-analytics.mjs CHANGED Viewed

@@ -8,12 +8,12 @@ class AnalyticsService {
         this.scriptLoaded = false;
         this.pendingEvents = [];
     }
-    insertScript(measurementId, renderer) {
+    insertScript(measurementId, renderer, config = {}) {
         const loadScript = renderer.createElement("script");
         loadScript.setAttribute("async", true);
         loadScript.setAttribute("src", `https://www.googletagmanager.com/gtag/js?id=${measurementId}`);
         const initScript = renderer.createElement("script");
-        initScript.innerText = `window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag(\'js\', new Date());gtag(\'config\', \'${measurementId}\');`;
+        initScript.innerText = `window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag(\'js\', new Date());gtag(\'config\', \'${measurementId}\', ${JSON.stringify(config)});`;
         renderer.appendChild(this.document.head, loadScript);
         renderer.appendChild(this.document.head, initScript);
         this.handlePendingEvents(loadScript);

package/fesm2022/mis-crystal-design-system-analytics.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-analytics.mjs","sources":["../../../projects/mis-components/analytics/analytics.service.ts","../../../projects/mis-components/analytics/analytics.module.ts","../../../projects/mis-components/analytics/mis-crystal-design-system-analytics.ts"],"sourcesContent":["import { DOCUMENT } from \"@angular/common\";\nimport { Inject, Injectable, Renderer2 } from \"@angular/core\";\ndeclare const gtag: Function;\ntype TCustomParameters = { [key: string]: string \| number \| boolean };\ntype TPendingEvents = ([\"event\", string, string, string?, string?, TCustomParameters?] \| [\"set\", string])[];\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class AnalyticsService {\n private scriptLoaded = false;\n private pendingEvents: TPendingEvents = [];\n\n constructor(@Inject(DOCUMENT) private document: any) {}\n\n insertScript(measurementId: string, renderer: Renderer2): void {\n const loadScript = renderer.createElement(\"script\");\n loadScript.setAttribute(\"async\", true);\n loadScript.setAttribute(\"src\", `https://www.googletagmanager.com/gtag/js?id=${measurementId}`);\n\n const initScript = renderer.createElement(\"script\");\n initScript.innerText = `window.dataLayer = window.dataLayer \|\| [];function gtag(){dataLayer.push(arguments);}gtag(\\'js\\', new Date());gtag(\\'config\\', \\'${measurementId}\\');`;\n renderer.appendChild(this.document.head, loadScript);\n renderer.appendChild(this.document.head, initScript);\n this.handlePendingEvents(loadScript);\n }\n\n private handlePendingEvents(script: HTMLScriptElement): void {\n script.addEventListener(\"load\", () => {\n this.scriptLoaded = true;\n for (const eventDetails of this.pendingEvents) {\n if (eventDetails[0] === \"event\") {\n this.send(eventDetails[1], eventDetails[2], eventDetails[3], eventDetails[4]);\n } else if (eventDetails[0] === \"set\") {\n this.setIdentity(eventDetails[1]);\n }\n }\n });\n }\n\n send(\n eventAction: string, \n event_category: string, \n event_label?: string, \n event_value?: string, \n force = false, \n customParameters?: TCustomParameters\n ): void {\n if (!this.scriptLoaded && !force) {\n this.pendingEvents.push([\"event\", eventAction, event_category, event_label, event_value, customParameters]);\n return;\n }\n gtag?.(\"event\", eventAction, {\n event_category: event_category,\n event_label: event_label,\n event_value: event_value,\n ...customParameters\n });\n }\n\n setIdentity(identifier: string): void {\n if (!this.scriptLoaded) {\n this.pendingEvents.push([\"set\", identifier]);\n return;\n }\n gtag?.(\"set\", { user_id: identifier });\n }\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { AnalyticsService } from \"./analytics.service\";\n\n@NgModule()\nexport class AnalyticsModule {\n static forRoot(): ModuleWithProviders<AnalyticsModule> {\n return {\n ngModule: AnalyticsModule,\n providers: [AnalyticsService]\n };\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;MASa,gBAAgB,CAAA;AAI3B,IAAA,WAAA,CAAsC,QAAa,EAAA;QAAb,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAK;QAH3C,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QACrB,IAAa,CAAA,aAAA,GAAmB,EAAE,CAAC;KAEY;~~IAEvD~~,YAAY,CAAC,aAAqB,EAAE,QAAmB,EAAA;~~QACrD~~,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AACpD,QAAA,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACvC,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,CAA+C,4CAAA,EAAA,aAAa,CAAE,CAAA,CAAC,CAAC;QAE/F,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AACpD,QAAA,UAAU,CAAC,SAAS,GAAG,~~CAAoI~~,iIAAA,~~EAAA~~,aAAa,MAAM,CAAC;~~QAC/K~~,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QACrD,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;AACrD,QAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC;KACtC;AAEO,IAAA,mBAAmB,CAAC,MAAyB,EAAA;AACnD,QAAA,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAK;AACnC,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;AACzB,YAAA,KAAK,MAAM,YAAY,IAAI,IAAI,CAAC,aAAa,EAAE;AAC7C,gBAAA,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE;oBAC/B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;iBAC/E;AAAM,qBAAA,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE;oBACpC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;iBACnC;aACF;AACH,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,IAAI,CACF,WAAmB,EACnB,cAAsB,EACtB,WAAoB,EACpB,WAAoB,EACpB,KAAK,GAAG,KAAK,EACb,gBAAoC,EAAA;QAEpC,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,KAAK,EAAE;AAChC,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;YAC5G,OAAO;SACR;AACD,QAAA,IAAI,GAAG,OAAO,EAAE,WAAW,EAAE;AAC3B,YAAA,cAAc,EAAE,cAAc;AAC9B,YAAA,WAAW,EAAE,WAAW;AACxB,YAAA,WAAW,EAAE,WAAW;AACxB,YAAA,GAAG,gBAAgB;AACpB,SAAA,CAAC,CAAC;KACJ;AAED,IAAA,WAAW,CAAC,UAAkB,EAAA;AAC5B,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;YAC7C,OAAO;SACR;QACD,IAAI,GAAG,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;KACxC;~~AAzDU~~,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,SAAA,wBAAA,CAAA,iBAAA,EAAA,EAAA,OAAA,KAAA,iBAAA,IAAA,gBAAgB,cAIP,QAAQ,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;uEAJjB,gBAAgB,EAAA,OAAA,EAAhB,gBAAgB,CAAA,IAAA,EAAA,UAAA,EAFf,MAAM,EAAA,CAAA,CAAA,EAAA;;iFAEP,gBAAgB,EAAA,CAAA;cAH5B,UAAU;AAAC,QAAA,IAAA,EAAA,CAAA;AACV,gBAAA,UAAU,EAAE,MAAM;AACnB,aAAA,CAAA;;sBAKc,MAAM;uBAAC,QAAQ,CAAA;;;MCRjB,eAAe,CAAA;AAC1B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,eAAe;YACzB,SAAS,EAAE,CAAC,gBAAgB,CAAC;SAC9B,CAAC;KACH;gHANU,eAAe,GAAA,CAAA,EAAA,CAAA,EAAA;mEAAf,eAAe,EAAA,CAAA,CAAA,EAAA;;;iFAAf,eAAe,EAAA,CAAA;cAD3B,QAAQ;;;ACJT;;AAEG;;;;"}
1	+ {"version":3,"file":"mis-crystal-design-system-analytics.mjs","sources":["../../../projects/mis-components/analytics/analytics.service.ts","../../../projects/mis-components/analytics/analytics.module.ts","../../../projects/mis-components/analytics/mis-crystal-design-system-analytics.ts"],"sourcesContent":["import { DOCUMENT } from \"@angular/common\";\nimport { Inject, Injectable, Renderer2 } from \"@angular/core\";\ndeclare const gtag: Function;\ntype TCustomParameters = { [key: string]: string \| number \| boolean };\ntype TPendingEvents = ([\"event\", string, string, string?, string?, TCustomParameters?] \| [\"set\", string])[];\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class AnalyticsService {\n private scriptLoaded = false;\n private pendingEvents: TPendingEvents = [];\n\n constructor(@Inject(DOCUMENT) private document: any) {}\n\n insertScript(measurementId: string, renderer: Renderer2, config = {}): void {\n const loadScript = renderer.createElement(\"script\");\n loadScript.setAttribute(\"async\", true);\n loadScript.setAttribute(\"src\", `https://www.googletagmanager.com/gtag/js?id=${measurementId}`);\n\n const initScript = renderer.createElement(\"script\");\n initScript.innerText = `window.dataLayer = window.dataLayer \|\| [];function gtag(){dataLayer.push(arguments);}gtag(\\'js\\', new Date());gtag(\\'config\\', \\'${measurementId}\\', ${JSON.stringify(config)});`;\n\n renderer.appendChild(this.document.head, loadScript);\n renderer.appendChild(this.document.head, initScript);\n this.handlePendingEvents(loadScript);\n }\n\n private handlePendingEvents(script: HTMLScriptElement): void {\n script.addEventListener(\"load\", () => {\n this.scriptLoaded = true;\n for (const eventDetails of this.pendingEvents) {\n if (eventDetails[0] === \"event\") {\n this.send(eventDetails[1], eventDetails[2], eventDetails[3], eventDetails[4]);\n } else if (eventDetails[0] === \"set\") {\n this.setIdentity(eventDetails[1]);\n }\n }\n });\n }\n\n send(\n eventAction: string, \n event_category: string, \n event_label?: string, \n event_value?: string, \n force = false, \n customParameters?: TCustomParameters\n ): void {\n if (!this.scriptLoaded && !force) {\n this.pendingEvents.push([\"event\", eventAction, event_category, event_label, event_value, customParameters]);\n return;\n }\n gtag?.(\"event\", eventAction, {\n event_category: event_category,\n event_label: event_label,\n event_value: event_value,\n ...customParameters\n });\n }\n\n setIdentity(identifier: string): void {\n if (!this.scriptLoaded) {\n this.pendingEvents.push([\"set\", identifier]);\n return;\n }\n gtag?.(\"set\", { user_id: identifier });\n }\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { AnalyticsService } from \"./analytics.service\";\n\n@NgModule()\nexport class AnalyticsModule {\n static forRoot(): ModuleWithProviders<AnalyticsModule> {\n return {\n ngModule: AnalyticsModule,\n providers: [AnalyticsService]\n };\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;MASa,gBAAgB,CAAA;AAI3B,IAAA,WAAA,CAAsC,QAAa,EAAA;QAAb,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAK;QAH3C,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QACrB,IAAa,CAAA,aAAA,GAAmB,EAAE,CAAC;KAEY;AAEvD,IAAA,YAAY,CAAC,aAAqB,EAAE,QAAmB,EAAE,MAAM,GAAG,EAAE,EAAA;QAClE,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AACpD,QAAA,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACvC,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,CAA+C,4CAAA,EAAA,aAAa,CAAE,CAAA,CAAC,CAAC;QAE/F,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AACpD,QAAA,UAAU,CAAC,SAAS,GAAG,CAAA,iIAAA,EAAoI,aAAa,CAAA,IAAA,EAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;QAE1M,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QACrD,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;AACrD,QAAA,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC;KACtC;AAEO,IAAA,mBAAmB,CAAC,MAAyB,EAAA;AACnD,QAAA,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAK;AACnC,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;AACzB,YAAA,KAAK,MAAM,YAAY,IAAI,IAAI,CAAC,aAAa,EAAE;AAC7C,gBAAA,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE;oBAC/B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;iBAC/E;AAAM,qBAAA,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE;oBACpC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;iBACnC;aACF;AACH,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,IAAI,CACF,WAAmB,EACnB,cAAsB,EACtB,WAAoB,EACpB,WAAoB,EACpB,KAAK,GAAG,KAAK,EACb,gBAAoC,EAAA;QAEpC,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,KAAK,EAAE;AAChC,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;YAC5G,OAAO;SACR;AACD,QAAA,IAAI,GAAG,OAAO,EAAE,WAAW,EAAE;AAC3B,YAAA,cAAc,EAAE,cAAc;AAC9B,YAAA,WAAW,EAAE,WAAW;AACxB,YAAA,WAAW,EAAE,WAAW;AACxB,YAAA,GAAG,gBAAgB;AACpB,SAAA,CAAC,CAAC;KACJ;AAED,IAAA,WAAW,CAAC,UAAkB,EAAA;AAC5B,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;YAC7C,OAAO;SACR;QACD,IAAI,GAAG,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;KACxC;AA1DU,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,SAAA,wBAAA,CAAA,iBAAA,EAAA,EAAA,OAAA,KAAA,iBAAA,IAAA,gBAAgB,cAIP,QAAQ,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;uEAJjB,gBAAgB,EAAA,OAAA,EAAhB,gBAAgB,CAAA,IAAA,EAAA,UAAA,EAFf,MAAM,EAAA,CAAA,CAAA,EAAA;;iFAEP,gBAAgB,EAAA,CAAA;cAH5B,UAAU;AAAC,QAAA,IAAA,EAAA,CAAA;AACV,gBAAA,UAAU,EAAE,MAAM;AACnB,aAAA,CAAA;;sBAKc,MAAM;uBAAC,QAAQ,CAAA;;;MCRjB,eAAe,CAAA;AAC1B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,eAAe;YACzB,SAAS,EAAE,CAAC,gBAAgB,CAAC;SAC9B,CAAC;KACH;gHANU,eAAe,GAAA,CAAA,EAAA,CAAA,EAAA;mEAAf,eAAe,EAAA,CAAA,CAAA,EAAA;;;iFAAf,eAAe,EAAA,CAAA;cAD3B,QAAQ;;;ACJT;;AAEG;;;;"}

package/fesm2022/mis-crystal-design-system-multi-select-dropdown.mjs CHANGED Viewed

@@ -58,26 +58,26 @@ function MultiSelectDropdownComponent_ng_container_5_Template(rf, ctx) { if (rf
 } }
 function MultiSelectDropdownComponent_ng_template_8_div_1__svg_svg_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 22);
-    i0.ɵɵelement(1, "path", 23);
+    i0.ɵɵelementStart(0, "svg", 23);
+    i0.ɵɵelement(1, "path", 24);
     i0.ɵɵelementEnd();
 } }
 function MultiSelectDropdownComponent_ng_template_8_div_1__svg_svg_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 24);
+    i0.ɵɵelementStart(0, "svg", 25);
     i0.ɵɵlistener("click", function MultiSelectDropdownComponent_ng_template_8_div_1__svg_svg_3_Template_svg_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.searchInputCanceled($event)); });
-    i0.ɵɵelement(1, "path", 25);
+    i0.ɵɵelement(1, "path", 26);
     i0.ɵɵelementEnd();
 } }
 function MultiSelectDropdownComponent_ng_template_8_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵtemplate(1, MultiSelectDropdownComponent_ng_template_8_div_1__svg_svg_1_Template, 2, 0, "svg", 19);
-    i0.ɵɵelementStart(2, "input", 20);
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵtemplate(1, MultiSelectDropdownComponent_ng_template_8_div_1__svg_svg_1_Template, 2, 0, "svg", 20);
+    i0.ɵɵelementStart(2, "input", 21);
     i0.ɵɵlistener("ngModelChange", function MultiSelectDropdownComponent_ng_template_8_div_1_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.searchInputOnChange($event)); })("focus", function MultiSelectDropdownComponent_ng_template_8_div_1_Template_input_focus_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.searchInputFocused(true)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, MultiSelectDropdownComponent_ng_template_8_div_1__svg_svg_3_Template, 2, 0, "svg", 21);
+    i0.ɵɵtemplate(3, MultiSelectDropdownComponent_ng_template_8_div_1__svg_svg_3_Template, 2, 0, "svg", 22);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -88,26 +88,38 @@ function MultiSelectDropdownComponent_ng_template_8_div_1_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.isSearchInputFocused());
 } }
-function MultiSelectDropdownComponent_ng_template_8_div_3_div_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31);
-    i0.ɵɵelement(1, "img", 32);
+function MultiSelectDropdownComponent_ng_template_8_Conditional_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function MultiSelectDropdownComponent_ng_template_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵtemplate(1, MultiSelectDropdownComponent_ng_template_8_Conditional_2_ng_container_1_Template, 1, 0, "ng-container", 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.customMessageTemplate());
+} }
+function MultiSelectDropdownComponent_ng_template_8_div_4_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelement(1, "img", 33);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r6 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
     i0.ɵɵproperty("src", item_r6.icon, i0.ɵɵsanitizeUrl);
 } }
-function MultiSelectDropdownComponent_ng_template_8_div_3_Template(rf, ctx) { if (rf & 1) {
+function MultiSelectDropdownComponent_ng_template_8_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 26);
-    i0.ɵɵlistener("keyup.enter", function MultiSelectDropdownComponent_ng_template_8_div_3_Template_div_keyup_enter_0_listener($event) { const item_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleSelectedItems($event, item_r6)); })("click", function MultiSelectDropdownComponent_ng_template_8_div_3_Template_div_click_0_listener($event) { const item_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleSelectedItems($event, item_r6)); });
-    i0.ɵɵelementStart(1, "div", 27)(2, "div", 28);
-    i0.ɵɵelement(3, "mis-checkbox", 29);
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵlistener("keyup.enter", function MultiSelectDropdownComponent_ng_template_8_div_4_Template_div_keyup_enter_0_listener($event) { const item_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleSelectedItems($event, item_r6)); })("click", function MultiSelectDropdownComponent_ng_template_8_div_4_Template_div_click_0_listener($event) { const item_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleSelectedItems($event, item_r6)); });
+    i0.ɵɵelementStart(1, "div", 28)(2, "div", 29);
+    i0.ɵɵelement(3, "mis-checkbox", 30);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "p", 4);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(6, MultiSelectDropdownComponent_ng_template_8_div_3_div_6_Template, 2, 1, "div", 30);
+    i0.ɵɵtemplate(6, MultiSelectDropdownComponent_ng_template_8_div_4_div_6_Template, 2, 1, "div", 31);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r6 = ctx.$implicit;
@@ -119,8 +131,8 @@ function MultiSelectDropdownComponent_ng_template_8_div_3_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", item_r6.icon);
 } }
-function MultiSelectDropdownComponent_ng_template_8_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 33);
+function MultiSelectDropdownComponent_ng_template_8_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -128,15 +140,15 @@ function MultiSelectDropdownComponent_ng_template_8_div_4_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.searchInput() === "" ? ctx_r1.noDataMessage() : "No results", " ");
 } }
-function MultiSelectDropdownComponent_ng_template_8_div_5_Template(rf, ctx) { if (rf & 1) {
+function MultiSelectDropdownComponent_ng_template_8_div_6_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 34)(1, "div", 35);
-    i0.ɵɵlistener("click", function MultiSelectDropdownComponent_ng_template_8_div_5_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onReset()); });
-    i0.ɵɵelement(2, "mis-button", 36);
+    i0.ɵɵelementStart(0, "div", 35)(1, "div", 36);
+    i0.ɵɵlistener("click", function MultiSelectDropdownComponent_ng_template_8_div_6_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onReset()); });
+    i0.ɵɵelement(2, "mis-button", 37);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 35);
-    i0.ɵɵlistener("click", function MultiSelectDropdownComponent_ng_template_8_div_5_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.applyFilters()); });
-    i0.ɵɵelement(4, "mis-button", 36);
+    i0.ɵɵelementStart(3, "div", 36);
+    i0.ɵɵlistener("click", function MultiSelectDropdownComponent_ng_template_8_div_6_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.applyFilters()); });
+    i0.ɵɵelement(4, "mis-button", 37);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance();
@@ -150,17 +162,19 @@ function MultiSelectDropdownComponent_ng_template_8_div_5_Template(rf, ctx) { if
 } }
 function MultiSelectDropdownComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵtemplate(1, MultiSelectDropdownComponent_ng_template_8_div_1_Template, 4, 9, "div", 13);
-    i0.ɵɵelementStart(2, "div", 14);
-    i0.ɵɵtemplate(3, MultiSelectDropdownComponent_ng_template_8_div_3_Template, 7, 6, "div", 15)(4, MultiSelectDropdownComponent_ng_template_8_div_4_Template, 2, 1, "div", 16);
+    i0.ɵɵtemplate(1, MultiSelectDropdownComponent_ng_template_8_div_1_Template, 4, 9, "div", 13)(2, MultiSelectDropdownComponent_ng_template_8_Conditional_2_Template, 2, 1, "div", 14);
+    i0.ɵɵelementStart(3, "div", 15);
+    i0.ɵɵtemplate(4, MultiSelectDropdownComponent_ng_template_8_div_4_Template, 7, 6, "div", 16)(5, MultiSelectDropdownComponent_ng_template_8_div_5_Template, 2, 1, "div", 17);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, MultiSelectDropdownComponent_ng_template_8_div_5_Template, 5, 10, "div", 17);
+    i0.ɵɵtemplate(6, MultiSelectDropdownComponent_ng_template_8_div_6_Template, 5, 10, "div", 18);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(6, _c5, ctx_r1.dropdownListHeight(), ctx_r1.dropdownListWidth()))("ngClass", i0.ɵɵpureFunction2(9, _c6, ctx_r1.dropdownListPosition() === "Left", ctx_r1.dropdownListPosition() === "Right"));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(7, _c5, ctx_r1.dropdownListHeight(), ctx_r1.dropdownListWidth()))("ngClass", i0.ɵɵpureFunction2(10, _c6, ctx_r1.dropdownListPosition() === "Left", ctx_r1.dropdownListPosition() === "Right"));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.searchEnabled());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.customMessageTemplate() ? 2 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngForOf", ctx_r1.displayData());
     i0.ɵɵadvance();
@@ -187,6 +201,7 @@ class MultiSelectDropdownComponent {
         this.searchEnabled = input(true);
         this.showSelectedCount = input(false);
         this.noDataMessage = input('No Data');
+        this.customMessageTemplate = input();
         this.options = input({
             sortLabels: true,
         });
@@ -415,7 +430,7 @@ class MultiSelectDropdownComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.selectElement = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popupContainer = _t.first);
-        } }, inputs: { data: [1, "data"], selectedItems: [1, "selectedItems"], label: [1, "label"], height: [1, "height"], width: [1, "width"], dropdownListHeight: [1, "dropdownListHeight"], dropdownListWidth: [1, "dropdownListWidth"], dropdownListPosition: [1, "dropdownListPosition"], enableSelectAll: [1, "enableSelectAll"], searchEnabled: [1, "searchEnabled"], showSelectedCount: [1, "showSelectedCount"], noDataMessage: [1, "noDataMessage"], options: [1, "options"], hideApplyButton: [1, "hideApplyButton"], searchInputPlaceholder: [1, "searchInputPlaceholder"], customLabelTemplate: [1, "customLabelTemplate"] }, outputs: { onChange: "onChange" }, decls: 10, vars: 12, consts: [["select", ""], ["popupContainer", ""], [1, "container", 3, "ngStyle"], ["tabindex", "0", 1, "dropdown", 3, "keyup.enter", "click", "ngStyle"], [1, "label"], [4, "ngIf"], ["width", "20", "height", "20", "viewBox", "0 0 20 20", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "handle", 3, "ngStyle"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M13.825 7.15845L10 10.9751L6.175 7.15845L5 8.33345L10 13.3334L15 8.33345L13.825 7.15845Z", "fill", "#181F33"], [1, "text"], ["class", "count", 4, "ngIf"], [1, "count"], [4, "ngTemplateOutlet"], [1, "popup-container", 3, "ngStyle", "ngClass"], ["class", "search-container", 4, "ngIf"], [1, "items"], ["class", "item", "tabindex", "0", 3, "ngClass", "keyup.enter", "click", 4, "ngFor", "ngForOf"], ["class", "noData", 4, "ngIf"], ["class", "actions-container", 4, "ngIf"], [1, "search-container"], ["class", "search-icon", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 4, "ngIf"], [1, "search-input", 3, "ngModelChange", "focus", "ngModel", "ngStyle", "placeholder"], ["class", "cancel-icon", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 3, "click", 4, "ngIf"], ["width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "search-icon"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z", "fill", "#6A737D"], ["width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "cancel-icon", 3, "click"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M8.87446 7.32144C8.44588 6.89285 7.751 6.89285 7.32242 7.32144C6.89383 7.75002 6.89383 8.4449 7.32242 8.87349L10.4488 11.9999L7.32357 15.1252C6.89498 15.5538 6.89498 16.2486 7.32357 16.6772C7.75215 17.1058 8.44703 17.1058 8.87561 16.6772L12.0009 13.552L15.1261 16.6772C15.5547 17.1058 16.2496 17.1058 16.6781 16.6772C17.1067 16.2486 17.1067 15.5537 16.6781 15.1251L13.5529 11.9999L16.6793 8.87354C17.1079 8.44496 17.1079 7.75008 16.6793 7.3215C16.2507 6.89291 15.5558 6.89291 15.1273 7.3215L12.0009 10.4479L8.87446 7.32144Z", "fill", "#6A737D"], ["tabindex", "0", 1, "item", 3, "keyup.enter", "click", "ngClass"], [1, "checkbox-container-wrapper"], [1, "checkbox-container"], ["tabindex", "-1", 3, "checked"], ["class", "icon-container", 4, "ngIf"], [1, "icon-container"], ["alt", "no img", 1, "icon", 3, "src"], [1, "noData"], [1, "actions-container"], [3, "click", "ngStyle"], [3, "name", "type", "width"]], template: function MultiSelectDropdownComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { data: [1, "data"], selectedItems: [1, "selectedItems"], label: [1, "label"], height: [1, "height"], width: [1, "width"], dropdownListHeight: [1, "dropdownListHeight"], dropdownListWidth: [1, "dropdownListWidth"], dropdownListPosition: [1, "dropdownListPosition"], enableSelectAll: [1, "enableSelectAll"], searchEnabled: [1, "searchEnabled"], showSelectedCount: [1, "showSelectedCount"], noDataMessage: [1, "noDataMessage"], customMessageTemplate: [1, "customMessageTemplate"], options: [1, "options"], hideApplyButton: [1, "hideApplyButton"], searchInputPlaceholder: [1, "searchInputPlaceholder"], customLabelTemplate: [1, "customLabelTemplate"] }, outputs: { onChange: "onChange" }, decls: 10, vars: 12, consts: [["select", ""], ["popupContainer", ""], [1, "container", 3, "ngStyle"], ["tabindex", "0", 1, "dropdown", 3, "keyup.enter", "click", "ngStyle"], [1, "label"], [4, "ngIf"], ["width", "20", "height", "20", "viewBox", "0 0 20 20", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "handle", 3, "ngStyle"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M13.825 7.15845L10 10.9751L6.175 7.15845L5 8.33345L10 13.3334L15 8.33345L13.825 7.15845Z", "fill", "#181F33"], [1, "text"], ["class", "count", 4, "ngIf"], [1, "count"], [4, "ngTemplateOutlet"], [1, "popup-container", 3, "ngStyle", "ngClass"], ["class", "search-container", 4, "ngIf"], [1, "custom-message-container"], [1, "items"], ["class", "item", "tabindex", "0", 3, "ngClass", "keyup.enter", "click", 4, "ngFor", "ngForOf"], ["class", "noData", 4, "ngIf"], ["class", "actions-container", 4, "ngIf"], [1, "search-container"], ["class", "search-icon", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 4, "ngIf"], [1, "search-input", 3, "ngModelChange", "focus", "ngModel", "ngStyle", "placeholder"], ["class", "cancel-icon", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 3, "click", 4, "ngIf"], ["width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "search-icon"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z", "fill", "#6A737D"], ["width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "cancel-icon", 3, "click"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M8.87446 7.32144C8.44588 6.89285 7.751 6.89285 7.32242 7.32144C6.89383 7.75002 6.89383 8.4449 7.32242 8.87349L10.4488 11.9999L7.32357 15.1252C6.89498 15.5538 6.89498 16.2486 7.32357 16.6772C7.75215 17.1058 8.44703 17.1058 8.87561 16.6772L12.0009 13.552L15.1261 16.6772C15.5547 17.1058 16.2496 17.1058 16.6781 16.6772C17.1067 16.2486 17.1067 15.5537 16.6781 15.1251L13.5529 11.9999L16.6793 8.87354C17.1079 8.44496 17.1079 7.75008 16.6793 7.3215C16.2507 6.89291 15.5558 6.89291 15.1273 7.3215L12.0009 10.4479L8.87446 7.32144Z", "fill", "#6A737D"], ["tabindex", "0", 1, "item", 3, "keyup.enter", "click", "ngClass"], [1, "checkbox-container-wrapper"], [1, "checkbox-container"], ["tabindex", "-1", 3, "checked"], ["class", "icon-container", 4, "ngIf"], [1, "icon-container"], ["alt", "no img", 1, "icon", 3, "src"], [1, "noData"], [1, "actions-container"], [3, "click", "ngStyle"], [3, "name", "type", "width"]], template: function MultiSelectDropdownComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 2)(1, "div", 3, 0);
             i0.ɵɵlistener("keyup.enter", function MultiSelectDropdownComponent_Template_div_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.toggleDropdown()); })("click", function MultiSelectDropdownComponent_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.toggleDropdown()); });
@@ -426,7 +441,7 @@ class MultiSelectDropdownComponent {
             i0.ɵɵelementStart(6, "svg", 6);
             i0.ɵɵelement(7, "path", 7);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵtemplate(8, MultiSelectDropdownComponent_ng_template_8_Template, 6, 12, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(8, MultiSelectDropdownComponent_ng_template_8_Template, 7, 13, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(5, _c2, ctx.height().length > 0 ? ctx.height() : "", ctx.width().length > 0 ? ctx.width() : ""));
             i0.ɵɵadvance();
@@ -441,7 +456,7 @@ class MultiSelectDropdownComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MultiSelectDropdownComponent, [{
         type: Component,
-        args: [{ selector: 'mis-multi-select-dropdown', template: "<div\n  class=\"container\"\n  [ngStyle]=\"{\n    height: height().length > 0 ? height() : '',\n    width: width().length > 0 ? width() : ''\n  }\"\n>\n  <div\n    class=\"dropdown\"\n    #select\n    tabindex=\"0\"\n    (keyup.enter)=\"toggleDropdown()\"\n    (click)=\"toggleDropdown()\"\n    [ngStyle]=\"{ 'background': isOpen() ? '#E6EBF7' : '' }\"\n  >\n    <div class=\"label\">\n      <ng-container *ngIf=\"!customLabelTemplate()\">\n      <p class=\"text\">{{ label() }}</p>\n      <p *ngIf=\"showSelectedCount() && internalSelectedItems().length > 0\" class=\"count\">\n        {{ internalSelectedItems().length }}\n      </p>\n    </ng-container>\n    <ng-container *ngIf=\"customLabelTemplate()\">\n      <ng-container *ngTemplateOutlet=\"customLabelTemplate()\">\n      </ng-container>\n    </ng-container>\n    </div>\n    <svg\n      class=\"handle\"\n      [ngStyle]=\"{ 'transform': isOpen() ? 'rotate(180deg)' : 'rotate(0deg)' }\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M13.825 7.15845L10 10.9751L6.175 7.15845L5 8.33345L10 13.3334L15 8.33345L13.825 7.15845Z\"\n        fill=\"#181F33\"\n      />\n    </svg>\n  </div>\n</div>\n<ng-template #popupContainer>\n  <div\n    class=\"popup-container\"\n    [ngStyle]=\"{\n      'height': dropdownListHeight(),\n      width: dropdownListWidth()\n    }\"\n    [ngClass]=\"{\n      'position-left': dropdownListPosition() === 'Left',\n      'position-right': dropdownListPosition() === 'Right'\n    }\"\n  >\n      <div *ngIf=\"searchEnabled()\" class=\"search-container\">\n        <svg\n          *ngIf=\"!isSearchInputFocused()\"\n          class=\"search-icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z\"\n            fill=\"#6A737D\"\n          />\n        </svg>\n        <input\n          [ngModel]=\"searchInput()\"\n          [ngStyle]=\"{\n            paddingLeft: isSearchInputFocused() ? '12px' : '45px',\n            border: isSearchInputFocused() ? '1px solid #0937B2' : '1px solid #e0e0e0',\n            paddingRight: isSearchInputFocused() ? '45px' : '10px'\n          }\"\n          (ngModelChange)=\"searchInputOnChange($event)\"\n          [placeholder]=\"isSearchInputFocused() ? '' : searchInputPlaceholder()\"\n          (focus)=\"searchInputFocused(true)\"\n          class=\"search-input\"\n        />\n        <svg\n          *ngIf=\"isSearchInputFocused()\"\n          class=\"cancel-icon\"\n          (click)=\"searchInputCanceled($event)\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M8.87446 7.32144C8.44588 6.89285 7.751 6.89285 7.32242 7.32144C6.89383 7.75002 6.89383 8.4449 7.32242 8.87349L10.4488 11.9999L7.32357 15.1252C6.89498 15.5538 6.89498 16.2486 7.32357 16.6772C7.75215 17.1058 8.44703 17.1058 8.87561 16.6772L12.0009 13.552L15.1261 16.6772C15.5547 17.1058 16.2496 17.1058 16.6781 16.6772C17.1067 16.2486 17.1067 15.5537 16.6781 15.1251L13.5529 11.9999L16.6793 8.87354C17.1079 8.44496 17.1079 7.75008 16.6793 7.3215C16.2507 6.89291 15.5558 6.89291 15.1273 7.3215L12.0009 10.4479L8.87446 7.32144Z\"\n            fill=\"#6A737D\"\n          />\n        </svg>\n      </div>\n      <div class=\"items\">\n        <div\n          class=\"item\"\n          tabindex=\"0\"\n          (keyup.enter)=\"toggleSelectedItems($event, item)\"\n          (click)=\"toggleSelectedItems($event, item)\"\n          *ngFor=\"let item of displayData()\"\n          [ngClass]=\"{'disabled':item.disabled}\"\n        >\n          <div class=\"checkbox-container-wrapper\">\n            <div class=\"checkbox-container\">\n              <mis-checkbox [checked]=\"item.checked\" tabindex=\"-1\"></mis-checkbox>\n              </div>\n            <p class=\"label\">\n              {{ item.label }}\n            </p>\n          </div>\n          <div class=\"icon-container\" *ngIf=\"item.icon\">\n            <img class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n          </div>\n        </div>\n        <div class=\"noData\" *ngIf=\"displayData().length === 0\">\n          {{ searchInput() === \"\" ? noDataMessage() : \"No results\" }}\n        </div>\n      </div>\n    <div *ngIf=\"internalData().length !== 0 && !hideApplyButton()\" class=\"actions-container\">\n      <div [ngStyle]=\"{'width': 'calc(50% - 4px)'}\" (click)=\"onReset()\">\n        <mis-button [name]=\"'Reset'\" [type]=\"'Text'\" [width]=\"'100%'\" ></mis-button>\n      </div>\n      <div [ngStyle]=\"{'width': 'calc(50% - 4px)'}\" (click)=\"applyFilters()\">\n        <mis-button [name]=\"'Apply'\" [type]=\"'Solid'\" [width]=\"'100%'\" ></mis-button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n\n", styles: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3;--brand-primary: #0937B2;--brand-primary-light: #3C68D0;--brand-primary-dark: #062A99;--brand-primary-darker: #041F80;--brand-primary-lighter: #638FE7;--brand-primary-lightest: #CBDDFB;--brand-primary-hover: #F0F3FA;--brand-primary-active: #DAE1F3;--brand-secondary: #ED711C;--brand-secondary-light: #F09E65;--brand-secondary-dark: #B23600;--brand-secondary-lighter: #FFC6F2;--brand-accent: #10ADAE;--brand-accent-light: #16CBBC;--brand-accent-dark: #035F6B;--brand-accent-lighter: #ACDADA;--brand-success: #38AF49;--brand-success-light: #4CAF50;--brand-success-dark: #216531;--brand-success-lighter: #E4F5E9;--brand-success-lightest: #F1FFF3;--brand-error: #B00020;--brand-error-light: #F04E4E;--brand-error-dark: #A60060;--brand-error-lighter: #FAE1EA;--brand-error-lightest: #FDF2F2;--brand-warning: #FF9D00;--brand-warning-light: #D4900C;--brand-warning-dark: #624000;--brand-warning-lighter: #F4E7C3;--brand-warning-lightest: #FAEFED;--brand-info: #0091FF;--brand-info-light: #35A1FF;--brand-info-dark: #0087B2;--brand-info-lighter: #CFECF9;--text-primary: #181F33;--text-secondary: #6A737D;--text-tertiary: #929DAB;--text-disabled: #929DAB;--text-muted-secondary: #E5E5E5;--text-primary-87: rgba(24, 31, 51, .87);--text-primary-60: rgba(24, 31, 51, .6);--text-primary-38: rgba(24, 31, 51, .38);--text-primary-12: rgba(24, 31, 51, .12);--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F5F5F5;--bg-overlay: rgba(0, 0, 0, .32);--bg-overlay-light: rgba(0, 0, 0, .12);--bg-overlay-lighter: rgba(0, 0, 0, .08);--bg-overlay-lightest: rgba(0, 0, 0, .04);--border-primary: #E0E0E0;--border-secondary: #D6DCE2;--border-tertiary: #C8CDD3;--border-light: #F1F4F8;--border-primary-12: rgba(0, 0, 0, .12);--border-primary-08: rgba(0, 0, 0, .08);--border-primary-06: rgba(0, 0, 0, .06);--shadow-primary: rgba(0, 0, 0, .12);--shadow-secondary: rgba(0, 0, 0, .08);--shadow-tertiary: rgba(0, 0, 0, .04);--shadow-light: rgba(0, 0, 0, .06);--status-available: #929DAB;--status-unavailable: #CCD3DA;--status-hotseat: #857BFF;--status-multiteam: #10ADAE;--status-selected: #10ADAE;--status-upcoming: #D4900C;--status-room: #38AF49;--status-room-booked: #B23600;--status-room-unavailable: #181F33;--team-color-1: #F8C52E;--team-color-2: #FA8E20;--team-color-3: #987CDD;--team-color-4: #16CBBC;--team-color-5: #E65010;--team-color-6: #A60060;--team-color-7: #ED323B;--team-color-8: #35A1FF;--team-color-9: #80D348}.container{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:32px;width:256px;font-family:Lato,sans-serif!important}.container .dropdown{height:inherit;border:1px solid var(--border-primary, #E0E0E0);border-radius:6px;background-color:var(--bg-primary, #FFFFFF);cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 12px;overflow:hidden}.container .dropdown:hover,.container .dropdown:focus-visible{background-color:var(--brand-primary-hover, #F0F3FA);outline:none}.container .dropdown .label{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.container .dropdown .label .text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.container .dropdown .label .count{background-color:var(--border-primary, #E0E0E0);border-radius:50%;padding:2px 7px;margin:0 0 0 8px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px;color:var(--text-primary, #181F33)}.container .dropdown .handle{width:24px;height:24px;transition:.3s;position:absolute;right:12px;border-radius:50%;overflow:hidden}.popup-container{width:100%;max-height:340px;padding-bottom:0;border:1px solid var(--border-primary, #E0E0E0);border-radius:8px;background-color:var(--bg-primary, #FFFFFF);box-shadow:0 12px 24px #0000001f;display:flex;flex-direction:column;overflow:hidden;justify-content:flex-start}.popup-container::-webkit-scrollbar{width:0;height:0}.popup-container .search-container{position:relative;box-sizing:border-box;padding:8px}.popup-container .search-container .search-icon{position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);left:18px;z-index:1}.popup-container .search-container .search-input{height:40px;width:100%;padding:12px;border:1px solid var(--border-primary, #E0E0E0);box-sizing:border-box;border-radius:8px;outline:none;caret-color:var(--brand-primary, #0937B2);font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;color:var(--text-primary, #181F33)}.popup-container .search-container .cancel-icon{position:absolute;cursor:pointer;width:24px;height:24px;top:50%;transform:translateY(-50%);right:18px;z-index:1}.popup-container .items{padding:8px 0 8px 8px;overflow-y:scroll}.popup-container .items::-webkit-scrollbar{width:5px;height:0}.popup-container .items::-webkit-scrollbar-thumb{background:var(--text-tertiary, #929DAB);border-radius:10px}.popup-container .items .noData{display:flex;justify-content:center;align-items:center;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.popup-container .items .disabled{pointer-events:none;opacity:.5}.popup-container .items .item{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;padding:8px 12px;border-radius:6px;height:auto}.popup-container .items .item:hover,.popup-container .items .item:focus-visible{background-color:var(--brand-primary-hover, #F0F3FA);outline:none}.popup-container .items .item .checkbox-container-wrapper{display:flex;justify-content:flex-start;align-items:center;width:90%}.popup-container .items .item .checkbox-container-wrapper .checkbox-container{display:block;position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.popup-container .items .item .checkbox-container-wrapper .checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.popup-container .items .item .checkbox-container-wrapper .checkbox-container input:checked~.checkmark:after{display:block}.popup-container .items .item .checkbox-container-wrapper .checkbox-container .checkmark{position:absolute;top:-8px;left:0;height:15px;width:15px;border-radius:4px;background-color:var(--brand-info, #0091FF);border:1px solid var(--text-secondary, #6A737D)}.popup-container .items .item .checkbox-container-wrapper .checkbox-container .checkmark:after{content:\"\";position:absolute;display:none;left:5px;top:2px;width:3px;height:6px;border:solid var(--bg-primary, #FFFFFF);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.popup-container .items .item .checkbox-container-wrapper .label{margin:0 0 0 8px;line-height:20px;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.2;text-overflow:ellipsis;overflow:hidden}.popup-container .items .item .icon-container{width:10%;display:flex;justify-content:flex-end}.popup-container .items .item .icon-container .icon{width:20px;height:20px}.popup-container .actions-container{display:flex;justify-content:space-between;bottom:0;align-items:center;position:sticky;padding:16px;background-color:var(--bg-primary, #FFFFFF);border-top:1px solid var(--border-primary, #E0E0E0);margin-top:auto}.popup-container .actions-container .cancel{cursor:pointer;padding:10px 32px;text-align:center;font-size:16px;line-height:24px;border-radius:8px}.popup-container .actions-container .cancel:hover{background:var(--bg-overlay-lightest, rgba(0, 0, 0, .04))}.popup-container .actions-container .apply{cursor:pointer;padding:10px 32px;text-align:center;color:var(--bg-primary, #FFFFFF);font-size:16px;line-height:24px;background:var(--brand-primary, #0937B2);border-radius:8px}\n"] }]
+        args: [{ selector: 'mis-multi-select-dropdown', template: "<div\n  class=\"container\"\n  [ngStyle]=\"{\n    height: height().length > 0 ? height() : '',\n    width: width().length > 0 ? width() : ''\n  }\"\n>\n  <div\n    class=\"dropdown\"\n    #select\n    tabindex=\"0\"\n    (keyup.enter)=\"toggleDropdown()\"\n    (click)=\"toggleDropdown()\"\n    [ngStyle]=\"{ 'background': isOpen() ? '#E6EBF7' : '' }\"\n  >\n    <div class=\"label\">\n      <ng-container *ngIf=\"!customLabelTemplate()\">\n      <p class=\"text\">{{ label() }}</p>\n      <p *ngIf=\"showSelectedCount() && internalSelectedItems().length > 0\" class=\"count\">\n        {{ internalSelectedItems().length }}\n      </p>\n    </ng-container>\n    <ng-container *ngIf=\"customLabelTemplate()\">\n      <ng-container *ngTemplateOutlet=\"customLabelTemplate()\">\n      </ng-container>\n    </ng-container>\n    </div>\n    <svg\n      class=\"handle\"\n      [ngStyle]=\"{ 'transform': isOpen() ? 'rotate(180deg)' : 'rotate(0deg)' }\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M13.825 7.15845L10 10.9751L6.175 7.15845L5 8.33345L10 13.3334L15 8.33345L13.825 7.15845Z\"\n        fill=\"#181F33\"\n      />\n    </svg>\n  </div>\n</div>\n<ng-template #popupContainer>\n  <div\n    class=\"popup-container\"\n    [ngStyle]=\"{\n      'height': dropdownListHeight(),\n      width: dropdownListWidth()\n    }\"\n    [ngClass]=\"{\n      'position-left': dropdownListPosition() === 'Left',\n      'position-right': dropdownListPosition() === 'Right'\n    }\"\n  >\n      <!-- Search Bar -->\n      <div *ngIf=\"searchEnabled()\" class=\"search-container\">\n        <svg\n          *ngIf=\"!isSearchInputFocused()\"\n          class=\"search-icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z\"\n            fill=\"#6A737D\"\n          />\n        </svg>\n        <input\n          [ngModel]=\"searchInput()\"\n          [ngStyle]=\"{\n            paddingLeft: isSearchInputFocused() ? '12px' : '45px',\n            border: isSearchInputFocused() ? '1px solid #0937B2' : '1px solid #e0e0e0',\n            paddingRight: isSearchInputFocused() ? '45px' : '10px'\n          }\"\n          (ngModelChange)=\"searchInputOnChange($event)\"\n          [placeholder]=\"isSearchInputFocused() ? '' : searchInputPlaceholder()\"\n          (focus)=\"searchInputFocused(true)\"\n          class=\"search-input\"\n        />\n        <svg\n          *ngIf=\"isSearchInputFocused()\"\n          class=\"cancel-icon\"\n          (click)=\"searchInputCanceled($event)\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M8.87446 7.32144C8.44588 6.89285 7.751 6.89285 7.32242 7.32144C6.89383 7.75002 6.89383 8.4449 7.32242 8.87349L10.4488 11.9999L7.32357 15.1252C6.89498 15.5538 6.89498 16.2486 7.32357 16.6772C7.75215 17.1058 8.44703 17.1058 8.87561 16.6772L12.0009 13.552L15.1261 16.6772C15.5547 17.1058 16.2496 17.1058 16.6781 16.6772C17.1067 16.2486 17.1067 15.5537 16.6781 15.1251L13.5529 11.9999L16.6793 8.87354C17.1079 8.44496 17.1079 7.75008 16.6793 7.3215C16.2507 6.89291 15.5558 6.89291 15.1273 7.3215L12.0009 10.4479L8.87446 7.32144Z\"\n            fill=\"#6A737D\"\n          />\n        </svg>\n      </div>\n\n      <!-- Custom Message Template -->\n       @if(customMessageTemplate()){\n        <div class=\"custom-message-container\">\n          <ng-container *ngTemplateOutlet=\"customMessageTemplate()\"></ng-container>\n        </div>\n      }\n\n      <div class=\"items\">\n        <div\n          class=\"item\"\n          tabindex=\"0\"\n          (keyup.enter)=\"toggleSelectedItems($event, item)\"\n          (click)=\"toggleSelectedItems($event, item)\"\n          *ngFor=\"let item of displayData()\"\n          [ngClass]=\"{'disabled':item.disabled}\"\n        >\n          <div class=\"checkbox-container-wrapper\">\n            <div class=\"checkbox-container\">\n              <mis-checkbox [checked]=\"item.checked\" tabindex=\"-1\"></mis-checkbox>\n              </div>\n            <p class=\"label\">\n              {{ item.label }}\n            </p>\n          </div>\n          <div class=\"icon-container\" *ngIf=\"item.icon\">\n            <img class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n          </div>\n        </div>\n        <div class=\"noData\" *ngIf=\"displayData().length === 0\">\n          {{ searchInput() === \"\" ? noDataMessage() : \"No results\" }}\n        </div>\n      </div>\n    <div *ngIf=\"internalData().length !== 0 && !hideApplyButton()\" class=\"actions-container\">\n      <div [ngStyle]=\"{'width': 'calc(50% - 4px)'}\" (click)=\"onReset()\">\n        <mis-button [name]=\"'Reset'\" [type]=\"'Text'\" [width]=\"'100%'\" ></mis-button>\n      </div>\n      <div [ngStyle]=\"{'width': 'calc(50% - 4px)'}\" (click)=\"applyFilters()\">\n        <mis-button [name]=\"'Apply'\" [type]=\"'Solid'\" [width]=\"'100%'\" ></mis-button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n\n", styles: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3;--brand-primary: #0937B2;--brand-primary-light: #3C68D0;--brand-primary-dark: #062A99;--brand-primary-darker: #041F80;--brand-primary-lighter: #638FE7;--brand-primary-lightest: #CBDDFB;--brand-primary-hover: #F0F3FA;--brand-primary-active: #DAE1F3;--brand-secondary: #ED711C;--brand-secondary-light: #F09E65;--brand-secondary-dark: #B23600;--brand-secondary-lighter: #FFC6F2;--brand-accent: #10ADAE;--brand-accent-light: #16CBBC;--brand-accent-dark: #035F6B;--brand-accent-lighter: #ACDADA;--brand-success: #38AF49;--brand-success-light: #4CAF50;--brand-success-dark: #216531;--brand-success-lighter: #E4F5E9;--brand-success-lightest: #F1FFF3;--brand-error: #B00020;--brand-error-light: #F04E4E;--brand-error-dark: #A60060;--brand-error-lighter: #FAE1EA;--brand-error-lightest: #FDF2F2;--brand-warning: #FF9D00;--brand-warning-light: #D4900C;--brand-warning-dark: #624000;--brand-warning-lighter: #F4E7C3;--brand-warning-lightest: #FAEFED;--brand-info: #0091FF;--brand-info-light: #35A1FF;--brand-info-dark: #0087B2;--brand-info-lighter: #CFECF9;--text-primary: #181F33;--text-secondary: #6A737D;--text-tertiary: #929DAB;--text-disabled: #929DAB;--text-muted-secondary: #E5E5E5;--text-primary-87: rgba(24, 31, 51, .87);--text-primary-60: rgba(24, 31, 51, .6);--text-primary-38: rgba(24, 31, 51, .38);--text-primary-12: rgba(24, 31, 51, .12);--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F5F5F5;--bg-overlay: rgba(0, 0, 0, .32);--bg-overlay-light: rgba(0, 0, 0, .12);--bg-overlay-lighter: rgba(0, 0, 0, .08);--bg-overlay-lightest: rgba(0, 0, 0, .04);--border-primary: #E0E0E0;--border-secondary: #D6DCE2;--border-tertiary: #C8CDD3;--border-light: #F1F4F8;--border-primary-12: rgba(0, 0, 0, .12);--border-primary-08: rgba(0, 0, 0, .08);--border-primary-06: rgba(0, 0, 0, .06);--shadow-primary: rgba(0, 0, 0, .12);--shadow-secondary: rgba(0, 0, 0, .08);--shadow-tertiary: rgba(0, 0, 0, .04);--shadow-light: rgba(0, 0, 0, .06);--status-available: #929DAB;--status-unavailable: #CCD3DA;--status-hotseat: #857BFF;--status-multiteam: #10ADAE;--status-selected: #10ADAE;--status-upcoming: #D4900C;--status-room: #38AF49;--status-room-booked: #B23600;--status-room-unavailable: #181F33;--team-color-1: #F8C52E;--team-color-2: #FA8E20;--team-color-3: #987CDD;--team-color-4: #16CBBC;--team-color-5: #E65010;--team-color-6: #A60060;--team-color-7: #ED323B;--team-color-8: #35A1FF;--team-color-9: #80D348}.container{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:32px;width:256px;font-family:Lato,sans-serif!important}.container .dropdown{height:inherit;border:1px solid var(--border-primary, #E0E0E0);border-radius:6px;background-color:var(--bg-primary, #FFFFFF);cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 12px;overflow:hidden}.container .dropdown:hover,.container .dropdown:focus-visible{background-color:var(--brand-primary-hover, #F0F3FA);outline:none}.container .dropdown .label{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.container .dropdown .label .text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.container .dropdown .label .count{background-color:var(--border-primary, #E0E0E0);border-radius:50%;padding:2px 7px;margin:0 0 0 8px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px;color:var(--text-primary, #181F33)}.container .dropdown .handle{width:24px;height:24px;transition:.3s;position:absolute;right:12px;border-radius:50%;overflow:hidden}.popup-container{width:100%;max-height:340px;padding-bottom:0;border:1px solid var(--border-primary, #E0E0E0);border-radius:8px;background-color:var(--bg-primary, #FFFFFF);box-shadow:0 12px 24px #0000001f;display:flex;flex-direction:column;overflow:hidden;justify-content:flex-start}.popup-container::-webkit-scrollbar{width:0;height:0}.popup-container .search-container{position:relative;box-sizing:border-box;padding:8px}.popup-container .search-container .search-icon{position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);left:18px;z-index:1}.popup-container .search-container .search-input{height:40px;width:100%;padding:12px;border:1px solid var(--border-primary, #E0E0E0);box-sizing:border-box;border-radius:8px;outline:none;caret-color:var(--brand-primary, #0937B2);font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;color:var(--text-primary, #181F33)}.popup-container .search-container .cancel-icon{position:absolute;cursor:pointer;width:24px;height:24px;top:50%;transform:translateY(-50%);right:18px;z-index:1}.popup-container .items{padding:8px 0 8px 8px;overflow-y:scroll}.popup-container .items::-webkit-scrollbar{width:5px;height:0}.popup-container .items::-webkit-scrollbar-thumb{background:var(--text-tertiary, #929DAB);border-radius:10px}.popup-container .items .noData{display:flex;justify-content:center;align-items:center;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.popup-container .items .disabled{pointer-events:none;opacity:.5}.popup-container .items .item{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;padding:8px 12px;border-radius:6px;height:auto}.popup-container .items .item:hover,.popup-container .items .item:focus-visible{background-color:var(--brand-primary-hover, #F0F3FA);outline:none}.popup-container .items .item .checkbox-container-wrapper{display:flex;justify-content:flex-start;align-items:center;width:90%}.popup-container .items .item .checkbox-container-wrapper .checkbox-container{display:block;position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.popup-container .items .item .checkbox-container-wrapper .checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.popup-container .items .item .checkbox-container-wrapper .checkbox-container input:checked~.checkmark:after{display:block}.popup-container .items .item .checkbox-container-wrapper .checkbox-container .checkmark{position:absolute;top:-8px;left:0;height:15px;width:15px;border-radius:4px;background-color:var(--brand-info, #0091FF);border:1px solid var(--text-secondary, #6A737D)}.popup-container .items .item .checkbox-container-wrapper .checkbox-container .checkmark:after{content:\"\";position:absolute;display:none;left:5px;top:2px;width:3px;height:6px;border:solid var(--bg-primary, #FFFFFF);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.popup-container .items .item .checkbox-container-wrapper .label{margin:0 0 0 8px;line-height:20px;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.2;text-overflow:ellipsis;overflow:hidden}.popup-container .items .item .icon-container{width:10%;display:flex;justify-content:flex-end}.popup-container .items .item .icon-container .icon{width:20px;height:20px}.popup-container .actions-container{display:flex;justify-content:space-between;bottom:0;align-items:center;position:sticky;padding:16px;background-color:var(--bg-primary, #FFFFFF);border-top:1px solid var(--border-primary, #E0E0E0);margin-top:auto}.popup-container .actions-container .cancel{cursor:pointer;padding:10px 32px;text-align:center;font-size:16px;line-height:24px;border-radius:8px}.popup-container .actions-container .cancel:hover{background:var(--bg-overlay-lightest, rgba(0, 0, 0, .04))}.popup-container .actions-container .apply{cursor:pointer;padding:10px 32px;text-align:center;color:var(--bg-primary, #FFFFFF);font-size:16px;line-height:24px;background:var(--brand-primary, #0937B2);border-radius:8px}\n"] }]
     }], () => [], { selectElement: [{
             type: ViewChild,
             args: ['select', { static: false }]