npm - mis-crystal-design-system - Versions diffs - 2.9.7-v14 → 2.9.7-v14-1 - Mend

mis-crystal-design-system 2.9.7-v14 → 2.9.7-v14-1

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 (96) hide show

package/fesm2015/mis-crystal-design-system-tooltip.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-tooltip.mjs","sources":["../../../projects/mis-components/tooltip/tooltip-container/tooltip.component.ts","../../../projects/mis-components/tooltip/tooltip-container/tooltip.component.html","../../../projects/mis-components/tooltip/tooltip.directive.ts","../../../projects/mis-components/tooltip/tooltip.module.ts","../../../projects/mis-components/tooltip/mis-crystal-design-system-tooltip.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, Inject, OnInit, ViewChild } from \"@angular/core\";\nimport { ITooltipPositions } from \"../models/tooltip.model\";\n\n@Component({\n selector: \"mis-tooltip\",\n templateUrl: \"./tooltip.component.html\",\n styleUrls: [\"./tooltip.component.scss\"]\n})\nexport class ToolTipComponent implements OnInit, AfterViewInit {\n public toolTipText: string = \"\";\n public toolTipPosition: ITooltipPositions = \"bottom\";\n\n @ViewChild(\"container\") container: ElementRef;\n\n constructor() {}\n ngOnInit() {}\n ngAfterViewInit() {\n if (!this.container?.nativeElement) return;\n if (this.toolTipPosition === \"top\" \|\| this.toolTipPosition === \"bottom\") {\n const eleWidth = this.container.nativeElement.getBoundingClientRect();\n this.container.nativeElement.style.left = eleWidth.width / -2 + \"px\";\n return;\n }\n if (this.toolTipPosition === \"left\") {\n const eleWidth = this.container.nativeElement.getBoundingClientRect();\n this.container.nativeElement.style.left = -eleWidth.width + \"px\";\n }\n }\n}\n","<div id=\"tooltip-container\" ngIf=\"toolTipText.length > 0\" #container>\n <div id=\"tooltip\">\n <div id=\"tooltip-text\">{{ toolTipText }}</div>\n <span\n id=\"arrow\"\n [ngClass]=\"{\n 'arrow-left': toolTipPosition === 'left',\n 'arrow-right': toolTipPosition === 'right',\n 'arrow-top': toolTipPosition === 'top',\n 'arrow-bottom': toolTipPosition === 'bottom'\n }\"\n ></span>\n </div>\n</div>\n","import { AfterViewInit, Directive, ElementRef, HostListener, Input, OnInit, ViewContainerRef } from \"@angular/core\";\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { take } from \"rxjs/operators\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\nimport { genPositionPairs } from \"mis-crystal-design-system/utils\";\nimport { ITooltipPositions } from \"./models/tooltip.model\";\n\n@Directive({\n selector: \"[misToolTip]\"\n})\nexport class ToolTipDirective implements OnInit, AfterViewInit {\n public isToolTipDisplayed: boolean = false;\n public toolTipText: string = \"\";\n public toolTipPosition: ITooltipPositions = \"bottom\";\n private overlayRef: OverlayRef;\n\n @Input() showOnHover: boolean = true;\n @Input() set showToolTip(value: boolean) {\n this.isToolTipDisplayed = value;\n if (value) this.displayToolTip();\n else this.hideToolTip();\n }\n @Input() set text(value: string) {\n this.toolTipText = value;\n }\n @Input() set position(value: ITooltipPositions) {\n this.toolTipPosition = value;\n }\n\n @HostListener(\"mouseenter\") onMouseEnter() {\n if (this.showOnHover) this.displayToolTip();\n }\n @HostListener(\"mouseleave\") onMouseLeave() {\n if (this.showOnHover) this.hideToolTip();\n }\n\n constructor(private element: ElementRef, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n\n ngOnInit() {}\n ngAfterViewInit() {\n if (this.isToolTipDisplayed) this.displayToolTip();\n else this.hideToolTip();\n }\n\n displayToolTip() {\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(this.element)\n .withPositions(\n genPositionPairs(\n {\n positionX: \"center\",\n positionY: this.toolTipPosition === \"top\" ? \"top\" : \"center\",\n offsetX: this.positionTooltip(\"OFFSET_X\"),\n offsetY: this.positionTooltip(\"OFFSET_Y\")\n },\n false\n )\n )\n .withPush(true);\n const config = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy,\n scrollStrategy: this.overlay.scrollStrategies.reposition()\n });\n this.overlayRef = this.overlay.create(config);\n const tempRef = new ComponentPortal(ToolTipComponent, this.viewContainerRef);\n const tooltipRef = this.overlayRef.attach(tempRef);\n tooltipRef.instance.toolTipText = this.toolTipText;\n tooltipRef.instance.toolTipPosition = this.toolTipPosition;\n this.overlayRef\n .backdropClick()\n .pipe(take(1))\n .subscribe(() => {\n this.hideToolTip();\n });\n }\n\n positionTooltip(type: \"OFFSET_X\" \| \"OFFSET_Y\") {\n if (type === \"OFFSET_X\") {\n return this.toolTipPosition === \"right\"\n ? this.element.nativeElement.offsetWidth / 2 + 8\n : this.toolTipPosition === \"left\"\n ? (this.element.nativeElement.offsetWidth / 2 + 8) -1\n : this.toolTipPosition === \"top\" \|\| this.toolTipPosition === \"bottom\"\n ? 0\n : 8;\n }\n if (type !== \"OFFSET_Y\") return;\n return this.toolTipPosition === \"right\" \|\| this.toolTipPosition === \"left\"\n ? -18\n : this.toolTipPosition === \"top\"\n ? -44\n : this.toolTipPosition === \"bottom\"\n ? this.element.nativeElement.offsetHeight / 2 + 8\n : 8;\n }\n\n hideToolTip() {\n this.overlayRef?.detach();\n this.overlayRef?.dispose();\n }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { ToolTipDirective } from \"./tooltip.directive\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\n\n@NgModule({\n declarations: [ToolTipDirective, ToolTipComponent],\n imports: [CommonModule, OverlayModule],\n exports: [ToolTipDirective, ToolTipComponent]\n})\nexport class ToolTipModule {\n static forRoot(): ModuleWithProviders<ToolTipModule> {\n return { ngModule: ToolTipModule, providers: [] };\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1"],"mappings":"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"}
1	+ {"version":3,"file":"mis-crystal-design-system-tooltip.mjs","sources":["../../../projects/mis-components/tooltip/tooltip-container/tooltip.component.ts","../../../projects/mis-components/tooltip/tooltip-container/tooltip.component.html","../../../projects/mis-components/tooltip/tooltip.directive.ts","../../../projects/mis-components/tooltip/tooltip.module.ts","../../../projects/mis-components/tooltip/mis-crystal-design-system-tooltip.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, Inject, OnInit, ViewChild } from \"@angular/core\";\nimport { ITooltipPositions } from \"../models/tooltip.model\";\n\n@Component({\n selector: \"mis-tooltip\",\n templateUrl: \"./tooltip.component.html\",\n styleUrls: [\"./tooltip.component.scss\"]\n})\nexport class ToolTipComponent implements OnInit, AfterViewInit {\n public toolTipText: string = \"\";\n public toolTipPosition: ITooltipPositions = \"bottom\";\n\n @ViewChild(\"container\") container: ElementRef;\n\n constructor() {}\n ngOnInit() {}\n ngAfterViewInit() {\n if (!this.container?.nativeElement) return;\n if (this.toolTipPosition === \"top\" \|\| this.toolTipPosition === \"bottom\") {\n const eleWidth = this.container.nativeElement.getBoundingClientRect();\n this.container.nativeElement.style.left = eleWidth.width / -2 + \"px\";\n return;\n }\n if (this.toolTipPosition === \"left\") {\n const eleWidth = this.container.nativeElement.getBoundingClientRect();\n this.container.nativeElement.style.left = -eleWidth.width + \"px\";\n }\n }\n}\n","<div id=\"tooltip-container\" ngIf=\"toolTipText.length > 0\" #container>\n <div id=\"tooltip\">\n <div id=\"tooltip-text\">{{ toolTipText }}</div>\n <span\n id=\"arrow\"\n [ngClass]=\"{\n 'arrow-left': toolTipPosition === 'left',\n 'arrow-right': toolTipPosition === 'right',\n 'arrow-top': toolTipPosition === 'top',\n 'arrow-bottom': toolTipPosition === 'bottom'\n }\"\n ></span>\n </div>\n</div>\n","import { AfterViewInit, Directive, ElementRef, HostListener, Input, OnInit, ViewContainerRef } from \"@angular/core\";\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { take } from \"rxjs/operators\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\nimport { genPositionPairs } from \"mis-crystal-design-system/utils\";\nimport { ITooltipPositions } from \"./models/tooltip.model\";\n\n@Directive({\n selector: \"[misToolTip]\"\n})\nexport class ToolTipDirective implements OnInit, AfterViewInit {\n public isToolTipDisplayed: boolean = false;\n public toolTipText: string = \"\";\n public toolTipPosition: ITooltipPositions = \"bottom\";\n private overlayRef: OverlayRef;\n\n @Input() showOnHover: boolean = true;\n @Input() set showToolTip(value: boolean) {\n this.isToolTipDisplayed = value;\n if (value) this.displayToolTip();\n else this.hideToolTip();\n }\n @Input() set text(value: string) {\n this.toolTipText = value;\n }\n @Input() set position(value: ITooltipPositions) {\n this.toolTipPosition = value;\n }\n\n @HostListener(\"mouseenter\") onMouseEnter() {\n if (this.showOnHover) this.displayToolTip();\n }\n @HostListener(\"mouseleave\") onMouseLeave() {\n if (this.showOnHover) this.hideToolTip();\n }\n\n constructor(private element: ElementRef, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n\n ngOnInit() {}\n ngAfterViewInit() {\n if (this.isToolTipDisplayed) this.displayToolTip();\n else this.hideToolTip();\n }\n\n displayToolTip() {\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(this.element)\n .withPositions(\n genPositionPairs(\n {\n positionX: \"center\",\n positionY: this.toolTipPosition === \"top\" ? \"top\" : \"center\",\n offsetX: this.positionTooltip(\"OFFSET_X\"),\n offsetY: this.positionTooltip(\"OFFSET_Y\")\n },\n false\n )\n )\n .withPush(true);\n const config = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy,\n scrollStrategy: this.overlay.scrollStrategies.reposition()\n });\n this.overlayRef = this.overlay.create(config);\n const tempRef = new ComponentPortal(ToolTipComponent, this.viewContainerRef);\n const tooltipRef = this.overlayRef.attach(tempRef);\n tooltipRef.instance.toolTipText = this.toolTipText;\n tooltipRef.instance.toolTipPosition = this.toolTipPosition;\n this.overlayRef\n .backdropClick()\n .pipe(take(1))\n .subscribe(() => {\n this.hideToolTip();\n });\n }\n\n positionTooltip(type: \"OFFSET_X\" \| \"OFFSET_Y\") {\n if (type === \"OFFSET_X\") {\n return this.toolTipPosition === \"right\"\n ? this.element.nativeElement.offsetWidth / 2 + 8\n : this.toolTipPosition === \"left\"\n ? (this.element.nativeElement.offsetWidth / 2 + 8) -1\n : this.toolTipPosition === \"top\" \|\| this.toolTipPosition === \"bottom\"\n ? 0\n : 8;\n }\n if (type !== \"OFFSET_Y\") return;\n return this.toolTipPosition === \"right\" \|\| this.toolTipPosition === \"left\"\n ? -18\n : this.toolTipPosition === \"top\"\n ? -44\n : this.toolTipPosition === \"bottom\"\n ? this.element.nativeElement.offsetHeight / 2 + 8\n : 8;\n }\n\n hideToolTip() {\n this.overlayRef?.detach();\n this.overlayRef?.dispose();\n }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { ToolTipDirective } from \"./tooltip.directive\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\n\n@NgModule({\n declarations: [ToolTipDirective, ToolTipComponent],\n imports: [CommonModule, OverlayModule],\n exports: [ToolTipDirective, ToolTipComponent]\n})\nexport class ToolTipModule {\n static forRoot(): ModuleWithProviders<ToolTipModule> {\n return { ngModule: ToolTipModule, providers: [] };\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2020/mis-crystal-design-system-action-list.mjs CHANGED Viewed

@@ -141,10 +141,10 @@ class ActionListComponent {
     }
 }
 ActionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ActionListComponent, deps: [{ token: i0.ElementRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-ActionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ActionListComponent, selector: "mis-action-list", inputs: { data: "data", height: "height", width: "width", label: "label", dropdownListHeight: "dropdownListHeight", dropdownListWidth: "dropdownListWidth", dropdownListPosition: "dropdownListPosition", searchEnabled: "searchEnabled", noDataMessage: "noDataMessage" }, outputs: { onChange: "onChange" }, viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["select"], descendants: true }, { propertyName: "popupContainer", first: true, predicate: ["popupContainer"], descendants: true }, { propertyName: "subPopupContainer", first: true, predicate: ["subPopupContainer"], descendants: true }], ngImport: i0, 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        {{ label }}\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 data\"\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=\"data.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=\"data.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-disabled: #929DAB;--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}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0px}.h2{font-size:32px;line-height:40px;font-weight:400;letter-spacing:0px}.h3{font-size:28px;line-height:36px;font-weight:400;letter-spacing:0px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0px}.h5-b{font-weight:700;letter-spacing:.25px;font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px;font-size:20px;line-height:28px}.h6-b{font-weight:700;letter-spacing:0px;font-size:16px;line-height:24px}.h6{font-size:16px;line-height:24;font-weight:400;letter-spacing:0px}.p{font-size:16px;line-height:180%;font-weight:400;letter-spacing:0px}.h7-b{font-weight:700;letter-spacing:.25px;font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px;font-size:14px;line-height:20px}.h8-b{font-weight:700;letter-spacing:.25px;font-size:12px;line-height:18px}.h8{font-weight:400;letter-spacing:.2px;font-size:12px;line-height:18px}.h9{font-size:10px;line-height:15px;font-weight:400;letter-spacing:0px}.btn-lg-b{font-size:16px;line-height:24px;font-weight:700;letter-spacing:.5px}.btn-lg{font-weight:400;letter-spacing:.2px;font-size:16px;line-height:24px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0px;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\\e90c\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\\ea1a\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\\ea1b\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\\ea28\"}.icon-ic-action-average-trips:before{content:\"\\ea29\"}.icon-ic-action-EV-vehicle:before{content:\"\\ea2e\"}.icon-ic-action-total-trips:before{content:\"\\ea2f\"}.icon-ic-ui-front-desk-24:before{content:\"\\ea26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\\ea27\"}.icon-ic-ETS-OTA-16:before{content:\"\\ea24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\\ea25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\\ea23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\\e900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\\e901\"}.icon-ic-geo-fence-violation-16:before{content:\"\\e902\"}.icon-ic-map-pin-16:before{content:\"\\e903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\\e904\"}.icon-ic-SOS-mobile-16:before{content:\"\\e905\"}.icon-ic-speeding-16:before{content:\"\\e906\"}.icon-ic-tamper-alert-16:before{content:\"\\e907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\\e908\"}.icon-ic-vehicle-stopage-16:before{content:\"\\e909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\\e90a\"}.icon-ic-woman-travelling-alone-16:before{content:\"\\ea22\"}.icon-ic-ets-adhoc-32:before{content:\"\\e90b\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\\e90d\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\\e90e\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\\ea1c\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\\e90f\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\\ea1d\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\\ea00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\\ea01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\\ea02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\\ea03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\\ea04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\\ea05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\\ea06\"}.icon-ic-ets-bus-24-1:before{content:\"\\ea07\"}.icon-ic-ets-bus-24-2:before{content:\"\\ea08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\\ea0b\"}.icon-ic-ets-cloud-off-24:before{content:\"\\ea0c\"}.icon-ic-ets-walking-man-24:before{content:\"\\ea0d\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\\ea0e\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\\ea0f\"}.icon-ic-ui-seperator-16:before{content:\"\\e94c\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\\e910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\\ea1e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\\e911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\\ea1f\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\\ea20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\\ea21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\\e920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\\e921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\\e922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\\e92b\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\\e938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\\e939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\\e952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\\e96e\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\\e96f\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\\e970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\\e971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\\e972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\\e973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\\e974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\\e975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\\e976\"}.icon-ic-navigation-collapse-16:before{content:\"\\e979\"}.icon-ic-navigation-expand-16:before{content:\"\\e989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\\e98a\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\\e98b\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\\e98d\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\\e98e\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\\e9b2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\\e9b3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\\e9b6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\\e9bd\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\\e9c1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\\e9c2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\\e9c7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\\e9d1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\\e9d5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\\e9d6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\\e9eb\"}.icon-ic-ui-error-24:before{content:\"\\e9f4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\\e9f5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\\e9fc\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\\e9fd\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\\e9fe\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\\e9ff\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\\e9f0\"}.icon-ic-ui-overlap-16:before{content:\"\\e9f1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\\e9f2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\\e9f3\"}.icon-ic-rep-booking-16:before{content:\"\\e9f6\"}.icon-ic-ui-arrow-16:before{content:\"\\e9f7\"}.icon-ic-ui-filters2-16:before{content:\"\\e9f8\"}.icon-ic-ui-nonveg-16:before{content:\"\\e9f9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\\e9fa\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\\e9fb\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\\e9ca\"}.icon-ic-ui-Phone-24-1:before{content:\"\\e9cb\"}.icon-ic-ui-Phone-24:before{content:\"\\e9cc\"}.icon-ic-ui-Name-24:before{content:\"\\e9cd\"}.icon-ic-ui-transport-cab-24:before{content:\"\\e9ce\"}.icon-ic-ui-info-24:before{content:\"\\e9cf\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\\e9d0\"}.icon-ic-ui-action-24:before{content:\"\\e9d2\"}.icon-ic-ui-approvals-24:before{content:\"\\e9d3\"}.icon-ic-ui-approvals2-24:before{content:\"\\e9d4\"}.icon-ic-ui-fast-24:before{content:\"\\e9d7\"}.icon-ic-ui-transport-24:before{content:\"\\e9d8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\\e9d9\"}.icon-ic-image-24:before{content:\"\\e9da\"}.icon-ic-ui-bike-24:before{content:\"\\e9db\"}.icon-ic-ui-car-24:before{content:\"\\e9dc\"}.icon-ic-ui-description-24:before{content:\"\\e9dd\"}.icon-ic-ui-email-24-1:before{content:\"\\e9de\"}.icon-ic-ui-format-bullet-24:before{content:\"\\e9df\"}.icon-ic-ui-format-number-24:before{content:\"\\e9e0\"}.icon-ic-ui-help-24:before{content:\"\\e9e1\"}.icon-ic-ui-location-24:before{content:\"\\e9e2\"}.icon-ic-ui-location-searching-24:before{content:\"\\e9e3\"}.icon-ic-ui-meal-241:before{content:\"\\e9e4\"}.icon-ic-ui-on-call-24:before{content:\"\\e9e5\"}.icon-ic-ui-person-24:before{content:\"\\e9e6\"}.icon-ic-ui-pie-24:before{content:\"\\e9e7\"}.icon-ic-ui-question-24:before{content:\"\\e9e8\"}.icon-ic-ui-request-24:before{content:\"\\e9e9\"}.icon-ic-ui-seat-24:before{content:\"\\e9ea\"}.icon-ic-ui-trend-down-24:before{content:\"\\e9ec\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\\e9ed\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\\e9ee\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\\e9ef\"}.icon-ic-nre-check-24:before{content:\"\\e9c4\"}.icon-ic-nre-flag-24:before{content:\"\\e9c5\"}.icon-ic-nre-notification-24:before{content:\"\\e9c6\"}.icon-ic-nre-push-pin-24:before{content:\"\\e9c8\"}.icon-ic-nre-wash-24:before{content:\"\\e9c9\"}.icon-ic-nrs-security-24:before{content:\"\\e9b8\"}.icon-ic-nrs-billing-24:before{content:\"\\e9b9\"}.icon-ic-nrs-downloads-24:before{content:\"\\e9ba\"}.icon-ic-nrs-loader-16:before{content:\"\\e9bb\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\\e9bc\"}.icon-ic-nrs-refersh-24:before{content:\"\\e9be\"}.icon-ic-nrs-sanitize-24:before{content:\"\\e9bf\"}.icon-ic-nrs-score-card-24:before{content:\"\\e9c0\"}.icon-ic-nrs-view-24:before{content:\"\\e9c3\"}.icon-ic-device-24:before{content:\"\\e9b0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\\e9b1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\\e9b4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\\e9b5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\\ea2a\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\\ea2b\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\\ea2c\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\\e9b7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\\ea2d\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\\e9ae\"}.icon-ic-vendor-24:before{content:\"\\e9af\"}.icon-ic-naviation-directions-24:before{content:\"\\e9a5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\\e9a6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\\e9a7\"}.icon-ic-navigation-cancel-24:before{content:\"\\e9a8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\\e9a9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\\e9aa\"}.icon-ic-navigation-drop-down-24:before{content:\"\\e9ab\"}.icon-ic-navigation-expand-less-24:before{content:\"\\e9ac\"}.icon-ic-ui-check-24:before{content:\"\\e9ad\"}.icon-ic-nav-meeting-fill-24:before{content:\"\\e994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\\e995\"}.icon-ic-mr-building-24:before{content:\"\\e996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\\e997\"}.icon-ic-mr-fridge-24:before{content:\"\\e998\"}.icon-ic-mr-guestwifi-24:before{content:\"\\e999\"}.icon-ic-mr-ip-phones-24:before{content:\"\\e99a\"}.icon-ic-mr-mic-24:before{content:\"\\e99b\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\\e99c\"}.icon-ic-mr-speakerphones-24:before{content:\"\\e99d\"}.icon-ic-mr-stationary-24:before{content:\"\\e99e\"}.icon-ic-mr-tv-24:before{content:\"\\e99f\"}.icon-ic-mr-video-conferencing-24:before{content:\"\\e9a0\"}.icon-ic-mr-whiteboard-24:before{content:\"\\e9a1\"}.icon-ic-mr-wing-24:before{content:\"\\e9a2\"}.icon-ic-nav-seat-02-24:before{content:\"\\e9a3\"}.icon-ic-nav-seat-fill-24:before{content:\"\\e9a4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\\e96d\"}.icon-ic-map-current-24 .path1:before{content:\"\\e977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\\ea3e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\\e978\"}.icon-ic-map-reposition-24:before{content:\"\\e97a\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\\e97b\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\\e97c\"}.icon-ic-new-icon-desk-management-24:before{content:\"\\e97d\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\\e97e\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\\e97f\"}.icon-ic-new-icon-health-risk-24:before{content:\"\\e980\"}.icon-ic-new-icon-key-24:before{content:\"\\e981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\\e982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\\e983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\\e984\"}.icon-ic-new-icons-User-group-24:before{content:\"\\e985\"}.icon-ic-ui-attendance:before{content:\"\\e986\"}.icon-ic-ui-cab-login:before{content:\"\\e987\"}.icon-ic-ui-cab-logout:before{content:\"\\e988\"}.icon-ic-ui-sign-in:before{content:\"\\e98c\"}.icon-request-2:before{content:\"\\e98f\"}.icon-seats-available:before{content:\"\\e990\";color:#5cc917}.icon-seats-booked:before{content:\"\\e991\";color:#039be5}.icon-seats-cancelled:before{content:\"\\e992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\\e993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\\e94a\"}.icon-ic-employee-rest:before{content:\"\\e94b\"}.icon-ic-nav-cancelled-24:before{content:\"\\e94d\"}.icon-ic-nav-desk-allocation-24:before{content:\"\\e94e\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\\e94f\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\\e950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\\e951\"}.icon-ic-nav-meetingroom-24:before{content:\"\\e953\"}.icon-ic-nav-office-24:before{content:\"\\e954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\\e955\"}.icon-ic-nav-report-24:before{content:\"\\e956\"}.icon-ic-nav-resource-grps-24:before{content:\"\\e957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\\e958\"}.icon-ic-nav-settings-24:before{content:\"\\e959\"}.icon-ic-nav-translate-24:before{content:\"\\e95a\"}.icon-ic-nav-unplanned-24:before{content:\"\\e95b\"}.icon-ic-nav-upload-24:before{content:\"\\e95c\"}.icon-ic-nav-user-24:before{content:\"\\e95d\"}.icon-ic-nav-user-grps-24:before{content:\"\\e95e\"}.icon-ic-nav-user-pemissions-24:before{content:\"\\e95f\"}.icon-ic-nav-utilisation-24:before{content:\"\\e960\"}.icon-ic-nav-vaccine-24:before{content:\"\\e961\"}.icon-ic-nav-visitor-management-24:before{content:\"\\e962\"}.icon-ic-nav-work-planner-24:before{content:\"\\e963\"}.icon-ic-nre-add-24:before{content:\"\\e964\"}.icon-ic-nre-deactivate-24:before{content:\"\\e965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\\e966\"}.icon-ic-sidebar-guard-24:before{content:\"\\e967\"}.icon-ic-sidebar-home-24:before{content:\"\\e968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\\e969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\\e96a\"}.icon-ic-sidebar-reception-24:before{content:\"\\e96b\"}.icon-ic-ui-pdf-24:before{content:\"\\e96c\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\\e92f\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\\e930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\\e931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\\e93a\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\\e93b\"}.icon-ic-ui-cab-24:before{content:\"\\e93c\"}.icon-ic-ui-calendar2-24:before{content:\"\\e93d\"}.icon-ic-ui-calender-24:before{content:\"\\e93e\"}.icon-ic-ui-email-24:before{content:\"\\e93f\"}.icon-ic-ui-home-24:before{content:\"\\e949\"}.icon-ic-ui-meal-24:before{content:\"\\e940\"}.icon-ic-ui-new_parking-24:before{content:\"\\e941\"}.icon-ic-ui-night-24:before{content:\"\\e942\"}.icon-ic-ui-office-24:before{content:\"\\e943\"}.icon-ic-ui-outofoffice-24:before{content:\"\\e944\"}.icon-ic-ui-parking-24:before{content:\"\\e945\"}.icon-ic-ui-phone-24:before{content:\"\\e946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\\e947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\\e948\"}.icon-ic-action-more-horiz-24:before{content:\"\\e912\"}.icon-ic-action-add-24:before{content:\"\\e913\"}.icon-ic-action-ascending-24:before{content:\"\\e914\"}.icon-ic-action-cached-24:before{content:\"\\e915\"}.icon-ic-action-calview-24:before{content:\"\\e916\"}.icon-ic-action-copy-link-24:before{content:\"\\e917\"}.icon-ic-action-delete-24:before{content:\"\\e918\"}.icon-ic-action-descending-24:before{content:\"\\e919\"}.icon-ic-action-download-24:before{content:\"\\e91a\"}.icon-ic-action-drag-24:before{content:\"\\e91b\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\\e91c\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\\e91d\"}.icon-ic-action-expand-24-1:before{content:\"\\e91e\"}.icon-ic-action-external-link-24:before{content:\"\\e91f\"}.icon-ic-action-favorite-24:before{content:\"\\e923\"}.icon-ic-action-filter-24:before{content:\"\\e924\"}.icon-ic-action-globe-24:before{content:\"\\e925\"}.icon-ic-action-history-24-1:before{content:\"\\e926\"}.icon-ic-action-history-24:before{content:\"\\e927\"}.icon-ic-action-info-24:before{content:\"\\e928\"}.icon-ic-action-invite-24:before{content:\"\\e929\"}.icon-ic-action-listview-24:before{content:\"\\e92a\"}.icon-ic-action-logout-24:before{content:\"\\e92c\"}.icon-ic-action-menu-24:before{content:\"\\e92d\"}.icon-ic-action-more-vert-24:before{content:\"\\e92e\"}.icon-ic-action-notif-2-24:before{content:\"\\e932\"}.icon-ic-action-notif-24:before{content:\"\\e933\"}.icon-ic-action-person-search-24:before{content:\"\\e934\"}.icon-ic-action-print-24:before{content:\"\\e935\"}.icon-ic-action-qr-24:before{content:\"\\e936\"}.icon-ic-action-refresh-24:before{content:\"\\e937\"}.icon-ic-action-remove-24:before{content:\"\\ea09\"}.icon-ic-action-search-24:before{content:\"\\ea0a\"}.icon-ic-action-see-more-24:before{content:\"\\ea10\"}.icon-ic-action-send-24:before{content:\"\\ea11\"}.icon-ic-action-share-24:before{content:\"\\ea12\"}.icon-ic-action-shift-time-24:before{content:\"\\ea13\"}.icon-ic-action-sort-24:before{content:\"\\ea14\"}.icon-ic-action-sort2-24:before{content:\"\\ea15\"}.icon-ic-action-switch-24:before{content:\"\\ea16\"}.icon-ic-action-upload-24:before{content:\"\\ea17\"}.icon-ic-action-visibility-24:before{content:\"\\ea18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\\ea19\";color:#6a737d}.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 #E0E0E0;border-radius:6px;background-color:#fff;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:#f5f7fc;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:#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:#181f33}.main-container .dropdown .label .count{width:24px;height:24px;background-color:#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:#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 #E0E0E0;border-radius:8px;background-color:#fff;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 #E0E0E0;box-sizing:border-box;border-radius:8px;outline:none;caret-color:#0937b2;font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;color:#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:#9aa7b4;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:#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:#181f33}.popup-container .items .item:hover,.popup-container .items .item:focus-visible{background-color:#f5f7fc;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:#929dab;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.CheckboxComponent, selector: "mis-checkbox", inputs: ["type", "indeterminate", "checked", "disabled", "name", "formControl"], outputs: ["valueChange"] }] });
+ActionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ActionListComponent, selector: "mis-action-list", inputs: { data: "data", height: "height", width: "width", label: "label", dropdownListHeight: "dropdownListHeight", dropdownListWidth: "dropdownListWidth", dropdownListPosition: "dropdownListPosition", searchEnabled: "searchEnabled", noDataMessage: "noDataMessage" }, outputs: { onChange: "onChange" }, viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["select"], descendants: true }, { propertyName: "popupContainer", first: true, predicate: ["popupContainer"], descendants: true }, { propertyName: "subPopupContainer", first: true, predicate: ["subPopupContainer"], descendants: true }], ngImport: i0, 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        {{ label }}\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 data\"\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=\"data.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=\"data.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: [".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 #e0e0e0;border-radius:6px;background-color:#fff;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:#f5f7fc;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:#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:#181f33}.main-container .dropdown .label .count{width:24px;height:24px;background-color:#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:#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 #e0e0e0;border-radius:8px;background-color:#fff;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 #e0e0e0;box-sizing:border-box;border-radius:8px;outline:none;caret-color:#0937b2;font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;color:#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:#9aa7b4;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:#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:#181f33}.popup-container .items .item:hover,.popup-container .items .item:focus-visible{background-color:#f5f7fc;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:#929dab;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.CheckboxComponent, selector: "mis-checkbox", inputs: ["type", "indeterminate", "checked", "disabled", "name", "formControl"], outputs: ["valueChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ActionListComponent, decorators: [{
             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        {{ label }}\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 data\"\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=\"data.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=\"data.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-disabled: #929DAB;--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}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0px}.h2{font-size:32px;line-height:40px;font-weight:400;letter-spacing:0px}.h3{font-size:28px;line-height:36px;font-weight:400;letter-spacing:0px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0px}.h5-b{font-weight:700;letter-spacing:.25px;font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px;font-size:20px;line-height:28px}.h6-b{font-weight:700;letter-spacing:0px;font-size:16px;line-height:24px}.h6{font-size:16px;line-height:24;font-weight:400;letter-spacing:0px}.p{font-size:16px;line-height:180%;font-weight:400;letter-spacing:0px}.h7-b{font-weight:700;letter-spacing:.25px;font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px;font-size:14px;line-height:20px}.h8-b{font-weight:700;letter-spacing:.25px;font-size:12px;line-height:18px}.h8{font-weight:400;letter-spacing:.2px;font-size:12px;line-height:18px}.h9{font-size:10px;line-height:15px;font-weight:400;letter-spacing:0px}.btn-lg-b{font-size:16px;line-height:24px;font-weight:700;letter-spacing:.5px}.btn-lg{font-weight:400;letter-spacing:.2px;font-size:16px;line-height:24px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0px;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\\e90c\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\\ea1a\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\\ea1b\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\\ea28\"}.icon-ic-action-average-trips:before{content:\"\\ea29\"}.icon-ic-action-EV-vehicle:before{content:\"\\ea2e\"}.icon-ic-action-total-trips:before{content:\"\\ea2f\"}.icon-ic-ui-front-desk-24:before{content:\"\\ea26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\\ea27\"}.icon-ic-ETS-OTA-16:before{content:\"\\ea24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\\ea25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\\ea23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\\e900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\\e901\"}.icon-ic-geo-fence-violation-16:before{content:\"\\e902\"}.icon-ic-map-pin-16:before{content:\"\\e903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\\e904\"}.icon-ic-SOS-mobile-16:before{content:\"\\e905\"}.icon-ic-speeding-16:before{content:\"\\e906\"}.icon-ic-tamper-alert-16:before{content:\"\\e907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\\e908\"}.icon-ic-vehicle-stopage-16:before{content:\"\\e909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\\e90a\"}.icon-ic-woman-travelling-alone-16:before{content:\"\\ea22\"}.icon-ic-ets-adhoc-32:before{content:\"\\e90b\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\\e90d\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\\e90e\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\\ea1c\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\\e90f\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\\ea1d\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\\ea00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\\ea01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\\ea02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\\ea03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\\ea04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\\ea05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\\ea06\"}.icon-ic-ets-bus-24-1:before{content:\"\\ea07\"}.icon-ic-ets-bus-24-2:before{content:\"\\ea08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\\ea0b\"}.icon-ic-ets-cloud-off-24:before{content:\"\\ea0c\"}.icon-ic-ets-walking-man-24:before{content:\"\\ea0d\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\\ea0e\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\\ea0f\"}.icon-ic-ui-seperator-16:before{content:\"\\e94c\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\\e910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\\ea1e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\\e911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\\ea1f\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\\ea20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\\ea21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\\e920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\\e921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\\e922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\\e92b\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\\e938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\\e939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\\e952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\\e96e\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\\e96f\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\\e970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\\e971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\\e972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\\e973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\\e974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\\e975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\\e976\"}.icon-ic-navigation-collapse-16:before{content:\"\\e979\"}.icon-ic-navigation-expand-16:before{content:\"\\e989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\\e98a\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\\e98b\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\\e98d\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\\e98e\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\\e9b2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\\e9b3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\\e9b6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\\e9bd\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\\e9c1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\\e9c2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\\e9c7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\\e9d1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\\e9d5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\\e9d6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\\e9eb\"}.icon-ic-ui-error-24:before{content:\"\\e9f4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\\e9f5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\\e9fc\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\\e9fd\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\\e9fe\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\\e9ff\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\\e9f0\"}.icon-ic-ui-overlap-16:before{content:\"\\e9f1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\\e9f2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\\e9f3\"}.icon-ic-rep-booking-16:before{content:\"\\e9f6\"}.icon-ic-ui-arrow-16:before{content:\"\\e9f7\"}.icon-ic-ui-filters2-16:before{content:\"\\e9f8\"}.icon-ic-ui-nonveg-16:before{content:\"\\e9f9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\\e9fa\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\\e9fb\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\\e9ca\"}.icon-ic-ui-Phone-24-1:before{content:\"\\e9cb\"}.icon-ic-ui-Phone-24:before{content:\"\\e9cc\"}.icon-ic-ui-Name-24:before{content:\"\\e9cd\"}.icon-ic-ui-transport-cab-24:before{content:\"\\e9ce\"}.icon-ic-ui-info-24:before{content:\"\\e9cf\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\\e9d0\"}.icon-ic-ui-action-24:before{content:\"\\e9d2\"}.icon-ic-ui-approvals-24:before{content:\"\\e9d3\"}.icon-ic-ui-approvals2-24:before{content:\"\\e9d4\"}.icon-ic-ui-fast-24:before{content:\"\\e9d7\"}.icon-ic-ui-transport-24:before{content:\"\\e9d8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\\e9d9\"}.icon-ic-image-24:before{content:\"\\e9da\"}.icon-ic-ui-bike-24:before{content:\"\\e9db\"}.icon-ic-ui-car-24:before{content:\"\\e9dc\"}.icon-ic-ui-description-24:before{content:\"\\e9dd\"}.icon-ic-ui-email-24-1:before{content:\"\\e9de\"}.icon-ic-ui-format-bullet-24:before{content:\"\\e9df\"}.icon-ic-ui-format-number-24:before{content:\"\\e9e0\"}.icon-ic-ui-help-24:before{content:\"\\e9e1\"}.icon-ic-ui-location-24:before{content:\"\\e9e2\"}.icon-ic-ui-location-searching-24:before{content:\"\\e9e3\"}.icon-ic-ui-meal-241:before{content:\"\\e9e4\"}.icon-ic-ui-on-call-24:before{content:\"\\e9e5\"}.icon-ic-ui-person-24:before{content:\"\\e9e6\"}.icon-ic-ui-pie-24:before{content:\"\\e9e7\"}.icon-ic-ui-question-24:before{content:\"\\e9e8\"}.icon-ic-ui-request-24:before{content:\"\\e9e9\"}.icon-ic-ui-seat-24:before{content:\"\\e9ea\"}.icon-ic-ui-trend-down-24:before{content:\"\\e9ec\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\\e9ed\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\\e9ee\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\\e9ef\"}.icon-ic-nre-check-24:before{content:\"\\e9c4\"}.icon-ic-nre-flag-24:before{content:\"\\e9c5\"}.icon-ic-nre-notification-24:before{content:\"\\e9c6\"}.icon-ic-nre-push-pin-24:before{content:\"\\e9c8\"}.icon-ic-nre-wash-24:before{content:\"\\e9c9\"}.icon-ic-nrs-security-24:before{content:\"\\e9b8\"}.icon-ic-nrs-billing-24:before{content:\"\\e9b9\"}.icon-ic-nrs-downloads-24:before{content:\"\\e9ba\"}.icon-ic-nrs-loader-16:before{content:\"\\e9bb\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\\e9bc\"}.icon-ic-nrs-refersh-24:before{content:\"\\e9be\"}.icon-ic-nrs-sanitize-24:before{content:\"\\e9bf\"}.icon-ic-nrs-score-card-24:before{content:\"\\e9c0\"}.icon-ic-nrs-view-24:before{content:\"\\e9c3\"}.icon-ic-device-24:before{content:\"\\e9b0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\\e9b1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\\e9b4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\\e9b5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\\ea2a\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\\ea2b\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\\ea2c\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\\e9b7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\\ea2d\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\\e9ae\"}.icon-ic-vendor-24:before{content:\"\\e9af\"}.icon-ic-naviation-directions-24:before{content:\"\\e9a5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\\e9a6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\\e9a7\"}.icon-ic-navigation-cancel-24:before{content:\"\\e9a8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\\e9a9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\\e9aa\"}.icon-ic-navigation-drop-down-24:before{content:\"\\e9ab\"}.icon-ic-navigation-expand-less-24:before{content:\"\\e9ac\"}.icon-ic-ui-check-24:before{content:\"\\e9ad\"}.icon-ic-nav-meeting-fill-24:before{content:\"\\e994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\\e995\"}.icon-ic-mr-building-24:before{content:\"\\e996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\\e997\"}.icon-ic-mr-fridge-24:before{content:\"\\e998\"}.icon-ic-mr-guestwifi-24:before{content:\"\\e999\"}.icon-ic-mr-ip-phones-24:before{content:\"\\e99a\"}.icon-ic-mr-mic-24:before{content:\"\\e99b\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\\e99c\"}.icon-ic-mr-speakerphones-24:before{content:\"\\e99d\"}.icon-ic-mr-stationary-24:before{content:\"\\e99e\"}.icon-ic-mr-tv-24:before{content:\"\\e99f\"}.icon-ic-mr-video-conferencing-24:before{content:\"\\e9a0\"}.icon-ic-mr-whiteboard-24:before{content:\"\\e9a1\"}.icon-ic-mr-wing-24:before{content:\"\\e9a2\"}.icon-ic-nav-seat-02-24:before{content:\"\\e9a3\"}.icon-ic-nav-seat-fill-24:before{content:\"\\e9a4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\\e96d\"}.icon-ic-map-current-24 .path1:before{content:\"\\e977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\\ea3e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\\e978\"}.icon-ic-map-reposition-24:before{content:\"\\e97a\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\\e97b\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\\e97c\"}.icon-ic-new-icon-desk-management-24:before{content:\"\\e97d\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\\e97e\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\\e97f\"}.icon-ic-new-icon-health-risk-24:before{content:\"\\e980\"}.icon-ic-new-icon-key-24:before{content:\"\\e981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\\e982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\\e983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\\e984\"}.icon-ic-new-icons-User-group-24:before{content:\"\\e985\"}.icon-ic-ui-attendance:before{content:\"\\e986\"}.icon-ic-ui-cab-login:before{content:\"\\e987\"}.icon-ic-ui-cab-logout:before{content:\"\\e988\"}.icon-ic-ui-sign-in:before{content:\"\\e98c\"}.icon-request-2:before{content:\"\\e98f\"}.icon-seats-available:before{content:\"\\e990\";color:#5cc917}.icon-seats-booked:before{content:\"\\e991\";color:#039be5}.icon-seats-cancelled:before{content:\"\\e992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\\e993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\\e94a\"}.icon-ic-employee-rest:before{content:\"\\e94b\"}.icon-ic-nav-cancelled-24:before{content:\"\\e94d\"}.icon-ic-nav-desk-allocation-24:before{content:\"\\e94e\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\\e94f\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\\e950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\\e951\"}.icon-ic-nav-meetingroom-24:before{content:\"\\e953\"}.icon-ic-nav-office-24:before{content:\"\\e954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\\e955\"}.icon-ic-nav-report-24:before{content:\"\\e956\"}.icon-ic-nav-resource-grps-24:before{content:\"\\e957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\\e958\"}.icon-ic-nav-settings-24:before{content:\"\\e959\"}.icon-ic-nav-translate-24:before{content:\"\\e95a\"}.icon-ic-nav-unplanned-24:before{content:\"\\e95b\"}.icon-ic-nav-upload-24:before{content:\"\\e95c\"}.icon-ic-nav-user-24:before{content:\"\\e95d\"}.icon-ic-nav-user-grps-24:before{content:\"\\e95e\"}.icon-ic-nav-user-pemissions-24:before{content:\"\\e95f\"}.icon-ic-nav-utilisation-24:before{content:\"\\e960\"}.icon-ic-nav-vaccine-24:before{content:\"\\e961\"}.icon-ic-nav-visitor-management-24:before{content:\"\\e962\"}.icon-ic-nav-work-planner-24:before{content:\"\\e963\"}.icon-ic-nre-add-24:before{content:\"\\e964\"}.icon-ic-nre-deactivate-24:before{content:\"\\e965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\\e966\"}.icon-ic-sidebar-guard-24:before{content:\"\\e967\"}.icon-ic-sidebar-home-24:before{content:\"\\e968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\\e969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\\e96a\"}.icon-ic-sidebar-reception-24:before{content:\"\\e96b\"}.icon-ic-ui-pdf-24:before{content:\"\\e96c\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\\e92f\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\\e930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\\e931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\\e93a\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\\e93b\"}.icon-ic-ui-cab-24:before{content:\"\\e93c\"}.icon-ic-ui-calendar2-24:before{content:\"\\e93d\"}.icon-ic-ui-calender-24:before{content:\"\\e93e\"}.icon-ic-ui-email-24:before{content:\"\\e93f\"}.icon-ic-ui-home-24:before{content:\"\\e949\"}.icon-ic-ui-meal-24:before{content:\"\\e940\"}.icon-ic-ui-new_parking-24:before{content:\"\\e941\"}.icon-ic-ui-night-24:before{content:\"\\e942\"}.icon-ic-ui-office-24:before{content:\"\\e943\"}.icon-ic-ui-outofoffice-24:before{content:\"\\e944\"}.icon-ic-ui-parking-24:before{content:\"\\e945\"}.icon-ic-ui-phone-24:before{content:\"\\e946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\\e947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\\e948\"}.icon-ic-action-more-horiz-24:before{content:\"\\e912\"}.icon-ic-action-add-24:before{content:\"\\e913\"}.icon-ic-action-ascending-24:before{content:\"\\e914\"}.icon-ic-action-cached-24:before{content:\"\\e915\"}.icon-ic-action-calview-24:before{content:\"\\e916\"}.icon-ic-action-copy-link-24:before{content:\"\\e917\"}.icon-ic-action-delete-24:before{content:\"\\e918\"}.icon-ic-action-descending-24:before{content:\"\\e919\"}.icon-ic-action-download-24:before{content:\"\\e91a\"}.icon-ic-action-drag-24:before{content:\"\\e91b\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\\e91c\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\\e91d\"}.icon-ic-action-expand-24-1:before{content:\"\\e91e\"}.icon-ic-action-external-link-24:before{content:\"\\e91f\"}.icon-ic-action-favorite-24:before{content:\"\\e923\"}.icon-ic-action-filter-24:before{content:\"\\e924\"}.icon-ic-action-globe-24:before{content:\"\\e925\"}.icon-ic-action-history-24-1:before{content:\"\\e926\"}.icon-ic-action-history-24:before{content:\"\\e927\"}.icon-ic-action-info-24:before{content:\"\\e928\"}.icon-ic-action-invite-24:before{content:\"\\e929\"}.icon-ic-action-listview-24:before{content:\"\\e92a\"}.icon-ic-action-logout-24:before{content:\"\\e92c\"}.icon-ic-action-menu-24:before{content:\"\\e92d\"}.icon-ic-action-more-vert-24:before{content:\"\\e92e\"}.icon-ic-action-notif-2-24:before{content:\"\\e932\"}.icon-ic-action-notif-24:before{content:\"\\e933\"}.icon-ic-action-person-search-24:before{content:\"\\e934\"}.icon-ic-action-print-24:before{content:\"\\e935\"}.icon-ic-action-qr-24:before{content:\"\\e936\"}.icon-ic-action-refresh-24:before{content:\"\\e937\"}.icon-ic-action-remove-24:before{content:\"\\ea09\"}.icon-ic-action-search-24:before{content:\"\\ea0a\"}.icon-ic-action-see-more-24:before{content:\"\\ea10\"}.icon-ic-action-send-24:before{content:\"\\ea11\"}.icon-ic-action-share-24:before{content:\"\\ea12\"}.icon-ic-action-shift-time-24:before{content:\"\\ea13\"}.icon-ic-action-sort-24:before{content:\"\\ea14\"}.icon-ic-action-sort2-24:before{content:\"\\ea15\"}.icon-ic-action-switch-24:before{content:\"\\ea16\"}.icon-ic-action-upload-24:before{content:\"\\ea17\"}.icon-ic-action-visibility-24:before{content:\"\\ea18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\\ea19\";color:#6a737d}.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 #E0E0E0;border-radius:6px;background-color:#fff;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:#f5f7fc;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:#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:#181f33}.main-container .dropdown .label .count{width:24px;height:24px;background-color:#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:#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 #E0E0E0;border-radius:8px;background-color:#fff;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 #E0E0E0;box-sizing:border-box;border-radius:8px;outline:none;caret-color:#0937b2;font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;color:#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:#9aa7b4;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:#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:#181f33}.popup-container .items .item:hover,.popup-container .items .item:focus-visible{background-color:#f5f7fc;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:#929dab;-webkit-user-select:none;user-select:none}\n"] }]
+            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        {{ label }}\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 data\"\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=\"data.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=\"data.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: [".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 #e0e0e0;border-radius:6px;background-color:#fff;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:#f5f7fc;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:#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:#181f33}.main-container .dropdown .label .count{width:24px;height:24px;background-color:#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:#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 #e0e0e0;border-radius:8px;background-color:#fff;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 #e0e0e0;box-sizing:border-box;border-radius:8px;outline:none;caret-color:#0937b2;font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;color:#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:#9aa7b4;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:#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:#181f33}.popup-container .items .item:hover,.popup-container .items .item:focus-visible{background-color:#f5f7fc;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:#929dab;-webkit-user-select:none;user-select:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { data: [{
                 type: Input
             }], height: [{

package/fesm2020/mis-crystal-design-system-action-list.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-action-list.mjs","sources":["../../../projects/mis-components/action-list/action-list.component.ts","../../../projects/mis-components/action-list/action-list.component.html","../../../projects/mis-components/action-list/action-list.module.ts","../../../projects/mis-components/action-list/mis-crystal-design-system-action-list.ts"],"sourcesContent":["import { ConnectionPositionPair, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\nimport { Component, ElementRef, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild, ViewContainerRef } from \"@angular/core\";\n\n@Component({\n selector: \"mis-action-list\",\n templateUrl: \"./action-list.component.html\",\n styleUrls: [\"./action-list.component.scss\"]\n})\nexport class ActionListComponent implements OnInit {\n isOpen = false;\n\n subItems: ActionItem[] = [];\n\n @Input() data: ActionItems[] = [];\n @Input() height: string = \"\";\n @Input() width: string = \"\";\n @Input() label: string = \"Select\";\n\n @Input() dropdownListHeight: string = \"\";\n @Input() dropdownListWidth: string = \"\";\n @Input() dropdownListPosition: \"Left\" \| \"Right\" = \"Left\";\n\n @Input() searchEnabled: boolean = true;\n @Input() noDataMessage: string = \"No Data\";\n selectedItems: ActionItem[] = [];\n\n @Output() onChange: EventEmitter<any> = new EventEmitter();\n\n @ViewChild(\"select\", { static: false }) selectElement: ElementRef;\n @ViewChild(\"popupContainer\", { static: false }) popupContainer: TemplateRef<Element>;\n @ViewChild(\"subPopupContainer\", { static: false }) subPopupContainer: TemplateRef<Element>;\n private overlayRef: OverlayRef;\n private subOverlayRef: OverlayRef;\n\n constructor(private eRef: ElementRef, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n ngOnInit() {\n this.selectedItems = [];\n this.data.forEach(q =>\n q.children.forEach(w => {\n if (w.checked) this.selectedItems.push(w);\n })\n );\n this.label = this.selectedItems[0]?.label \|\| this.label;\n }\n\n filterByValue(array: ActionItem[], string: string) {\n return array.filter(o => o.label.toLowerCase().includes(string.toLowerCase()));\n }\n toggleDropdown() {\n this.isOpen = !this.isOpen;\n if (this.isOpen) this.openDropdown(this.popupContainer, this.selectElement.nativeElement, false);\n else this.onCancel();\n }\n private openDropdown(template: TemplateRef<Element>, origin: HTMLElement, openRight: boolean): void {\n const positionsBottom = [\n new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }, 0, 4),\n new ConnectionPositionPair({ originX: \"end\", originY: \"bottom\" }, { overlayX: \"end\", overlayY: \"top\" }, 0, 4)\n ];\n const positionsTop = [\n new ConnectionPositionPair({ originX: \"start\", originY: \"top\" }, { overlayX: \"start\", overlayY: \"bottom\" }, 0, -4),\n new ConnectionPositionPair({ originX: \"end\", originY: \"top\" }, { overlayX: \"end\", overlayY: \"bottom\" }, 0, -4)\n ];\n const positions = [\n ...(this.dropdownListPosition === \"Right\" ? positionsBottom.reverse() : positionsBottom),\n ...(this.dropdownListPosition === \"Right\" ? positionsTop.reverse() : positionsTop)\n ];\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(origin)\n .withPositions(\n openRight ? [new ConnectionPositionPair({ originX: \"end\", originY: \"top\" }, { overlayX: \"start\", overlayY: \"top\" }, 8)] : positions\n )\n .withPush(true);\n const configs = new OverlayConfig({\n hasBackdrop: !openRight,\n backdropClass: \"cdk-overlay-transparent-backdrop\",\n scrollStrategy: this.overlay.scrollStrategies.reposition(),\n positionStrategy,\n width: origin.clientWidth \|\| 140\n });\n if (openRight) {\n this.subOverlayRef = this.overlay.create(configs);\n if (this.dropdownListWidth) this.subOverlayRef.updateSize({ width: this.dropdownListWidth });\n if (this.dropdownListHeight) this.subOverlayRef.updateSize({ height: this.dropdownListHeight });\n this.subOverlayRef.attach(new TemplatePortal(template, this.viewContainerRef));\n this.subOverlayRef.backdropClick().subscribe(() => {\n this.onCancel();\n });\n return;\n }\n this.overlayRef = this.overlay.create(configs);\n if (this.dropdownListWidth) this.overlayRef.updateSize({ width: this.dropdownListWidth });\n if (this.dropdownListHeight) this.overlayRef.updateSize({ height: this.dropdownListHeight });\n this.overlayRef.attach(new TemplatePortal(template, this.viewContainerRef));\n this.overlayRef.backdropClick().subscribe(() => {\n this.onCancel();\n });\n }\n selectItem(item: ActionItem) {\n if (this.data.some(q => q.children.some(w => w.value === item.value && w.checked))) {\n if (item.type === \"MULTIPLE\") this.selectedItems = this.selectedItems.filter(q => q.value !== item.value);\n this.data = this.data.map(q => ({\n ...q,\n children: q?.children?.map(e => ({\n ...e,\n checked: e.checked && e.value !== item.value\n }))\n }));\n } else {\n this.data = this.data.map(q => ({\n ...q,\n children: q?.children?.map(e => ({\n ...e,\n checked: (e.type === \"MULTIPLE\" && (e.checked \|\| e.value === item.value)) \|\| (e.type === \"SINGLE\" && e.value === item.value)\n }))\n }));\n if (item.type === \"MULTIPLE\") this.selectedItems.push({ ...item, checked: true });\n }\n this.label =\n item.type === \"MULTIPLE\" ? (this.selectedItems.length > 0 ? this.selectedItems[0]?.label : \"Select\") : item.checked ? \"Select\" : item.label;\n this.subItems = this.data.find(q => q.children?.some(w => w.value === item.value))?.children \|\| [];\n this.onChange.emit(this.data);\n if (item.type === \"SINGLE\") this.toggleDropdown();\n }\n onHover(item: ActionItem, isHovered, element?: any) {\n if (isHovered) {\n this.subItems.length > 0 && this.subOverlayRef?.detach();\n this.subItems = this.data.find(q => q?.children?.some(w => w?.parentValue === item?.value))?.children \|\| [];\n this.subItems.length > 0 && this.openDropdown(this.subPopupContainer, element?.nativeElement \|\| element, true);\n } else {\n this.subItems = [];\n this.subOverlayRef?.detach();\n }\n }\n onCancel() {\n this.isOpen = false;\n this.overlayRef?.detach();\n this.subOverlayRef?.detach();\n }\n}\n\nexport interface ActionItems {\n label: ActionItemLabel \| string;\n value: string;\n icon?: string;\n disabled?: boolean;\n children?: ActionItem[];\n}\n\nexport interface ActionItemLabel {\n primaryText ?: string;\n secondaryText ?: string;\n}\n\nexport interface ActionItem {\n type: \"SINGLE\" \| \"MULTIPLE\";\n label: string;\n value: string;\n parentValue: string;\n icon?: string;\n checked: boolean;\n disabled?: boolean;\n}\n","<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 {{ label }}\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 data\"\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=\"data.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=\"data.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","import { CommonModule } from \"@angular/common\";\nimport { FormsModule } from \"@angular/forms\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { ActionListComponent } from \"./action-list.component\";\nimport { CheckboxModule } from \"mis-crystal-design-system/checkbox\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\n\n@NgModule({\n declarations: [ActionListComponent],\n imports: [CommonModule, FormsModule, OverlayModule, CheckboxModule],\n exports: [ActionListComponent]\n})\nexport class ActionListModule {\n static forRoot(): ModuleWithProviders<ActionListModule> {\n return { ngModule: ActionListModule, providers: [] };\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"mis-crystal-design-system-action-list.mjs","sources":["../../../projects/mis-components/action-list/action-list.component.ts","../../../projects/mis-components/action-list/action-list.component.html","../../../projects/mis-components/action-list/action-list.module.ts","../../../projects/mis-components/action-list/mis-crystal-design-system-action-list.ts"],"sourcesContent":["import { ConnectionPositionPair, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\nimport { Component, ElementRef, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild, ViewContainerRef } from \"@angular/core\";\n\n@Component({\n selector: \"mis-action-list\",\n templateUrl: \"./action-list.component.html\",\n styleUrls: [\"./action-list.component.scss\"]\n})\nexport class ActionListComponent implements OnInit {\n isOpen = false;\n\n subItems: ActionItem[] = [];\n\n @Input() data: ActionItems[] = [];\n @Input() height: string = \"\";\n @Input() width: string = \"\";\n @Input() label: string = \"Select\";\n\n @Input() dropdownListHeight: string = \"\";\n @Input() dropdownListWidth: string = \"\";\n @Input() dropdownListPosition: \"Left\" \| \"Right\" = \"Left\";\n\n @Input() searchEnabled: boolean = true;\n @Input() noDataMessage: string = \"No Data\";\n selectedItems: ActionItem[] = [];\n\n @Output() onChange: EventEmitter<any> = new EventEmitter();\n\n @ViewChild(\"select\", { static: false }) selectElement: ElementRef;\n @ViewChild(\"popupContainer\", { static: false }) popupContainer: TemplateRef<Element>;\n @ViewChild(\"subPopupContainer\", { static: false }) subPopupContainer: TemplateRef<Element>;\n private overlayRef: OverlayRef;\n private subOverlayRef: OverlayRef;\n\n constructor(private eRef: ElementRef, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n ngOnInit() {\n this.selectedItems = [];\n this.data.forEach(q =>\n q.children.forEach(w => {\n if (w.checked) this.selectedItems.push(w);\n })\n );\n this.label = this.selectedItems[0]?.label \|\| this.label;\n }\n\n filterByValue(array: ActionItem[], string: string) {\n return array.filter(o => o.label.toLowerCase().includes(string.toLowerCase()));\n }\n toggleDropdown() {\n this.isOpen = !this.isOpen;\n if (this.isOpen) this.openDropdown(this.popupContainer, this.selectElement.nativeElement, false);\n else this.onCancel();\n }\n private openDropdown(template: TemplateRef<Element>, origin: HTMLElement, openRight: boolean): void {\n const positionsBottom = [\n new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }, 0, 4),\n new ConnectionPositionPair({ originX: \"end\", originY: \"bottom\" }, { overlayX: \"end\", overlayY: \"top\" }, 0, 4)\n ];\n const positionsTop = [\n new ConnectionPositionPair({ originX: \"start\", originY: \"top\" }, { overlayX: \"start\", overlayY: \"bottom\" }, 0, -4),\n new ConnectionPositionPair({ originX: \"end\", originY: \"top\" }, { overlayX: \"end\", overlayY: \"bottom\" }, 0, -4)\n ];\n const positions = [\n ...(this.dropdownListPosition === \"Right\" ? positionsBottom.reverse() : positionsBottom),\n ...(this.dropdownListPosition === \"Right\" ? positionsTop.reverse() : positionsTop)\n ];\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(origin)\n .withPositions(\n openRight ? [new ConnectionPositionPair({ originX: \"end\", originY: \"top\" }, { overlayX: \"start\", overlayY: \"top\" }, 8)] : positions\n )\n .withPush(true);\n const configs = new OverlayConfig({\n hasBackdrop: !openRight,\n backdropClass: \"cdk-overlay-transparent-backdrop\",\n scrollStrategy: this.overlay.scrollStrategies.reposition(),\n positionStrategy,\n width: origin.clientWidth \|\| 140\n });\n if (openRight) {\n this.subOverlayRef = this.overlay.create(configs);\n if (this.dropdownListWidth) this.subOverlayRef.updateSize({ width: this.dropdownListWidth });\n if (this.dropdownListHeight) this.subOverlayRef.updateSize({ height: this.dropdownListHeight });\n this.subOverlayRef.attach(new TemplatePortal(template, this.viewContainerRef));\n this.subOverlayRef.backdropClick().subscribe(() => {\n this.onCancel();\n });\n return;\n }\n this.overlayRef = this.overlay.create(configs);\n if (this.dropdownListWidth) this.overlayRef.updateSize({ width: this.dropdownListWidth });\n if (this.dropdownListHeight) this.overlayRef.updateSize({ height: this.dropdownListHeight });\n this.overlayRef.attach(new TemplatePortal(template, this.viewContainerRef));\n this.overlayRef.backdropClick().subscribe(() => {\n this.onCancel();\n });\n }\n selectItem(item: ActionItem) {\n if (this.data.some(q => q.children.some(w => w.value === item.value && w.checked))) {\n if (item.type === \"MULTIPLE\") this.selectedItems = this.selectedItems.filter(q => q.value !== item.value);\n this.data = this.data.map(q => ({\n ...q,\n children: q?.children?.map(e => ({\n ...e,\n checked: e.checked && e.value !== item.value\n }))\n }));\n } else {\n this.data = this.data.map(q => ({\n ...q,\n children: q?.children?.map(e => ({\n ...e,\n checked: (e.type === \"MULTIPLE\" && (e.checked \|\| e.value === item.value)) \|\| (e.type === \"SINGLE\" && e.value === item.value)\n }))\n }));\n if (item.type === \"MULTIPLE\") this.selectedItems.push({ ...item, checked: true });\n }\n this.label =\n item.type === \"MULTIPLE\" ? (this.selectedItems.length > 0 ? this.selectedItems[0]?.label : \"Select\") : item.checked ? \"Select\" : item.label;\n this.subItems = this.data.find(q => q.children?.some(w => w.value === item.value))?.children \|\| [];\n this.onChange.emit(this.data);\n if (item.type === \"SINGLE\") this.toggleDropdown();\n }\n onHover(item: ActionItem, isHovered, element?: any) {\n if (isHovered) {\n this.subItems.length > 0 && this.subOverlayRef?.detach();\n this.subItems = this.data.find(q => q?.children?.some(w => w?.parentValue === item?.value))?.children \|\| [];\n this.subItems.length > 0 && this.openDropdown(this.subPopupContainer, element?.nativeElement \|\| element, true);\n } else {\n this.subItems = [];\n this.subOverlayRef?.detach();\n }\n }\n onCancel() {\n this.isOpen = false;\n this.overlayRef?.detach();\n this.subOverlayRef?.detach();\n }\n}\n\nexport interface ActionItems {\n label: ActionItemLabel \| string;\n value: string;\n icon?: string;\n disabled?: boolean;\n children?: ActionItem[];\n}\n\nexport interface ActionItemLabel {\n primaryText ?: string;\n secondaryText ?: string;\n}\n\nexport interface ActionItem {\n type: \"SINGLE\" \| \"MULTIPLE\";\n label: string;\n value: string;\n parentValue: string;\n icon?: string;\n checked: boolean;\n disabled?: boolean;\n}\n","<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 {{ label }}\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 data\"\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=\"data.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=\"data.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","import { CommonModule } from \"@angular/common\";\nimport { FormsModule } from \"@angular/forms\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { ActionListComponent } from \"./action-list.component\";\nimport { CheckboxModule } from \"mis-crystal-design-system/checkbox\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\n\n@NgModule({\n declarations: [ActionListComponent],\n imports: [CommonModule, FormsModule, OverlayModule, CheckboxModule],\n exports: [ActionListComponent]\n})\nexport class ActionListModule {\n static forRoot(): ModuleWithProviders<ActionListModule> {\n return { ngModule: ActionListModule, providers: [] };\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/mis-crystal-design-system-async-search-dropdown.mjs CHANGED Viewed

@@ -184,10 +184,10 @@ class AsyncDropdownComponent {
     }
 }
 AsyncDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AsyncDropdownComponent, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-AsyncDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AsyncDropdownComponent, selector: "mis-async-search-dropdown", inputs: { height: "height", size: "size", httpStream: "httpStream", displayKey: "displayKey", secondaryDisplayKey: "secondaryDisplayKey", placeholder: "placeholder", debounceTime: "debounceTime", minInputLength: "minInputLength", multi: "multi", uniqueKey: "uniqueKey", control: "control", disabled: "disabled", readonly: "readonly", searchValue: "searchValue" }, outputs: { onSelect: "onSelect", searchQueryChange: "searchQueryChange", clear: "clear", itemSelected: "itemSelected", itemRemoved: "itemRemoved" }, queries: [{ propertyName: "customItem", first: true, predicate: ["misCustomItem"], descendants: true }, { propertyName: "customLoader", first: true, predicate: ["asyncCustomLoader"], descendants: true }], viewQueries: [{ propertyName: "origin", first: true, predicate: ["ddBtn"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "dd", first: true, predicate: ["dd"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"dd-wrapper\" [ngClass]=\"{ opened: opened, disabled: disabled, readonly: readonly }\" #ddBtn>\n  <div class=\"selected-list\" *ngIf=\"multi && selections.size > 0\">\n    <div class=\"chip\" [ngClass]=\"{'chip-md': size === 'md', 'chip-sm': size === 'sm'}\" *ngFor=\"let item of selectedItems\">\n      <span [ngClass]=\"{'h6': size === 'md', 'h8-b': size === 'sm'}\" style=\"margin-right: 4px;\">{{item[displayKey]}}</span>\n      <span style=\"cursor: pointer;\" (click)=\"removeItem(item)\" [ngStyle]=\"{'font-size': size === 'sm' ? '12px': '14px'}\" class=\"ic-navigation-cancel-24\"></span>\n    </div>\n  </div>\n  <div class=\"search-input\">\n    <span class=\"ic-action-search-24\"></span>\n    <input [ngClass]=\"{'ip-md': size === 'md', 'ip-sm': size === 'sm'}\" tabindex=\"0\" type=\"text\" class=\"black-text h6\" #input [placeholder]=\"placeholder\" [formControl]=\"searchInput\" />\n    <div class=\"ic-navigation-cancel-24 croos-icon\" *ngIf=\"searchInput?.value?.length\" (click)=\"removeInputValue()\"></div>\n  </div>\n</div>\n\n<ng-template #dd>\n  <div class=\"dd-list\" [ngStyle]=\"{'max-height':height}\"  [ngClass]=\"{'dd-list-pd':data.length === 0}\" >\n    <ng-container *ngIf=\"loading\">\n      <ng-container\n        *ngIf=\"customLoader; else defaultLoader\"\n        [ngTemplateOutlet]=\"customLoader\"\n      ></ng-container>\n      <ng-template #defaultLoader>\n        <div class=\"status-container\" *ngIf=\"loading && !customLoader\">\n          <mis-loader [mobileView]=\"true\"></mis-loader>\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"error\">\n      <div class=\"status-container\">\n        <p>Unknown error has occurred, <br> Please try again later.</p>\n      </div>\n    </ng-container>\n    <div *ngIf=\"!loading && !error && data.length > 0\">\n      <ng-container *ngFor=\"let item of data\">\n        <div (click)=\"selectData(item, false)\">\n          <ng-container\n            *ngIf=\"customItem; else standardItem\"\n            [ngTemplateOutlet]=\"customItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\"\n          ></ng-container>\n          <ng-template #standardItem>\n            <div class=\"item\">\n              <div class=\"value\">\n                <div class=\"primary\">\n                  {{ item[displayKey] }}\n                </div>\n                <div class=\"secondary\">\n                  {{ item[secondaryDisplayKey] }}\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf=\"!loading && !error && data.length === 0 && searchInput.value\">\n      <div class=\"data-not-found\">No Data Available</div>\n  </div>\n  </div>\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-disabled: #929DAB;--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}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0px}.h2{font-size:32px;line-height:40px;font-weight:400;letter-spacing:0px}.h3{font-size:28px;line-height:36px;font-weight:400;letter-spacing:0px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0px}.h5-b{font-weight:700;letter-spacing:.25px;font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px;font-size:20px;line-height:28px}.h6-b{font-weight:700;letter-spacing:0px;font-size:16px;line-height:24px}.h6{font-size:16px;line-height:24;font-weight:400;letter-spacing:0px}.p{font-size:16px;line-height:180%;font-weight:400;letter-spacing:0px}.h7-b{font-weight:700;letter-spacing:.25px;font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px;font-size:14px;line-height:20px}.h8-b{font-weight:700;letter-spacing:.25px;font-size:12px;line-height:18px}.h8{font-weight:400;letter-spacing:.2px;font-size:12px;line-height:18px}.h9{font-size:10px;line-height:15px;font-weight:400;letter-spacing:0px}.btn-lg-b{font-size:16px;line-height:24px;font-weight:700;letter-spacing:.5px}.btn-lg{font-weight:400;letter-spacing:.2px;font-size:16px;line-height:24px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0px;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\\e90c\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\\ea1a\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\\ea1b\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\\ea28\"}.icon-ic-action-average-trips:before{content:\"\\ea29\"}.icon-ic-action-EV-vehicle:before{content:\"\\ea2e\"}.icon-ic-action-total-trips:before{content:\"\\ea2f\"}.icon-ic-ui-front-desk-24:before{content:\"\\ea26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\\ea27\"}.icon-ic-ETS-OTA-16:before{content:\"\\ea24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\\ea25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\\ea23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\\e900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\\e901\"}.icon-ic-geo-fence-violation-16:before{content:\"\\e902\"}.icon-ic-map-pin-16:before{content:\"\\e903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\\e904\"}.icon-ic-SOS-mobile-16:before{content:\"\\e905\"}.icon-ic-speeding-16:before{content:\"\\e906\"}.icon-ic-tamper-alert-16:before{content:\"\\e907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\\e908\"}.icon-ic-vehicle-stopage-16:before{content:\"\\e909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\\e90a\"}.icon-ic-woman-travelling-alone-16:before{content:\"\\ea22\"}.icon-ic-ets-adhoc-32:before{content:\"\\e90b\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\\e90d\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\\e90e\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\\ea1c\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\\e90f\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\\ea1d\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\\ea00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\\ea01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\\ea02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\\ea03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\\ea04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\\ea05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\\ea06\"}.icon-ic-ets-bus-24-1:before{content:\"\\ea07\"}.icon-ic-ets-bus-24-2:before{content:\"\\ea08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\\ea0b\"}.icon-ic-ets-cloud-off-24:before{content:\"\\ea0c\"}.icon-ic-ets-walking-man-24:before{content:\"\\ea0d\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\\ea0e\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\\ea0f\"}.icon-ic-ui-seperator-16:before{content:\"\\e94c\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\\e910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\\ea1e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\\e911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\\ea1f\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\\ea20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\\ea21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\\e920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\\e921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\\e922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\\e92b\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\\e938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\\e939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\\e952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\\e96e\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\\e96f\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\\e970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\\e971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\\e972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\\e973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\\e974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\\e975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\\e976\"}.icon-ic-navigation-collapse-16:before{content:\"\\e979\"}.icon-ic-navigation-expand-16:before{content:\"\\e989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\\e98a\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\\e98b\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\\e98d\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\\e98e\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\\e9b2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\\e9b3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\\e9b6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\\e9bd\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\\e9c1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\\e9c2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\\e9c7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\\e9d1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\\e9d5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\\e9d6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\\e9eb\"}.icon-ic-ui-error-24:before{content:\"\\e9f4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\\e9f5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\\e9fc\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\\e9fd\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\\e9fe\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\\e9ff\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\\e9f0\"}.icon-ic-ui-overlap-16:before{content:\"\\e9f1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\\e9f2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\\e9f3\"}.icon-ic-rep-booking-16:before{content:\"\\e9f6\"}.icon-ic-ui-arrow-16:before{content:\"\\e9f7\"}.icon-ic-ui-filters2-16:before{content:\"\\e9f8\"}.icon-ic-ui-nonveg-16:before{content:\"\\e9f9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\\e9fa\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\\e9fb\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\\e9ca\"}.icon-ic-ui-Phone-24-1:before{content:\"\\e9cb\"}.icon-ic-ui-Phone-24:before{content:\"\\e9cc\"}.icon-ic-ui-Name-24:before{content:\"\\e9cd\"}.icon-ic-ui-transport-cab-24:before{content:\"\\e9ce\"}.icon-ic-ui-info-24:before{content:\"\\e9cf\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\\e9d0\"}.icon-ic-ui-action-24:before{content:\"\\e9d2\"}.icon-ic-ui-approvals-24:before{content:\"\\e9d3\"}.icon-ic-ui-approvals2-24:before{content:\"\\e9d4\"}.icon-ic-ui-fast-24:before{content:\"\\e9d7\"}.icon-ic-ui-transport-24:before{content:\"\\e9d8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\\e9d9\"}.icon-ic-image-24:before{content:\"\\e9da\"}.icon-ic-ui-bike-24:before{content:\"\\e9db\"}.icon-ic-ui-car-24:before{content:\"\\e9dc\"}.icon-ic-ui-description-24:before{content:\"\\e9dd\"}.icon-ic-ui-email-24-1:before{content:\"\\e9de\"}.icon-ic-ui-format-bullet-24:before{content:\"\\e9df\"}.icon-ic-ui-format-number-24:before{content:\"\\e9e0\"}.icon-ic-ui-help-24:before{content:\"\\e9e1\"}.icon-ic-ui-location-24:before{content:\"\\e9e2\"}.icon-ic-ui-location-searching-24:before{content:\"\\e9e3\"}.icon-ic-ui-meal-241:before{content:\"\\e9e4\"}.icon-ic-ui-on-call-24:before{content:\"\\e9e5\"}.icon-ic-ui-person-24:before{content:\"\\e9e6\"}.icon-ic-ui-pie-24:before{content:\"\\e9e7\"}.icon-ic-ui-question-24:before{content:\"\\e9e8\"}.icon-ic-ui-request-24:before{content:\"\\e9e9\"}.icon-ic-ui-seat-24:before{content:\"\\e9ea\"}.icon-ic-ui-trend-down-24:before{content:\"\\e9ec\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\\e9ed\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\\e9ee\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\\e9ef\"}.icon-ic-nre-check-24:before{content:\"\\e9c4\"}.icon-ic-nre-flag-24:before{content:\"\\e9c5\"}.icon-ic-nre-notification-24:before{content:\"\\e9c6\"}.icon-ic-nre-push-pin-24:before{content:\"\\e9c8\"}.icon-ic-nre-wash-24:before{content:\"\\e9c9\"}.icon-ic-nrs-security-24:before{content:\"\\e9b8\"}.icon-ic-nrs-billing-24:before{content:\"\\e9b9\"}.icon-ic-nrs-downloads-24:before{content:\"\\e9ba\"}.icon-ic-nrs-loader-16:before{content:\"\\e9bb\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\\e9bc\"}.icon-ic-nrs-refersh-24:before{content:\"\\e9be\"}.icon-ic-nrs-sanitize-24:before{content:\"\\e9bf\"}.icon-ic-nrs-score-card-24:before{content:\"\\e9c0\"}.icon-ic-nrs-view-24:before{content:\"\\e9c3\"}.icon-ic-device-24:before{content:\"\\e9b0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\\e9b1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\\e9b4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\\e9b5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\\ea2a\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\\ea2b\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\\ea2c\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\\e9b7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\\ea2d\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\\e9ae\"}.icon-ic-vendor-24:before{content:\"\\e9af\"}.icon-ic-naviation-directions-24:before{content:\"\\e9a5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\\e9a6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\\e9a7\"}.icon-ic-navigation-cancel-24:before{content:\"\\e9a8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\\e9a9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\\e9aa\"}.icon-ic-navigation-drop-down-24:before{content:\"\\e9ab\"}.icon-ic-navigation-expand-less-24:before{content:\"\\e9ac\"}.icon-ic-ui-check-24:before{content:\"\\e9ad\"}.icon-ic-nav-meeting-fill-24:before{content:\"\\e994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\\e995\"}.icon-ic-mr-building-24:before{content:\"\\e996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\\e997\"}.icon-ic-mr-fridge-24:before{content:\"\\e998\"}.icon-ic-mr-guestwifi-24:before{content:\"\\e999\"}.icon-ic-mr-ip-phones-24:before{content:\"\\e99a\"}.icon-ic-mr-mic-24:before{content:\"\\e99b\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\\e99c\"}.icon-ic-mr-speakerphones-24:before{content:\"\\e99d\"}.icon-ic-mr-stationary-24:before{content:\"\\e99e\"}.icon-ic-mr-tv-24:before{content:\"\\e99f\"}.icon-ic-mr-video-conferencing-24:before{content:\"\\e9a0\"}.icon-ic-mr-whiteboard-24:before{content:\"\\e9a1\"}.icon-ic-mr-wing-24:before{content:\"\\e9a2\"}.icon-ic-nav-seat-02-24:before{content:\"\\e9a3\"}.icon-ic-nav-seat-fill-24:before{content:\"\\e9a4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\\e96d\"}.icon-ic-map-current-24 .path1:before{content:\"\\e977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\\ea3e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\\e978\"}.icon-ic-map-reposition-24:before{content:\"\\e97a\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\\e97b\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\\e97c\"}.icon-ic-new-icon-desk-management-24:before{content:\"\\e97d\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\\e97e\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\\e97f\"}.icon-ic-new-icon-health-risk-24:before{content:\"\\e980\"}.icon-ic-new-icon-key-24:before{content:\"\\e981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\\e982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\\e983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\\e984\"}.icon-ic-new-icons-User-group-24:before{content:\"\\e985\"}.icon-ic-ui-attendance:before{content:\"\\e986\"}.icon-ic-ui-cab-login:before{content:\"\\e987\"}.icon-ic-ui-cab-logout:before{content:\"\\e988\"}.icon-ic-ui-sign-in:before{content:\"\\e98c\"}.icon-request-2:before{content:\"\\e98f\"}.icon-seats-available:before{content:\"\\e990\";color:#5cc917}.icon-seats-booked:before{content:\"\\e991\";color:#039be5}.icon-seats-cancelled:before{content:\"\\e992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\\e993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\\e94a\"}.icon-ic-employee-rest:before{content:\"\\e94b\"}.icon-ic-nav-cancelled-24:before{content:\"\\e94d\"}.icon-ic-nav-desk-allocation-24:before{content:\"\\e94e\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\\e94f\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\\e950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\\e951\"}.icon-ic-nav-meetingroom-24:before{content:\"\\e953\"}.icon-ic-nav-office-24:before{content:\"\\e954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\\e955\"}.icon-ic-nav-report-24:before{content:\"\\e956\"}.icon-ic-nav-resource-grps-24:before{content:\"\\e957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\\e958\"}.icon-ic-nav-settings-24:before{content:\"\\e959\"}.icon-ic-nav-translate-24:before{content:\"\\e95a\"}.icon-ic-nav-unplanned-24:before{content:\"\\e95b\"}.icon-ic-nav-upload-24:before{content:\"\\e95c\"}.icon-ic-nav-user-24:before{content:\"\\e95d\"}.icon-ic-nav-user-grps-24:before{content:\"\\e95e\"}.icon-ic-nav-user-pemissions-24:before{content:\"\\e95f\"}.icon-ic-nav-utilisation-24:before{content:\"\\e960\"}.icon-ic-nav-vaccine-24:before{content:\"\\e961\"}.icon-ic-nav-visitor-management-24:before{content:\"\\e962\"}.icon-ic-nav-work-planner-24:before{content:\"\\e963\"}.icon-ic-nre-add-24:before{content:\"\\e964\"}.icon-ic-nre-deactivate-24:before{content:\"\\e965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\\e966\"}.icon-ic-sidebar-guard-24:before{content:\"\\e967\"}.icon-ic-sidebar-home-24:before{content:\"\\e968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\\e969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\\e96a\"}.icon-ic-sidebar-reception-24:before{content:\"\\e96b\"}.icon-ic-ui-pdf-24:before{content:\"\\e96c\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\\e92f\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\\e930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\\e931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\\e93a\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\\e93b\"}.icon-ic-ui-cab-24:before{content:\"\\e93c\"}.icon-ic-ui-calendar2-24:before{content:\"\\e93d\"}.icon-ic-ui-calender-24:before{content:\"\\e93e\"}.icon-ic-ui-email-24:before{content:\"\\e93f\"}.icon-ic-ui-home-24:before{content:\"\\e949\"}.icon-ic-ui-meal-24:before{content:\"\\e940\"}.icon-ic-ui-new_parking-24:before{content:\"\\e941\"}.icon-ic-ui-night-24:before{content:\"\\e942\"}.icon-ic-ui-office-24:before{content:\"\\e943\"}.icon-ic-ui-outofoffice-24:before{content:\"\\e944\"}.icon-ic-ui-parking-24:before{content:\"\\e945\"}.icon-ic-ui-phone-24:before{content:\"\\e946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\\e947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\\e948\"}.icon-ic-action-more-horiz-24:before{content:\"\\e912\"}.icon-ic-action-add-24:before{content:\"\\e913\"}.icon-ic-action-ascending-24:before{content:\"\\e914\"}.icon-ic-action-cached-24:before{content:\"\\e915\"}.icon-ic-action-calview-24:before{content:\"\\e916\"}.icon-ic-action-copy-link-24:before{content:\"\\e917\"}.icon-ic-action-delete-24:before{content:\"\\e918\"}.icon-ic-action-descending-24:before{content:\"\\e919\"}.icon-ic-action-download-24:before{content:\"\\e91a\"}.icon-ic-action-drag-24:before{content:\"\\e91b\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\\e91c\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\\e91d\"}.icon-ic-action-expand-24-1:before{content:\"\\e91e\"}.icon-ic-action-external-link-24:before{content:\"\\e91f\"}.icon-ic-action-favorite-24:before{content:\"\\e923\"}.icon-ic-action-filter-24:before{content:\"\\e924\"}.icon-ic-action-globe-24:before{content:\"\\e925\"}.icon-ic-action-history-24-1:before{content:\"\\e926\"}.icon-ic-action-history-24:before{content:\"\\e927\"}.icon-ic-action-info-24:before{content:\"\\e928\"}.icon-ic-action-invite-24:before{content:\"\\e929\"}.icon-ic-action-listview-24:before{content:\"\\e92a\"}.icon-ic-action-logout-24:before{content:\"\\e92c\"}.icon-ic-action-menu-24:before{content:\"\\e92d\"}.icon-ic-action-more-vert-24:before{content:\"\\e92e\"}.icon-ic-action-notif-2-24:before{content:\"\\e932\"}.icon-ic-action-notif-24:before{content:\"\\e933\"}.icon-ic-action-person-search-24:before{content:\"\\e934\"}.icon-ic-action-print-24:before{content:\"\\e935\"}.icon-ic-action-qr-24:before{content:\"\\e936\"}.icon-ic-action-refresh-24:before{content:\"\\e937\"}.icon-ic-action-remove-24:before{content:\"\\ea09\"}.icon-ic-action-search-24:before{content:\"\\ea0a\"}.icon-ic-action-see-more-24:before{content:\"\\ea10\"}.icon-ic-action-send-24:before{content:\"\\ea11\"}.icon-ic-action-share-24:before{content:\"\\ea12\"}.icon-ic-action-shift-time-24:before{content:\"\\ea13\"}.icon-ic-action-sort-24:before{content:\"\\ea14\"}.icon-ic-action-sort2-24:before{content:\"\\ea15\"}.icon-ic-action-switch-24:before{content:\"\\ea16\"}.icon-ic-action-upload-24:before{content:\"\\ea17\"}.icon-ic-action-visibility-24:before{content:\"\\ea18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\\ea19\";color:#6a737d}.dd-wrapper{background:#FFFFFF;border:1px solid #E0E0E0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#F5F5F5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper:focus-within{border-color:#0937b2;background:#F5F5F5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{box-sizing:border-box;outline:none;padding-left:40px;padding-right:24px;background-color:transparent;font-size:15px;line-height:20px;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{position:absolute;top:50%;transform:translateY(-50%);font-size:24px;line-height:24px;height:24px;left:8px;padding-top:2px}.search-input .croos-icon{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;width:24px;line-height:16px;height:16px;right:0}.dd-list{padding:8px 0;max-height:200px;background:#FFFFFF;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#FFFFFF;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929DAB;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929DAB}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#F5F7FC}.dd-list .data-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;padding:8px}.dd-list-pd{padding:unset}.chip{display:inline-flex;align-items:center;background:#e0e0e0;cursor:default}.chip span{color:#181f33}.chip-md{border-radius:16px;padding:4px 12px}.chip-sm{border-radius:6px;padding:4px 8px;text-transform:uppercase}.ip-md{padding-top:8px;padding-bottom:8px}.ip-sm{padding-top:3px;padding-bottom:3px}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}::ng-deep #spinner{position:relative!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.LoaderComponent, selector: "mis-loader", inputs: ["mobileView"] }] });
+AsyncDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: AsyncDropdownComponent, selector: "mis-async-search-dropdown", inputs: { height: "height", size: "size", httpStream: "httpStream", displayKey: "displayKey", secondaryDisplayKey: "secondaryDisplayKey", placeholder: "placeholder", debounceTime: "debounceTime", minInputLength: "minInputLength", multi: "multi", uniqueKey: "uniqueKey", control: "control", disabled: "disabled", readonly: "readonly", searchValue: "searchValue" }, outputs: { onSelect: "onSelect", searchQueryChange: "searchQueryChange", clear: "clear", itemSelected: "itemSelected", itemRemoved: "itemRemoved" }, queries: [{ propertyName: "customItem", first: true, predicate: ["misCustomItem"], descendants: true }, { propertyName: "customLoader", first: true, predicate: ["asyncCustomLoader"], descendants: true }], viewQueries: [{ propertyName: "origin", first: true, predicate: ["ddBtn"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "dd", first: true, predicate: ["dd"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"dd-wrapper\" [ngClass]=\"{ opened: opened, disabled: disabled, readonly: readonly }\" #ddBtn>\n  <div class=\"selected-list\" *ngIf=\"multi && selections.size > 0\">\n    <div class=\"chip\" [ngClass]=\"{'chip-md': size === 'md', 'chip-sm': size === 'sm'}\" *ngFor=\"let item of selectedItems\">\n      <span [ngClass]=\"{'h6': size === 'md', 'h8-b': size === 'sm'}\" style=\"margin-right: 4px;\">{{item[displayKey]}}</span>\n      <span style=\"cursor: pointer;\" (click)=\"removeItem(item)\" [ngStyle]=\"{'font-size': size === 'sm' ? '12px': '14px'}\" class=\"ic-navigation-cancel-24\"></span>\n    </div>\n  </div>\n  <div class=\"search-input\">\n    <span class=\"ic-action-search-24\"></span>\n    <input [ngClass]=\"{'ip-md': size === 'md', 'ip-sm': size === 'sm'}\" tabindex=\"0\" type=\"text\" class=\"black-text h6\" #input [placeholder]=\"placeholder\" [formControl]=\"searchInput\" />\n    <div class=\"ic-navigation-cancel-24 croos-icon\" *ngIf=\"searchInput?.value?.length\" (click)=\"removeInputValue()\"></div>\n  </div>\n</div>\n\n<ng-template #dd>\n  <div class=\"dd-list\" [ngStyle]=\"{'max-height':height}\"  [ngClass]=\"{'dd-list-pd':data.length === 0}\" >\n    <ng-container *ngIf=\"loading\">\n      <ng-container\n        *ngIf=\"customLoader; else defaultLoader\"\n        [ngTemplateOutlet]=\"customLoader\"\n      ></ng-container>\n      <ng-template #defaultLoader>\n        <div class=\"status-container\" *ngIf=\"loading && !customLoader\">\n          <mis-loader [mobileView]=\"true\"></mis-loader>\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"error\">\n      <div class=\"status-container\">\n        <p>Unknown error has occurred, <br> Please try again later.</p>\n      </div>\n    </ng-container>\n    <div *ngIf=\"!loading && !error && data.length > 0\">\n      <ng-container *ngFor=\"let item of data\">\n        <div (click)=\"selectData(item, false)\">\n          <ng-container\n            *ngIf=\"customItem; else standardItem\"\n            [ngTemplateOutlet]=\"customItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\"\n          ></ng-container>\n          <ng-template #standardItem>\n            <div class=\"item\">\n              <div class=\"value\">\n                <div class=\"primary\">\n                  {{ item[displayKey] }}\n                </div>\n                <div class=\"secondary\">\n                  {{ item[secondaryDisplayKey] }}\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf=\"!loading && !error && data.length === 0 && searchInput.value\">\n      <div class=\"data-not-found\">No Data Available</div>\n  </div>\n  </div>\n</ng-template>\n", styles: [".dd-wrapper{background:#ffffff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#f5f5f5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper:focus-within{border-color:#0937b2;background:#f5f5f5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{box-sizing:border-box;outline:none;padding-left:40px;padding-right:24px;background-color:transparent;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{position:absolute;top:50%;transform:translateY(-50%);font-size:24px;line-height:24px;height:24px;left:8px;padding-top:2px}.search-input .croos-icon{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;width:24px;line-height:16px;height:16px;right:0}.dd-list{padding:8px 0;max-height:200px;background:#ffffff;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#ffffff;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929dab;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929dab}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#f5f7fc}.dd-list .data-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;padding:8px}.dd-list-pd{padding:unset}.chip{display:inline-flex;align-items:center;background:#e0e0e0;cursor:default}.chip span{color:#181f33}.chip-md{border-radius:16px;padding:4px 12px}.chip-sm{border-radius:6px;padding:4px 8px;text-transform:uppercase}.ip-md{padding-top:8px;padding-bottom:8px}.ip-sm{padding-top:3px;padding-bottom:3px}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}::ng-deep #spinner{position:relative!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.LoaderComponent, selector: "mis-loader", inputs: ["mobileView"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AsyncDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mis-async-search-dropdown", template: "<div class=\"dd-wrapper\" [ngClass]=\"{ opened: opened, disabled: disabled, readonly: readonly }\" #ddBtn>\n  <div class=\"selected-list\" *ngIf=\"multi && selections.size > 0\">\n    <div class=\"chip\" [ngClass]=\"{'chip-md': size === 'md', 'chip-sm': size === 'sm'}\" *ngFor=\"let item of selectedItems\">\n      <span [ngClass]=\"{'h6': size === 'md', 'h8-b': size === 'sm'}\" style=\"margin-right: 4px;\">{{item[displayKey]}}</span>\n      <span style=\"cursor: pointer;\" (click)=\"removeItem(item)\" [ngStyle]=\"{'font-size': size === 'sm' ? '12px': '14px'}\" class=\"ic-navigation-cancel-24\"></span>\n    </div>\n  </div>\n  <div class=\"search-input\">\n    <span class=\"ic-action-search-24\"></span>\n    <input [ngClass]=\"{'ip-md': size === 'md', 'ip-sm': size === 'sm'}\" tabindex=\"0\" type=\"text\" class=\"black-text h6\" #input [placeholder]=\"placeholder\" [formControl]=\"searchInput\" />\n    <div class=\"ic-navigation-cancel-24 croos-icon\" *ngIf=\"searchInput?.value?.length\" (click)=\"removeInputValue()\"></div>\n  </div>\n</div>\n\n<ng-template #dd>\n  <div class=\"dd-list\" [ngStyle]=\"{'max-height':height}\"  [ngClass]=\"{'dd-list-pd':data.length === 0}\" >\n    <ng-container *ngIf=\"loading\">\n      <ng-container\n        *ngIf=\"customLoader; else defaultLoader\"\n        [ngTemplateOutlet]=\"customLoader\"\n      ></ng-container>\n      <ng-template #defaultLoader>\n        <div class=\"status-container\" *ngIf=\"loading && !customLoader\">\n          <mis-loader [mobileView]=\"true\"></mis-loader>\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"error\">\n      <div class=\"status-container\">\n        <p>Unknown error has occurred, <br> Please try again later.</p>\n      </div>\n    </ng-container>\n    <div *ngIf=\"!loading && !error && data.length > 0\">\n      <ng-container *ngFor=\"let item of data\">\n        <div (click)=\"selectData(item, false)\">\n          <ng-container\n            *ngIf=\"customItem; else standardItem\"\n            [ngTemplateOutlet]=\"customItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\"\n          ></ng-container>\n          <ng-template #standardItem>\n            <div class=\"item\">\n              <div class=\"value\">\n                <div class=\"primary\">\n                  {{ item[displayKey] }}\n                </div>\n                <div class=\"secondary\">\n                  {{ item[secondaryDisplayKey] }}\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf=\"!loading && !error && data.length === 0 && searchInput.value\">\n      <div class=\"data-not-found\">No Data Available</div>\n  </div>\n  </div>\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-disabled: #929DAB;--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}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0px}.h2{font-size:32px;line-height:40px;font-weight:400;letter-spacing:0px}.h3{font-size:28px;line-height:36px;font-weight:400;letter-spacing:0px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0px}.h5-b{font-weight:700;letter-spacing:.25px;font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px;font-size:20px;line-height:28px}.h6-b{font-weight:700;letter-spacing:0px;font-size:16px;line-height:24px}.h6{font-size:16px;line-height:24;font-weight:400;letter-spacing:0px}.p{font-size:16px;line-height:180%;font-weight:400;letter-spacing:0px}.h7-b{font-weight:700;letter-spacing:.25px;font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px;font-size:14px;line-height:20px}.h8-b{font-weight:700;letter-spacing:.25px;font-size:12px;line-height:18px}.h8{font-weight:400;letter-spacing:.2px;font-size:12px;line-height:18px}.h9{font-size:10px;line-height:15px;font-weight:400;letter-spacing:0px}.btn-lg-b{font-size:16px;line-height:24px;font-weight:700;letter-spacing:.5px}.btn-lg{font-weight:400;letter-spacing:.2px;font-size:16px;line-height:24px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0px;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\\e90c\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\\ea1a\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\\ea1b\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\\ea28\"}.icon-ic-action-average-trips:before{content:\"\\ea29\"}.icon-ic-action-EV-vehicle:before{content:\"\\ea2e\"}.icon-ic-action-total-trips:before{content:\"\\ea2f\"}.icon-ic-ui-front-desk-24:before{content:\"\\ea26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\\ea27\"}.icon-ic-ETS-OTA-16:before{content:\"\\ea24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\\ea25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\\ea23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\\e900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\\e901\"}.icon-ic-geo-fence-violation-16:before{content:\"\\e902\"}.icon-ic-map-pin-16:before{content:\"\\e903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\\e904\"}.icon-ic-SOS-mobile-16:before{content:\"\\e905\"}.icon-ic-speeding-16:before{content:\"\\e906\"}.icon-ic-tamper-alert-16:before{content:\"\\e907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\\e908\"}.icon-ic-vehicle-stopage-16:before{content:\"\\e909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\\e90a\"}.icon-ic-woman-travelling-alone-16:before{content:\"\\ea22\"}.icon-ic-ets-adhoc-32:before{content:\"\\e90b\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\\e90d\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\\e90e\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\\ea1c\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\\e90f\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\\ea1d\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\\ea00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\\ea01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\\ea02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\\ea03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\\ea04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\\ea05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\\ea06\"}.icon-ic-ets-bus-24-1:before{content:\"\\ea07\"}.icon-ic-ets-bus-24-2:before{content:\"\\ea08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\\ea0b\"}.icon-ic-ets-cloud-off-24:before{content:\"\\ea0c\"}.icon-ic-ets-walking-man-24:before{content:\"\\ea0d\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\\ea0e\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\\ea0f\"}.icon-ic-ui-seperator-16:before{content:\"\\e94c\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\\e910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\\ea1e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\\e911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\\ea1f\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\\ea20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\\ea21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\\e920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\\e921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\\e922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\\e92b\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\\e938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\\e939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\\e952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\\e96e\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\\e96f\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\\e970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\\e971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\\e972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\\e973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\\e974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\\e975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\\e976\"}.icon-ic-navigation-collapse-16:before{content:\"\\e979\"}.icon-ic-navigation-expand-16:before{content:\"\\e989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\\e98a\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\\e98b\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\\e98d\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\\e98e\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\\e9b2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\\e9b3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\\e9b6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\\e9bd\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\\e9c1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\\e9c2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\\e9c7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\\e9d1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\\e9d5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\\e9d6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\\e9eb\"}.icon-ic-ui-error-24:before{content:\"\\e9f4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\\e9f5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\\e9fc\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\\e9fd\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\\e9fe\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\\e9ff\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\\e9f0\"}.icon-ic-ui-overlap-16:before{content:\"\\e9f1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\\e9f2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\\e9f3\"}.icon-ic-rep-booking-16:before{content:\"\\e9f6\"}.icon-ic-ui-arrow-16:before{content:\"\\e9f7\"}.icon-ic-ui-filters2-16:before{content:\"\\e9f8\"}.icon-ic-ui-nonveg-16:before{content:\"\\e9f9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\\e9fa\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\\e9fb\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\\e9ca\"}.icon-ic-ui-Phone-24-1:before{content:\"\\e9cb\"}.icon-ic-ui-Phone-24:before{content:\"\\e9cc\"}.icon-ic-ui-Name-24:before{content:\"\\e9cd\"}.icon-ic-ui-transport-cab-24:before{content:\"\\e9ce\"}.icon-ic-ui-info-24:before{content:\"\\e9cf\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\\e9d0\"}.icon-ic-ui-action-24:before{content:\"\\e9d2\"}.icon-ic-ui-approvals-24:before{content:\"\\e9d3\"}.icon-ic-ui-approvals2-24:before{content:\"\\e9d4\"}.icon-ic-ui-fast-24:before{content:\"\\e9d7\"}.icon-ic-ui-transport-24:before{content:\"\\e9d8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\\e9d9\"}.icon-ic-image-24:before{content:\"\\e9da\"}.icon-ic-ui-bike-24:before{content:\"\\e9db\"}.icon-ic-ui-car-24:before{content:\"\\e9dc\"}.icon-ic-ui-description-24:before{content:\"\\e9dd\"}.icon-ic-ui-email-24-1:before{content:\"\\e9de\"}.icon-ic-ui-format-bullet-24:before{content:\"\\e9df\"}.icon-ic-ui-format-number-24:before{content:\"\\e9e0\"}.icon-ic-ui-help-24:before{content:\"\\e9e1\"}.icon-ic-ui-location-24:before{content:\"\\e9e2\"}.icon-ic-ui-location-searching-24:before{content:\"\\e9e3\"}.icon-ic-ui-meal-241:before{content:\"\\e9e4\"}.icon-ic-ui-on-call-24:before{content:\"\\e9e5\"}.icon-ic-ui-person-24:before{content:\"\\e9e6\"}.icon-ic-ui-pie-24:before{content:\"\\e9e7\"}.icon-ic-ui-question-24:before{content:\"\\e9e8\"}.icon-ic-ui-request-24:before{content:\"\\e9e9\"}.icon-ic-ui-seat-24:before{content:\"\\e9ea\"}.icon-ic-ui-trend-down-24:before{content:\"\\e9ec\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\\e9ed\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\\e9ee\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\\e9ef\"}.icon-ic-nre-check-24:before{content:\"\\e9c4\"}.icon-ic-nre-flag-24:before{content:\"\\e9c5\"}.icon-ic-nre-notification-24:before{content:\"\\e9c6\"}.icon-ic-nre-push-pin-24:before{content:\"\\e9c8\"}.icon-ic-nre-wash-24:before{content:\"\\e9c9\"}.icon-ic-nrs-security-24:before{content:\"\\e9b8\"}.icon-ic-nrs-billing-24:before{content:\"\\e9b9\"}.icon-ic-nrs-downloads-24:before{content:\"\\e9ba\"}.icon-ic-nrs-loader-16:before{content:\"\\e9bb\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\\e9bc\"}.icon-ic-nrs-refersh-24:before{content:\"\\e9be\"}.icon-ic-nrs-sanitize-24:before{content:\"\\e9bf\"}.icon-ic-nrs-score-card-24:before{content:\"\\e9c0\"}.icon-ic-nrs-view-24:before{content:\"\\e9c3\"}.icon-ic-device-24:before{content:\"\\e9b0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\\e9b1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\\e9b4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\\e9b5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\\ea2a\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\\ea2b\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\\ea2c\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\\e9b7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\\ea2d\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\\e9ae\"}.icon-ic-vendor-24:before{content:\"\\e9af\"}.icon-ic-naviation-directions-24:before{content:\"\\e9a5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\\e9a6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\\e9a7\"}.icon-ic-navigation-cancel-24:before{content:\"\\e9a8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\\e9a9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\\e9aa\"}.icon-ic-navigation-drop-down-24:before{content:\"\\e9ab\"}.icon-ic-navigation-expand-less-24:before{content:\"\\e9ac\"}.icon-ic-ui-check-24:before{content:\"\\e9ad\"}.icon-ic-nav-meeting-fill-24:before{content:\"\\e994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\\e995\"}.icon-ic-mr-building-24:before{content:\"\\e996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\\e997\"}.icon-ic-mr-fridge-24:before{content:\"\\e998\"}.icon-ic-mr-guestwifi-24:before{content:\"\\e999\"}.icon-ic-mr-ip-phones-24:before{content:\"\\e99a\"}.icon-ic-mr-mic-24:before{content:\"\\e99b\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\\e99c\"}.icon-ic-mr-speakerphones-24:before{content:\"\\e99d\"}.icon-ic-mr-stationary-24:before{content:\"\\e99e\"}.icon-ic-mr-tv-24:before{content:\"\\e99f\"}.icon-ic-mr-video-conferencing-24:before{content:\"\\e9a0\"}.icon-ic-mr-whiteboard-24:before{content:\"\\e9a1\"}.icon-ic-mr-wing-24:before{content:\"\\e9a2\"}.icon-ic-nav-seat-02-24:before{content:\"\\e9a3\"}.icon-ic-nav-seat-fill-24:before{content:\"\\e9a4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\\e96d\"}.icon-ic-map-current-24 .path1:before{content:\"\\e977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\\ea3e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\\e978\"}.icon-ic-map-reposition-24:before{content:\"\\e97a\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\\e97b\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\\e97c\"}.icon-ic-new-icon-desk-management-24:before{content:\"\\e97d\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\\e97e\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\\e97f\"}.icon-ic-new-icon-health-risk-24:before{content:\"\\e980\"}.icon-ic-new-icon-key-24:before{content:\"\\e981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\\e982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\\e983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\\e984\"}.icon-ic-new-icons-User-group-24:before{content:\"\\e985\"}.icon-ic-ui-attendance:before{content:\"\\e986\"}.icon-ic-ui-cab-login:before{content:\"\\e987\"}.icon-ic-ui-cab-logout:before{content:\"\\e988\"}.icon-ic-ui-sign-in:before{content:\"\\e98c\"}.icon-request-2:before{content:\"\\e98f\"}.icon-seats-available:before{content:\"\\e990\";color:#5cc917}.icon-seats-booked:before{content:\"\\e991\";color:#039be5}.icon-seats-cancelled:before{content:\"\\e992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\\e993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\\e94a\"}.icon-ic-employee-rest:before{content:\"\\e94b\"}.icon-ic-nav-cancelled-24:before{content:\"\\e94d\"}.icon-ic-nav-desk-allocation-24:before{content:\"\\e94e\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\\e94f\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\\e950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\\e951\"}.icon-ic-nav-meetingroom-24:before{content:\"\\e953\"}.icon-ic-nav-office-24:before{content:\"\\e954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\\e955\"}.icon-ic-nav-report-24:before{content:\"\\e956\"}.icon-ic-nav-resource-grps-24:before{content:\"\\e957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\\e958\"}.icon-ic-nav-settings-24:before{content:\"\\e959\"}.icon-ic-nav-translate-24:before{content:\"\\e95a\"}.icon-ic-nav-unplanned-24:before{content:\"\\e95b\"}.icon-ic-nav-upload-24:before{content:\"\\e95c\"}.icon-ic-nav-user-24:before{content:\"\\e95d\"}.icon-ic-nav-user-grps-24:before{content:\"\\e95e\"}.icon-ic-nav-user-pemissions-24:before{content:\"\\e95f\"}.icon-ic-nav-utilisation-24:before{content:\"\\e960\"}.icon-ic-nav-vaccine-24:before{content:\"\\e961\"}.icon-ic-nav-visitor-management-24:before{content:\"\\e962\"}.icon-ic-nav-work-planner-24:before{content:\"\\e963\"}.icon-ic-nre-add-24:before{content:\"\\e964\"}.icon-ic-nre-deactivate-24:before{content:\"\\e965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\\e966\"}.icon-ic-sidebar-guard-24:before{content:\"\\e967\"}.icon-ic-sidebar-home-24:before{content:\"\\e968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\\e969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\\e96a\"}.icon-ic-sidebar-reception-24:before{content:\"\\e96b\"}.icon-ic-ui-pdf-24:before{content:\"\\e96c\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\\e92f\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\\e930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\\e931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\\e93a\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\\e93b\"}.icon-ic-ui-cab-24:before{content:\"\\e93c\"}.icon-ic-ui-calendar2-24:before{content:\"\\e93d\"}.icon-ic-ui-calender-24:before{content:\"\\e93e\"}.icon-ic-ui-email-24:before{content:\"\\e93f\"}.icon-ic-ui-home-24:before{content:\"\\e949\"}.icon-ic-ui-meal-24:before{content:\"\\e940\"}.icon-ic-ui-new_parking-24:before{content:\"\\e941\"}.icon-ic-ui-night-24:before{content:\"\\e942\"}.icon-ic-ui-office-24:before{content:\"\\e943\"}.icon-ic-ui-outofoffice-24:before{content:\"\\e944\"}.icon-ic-ui-parking-24:before{content:\"\\e945\"}.icon-ic-ui-phone-24:before{content:\"\\e946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\\e947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\\e948\"}.icon-ic-action-more-horiz-24:before{content:\"\\e912\"}.icon-ic-action-add-24:before{content:\"\\e913\"}.icon-ic-action-ascending-24:before{content:\"\\e914\"}.icon-ic-action-cached-24:before{content:\"\\e915\"}.icon-ic-action-calview-24:before{content:\"\\e916\"}.icon-ic-action-copy-link-24:before{content:\"\\e917\"}.icon-ic-action-delete-24:before{content:\"\\e918\"}.icon-ic-action-descending-24:before{content:\"\\e919\"}.icon-ic-action-download-24:before{content:\"\\e91a\"}.icon-ic-action-drag-24:before{content:\"\\e91b\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\\e91c\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\\e91d\"}.icon-ic-action-expand-24-1:before{content:\"\\e91e\"}.icon-ic-action-external-link-24:before{content:\"\\e91f\"}.icon-ic-action-favorite-24:before{content:\"\\e923\"}.icon-ic-action-filter-24:before{content:\"\\e924\"}.icon-ic-action-globe-24:before{content:\"\\e925\"}.icon-ic-action-history-24-1:before{content:\"\\e926\"}.icon-ic-action-history-24:before{content:\"\\e927\"}.icon-ic-action-info-24:before{content:\"\\e928\"}.icon-ic-action-invite-24:before{content:\"\\e929\"}.icon-ic-action-listview-24:before{content:\"\\e92a\"}.icon-ic-action-logout-24:before{content:\"\\e92c\"}.icon-ic-action-menu-24:before{content:\"\\e92d\"}.icon-ic-action-more-vert-24:before{content:\"\\e92e\"}.icon-ic-action-notif-2-24:before{content:\"\\e932\"}.icon-ic-action-notif-24:before{content:\"\\e933\"}.icon-ic-action-person-search-24:before{content:\"\\e934\"}.icon-ic-action-print-24:before{content:\"\\e935\"}.icon-ic-action-qr-24:before{content:\"\\e936\"}.icon-ic-action-refresh-24:before{content:\"\\e937\"}.icon-ic-action-remove-24:before{content:\"\\ea09\"}.icon-ic-action-search-24:before{content:\"\\ea0a\"}.icon-ic-action-see-more-24:before{content:\"\\ea10\"}.icon-ic-action-send-24:before{content:\"\\ea11\"}.icon-ic-action-share-24:before{content:\"\\ea12\"}.icon-ic-action-shift-time-24:before{content:\"\\ea13\"}.icon-ic-action-sort-24:before{content:\"\\ea14\"}.icon-ic-action-sort2-24:before{content:\"\\ea15\"}.icon-ic-action-switch-24:before{content:\"\\ea16\"}.icon-ic-action-upload-24:before{content:\"\\ea17\"}.icon-ic-action-visibility-24:before{content:\"\\ea18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\\ea19\";color:#6a737d}.dd-wrapper{background:#FFFFFF;border:1px solid #E0E0E0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#F5F5F5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper:focus-within{border-color:#0937b2;background:#F5F5F5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{box-sizing:border-box;outline:none;padding-left:40px;padding-right:24px;background-color:transparent;font-size:15px;line-height:20px;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{position:absolute;top:50%;transform:translateY(-50%);font-size:24px;line-height:24px;height:24px;left:8px;padding-top:2px}.search-input .croos-icon{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;width:24px;line-height:16px;height:16px;right:0}.dd-list{padding:8px 0;max-height:200px;background:#FFFFFF;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#FFFFFF;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929DAB;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929DAB}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#F5F7FC}.dd-list .data-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;padding:8px}.dd-list-pd{padding:unset}.chip{display:inline-flex;align-items:center;background:#e0e0e0;cursor:default}.chip span{color:#181f33}.chip-md{border-radius:16px;padding:4px 12px}.chip-sm{border-radius:6px;padding:4px 8px;text-transform:uppercase}.ip-md{padding-top:8px;padding-bottom:8px}.ip-sm{padding-top:3px;padding-bottom:3px}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}::ng-deep #spinner{position:relative!important}\n"] }]
+            args: [{ selector: "mis-async-search-dropdown", template: "<div class=\"dd-wrapper\" [ngClass]=\"{ opened: opened, disabled: disabled, readonly: readonly }\" #ddBtn>\n  <div class=\"selected-list\" *ngIf=\"multi && selections.size > 0\">\n    <div class=\"chip\" [ngClass]=\"{'chip-md': size === 'md', 'chip-sm': size === 'sm'}\" *ngFor=\"let item of selectedItems\">\n      <span [ngClass]=\"{'h6': size === 'md', 'h8-b': size === 'sm'}\" style=\"margin-right: 4px;\">{{item[displayKey]}}</span>\n      <span style=\"cursor: pointer;\" (click)=\"removeItem(item)\" [ngStyle]=\"{'font-size': size === 'sm' ? '12px': '14px'}\" class=\"ic-navigation-cancel-24\"></span>\n    </div>\n  </div>\n  <div class=\"search-input\">\n    <span class=\"ic-action-search-24\"></span>\n    <input [ngClass]=\"{'ip-md': size === 'md', 'ip-sm': size === 'sm'}\" tabindex=\"0\" type=\"text\" class=\"black-text h6\" #input [placeholder]=\"placeholder\" [formControl]=\"searchInput\" />\n    <div class=\"ic-navigation-cancel-24 croos-icon\" *ngIf=\"searchInput?.value?.length\" (click)=\"removeInputValue()\"></div>\n  </div>\n</div>\n\n<ng-template #dd>\n  <div class=\"dd-list\" [ngStyle]=\"{'max-height':height}\"  [ngClass]=\"{'dd-list-pd':data.length === 0}\" >\n    <ng-container *ngIf=\"loading\">\n      <ng-container\n        *ngIf=\"customLoader; else defaultLoader\"\n        [ngTemplateOutlet]=\"customLoader\"\n      ></ng-container>\n      <ng-template #defaultLoader>\n        <div class=\"status-container\" *ngIf=\"loading && !customLoader\">\n          <mis-loader [mobileView]=\"true\"></mis-loader>\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"error\">\n      <div class=\"status-container\">\n        <p>Unknown error has occurred, <br> Please try again later.</p>\n      </div>\n    </ng-container>\n    <div *ngIf=\"!loading && !error && data.length > 0\">\n      <ng-container *ngFor=\"let item of data\">\n        <div (click)=\"selectData(item, false)\">\n          <ng-container\n            *ngIf=\"customItem; else standardItem\"\n            [ngTemplateOutlet]=\"customItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\"\n          ></ng-container>\n          <ng-template #standardItem>\n            <div class=\"item\">\n              <div class=\"value\">\n                <div class=\"primary\">\n                  {{ item[displayKey] }}\n                </div>\n                <div class=\"secondary\">\n                  {{ item[secondaryDisplayKey] }}\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf=\"!loading && !error && data.length === 0 && searchInput.value\">\n      <div class=\"data-not-found\">No Data Available</div>\n  </div>\n  </div>\n</ng-template>\n", styles: [".dd-wrapper{background:#ffffff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#f5f5f5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper:focus-within{border-color:#0937b2;background:#f5f5f5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{box-sizing:border-box;outline:none;padding-left:40px;padding-right:24px;background-color:transparent;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{position:absolute;top:50%;transform:translateY(-50%);font-size:24px;line-height:24px;height:24px;left:8px;padding-top:2px}.search-input .croos-icon{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;width:24px;line-height:16px;height:16px;right:0}.dd-list{padding:8px 0;max-height:200px;background:#ffffff;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#ffffff;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929dab;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929dab}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#f5f7fc}.dd-list .data-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;padding:8px}.dd-list-pd{padding:unset}.chip{display:inline-flex;align-items:center;background:#e0e0e0;cursor:default}.chip span{color:#181f33}.chip-md{border-radius:16px;padding:4px 12px}.chip-sm{border-radius:6px;padding:4px 8px;text-transform:uppercase}.ip-md{padding-top:8px;padding-bottom:8px}.ip-sm{padding-top:3px;padding-bottom:3px}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}::ng-deep #spinner{position:relative!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.ViewContainerRef }, { type: i0.NgZone }]; }, propDecorators: { height: [{
                 type: Input
             }], size: [{