mis-crystal-design-system 18.2.17 → 22.0.0

package/fesm2022/mis-crystal-design-system-action-list.mjs

@@ -1,414 +1,745 @@
-import * as i1 from '@angular/cdk/overlay';
-import { ConnectionPositionPair, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
-import { TemplatePortal } from '@angular/cdk/portal';
-import * as i0 from '@angular/core';
-import { input, output, signal, effect, Component, ViewChild, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from 'mis-crystal-design-system/checkbox';
-import { CheckboxModule } from 'mis-crystal-design-system/checkbox';
-import { FormsModule } from '@angular/forms';
-
+import * as i1 from "@angular/cdk/overlay";
+import { ConnectionPositionPair, OverlayConfig, OverlayModule } from "@angular/cdk/overlay";
+import { TemplatePortal } from "@angular/cdk/portal";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, NgModule, ViewChild, effect, input, output, signal } from "@angular/core";
+import * as i2 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i3 from "mis-crystal-design-system/checkbox";
+import { CheckboxModule } from "mis-crystal-design-system/checkbox";
+import { FormsModule } from "@angular/forms";
 const _c0 = ["select"];
 const _c1 = ["popupContainer"];
 const _c2 = ["subPopupContainer"];
-const _c3 = (a0, a1) => ({ height: a0, width: a1 });
-const _c4 = a0 => ({ background: a0 });
-const _c5 = a0 => ({ transform: a0 });
-const _c6 = a0 => ({ "item-disabled": a0 });
-const _c7 = a0 => ({ width: a0 });
-function ActionListComponent_p_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 12);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    let tmp_5_0;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", ((tmp_5_0 = ctx_r1.selectedItems()) == null ? null : tmp_5_0.length) - 1, "");
-} }
-function ActionListComponent_ng_template_9_div_2_div_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵelement(1, "img", 21);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r4 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("src", item_r4.icon, i0.ɵɵsanitizeUrl);
-} }
-function ActionListComponent_ng_template_9_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 17, 4);
-    i0.ɵɵlistener("mouseenter", function ActionListComponent_ng_template_9_div_2_Template_div_mouseenter_0_listener() { const item_r4 = i0.ɵɵrestoreView(_r3).$implicit; const singleItem_r5 = i0.ɵɵreference(1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onHover(item_r4, true, singleItem_r5)); });
-    i0.ɵɵelementStart(2, "div", 18)(3, "span");
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(5, ActionListComponent_ng_template_9_div_2_div_5_Template, 2, 1, "div", 19);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r4 = ctx.$implicit;
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c6, item_r4 == null ? null : item_r4.disabled));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(6, _c7, (item_r4 == null ? null : item_r4.icon) ? "90%" : "100%"));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r4 == null ? null : item_r4.label);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r4 == null ? null : item_r4.icon);
-} }
-function ActionListComponent_ng_template_9_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.noDataMessage() || "No results", " ");
-} }
-function ActionListComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 14);
-    i0.ɵɵtemplate(2, ActionListComponent_ng_template_9_div_2_Template, 6, 8, "div", 15)(3, ActionListComponent_ng_template_9_div_3_Template, 2, 1, "div", 16);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(3, _c3, ctx_r1.dropdownListHeight(), ctx_r1.dropdownListWidth()));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", ctx_r1.internalData());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.internalData().length === 0);
-} }
-function ActionListComponent_ng_template_11_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 26);
-    i0.ɵɵelement(1, "mis-checkbox", 27);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r7 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", item_r7.disabled)("checked", item_r7.checked);
-} }
-function ActionListComponent_ng_template_11_div_2_div_5_img_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "img", 21);
-} if (rf & 2) {
-    const item_r7 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("src", item_r7.icon, i0.ɵɵsanitizeUrl);
-} }
-function ActionListComponent_ng_template_11_div_2_div_5_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function ActionListComponent_ng_template_11_div_2_div_5_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, ActionListComponent_ng_template_11_div_2_div_5_ng_container_2_ng_container_1_Template, 1, 0, "ng-container", 30);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    i0.ɵɵnextContext(4);
-    const tickIcon_r8 = i0.ɵɵreference(14);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", tickIcon_r8);
-} }
-function ActionListComponent_ng_template_11_div_2_div_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵtemplate(1, ActionListComponent_ng_template_11_div_2_div_5_img_1_Template, 1, 1, "img", 28)(2, ActionListComponent_ng_template_11_div_2_div_5_ng_container_2_Template, 2, 1, "ng-container", 29);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r7 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !item_r7.checked);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r7.type === "SINGLE" && item_r7.checked);
-} }
-function ActionListComponent_ng_template_11_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 24);
-    i0.ɵɵlistener("click", function ActionListComponent_ng_template_11_div_2_Template_div_click_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(!item_r7.disabled && ctx_r1.selectItem(item_r7)); });
-    i0.ɵɵtemplate(1, ActionListComponent_ng_template_11_div_2_div_1_Template, 2, 2, "div", 25);
-    i0.ɵɵelementStart(2, "div", 18)(3, "span");
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(5, ActionListComponent_ng_template_11_div_2_div_5_Template, 3, 2, "div", 19);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r7 = ctx.$implicit;
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c6, item_r7.disabled));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r7.type === "MULTIPLE");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(7, _c7, item_r7.icon ? "90%" : "100%"));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r7.label);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r7.icon || item_r7.checked);
-} }
-function ActionListComponent_ng_template_11_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.noDataMessage() || "No results", " ");
-} }
-function ActionListComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 14);
-    i0.ɵɵtemplate(2, ActionListComponent_ng_template_11_div_2_Template, 6, 9, "div", 23)(3, ActionListComponent_ng_template_11_div_3_Template, 2, 1, "div", 16);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(3, _c3, ctx_r1.dropdownListHeight(), ctx_r1.dropdownListWidth()));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", ctx_r1.subItems());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.internalData().length === 0);
-} }
-function ActionListComponent_ng_template_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 31);
-    i0.ɵɵelement(1, "path", 32);
-    i0.ɵɵelementEnd();
-} }
-class ActionListComponent {
-    constructor(eRef, overlay, viewContainerRef) {
-        this.eRef = eRef;
-        this.overlay = overlay;
-        this.viewContainerRef = viewContainerRef;
-        // Signal-based inputs
-        this.data = input([]);
-        this.height = input("");
-        this.width = input("");
-        this.label = input("Select");
-        this.dropdownListHeight = input("");
-        this.dropdownListWidth = input("");
-        this.dropdownListPosition = input("Left");
-        this.searchEnabled = input(true);
-        this.noDataMessage = input("No Data");
-        // Signal-based output
-        this.onChange = output();
-        // Internal state signals
-        this.isOpen = signal(false);
-        this.subItems = signal([]);
-        this.selectedItems = signal([]);
-        // Internal writable signals for data that can be modified
-        this.internalData = signal([]);
-        this.internalLabel = signal("Select");
-        // Effect to sync input data with internal data
-        effect(() => {
-            const inputData = this.data();
-            this.internalData.set(inputData);
-        }, { allowSignalWrites: true });
-        // Effect to sync input label with internal label
-        effect(() => {
-            const inputLabel = this.label();
-            this.internalLabel.set(inputLabel);
-        }, { allowSignalWrites: true });
-        // Effect to update selectedItems when data changes
-        effect(() => {
-            const dataValue = this.internalData();
-            const selectedItems = [];
-            dataValue?.forEach(q => q?.children?.forEach(w => {
-                if (w.checked)
-                    selectedItems.push(w);
-            }));
-            this.selectedItems.set(selectedItems);
-        }, { allowSignalWrites: true });
-        // Effect to update label when selectedItems changes
-        effect(() => {
-            const selectedItems = this.selectedItems();
-            if (selectedItems.length > 0) {
-                this.internalLabel.set(selectedItems[0].label);
-            }
-            else {
-                this.internalLabel.set(this.label());
-            }
-        }, { allowSignalWrites: true });
-    }
-    ngOnInit() { }
-    filterByValue(array, string) {
-        return array.filter(o => o.label.toLowerCase().includes(string.toLowerCase()));
-    }
-    toggleDropdown() {
-        const currentIsOpen = this.isOpen();
-        this.isOpen.set(!currentIsOpen);
-        if (!currentIsOpen)
-            this.openDropdown(this.popupContainer, this.selectElement.nativeElement, false);
-        else
-            this.onCancel();
-    }
-    openDropdown(template, origin, openRight) {
-        const positionsBottom = [
-            new ConnectionPositionPair({ originX: "start", originY: "bottom" }, { overlayX: "start", overlayY: "top" }, 0, 4),
-            new ConnectionPositionPair({ originX: "end", originY: "bottom" }, { overlayX: "end", overlayY: "top" }, 0, 4)
-        ];
-        const positionsTop = [
-            new ConnectionPositionPair({ originX: "start", originY: "top" }, { overlayX: "start", overlayY: "bottom" }, 0, -4),
-            new ConnectionPositionPair({ originX: "end", originY: "top" }, { overlayX: "end", overlayY: "bottom" }, 0, -4)
-        ];
-        const positions = [
-            ...(this.dropdownListPosition() === "Right" ? positionsBottom.reverse() : positionsBottom),
-            ...(this.dropdownListPosition() === "Right" ? positionsTop.reverse() : positionsTop)
-        ];
-        const positionStrategy = this.overlay
-            .position()
-            .flexibleConnectedTo(origin)
-            .withPositions(openRight ? [new ConnectionPositionPair({ originX: "end", originY: "top" }, { overlayX: "start", overlayY: "top" }, 8)] : positions)
-            .withPush(true);
-        const configs = new OverlayConfig({
-            hasBackdrop: !openRight,
-            backdropClass: "cdk-overlay-transparent-backdrop",
-            scrollStrategy: this.overlay.scrollStrategies.reposition(),
-            positionStrategy,
-            width: origin.clientWidth || 140
-        });
-        if (openRight) {
-            this.subOverlayRef = this.overlay.create(configs);
-            const dropdownWidth = this.dropdownListWidth();
-            const dropdownHeight = this.dropdownListHeight();
-            if (dropdownWidth)
-                this.subOverlayRef.updateSize({ width: dropdownWidth });
-            if (dropdownHeight)
-                this.subOverlayRef.updateSize({ height: dropdownHeight });
-            this.subOverlayRef.attach(new TemplatePortal(template, this.viewContainerRef));
-            this.subOverlayRef.backdropClick().subscribe(() => {
-                this.onCancel();
-            });
-            return;
-        }
-        this.overlayRef = this.overlay.create(configs);
-        const dropdownWidth = this.dropdownListWidth();
-        const dropdownHeight = this.dropdownListHeight();
-        if (dropdownWidth)
-            this.overlayRef.updateSize({ width: dropdownWidth });
-        if (dropdownHeight)
-            this.overlayRef.updateSize({ height: dropdownHeight });
-        this.overlayRef.attach(new TemplatePortal(template, this.viewContainerRef));
-        this.overlayRef.backdropClick().subscribe(() => {
-            this.onCancel();
-        });
-    }
-    selectItem(item) {
-        const currentData = this.internalData();
-        const currentSelectedItems = this.selectedItems();
-        if (currentData.some(q => q.children?.some(w => w.value === item.value && w.checked))) {
-            if (item.type === "MULTIPLE") {
-                this.selectedItems.set(currentSelectedItems.filter(q => q.value !== item.value));
-            }
-            const updatedData = currentData.map(q => ({
-                ...q,
-                children: q?.children?.map(e => ({
-                    ...e,
-                    checked: e.checked && e.value !== item.value
-                }))
-            }));
-            this.internalData.set(updatedData);
-        }
-        else {
-            const updatedData = currentData.map(q => ({
-                ...q,
-                children: q?.children?.map(e => ({
-                    ...e,
-                    checked: (e.type === "MULTIPLE" && (e.checked || e.value === item.value)) || (e.type === "SINGLE" && e.value === item.value)
-                }))
-            }));
-            this.internalData.set(updatedData);
-            if (item.type === "MULTIPLE") {
-                this.selectedItems.set([...currentSelectedItems, { ...item, checked: true }]);
-            }
-        }
-        // Label will be automatically updated by the effect when selectedItems changes
-        const newSubItems = this.internalData().find(q => q.children?.some(w => w.value === item.value))?.children || [];
-        this.subItems.set(newSubItems);
-        this.onChange.emit(this.internalData());
-        if (item.type === "SINGLE")
-            this.toggleDropdown();
-    }
-    onHover(item, isHovered, element) {
-        if (isHovered) {
-            const currentSubItems = this.subItems();
-            currentSubItems.length > 0 && this.subOverlayRef?.detach();
-            const newSubItems = this.internalData().find(q => q?.children?.some(w => w?.parentValue === item?.value))?.children || [];
-            this.subItems.set(newSubItems);
-            newSubItems.length > 0 && this.openDropdown(this.subPopupContainer, element?.nativeElement || element, true);
-        }
-        else {
-            this.subItems.set([]);
-            this.subOverlayRef?.detach();
-        }
-    }
-    onCancel() {
-        this.isOpen.set(false);
-        this.overlayRef?.detach();
-        this.subOverlayRef?.detach();
-    }
-    static { this.ɵfac = function ActionListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActionListComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.Overlay), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionListComponent, selectors: [["mis-action-list"]], viewQuery: function ActionListComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0, 5);
-            i0.ɵɵviewQuery(_c1, 5);
-            i0.ɵɵviewQuery(_c2, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.selectElement = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popupContainer = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.subPopupContainer = _t.first);
-        } }, inputs: { data: [1, "data"], height: [1, "height"], width: [1, "width"], label: [1, "label"], dropdownListHeight: [1, "dropdownListHeight"], dropdownListWidth: [1, "dropdownListWidth"], dropdownListPosition: [1, "dropdownListPosition"], searchEnabled: [1, "searchEnabled"], noDataMessage: [1, "noDataMessage"] }, outputs: { onChange: "onChange" }, decls: 15, vars: 12, consts: [["select", ""], ["popupContainer", ""], ["subPopupContainer", ""], ["tickIcon", ""], ["singleItem", ""], [1, "main-container", 3, "ngStyle"], ["tabindex", "0", 1, "dropdown", 3, "keyup.enter", "click", "ngStyle"], [1, "label"], [1, "text"], ["class", "count", 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, "count"], [1, "popup-container", 3, "ngStyle"], [1, "items"], ["class", "item", "tabindex", "0", 3, "ngClass", "mouseenter", 4, "ngFor", "ngForOf"], ["class", "noData", 4, "ngIf"], ["tabindex", "0", 1, "item", 3, "mouseenter", "ngClass"], [1, "label", 3, "ngStyle"], ["class", "icon-container", 4, "ngIf"], [1, "icon-container"], ["alt", "no img", 1, "icon", 3, "src"], [1, "noData"], ["class", "item", "tabindex", "0", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], ["tabindex", "0", 1, "item", 3, "click", "ngClass"], ["class", "checkbox-container", 4, "ngIf"], [1, "checkbox-container"], [3, "disabled", "checked"], ["class", "icon", "alt", "no img", 3, "src", 4, "ngIf"], [4, "ngIf"], [4, "ngTemplateOutlet"], ["width", "20", "height", "20", "viewBox", "0 0 20 20", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M7.47697 14.8237L3.49922 10.5519C3.2776 10.3169 3.2776 9.93437 3.49922 9.69684L4.30273 8.84298C4.52434 8.60795 4.88462 8.60795 5.10623 8.84298L7.87929 11.8334L14.0607 5.17627C14.2823 4.94124 14.6426 4.94124 14.8642 5.17627L15.6677 6.03138C15.8894 6.26641 15.8894 6.65021 15.6677 6.88399L8.28048 14.8237C8.05886 15.0588 7.69859 15.0588 7.47697 14.8237Z", "fill", "#181F33"]], template: function ActionListComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 5)(1, "div", 6, 0);
-            i0.ɵɵlistener("keyup.enter", function ActionListComponent_Template_div_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.toggleDropdown()); })("click", function ActionListComponent_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.toggleDropdown()); });
-            i0.ɵɵelementStart(3, "div", 7)(4, "p", 8);
-            i0.ɵɵtext(5);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(6, ActionListComponent_p_6_Template, 2, 1, "p", 9);
-            i0.ɵɵelementEnd();
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(7, "svg", 10);
-            i0.ɵɵelement(8, "path", 11);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵtemplate(9, ActionListComponent_ng_template_9_Template, 4, 6, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(11, ActionListComponent_ng_template_11_Template, 4, 6, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(13, ActionListComponent_ng_template_13_Template, 2, 0, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
-        } if (rf & 2) {
-            let tmp_7_0;
-            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(5, _c3, ctx.height().length > 0 ? ctx.height() : "", ctx.width().length > 0 ? ctx.width() : ""));
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(8, _c4, ctx.isOpen() ? "#E6EBF7" : ""));
-            i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1(" ", ctx.internalLabel(), " ");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ((tmp_7_0 = ctx.selectedItems()) == null ? null : tmp_7_0.length) > 1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(10, _c5, ctx.isOpen() ? "rotate(180deg)" : "rotate(0deg)"));
-        } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i2.NgTemplateOutlet, i2.NgStyle, i3.CheckboxComponent], styles: ["[_ngcontent-%COMP%]: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}.main-container[_ngcontent-%COMP%]{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:32px;width:256px;font-family:Lato,sans-serif!important}.main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;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%;box-sizing:border-box;padding:4px 12px}.main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]:hover, .main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]:focus-visible{background-color:var(--brand-primary-hover, #F0F3FA);outline:none}.main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]   .text[_ngcontent-%COMP%]{margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%]{width:24px;height:24px;background-color:var(--border-primary, #E0E0E0);border-radius:50%;padding:2px 4px;margin:0 0 0 8px;font-style:normal;font-weight:400;box-sizing:border-box;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px;color:var(--text-primary, #181F33)}.main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]   .handle[_ngcontent-%COMP%]{width:24px;height:24px;transition:.3s;position:absolute;right:12px;border-radius:50%;overflow:hidden}.popup-container[_ngcontent-%COMP%]{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:space-between}.popup-container[_ngcontent-%COMP%]::-webkit-scrollbar{width:0;height:0}.popup-container[_ngcontent-%COMP%]   .search-container[_ngcontent-%COMP%]{position:relative;box-sizing:border-box;padding:8px}.popup-container[_ngcontent-%COMP%]   .search-container[_ngcontent-%COMP%]   .search-icon[_ngcontent-%COMP%]{position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);left:18px;z-index:1}.popup-container[_ngcontent-%COMP%]   .search-container[_ngcontent-%COMP%]   .search-input[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]   .search-container[_ngcontent-%COMP%]   .cancel-icon[_ngcontent-%COMP%]{position:absolute;cursor:pointer;width:24px;height:24px;top:50%;transform:translateY(-50%);right:18px;z-index:1}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]{padding:8px 0 8px 8px;overflow-y:scroll}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]::-webkit-scrollbar{width:5px;height:0}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--text-tertiary, #929DAB);border-radius:10px}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .noData[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;height:auto;letter-spacing:.2px;color:var(--text-primary, #181F33)}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]:hover, .popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]:focus-visible{background-color:var(--brand-primary-hover, #F0F3FA);outline:none}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{width:100%;line-height:20px;font-size:16px;font-style:normal;font-weight:400;text-overflow:ellipsis;overflow:hidden}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]   .icon-container[_ngcontent-%COMP%]{width:10%;display:flex;justify-content:flex-end}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]   .icon-container[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{width:20px;height:20px}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item-disabled[_ngcontent-%COMP%]{cursor:not-allowed}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item-disabled[_ngcontent-%COMP%]:hover, .popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item-disabled[_ngcontent-%COMP%]:focus-visible{background-color:transparent;outline:none}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item-disabled[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{color:var(--text-tertiary, #929DAB);-webkit-user-select:none;user-select:none}"] }); }
+const _c3 = (a0, a1) => ({
+	height: a0,
+	width: a1
+});
+const _c4 = (a0) => ({ background: a0 });
+const _c5 = (a0) => ({ transform: a0 });
+const _c6 = (a0) => ({ "item-disabled": a0 });
+const _c7 = (a0) => ({ width: a0 });
+function ActionListComponent_Conditional_6_Template(rf, ctx) {
+	if (rf & 1) {
+		i0.ɵɵelementStart(0, "p", 9);
+		i0.ɵɵtext(1);
+		i0.ɵɵelementEnd();
+	}
+	if (rf & 2) {
+		const ctx_r0 = i0.ɵɵnextContext();
+		i0.ɵɵadvance();
+		i0.ɵɵtextInterpolate1("+", ctx_r0.selectedItems()?.length - 1);
+	}
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionListComponent, [{
-        type: Component,
-        args: [{ selector: "mis-action-list", template: "<div\n  class=\"main-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      <p class=\"text\">\n        {{ internalLabel() }}\n      </p>\n      <p *ngIf=\"selectedItems()?.length > 1\" class=\"count\">+{{ selectedItems()?.length - 1 }}</p>\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\n<ng-template #popupContainer>\n  <div\n    class=\"popup-container\"\n    [ngStyle]=\"{\n      height: dropdownListHeight(),\n      width: dropdownListWidth()\n    }\"\n  >\n    <div class=\"items\">\n      <div\n        #singleItem\n        class=\"item\"\n        tabindex=\"0\"\n        [ngClass]=\"{ 'item-disabled': item?.disabled }\"\n        (mouseenter)=\"onHover(item, true, singleItem)\"\n        *ngFor=\"let item of internalData()\"\n      >\n        <div class=\"label\" [ngStyle]=\"{ width: item?.icon ? '90%' : '100%' }\">\n          <span>{{ item?.label }}</span>\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=\"internalData().length === 0\">\n        {{ noDataMessage() || \"No results\" }}\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #subPopupContainer>\n  <div\n    class=\"popup-container\"\n    [ngStyle]=\"{\n      height: dropdownListHeight(),\n      width: dropdownListWidth()\n    }\"\n  >\n    <div class=\"items\">\n      <div\n        class=\"item\"\n        tabindex=\"0\"\n        [ngClass]=\"{ 'item-disabled': item.disabled }\"\n        (click)=\"!item.disabled && selectItem(item)\"\n        *ngFor=\"let item of subItems()\"\n      >\n        <div class=\"checkbox-container\" *ngIf=\"item.type === 'MULTIPLE'\">\n          <mis-checkbox [disabled]=\"item.disabled\" [checked]=\"item.checked\"></mis-checkbox>\n        </div>\n        <div class=\"label\" [ngStyle]=\"{ width: item.icon ? '90%' : '100%' }\">\n          <span>{{ item.label }}</span>\n        </div>\n        <div class=\"icon-container\" *ngIf=\"item.icon || item.checked\">\n          <img *ngIf=\"!item.checked\" class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n          <ng-container *ngIf=\"item.type === 'SINGLE' && item.checked\">\n            <ng-container *ngTemplateOutlet=\"tickIcon\"></ng-container>\n          </ng-container>\n        </div>\n      </div>\n      <div class=\"noData\" *ngIf=\"internalData().length === 0\">\n        {{ noDataMessage() || \"No results\" }}\n      </div>\n    </div>\n  </div>\n</ng-template>\n<ng-template #tickIcon>\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M7.47697 14.8237L3.49922 10.5519C3.2776 10.3169 3.2776 9.93437 3.49922 9.69684L4.30273 8.84298C4.52434 8.60795 4.88462 8.60795 5.10623 8.84298L7.87929 11.8334L14.0607 5.17627C14.2823 4.94124 14.6426 4.94124 14.8642 5.17627L15.6677 6.03138C15.8894 6.26641 15.8894 6.65021 15.6677 6.88399L8.28048 14.8237C8.05886 15.0588 7.69859 15.0588 7.47697 14.8237Z\"\n      fill=\"#181F33\"\n    />\n  </svg>\n</ng-template>\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}.main-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:32px;width:256px;font-family:Lato,sans-serif!important}.main-container .dropdown{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;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%;box-sizing:border-box;padding:4px 12px}.main-container .dropdown:hover,.main-container .dropdown:focus-visible{background-color:var(--brand-primary-hover, #F0F3FA);outline:none}.main-container .dropdown .label{box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.main-container .dropdown .label .text{margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.main-container .dropdown .label .count{width:24px;height:24px;background-color:var(--border-primary, #E0E0E0);border-radius:50%;padding:2px 4px;margin:0 0 0 8px;font-style:normal;font-weight:400;box-sizing:border-box;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px;color:var(--text-primary, #181F33)}.main-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:space-between}.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:16px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.popup-container .items .item{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;height:auto;letter-spacing:.2px;color:var(--text-primary, #181F33)}.popup-container .items .item:hover,.popup-container .items .item:focus-visible{background-color:var(--brand-primary-hover, #F0F3FA);outline:none}.popup-container .items .item .label{width:100%;line-height:20px;font-size:16px;font-style:normal;font-weight:400;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 .items .item-disabled{cursor:not-allowed}.popup-container .items .item-disabled:hover,.popup-container .items .item-disabled:focus-visible{background-color:transparent;outline:none}.popup-container .items .item-disabled .label{color:var(--text-tertiary, #929DAB);-webkit-user-select:none;user-select:none}\n"] }]
-    }], () => [{ type: i0.ElementRef }, { type: i1.Overlay }, { type: i0.ViewContainerRef }], { selectElement: [{
-            type: ViewChild,
-            args: ["select", { static: false }]
-        }], popupContainer: [{
-            type: ViewChild,
-            args: ["popupContainer", { static: false }]
-        }], subPopupContainer: [{
-            type: ViewChild,
-            args: ["subPopupContainer", { static: false }]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionListComponent, { className: "ActionListComponent" }); })();
-
-class ActionListModule {
-    static forRoot() {
-        return { ngModule: ActionListModule, providers: [] };
-    }
-    static { this.ɵfac = function ActionListModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActionListModule)(); }; }
-    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ActionListModule }); }
-    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, FormsModule, OverlayModule, CheckboxModule] }); }
+function ActionListComponent_ng_template_9_For_3_Conditional_5_Template(rf, ctx) {
+	if (rf & 1) {
+		i0.ɵɵelementStart(0, "div", 18);
+		i0.ɵɵelement(1, "img", 19);
+		i0.ɵɵelementEnd();
+	}
+	if (rf & 2) {
+		const item_r3 = i0.ɵɵnextContext().$implicit;
+		i0.ɵɵadvance();
+		i0.ɵɵproperty("src", item_r3.icon, i0.ɵɵsanitizeUrl);
+	}
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionListModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [ActionListComponent],
-                imports: [CommonModule, FormsModule, OverlayModule, CheckboxModule],
-                exports: [ActionListComponent]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ActionListModule, { declarations: [ActionListComponent], imports: [CommonModule, FormsModule, OverlayModule, CheckboxModule], exports: [ActionListComponent] }); })();
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+function ActionListComponent_ng_template_9_For_3_Template(rf, ctx) {
+	if (rf & 1) {
+		const _r2 = i0.ɵɵgetCurrentView();
+		i0.ɵɵelementStart(0, "div", 16, 4);
+		i0.ɵɵlistener("mouseenter", function ActionListComponent_ng_template_9_For_3_Template_div_mouseenter_0_listener() {
+			const item_r3 = i0.ɵɵrestoreView(_r2).$implicit;
+			const singleItem_r4 = i0.ɵɵreference(1);
+			const ctx_r0 = i0.ɵɵnextContext(2);
+			return i0.ɵɵresetView(ctx_r0.onHover(item_r3, true, singleItem_r4));
+		});
+		i0.ɵɵelementStart(2, "div", 17)(3, "span");
+		i0.ɵɵtext(4);
+		i0.ɵɵelementEnd()();
+		i0.ɵɵconditionalCreate(5, ActionListComponent_ng_template_9_For_3_Conditional_5_Template, 2, 1, "div", 18);
+		i0.ɵɵelementEnd();
+	}
+	if (rf & 2) {
+		const item_r3 = ctx.$implicit;
+		i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c6, item_r3 == null ? null : item_r3.disabled));
+		i0.ɵɵadvance(2);
+		i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(6, _c7, item_r3?.icon ? "90%" : "100%"));
+		i0.ɵɵadvance(2);
+		i0.ɵɵtextInterpolate(item_r3?.label);
+		i0.ɵɵadvance();
+		i0.ɵɵconditional(item_r3?.icon ? 5 : -1);
+	}
+}
+function ActionListComponent_ng_template_9_Conditional_4_Template(rf, ctx) {
+	if (rf & 1) {
+		i0.ɵɵelementStart(0, "div", 15);
+		i0.ɵɵtext(1);
+		i0.ɵɵelementEnd();
+	}
+	if (rf & 2) {
+		const ctx_r0 = i0.ɵɵnextContext(2);
+		i0.ɵɵadvance();
+		i0.ɵɵtextInterpolate1(" ", ctx_r0.noDataMessage() || "No results", " ");
+	}
+}
+function ActionListComponent_ng_template_9_Template(rf, ctx) {
+	if (rf & 1) {
+		i0.ɵɵelementStart(0, "div", 12)(1, "div", 13);
+		i0.ɵɵrepeaterCreate(2, ActionListComponent_ng_template_9_For_3_Template, 6, 8, "div", 14, i0.ɵɵrepeaterTrackByIdentity);
+		i0.ɵɵconditionalCreate(4, ActionListComponent_ng_template_9_Conditional_4_Template, 2, 1, "div", 15);
+		i0.ɵɵelementEnd()();
+	}
+	if (rf & 2) {
+		const ctx_r0 = i0.ɵɵnextContext();
+		i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(2, _c3, ctx_r0.dropdownListHeight(), ctx_r0.dropdownListWidth()));
+		i0.ɵɵadvance(2);
+		i0.ɵɵrepeater(ctx_r0.internalData());
+		i0.ɵɵadvance(2);
+		i0.ɵɵconditional(ctx_r0.internalData().length === 0 ? 4 : -1);
+	}
+}
+function ActionListComponent_ng_template_11_For_3_Conditional_1_Template(rf, ctx) {
+	if (rf & 1) {
+		i0.ɵɵelementStart(0, "div", 21);
+		i0.ɵɵelement(1, "mis-checkbox", 22);
+		i0.ɵɵelementEnd();
+	}
+	if (rf & 2) {
+		const item_r6 = i0.ɵɵnextContext().$implicit;
+		i0.ɵɵadvance();
+		i0.ɵɵproperty("disabled", item_r6.disabled)("checked", item_r6.checked);
+	}
+}
+function ActionListComponent_ng_template_11_For_3_Conditional_5_Conditional_1_Template(rf, ctx) {
+	if (rf & 1) i0.ɵɵelement(0, "img", 19);
+	if (rf & 2) {
+		const item_r6 = i0.ɵɵnextContext(2).$implicit;
+		i0.ɵɵproperty("src", item_r6.icon, i0.ɵɵsanitizeUrl);
+	}
+}
+function ActionListComponent_ng_template_11_For_3_Conditional_5_Conditional_2_ng_container_0_Template(rf, ctx) {
+	if (rf & 1) i0.ɵɵelementContainer(0);
+}
+function ActionListComponent_ng_template_11_For_3_Conditional_5_Conditional_2_Template(rf, ctx) {
+	if (rf & 1) i0.ɵɵtemplate(0, ActionListComponent_ng_template_11_For_3_Conditional_5_Conditional_2_ng_container_0_Template, 1, 0, "ng-container", 23);
+	if (rf & 2) {
+		i0.ɵɵnextContext(4);
+		const tickIcon_r7 = i0.ɵɵreference(14);
+		i0.ɵɵproperty("ngTemplateOutlet", tickIcon_r7);
+	}
+}
+function ActionListComponent_ng_template_11_For_3_Conditional_5_Template(rf, ctx) {
+	if (rf & 1) {
+		i0.ɵɵelementStart(0, "div", 18);
+		i0.ɵɵconditionalCreate(1, ActionListComponent_ng_template_11_For_3_Conditional_5_Conditional_1_Template, 1, 1, "img", 19);
+		i0.ɵɵconditionalCreate(2, ActionListComponent_ng_template_11_For_3_Conditional_5_Conditional_2_Template, 1, 1, "ng-container");
+		i0.ɵɵelementEnd();
+	}
+	if (rf & 2) {
+		const item_r6 = i0.ɵɵnextContext().$implicit;
+		i0.ɵɵadvance();
+		i0.ɵɵconditional(!item_r6.checked ? 1 : -1);
+		i0.ɵɵadvance();
+		i0.ɵɵconditional(item_r6.type === "SINGLE" && item_r6.checked ? 2 : -1);
+	}
+}
+function ActionListComponent_ng_template_11_For_3_Template(rf, ctx) {
+	if (rf & 1) {
+		const _r5 = i0.ɵɵgetCurrentView();
+		i0.ɵɵelementStart(0, "div", 20);
+		i0.ɵɵlistener("click", function ActionListComponent_ng_template_11_For_3_Template_div_click_0_listener() {
+			const item_r6 = i0.ɵɵrestoreView(_r5).$implicit;
+			const ctx_r0 = i0.ɵɵnextContext(2);
+			return i0.ɵɵresetView(!item_r6.disabled && ctx_r0.selectItem(item_r6));
+		});
+		i0.ɵɵconditionalCreate(1, ActionListComponent_ng_template_11_For_3_Conditional_1_Template, 2, 2, "div", 21);
+		i0.ɵɵelementStart(2, "div", 17)(3, "span");
+		i0.ɵɵtext(4);
+		i0.ɵɵelementEnd()();
+		i0.ɵɵconditionalCreate(5, ActionListComponent_ng_template_11_For_3_Conditional_5_Template, 3, 2, "div", 18);
+		i0.ɵɵelementEnd();
+	}
+	if (rf & 2) {
+		const item_r6 = ctx.$implicit;
+		i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c6, item_r6.disabled));
+		i0.ɵɵadvance();
+		i0.ɵɵconditional(item_r6.type === "MULTIPLE" ? 1 : -1);
+		i0.ɵɵadvance();
+		i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(7, _c7, item_r6.icon ? "90%" : "100%"));
+		i0.ɵɵadvance(2);
+		i0.ɵɵtextInterpolate(item_r6.label);
+		i0.ɵɵadvance();
+		i0.ɵɵconditional(item_r6.icon || item_r6.checked ? 5 : -1);
+	}
+}
+function ActionListComponent_ng_template_11_Conditional_4_Template(rf, ctx) {
+	if (rf & 1) {
+		i0.ɵɵelementStart(0, "div", 15);
+		i0.ɵɵtext(1);
+		i0.ɵɵelementEnd();
+	}
+	if (rf & 2) {
+		const ctx_r0 = i0.ɵɵnextContext(2);
+		i0.ɵɵadvance();
+		i0.ɵɵtextInterpolate1(" ", ctx_r0.noDataMessage() || "No results", " ");
+	}
+}
+function ActionListComponent_ng_template_11_Template(rf, ctx) {
+	if (rf & 1) {
+		i0.ɵɵelementStart(0, "div", 12)(1, "div", 13);
+		i0.ɵɵrepeaterCreate(2, ActionListComponent_ng_template_11_For_3_Template, 6, 9, "div", 14, i0.ɵɵrepeaterTrackByIdentity);
+		i0.ɵɵconditionalCreate(4, ActionListComponent_ng_template_11_Conditional_4_Template, 2, 1, "div", 15);
+		i0.ɵɵelementEnd()();
+	}
+	if (rf & 2) {
+		const ctx_r0 = i0.ɵɵnextContext();
+		i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(2, _c3, ctx_r0.dropdownListHeight(), ctx_r0.dropdownListWidth()));
+		i0.ɵɵadvance(2);
+		i0.ɵɵrepeater(ctx_r0.subItems());
+		i0.ɵɵadvance(2);
+		i0.ɵɵconditional(ctx_r0.internalData().length === 0 ? 4 : -1);
+	}
+}
+function ActionListComponent_ng_template_13_Template(rf, ctx) {
+	if (rf & 1) {
+		i0.ɵɵnamespaceSVG();
+		i0.ɵɵelementStart(0, "svg", 24);
+		i0.ɵɵelement(1, "path", 25);
+		i0.ɵɵelementEnd();
+	}
+}
+var ActionListComponent = class ActionListComponent {
+	constructor(eRef, overlay, viewContainerRef) {
+		this.eRef = eRef;
+		this.overlay = overlay;
+		this.viewContainerRef = viewContainerRef;
+		this.data = input([], ...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
+		this.height = input("", ...ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []);
+		this.width = input("", ...ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []);
+		this.label = input("Select", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.dropdownListHeight = input("", ...ngDevMode ? [{ debugName: "dropdownListHeight" }] : /* istanbul ignore next */ []);
+		this.dropdownListWidth = input("", ...ngDevMode ? [{ debugName: "dropdownListWidth" }] : /* istanbul ignore next */ []);
+		this.dropdownListPosition = input("Left", ...ngDevMode ? [{ debugName: "dropdownListPosition" }] : /* istanbul ignore next */ []);
+		this.searchEnabled = input(true, ...ngDevMode ? [{ debugName: "searchEnabled" }] : /* istanbul ignore next */ []);
+		this.noDataMessage = input("No Data", ...ngDevMode ? [{ debugName: "noDataMessage" }] : /* istanbul ignore next */ []);
+		this.onChange = output();
+		this.isOpen = signal(false, ...ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []);
+		this.subItems = signal([], ...ngDevMode ? [{ debugName: "subItems" }] : /* istanbul ignore next */ []);
+		this.selectedItems = signal([], ...ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []);
+		this.internalData = signal([], ...ngDevMode ? [{ debugName: "internalData" }] : /* istanbul ignore next */ []);
+		this.internalLabel = signal("Select", ...ngDevMode ? [{ debugName: "internalLabel" }] : /* istanbul ignore next */ []);
+		effect(() => {
+			const inputData = this.data();
+			this.internalData.set(inputData);
+		});
+		effect(() => {
+			const inputLabel = this.label();
+			this.internalLabel.set(inputLabel);
+		});
+		effect(() => {
+			const dataValue = this.internalData();
+			const selectedItems = [];
+			dataValue?.forEach((q) => q?.children?.forEach((w) => {
+				if (w.checked) selectedItems.push(w);
+			}));
+			this.selectedItems.set(selectedItems);
+		});
+		effect(() => {
+			const selectedItems = this.selectedItems();
+			if (selectedItems.length > 0) this.internalLabel.set(selectedItems[0].label);
+			else this.internalLabel.set(this.label());
+		});
+	}
+	ngOnInit() {}
+	filterByValue(array, string) {
+		return array.filter((o) => o.label.toLowerCase().includes(string.toLowerCase()));
+	}
+	toggleDropdown() {
+		const currentIsOpen = this.isOpen();
+		this.isOpen.set(!currentIsOpen);
+		if (!currentIsOpen) this.openDropdown(this.popupContainer, this.selectElement.nativeElement, false);
+		else this.onCancel();
+	}
+	openDropdown(template, origin, openRight) {
+		const positionsBottom = [new ConnectionPositionPair({
+			originX: "start",
+			originY: "bottom"
+		}, {
+			overlayX: "start",
+			overlayY: "top"
+		}, 0, 4), new ConnectionPositionPair({
+			originX: "end",
+			originY: "bottom"
+		}, {
+			overlayX: "end",
+			overlayY: "top"
+		}, 0, 4)];
+		const positionsTop = [new ConnectionPositionPair({
+			originX: "start",
+			originY: "top"
+		}, {
+			overlayX: "start",
+			overlayY: "bottom"
+		}, 0, -4), new ConnectionPositionPair({
+			originX: "end",
+			originY: "top"
+		}, {
+			overlayX: "end",
+			overlayY: "bottom"
+		}, 0, -4)];
+		const positions = [...this.dropdownListPosition() === "Right" ? positionsBottom.reverse() : positionsBottom, ...this.dropdownListPosition() === "Right" ? positionsTop.reverse() : positionsTop];
+		const positionStrategy = this.overlay.position().flexibleConnectedTo(origin).withPositions(openRight ? [new ConnectionPositionPair({
+			originX: "end",
+			originY: "top"
+		}, {
+			overlayX: "start",
+			overlayY: "top"
+		}, 8)] : positions).withPush(true);
+		const configs = new OverlayConfig({
+			hasBackdrop: !openRight,
+			backdropClass: "cdk-overlay-transparent-backdrop",
+			scrollStrategy: this.overlay.scrollStrategies.reposition(),
+			positionStrategy,
+			width: origin.clientWidth || 140
+		});
+		if (openRight) {
+			this.subOverlayRef = this.overlay.create(configs);
+			const dropdownWidth = this.dropdownListWidth();
+			const dropdownHeight = this.dropdownListHeight();
+			if (dropdownWidth) this.subOverlayRef.updateSize({ width: dropdownWidth });
+			if (dropdownHeight) this.subOverlayRef.updateSize({ height: dropdownHeight });
+			this.subOverlayRef.attach(new TemplatePortal(template, this.viewContainerRef));
+			this.subOverlayRef.backdropClick().subscribe(() => {
+				this.onCancel();
+			});
+			return;
+		}
+		this.overlayRef = this.overlay.create(configs);
+		const dropdownWidth = this.dropdownListWidth();
+		const dropdownHeight = this.dropdownListHeight();
+		if (dropdownWidth) this.overlayRef.updateSize({ width: dropdownWidth });
+		if (dropdownHeight) this.overlayRef.updateSize({ height: dropdownHeight });
+		this.overlayRef.attach(new TemplatePortal(template, this.viewContainerRef));
+		this.overlayRef.backdropClick().subscribe(() => {
+			this.onCancel();
+		});
+	}
+	selectItem(item) {
+		const currentData = this.internalData();
+		const currentSelectedItems = this.selectedItems();
+		if (currentData.some((q) => q.children?.some((w) => w.value === item.value && w.checked))) {
+			if (item.type === "MULTIPLE") this.selectedItems.set(currentSelectedItems.filter((q) => q.value !== item.value));
+			const updatedData = currentData.map((q) => ({
+				...q,
+				children: q?.children?.map((e) => ({
+					...e,
+					checked: e.checked && e.value !== item.value
+				}))
+			}));
+			this.internalData.set(updatedData);
+		} else {
+			const updatedData = currentData.map((q) => ({
+				...q,
+				children: q?.children?.map((e) => ({
+					...e,
+					checked: e.type === "MULTIPLE" && (e.checked || e.value === item.value) || e.type === "SINGLE" && e.value === item.value
+				}))
+			}));
+			this.internalData.set(updatedData);
+			if (item.type === "MULTIPLE") this.selectedItems.set([...currentSelectedItems, {
+				...item,
+				checked: true
+			}]);
+		}
+		const newSubItems = this.internalData().find((q) => q.children?.some((w) => w.value === item.value))?.children || [];
+		this.subItems.set(newSubItems);
+		this.onChange.emit(this.internalData());
+		if (item.type === "SINGLE") this.toggleDropdown();
+	}
+	onHover(item, isHovered, element) {
+		if (isHovered) {
+			this.subItems().length > 0 && this.subOverlayRef?.detach();
+			const newSubItems = this.internalData().find((q) => q?.children?.some((w) => w?.parentValue === item?.value))?.children || [];
+			this.subItems.set(newSubItems);
+			newSubItems.length > 0 && this.openDropdown(this.subPopupContainer, element?.nativeElement || element, true);
+		} else {
+			this.subItems.set([]);
+			this.subOverlayRef?.detach();
+		}
+	}
+	onCancel() {
+		this.isOpen.set(false);
+		this.overlayRef?.detach();
+		this.subOverlayRef?.detach();
+	}
+	static {
+		this.ɵfac = function ActionListComponent_Factory(__ngFactoryType__) {
+			return new (__ngFactoryType__ || ActionListComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.Overlay), i0.ɵɵdirectiveInject(i0.ViewContainerRef));
+		};
+	}
+	static {
+		this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
+			type: ActionListComponent,
+			selectors: [["mis-action-list"]],
+			viewQuery: function ActionListComponent_Query(rf, ctx) {
+				if (rf & 1) i0.ɵɵviewQuery(_c0, 5)(_c1, 5)(_c2, 5);
+				if (rf & 2) {
+					let _t;
+					i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.selectElement = _t.first);
+					i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popupContainer = _t.first);
+					i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.subPopupContainer = _t.first);
+				}
+			},
+			inputs: {
+				data: [1, "data"],
+				height: [1, "height"],
+				width: [1, "width"],
+				label: [1, "label"],
+				dropdownListHeight: [1, "dropdownListHeight"],
+				dropdownListWidth: [1, "dropdownListWidth"],
+				dropdownListPosition: [1, "dropdownListPosition"],
+				searchEnabled: [1, "searchEnabled"],
+				noDataMessage: [1, "noDataMessage"]
+			},
+			outputs: { onChange: "onChange" },
+			standalone: false,
+			decls: 15,
+			vars: 12,
+			consts: [
+				["select", ""],
+				["popupContainer", ""],
+				["subPopupContainer", ""],
+				["tickIcon", ""],
+				["singleItem", ""],
+				[
+					1,
+					"main-container",
+					3,
+					"ngStyle"
+				],
+				[
+					"tabindex",
+					"0",
+					1,
+					"dropdown",
+					3,
+					"keyup.enter",
+					"click",
+					"ngStyle"
+				],
+				[1, "label"],
+				[1, "text"],
+				[1, "count"],
+				[
+					"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,
+					"popup-container",
+					3,
+					"ngStyle"
+				],
+				[1, "items"],
+				[
+					"tabindex",
+					"0",
+					1,
+					"item",
+					3,
+					"ngClass"
+				],
+				[1, "noData"],
+				[
+					"tabindex",
+					"0",
+					1,
+					"item",
+					3,
+					"mouseenter",
+					"ngClass"
+				],
+				[
+					1,
+					"label",
+					3,
+					"ngStyle"
+				],
+				[1, "icon-container"],
+				[
+					"alt",
+					"no img",
+					1,
+					"icon",
+					3,
+					"src"
+				],
+				[
+					"tabindex",
+					"0",
+					1,
+					"item",
+					3,
+					"click",
+					"ngClass"
+				],
+				[1, "checkbox-container"],
+				[
+					3,
+					"disabled",
+					"checked"
+				],
+				[4, "ngTemplateOutlet"],
+				[
+					"width",
+					"20",
+					"height",
+					"20",
+					"viewBox",
+					"0 0 20 20",
+					"fill",
+					"none",
+					"xmlns",
+					"http://www.w3.org/2000/svg"
+				],
+				[
+					"fill-rule",
+					"evenodd",
+					"clip-rule",
+					"evenodd",
+					"d",
+					"M7.47697 14.8237L3.49922 10.5519C3.2776 10.3169 3.2776 9.93437 3.49922 9.69684L4.30273 8.84298C4.52434 8.60795 4.88462 8.60795 5.10623 8.84298L7.87929 11.8334L14.0607 5.17627C14.2823 4.94124 14.6426 4.94124 14.8642 5.17627L15.6677 6.03138C15.8894 6.26641 15.8894 6.65021 15.6677 6.88399L8.28048 14.8237C8.05886 15.0588 7.69859 15.0588 7.47697 14.8237Z",
+					"fill",
+					"#181F33"
+				]
+			],
+			template: function ActionListComponent_Template(rf, ctx) {
+				if (rf & 1) {
+					i0.ɵɵelementStart(0, "div", 5)(1, "div", 6, 0);
+					i0.ɵɵlistener("keyup.enter", function ActionListComponent_Template_div_keyup_enter_1_listener() {
+						return ctx.toggleDropdown();
+					})("click", function ActionListComponent_Template_div_click_1_listener() {
+						return ctx.toggleDropdown();
+					});
+					i0.ɵɵelementStart(3, "div", 7)(4, "p", 8);
+					i0.ɵɵtext(5);
+					i0.ɵɵelementEnd();
+					i0.ɵɵconditionalCreate(6, ActionListComponent_Conditional_6_Template, 2, 1, "p", 9);
+					i0.ɵɵelementEnd();
+					i0.ɵɵnamespaceSVG();
+					i0.ɵɵelementStart(7, "svg", 10);
+					i0.ɵɵelement(8, "path", 11);
+					i0.ɵɵelementEnd()()();
+					i0.ɵɵtemplate(9, ActionListComponent_ng_template_9_Template, 5, 5, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(11, ActionListComponent_ng_template_11_Template, 5, 5, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(13, ActionListComponent_ng_template_13_Template, 2, 0, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+				}
+				if (rf & 2) {
+					i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(5, _c3, ctx.height().length > 0 ? ctx.height() : "", ctx.width().length > 0 ? ctx.width() : ""));
+					i0.ɵɵadvance();
+					i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(8, _c4, ctx.isOpen() ? "#E6EBF7" : ""));
+					i0.ɵɵadvance(4);
+					i0.ɵɵtextInterpolate1(" ", ctx.internalLabel(), " ");
+					i0.ɵɵadvance();
+					i0.ɵɵconditional(ctx.selectedItems()?.length > 1 ? 6 : -1);
+					i0.ɵɵadvance();
+					i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(10, _c5, ctx.isOpen() ? "rotate(180deg)" : "rotate(0deg)"));
+				}
+			},
+			dependencies: [
+				i2.NgClass,
+				i2.NgTemplateOutlet,
+				i2.NgStyle,
+				i3.CheckboxComponent
+			],
+			styles: ["[_ngcontent-%COMP%]:root{--%NS%pmry-200: #99BAF7;--%NS%pmry-100: #CBDDFB;--%NS%pmry-500: #0937B2;--%NS%pmry-400: #3C68D0;--%NS%pmry-600: #062A99;--%NS%pmry-700: #041F80;--%NS%pmry-300: #638FE7;--%NS%pmry-800: #021567;--%NS%pmry-900: #010F55;--%NS%sec-d-purple: #40447F;--%NS%sec-maroon: #6B034E;--%NS%sec-mud-red: #B23600;--%NS%sec-orange: #ED711C;--%NS%sec-purple: #815FD5;--%NS%sec-teal: #10ADAE;--%NS%sec-yellow: #D4900C;--%NS%sec-green: #547F40;--%NS%sec-bright-green: #27D22E;--%NS%sec-dark-teal: #035F6B;--%NS%sec-chocolate: #7C2F33;--%NS%sec-rube-pink: #C13D6D;--%NS%sec-cerulean: #0087B2;--%NS%sem-error: #B00020;--%NS%sem-info: #0091FF;--%NS%sem-warning: #FF9D00;--%NS%sem-success: #38AF49;--%NS%grey-bg-1: #FAFAFA;--%NS%grey-bg: #F5F5F5;--%NS%grey-seperators: #E0E0E0;--%NS%grey-disabled: #C8CDD3;--%NS%grey-hover: #F5F7FC;--%NS%grey-pressed: #E6EBF7;--%NS%grey-row: #F5F7FC;--%NS%dec-light-yellow: #F4E7C3;--%NS%dec-light-purple: #DACFF9;--%NS%dec-light-green: #E4F5E9;--%NS%dec-light-green2: #F1FFF3;--%NS%dec-light-pink: #FAE1EA;--%NS%dec-: #F4CBC1;--%NS%dec-lt-orange: #FAEFED;--%NS%dec-light-blue: #CFECF9;--%NS%dec-row-selection: #F1FDF8;--%NS%dec-row-selection2: #F2FBFF;--%NS%dec-row-lines: #D3E1E9;--%NS%text-white: #FFFFFF;--%NS%text-muted: #6A737D;--%NS%text-black: #181F33;--%NS%MR-solid-blue2:#C8D5F6;--%NS%MR-solid-purple:#C9C3FB;--%NS%MR-solid-orange:#EEAC9F;--%NS%MR-solid-green:#ACDADA;--%NS%MR-solid-brown:#E8C8AF;--%NS%MR-solid-yellow:#FFEFC7;--%NS%MR-solid-blue:#BBE6FF;--%NS%MR-solid-pink:#FFC6F2;--%NS%tr-hover:#F0F3FA;--%NS%tr-pressed:#DAE1F3;--%NS%brand-primary: #0937B2;--%NS%brand-primary-light: #3C68D0;--%NS%brand-primary-dark: #062A99;--%NS%brand-primary-darker: #041F80;--%NS%brand-primary-lighter: #638FE7;--%NS%brand-primary-lightest: #CBDDFB;--%NS%brand-primary-hover: #F0F3FA;--%NS%brand-primary-active: #DAE1F3;--%NS%brand-secondary: #ED711C;--%NS%brand-secondary-light: #F09E65;--%NS%brand-secondary-dark: #B23600;--%NS%brand-secondary-lighter: #FFC6F2;--%NS%brand-accent: #10ADAE;--%NS%brand-accent-light: #16CBBC;--%NS%brand-accent-dark: #035F6B;--%NS%brand-accent-lighter: #ACDADA;--%NS%brand-success: #38AF49;--%NS%brand-success-light: #4CAF50;--%NS%brand-success-dark: #216531;--%NS%brand-success-lighter: #E4F5E9;--%NS%brand-success-lightest: #F1FFF3;--%NS%brand-error: #B00020;--%NS%brand-error-light: #F04E4E;--%NS%brand-error-dark: #A60060;--%NS%brand-error-lighter: #FAE1EA;--%NS%brand-error-lightest: #FDF2F2;--%NS%brand-warning: #FF9D00;--%NS%brand-warning-light: #D4900C;--%NS%brand-warning-dark: #624000;--%NS%brand-warning-lighter: #F4E7C3;--%NS%brand-warning-lightest: #FAEFED;--%NS%brand-info: #0091FF;--%NS%brand-info-light: #35A1FF;--%NS%brand-info-dark: #0087B2;--%NS%brand-info-lighter: #CFECF9;--%NS%text-primary: #181F33;--%NS%text-secondary: #6A737D;--%NS%text-tertiary: #929DAB;--%NS%text-disabled: #929DAB;--%NS%text-muted-secondary: #E5E5E5;--%NS%text-primary-87: rgba(24, 31, 51, .87);--%NS%text-primary-60: rgba(24, 31, 51, .6);--%NS%text-primary-38: rgba(24, 31, 51, .38);--%NS%text-primary-12: rgba(24, 31, 51, .12);--%NS%bg-primary: #FFFFFF;--%NS%bg-secondary: #FAFAFA;--%NS%bg-tertiary: #F5F5F5;--%NS%bg-overlay: rgba(0, 0, 0, .32);--%NS%bg-overlay-light: rgba(0, 0, 0, .12);--%NS%bg-overlay-lighter: rgba(0, 0, 0, .08);--%NS%bg-overlay-lightest: rgba(0, 0, 0, .04);--%NS%border-primary: #E0E0E0;--%NS%border-secondary: #D6DCE2;--%NS%border-tertiary: #C8CDD3;--%NS%border-light: #F1F4F8;--%NS%border-primary-12: rgba(0, 0, 0, .12);--%NS%border-primary-08: rgba(0, 0, 0, .08);--%NS%border-primary-06: rgba(0, 0, 0, .06);--%NS%shadow-primary: rgba(0, 0, 0, .12);--%NS%shadow-secondary: rgba(0, 0, 0, .08);--%NS%shadow-tertiary: rgba(0, 0, 0, .04);--%NS%shadow-light: rgba(0, 0, 0, .06);--%NS%status-available: #929DAB;--%NS%status-unavailable: #CCD3DA;--%NS%status-hotseat: #857BFF;--%NS%status-multiteam: #10ADAE;--%NS%status-selected: #10ADAE;--%NS%status-upcoming: #D4900C;--%NS%status-room: #38AF49;--%NS%status-room-booked: #B23600;--%NS%status-room-unavailable: #181F33;--%NS%team-color-1: #F8C52E;--%NS%team-color-2: #FA8E20;--%NS%team-color-3: #987CDD;--%NS%team-color-4: #16CBBC;--%NS%team-color-5: #E65010;--%NS%team-color-6: #A60060;--%NS%team-color-7: #ED323B;--%NS%team-color-8: #35A1FF;--%NS%team-color-9: #80D348}.main-container[_ngcontent-%COMP%]{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:32px;width:256px;font-family:Lato,sans-serif!important}.main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:inherit;border:1px solid var(--%NS%border-primary, #E0E0E0);border-radius:6px;background-color:var(--%NS%bg-primary, #FFFFFF);cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:4px 12px}.main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]:hover, .main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]:focus-visible{background-color:var(--%NS%brand-primary-hover, #F0F3FA);outline:none}.main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:var(--%NS%text-primary, #181F33)}.main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]   .text[_ngcontent-%COMP%]{margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:var(--%NS%text-primary, #181F33)}.main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%]{width:24px;height:24px;background-color:var(--%NS%border-primary, #E0E0E0);border-radius:50%;padding:2px 4px;margin:0 0 0 8px;font-style:normal;font-weight:400;box-sizing:border-box;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px;color:var(--%NS%text-primary, #181F33)}.main-container[_ngcontent-%COMP%]   .dropdown[_ngcontent-%COMP%]   .handle[_ngcontent-%COMP%]{width:24px;height:24px;transition:.3s;position:absolute;right:12px;border-radius:50%;overflow:hidden}.popup-container[_ngcontent-%COMP%]{width:100%;max-height:340px;padding-bottom:0;border:1px solid var(--%NS%border-primary, #E0E0E0);border-radius:8px;background-color:var(--%NS%bg-primary, #FFFFFF);box-shadow:0 12px 24px #0000001f;display:flex;flex-direction:column;overflow:hidden;justify-content:space-between}.popup-container[_ngcontent-%COMP%]::-webkit-scrollbar{width:0;height:0}.popup-container[_ngcontent-%COMP%]   .search-container[_ngcontent-%COMP%]{position:relative;box-sizing:border-box;padding:8px}.popup-container[_ngcontent-%COMP%]   .search-container[_ngcontent-%COMP%]   .search-icon[_ngcontent-%COMP%]{position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);left:18px;z-index:1}.popup-container[_ngcontent-%COMP%]   .search-container[_ngcontent-%COMP%]   .search-input[_ngcontent-%COMP%]{height:40px;width:100%;padding:12px;border:1px solid var(--%NS%border-primary, #E0E0E0);box-sizing:border-box;border-radius:8px;outline:none;caret-color:var(--%NS%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(--%NS%text-primary, #181F33)}.popup-container[_ngcontent-%COMP%]   .search-container[_ngcontent-%COMP%]   .cancel-icon[_ngcontent-%COMP%]{position:absolute;cursor:pointer;width:24px;height:24px;top:50%;transform:translateY(-50%);right:18px;z-index:1}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]{padding:8px 0 8px 8px}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]::-webkit-scrollbar{width:5px;height:0}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--%NS%text-tertiary, #929DAB);border-radius:10px}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]{overflow-y:scroll}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .noData[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:var(--%NS%text-primary, #181F33)}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;height:auto;letter-spacing:.2px;color:var(--%NS%text-primary, #181F33)}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]:hover, .popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]:focus-visible{background-color:var(--%NS%brand-primary-hover, #F0F3FA);outline:none}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{width:100%;line-height:20px;font-size:16px;font-style:normal;font-weight:400;text-overflow:ellipsis;overflow:hidden}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]   .icon-container[_ngcontent-%COMP%]{width:10%;display:flex;justify-content:flex-end}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item[_ngcontent-%COMP%]   .icon-container[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%]{width:20px;height:20px}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item-disabled[_ngcontent-%COMP%]{cursor:not-allowed}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item-disabled[_ngcontent-%COMP%]:hover, .popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item-disabled[_ngcontent-%COMP%]:focus-visible{background-color:transparent;outline:none}.popup-container[_ngcontent-%COMP%]   .items[_ngcontent-%COMP%]   .item-disabled[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{color:var(--%NS%text-tertiary, #929DAB);-webkit-user-select:none;user-select:none}"],
+			changeDetection: 1
+		});
+	}
+};
+(() => {
+	(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionListComponent, [{
+		type: Component,
+		args: [{
+			selector: "mis-action-list",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<div\n  class=\"main-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      <p class=\"text\">\n        {{ internalLabel() }}\n      </p>\n      @if (selectedItems()?.length > 1) {\n        <p class=\"count\">+{{ selectedItems()?.length - 1 }}</p>\n      }\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\n<ng-template #popupContainer>\n  <div\n    class=\"popup-container\"\n    [ngStyle]=\"{\n      height: dropdownListHeight(),\n      width: dropdownListWidth()\n    }\"\n    >\n    <div class=\"items\">\n      @for (item of internalData(); track item) {\n        <div\n          #singleItem\n          class=\"item\"\n          tabindex=\"0\"\n          [ngClass]=\"{ 'item-disabled': $safeNavigationMigration(item?.disabled) }\"\n          (mouseenter)=\"onHover(item, true, singleItem)\"\n          >\n          <div class=\"label\" [ngStyle]=\"{ width: item?.icon ? '90%' : '100%' }\">\n            <span>{{ item?.label }}</span>\n          </div>\n          @if (item?.icon) {\n            <div class=\"icon-container\">\n              <img class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n            </div>\n          }\n        </div>\n      }\n      @if (internalData().length === 0) {\n        <div class=\"noData\">\n          {{ noDataMessage() || \"No results\" }}\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #subPopupContainer>\n  <div\n    class=\"popup-container\"\n    [ngStyle]=\"{\n      height: dropdownListHeight(),\n      width: dropdownListWidth()\n    }\"\n    >\n    <div class=\"items\">\n      @for (item of subItems(); track item) {\n        <div\n          class=\"item\"\n          tabindex=\"0\"\n          [ngClass]=\"{ 'item-disabled': item.disabled }\"\n          (click)=\"!item.disabled && selectItem(item)\"\n          >\n          @if (item.type === 'MULTIPLE') {\n            <div class=\"checkbox-container\">\n              <mis-checkbox [disabled]=\"item.disabled\" [checked]=\"item.checked\"></mis-checkbox>\n            </div>\n          }\n          <div class=\"label\" [ngStyle]=\"{ width: item.icon ? '90%' : '100%' }\">\n            <span>{{ item.label }}</span>\n          </div>\n          @if (item.icon || item.checked) {\n            <div class=\"icon-container\">\n              @if (!item.checked) {\n                <img class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n              }\n              @if (item.type === 'SINGLE' && item.checked) {\n                <ng-container *ngTemplateOutlet=\"tickIcon\"></ng-container>\n              }\n            </div>\n          }\n        </div>\n      }\n      @if (internalData().length === 0) {\n        <div class=\"noData\">\n          {{ noDataMessage() || \"No results\" }}\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n<ng-template #tickIcon>\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M7.47697 14.8237L3.49922 10.5519C3.2776 10.3169 3.2776 9.93437 3.49922 9.69684L4.30273 8.84298C4.52434 8.60795 4.88462 8.60795 5.10623 8.84298L7.87929 11.8334L14.0607 5.17627C14.2823 4.94124 14.6426 4.94124 14.8642 5.17627L15.6677 6.03138C15.8894 6.26641 15.8894 6.65021 15.6677 6.88399L8.28048 14.8237C8.05886 15.0588 7.69859 15.0588 7.47697 14.8237Z\"\n      fill=\"#181F33\"\n      />\n  </svg>\n</ng-template>\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}.main-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:32px;width:256px;font-family:Lato,sans-serif!important}.main-container .dropdown{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;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%;box-sizing:border-box;padding:4px 12px}.main-container .dropdown:hover,.main-container .dropdown:focus-visible{background-color:var(--brand-primary-hover, #F0F3FA);outline:none}.main-container .dropdown .label{box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.main-container .dropdown .label .text{margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.main-container .dropdown .label .count{width:24px;height:24px;background-color:var(--border-primary, #E0E0E0);border-radius:50%;padding:2px 4px;margin:0 0 0 8px;font-style:normal;font-weight:400;box-sizing:border-box;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px;color:var(--text-primary, #181F33)}.main-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:space-between}.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}.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{overflow-y:scroll}.popup-container .items .noData{display:flex;justify-content:center;align-items:center;font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:var(--text-primary, #181F33)}.popup-container .items .item{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;height:auto;letter-spacing:.2px;color:var(--text-primary, #181F33)}.popup-container .items .item:hover,.popup-container .items .item:focus-visible{background-color:var(--brand-primary-hover, #F0F3FA);outline:none}.popup-container .items .item .label{width:100%;line-height:20px;font-size:16px;font-style:normal;font-weight:400;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 .items .item-disabled{cursor:not-allowed}.popup-container .items .item-disabled:hover,.popup-container .items .item-disabled:focus-visible{background-color:transparent;outline:none}.popup-container .items .item-disabled .label{color:var(--text-tertiary, #929DAB);-webkit-user-select:none;user-select:none}\n"]
+		}]
+	}], () => [
+		{ type: i0.ElementRef },
+		{ type: i1.Overlay },
+		{ type: i0.ViewContainerRef }
+	], {
+		data: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data",
+				required: false
+			}]
+		}],
+		height: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "height",
+				required: false
+			}]
+		}],
+		width: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "width",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		dropdownListHeight: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dropdownListHeight",
+				required: false
+			}]
+		}],
+		dropdownListWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dropdownListWidth",
+				required: false
+			}]
+		}],
+		dropdownListPosition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dropdownListPosition",
+				required: false
+			}]
+		}],
+		searchEnabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchEnabled",
+				required: false
+			}]
+		}],
+		noDataMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "noDataMessage",
+				required: false
+			}]
+		}],
+		onChange: [{
+			type: i0.Output,
+			args: ["onChange"]
+		}],
+		selectElement: [{
+			type: ViewChild,
+			args: ["select", { static: false }]
+		}],
+		popupContainer: [{
+			type: ViewChild,
+			args: ["popupContainer", { static: false }]
+		}],
+		subPopupContainer: [{
+			type: ViewChild,
+			args: ["subPopupContainer", { static: false }]
+		}]
+	});
+})();
+(() => {
+	(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionListComponent, {
+		className: "ActionListComponent",
+		filePath: "action-list.component.ts",
+		lineNumber: 12
+	});
+})();
+var ActionListModule = class ActionListModule {
+	static forRoot() {
+		return {
+			ngModule: ActionListModule,
+			providers: []
+		};
+	}
+	static {
+		this.ɵfac = function ActionListModule_Factory(__ngFactoryType__) {
+			return new (__ngFactoryType__ || ActionListModule)();
+		};
+	}
+	static {
+		this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ActionListModule });
+	}
+	static {
+		this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [
+			CommonModule,
+			FormsModule,
+			OverlayModule,
+			CheckboxModule
+		] });
+	}
+};
+(() => {
+	(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionListModule, [{
+		type: NgModule,
+		args: [{
+			declarations: [ActionListComponent],
+			imports: [
+				CommonModule,
+				FormsModule,
+				OverlayModule,
+				CheckboxModule
+			],
+			exports: [ActionListComponent]
+		}]
+	}], null, null);
+})();
+(function() {
+	(typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ActionListModule, {
+		declarations: [ActionListComponent],
+		imports: [
+			CommonModule,
+			FormsModule,
+			OverlayModule,
+			CheckboxModule
+		],
+		exports: [ActionListComponent]
+	});
+})();
 export { ActionListComponent, ActionListModule };
-//# sourceMappingURL=mis-crystal-design-system-action-list.mjs.map
+
+//# sourceMappingURL=mis-crystal-design-system-action-list.mjs.map