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

package/fesm2020/mis-crystal-design-system-daterangepicker_v2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-daterangepicker_v2.mjs","sources":["../../../projects/mis-components/daterangepicker_v2/daterangepicker-constants.ts","../../../projects/mis-components/daterangepicker_v2/utils/index.ts","../../../projects/mis-components/daterangepicker_v2/tz-drp-container/tz-drp-container.component.ts","../../../projects/mis-components/daterangepicker_v2/tz-drp-container/tz-drp-container.component.html","../../../projects/mis-components/daterangepicker_v2/tz-daterangepicker.directive.ts","../../../projects/mis-components/daterangepicker_v2/daterangepicker.module.ts","../../../projects/mis-components/daterangepicker_v2/mis-crystal-design-system-daterangepicker_v2.ts"],"sourcesContent":["/** @format */\n\nimport { InjectionToken } from \"@angular/core\";\n\nexport const CONTAINER_DATA = new InjectionToken<{}>(\"CONTAINER_DATA\");\nexport const DATE_FORMAT = \"DD-MM-YYYY\";\n","import { ICurrentMonth } from \"../models/drp-config.model\";\n\nexport const getMonth = (index: number): ICurrentMonth => {\n  let month;\n  switch (index) {\n    case 0:\n      month = \"January\";\n      break;\n    case 1:\n      month = \"February\";\n      break;\n    case 2:\n      month = \"March\";\n      break;\n    case 3:\n      month = \"April\";\n      break;\n    case 4:\n      month = \"May\";\n      break;\n    case 5:\n      month = \"June\";\n      break;\n    case 6:\n      month = \"July\";\n      break;\n    case 7:\n      month = \"August\";\n      break;\n    case 8:\n      month = \"September\";\n      break;\n    case 9:\n      month = \"October\";\n      break;\n    case 10:\n      month = \"November\";\n      break;\n    case 11:\n      month = \"December\";\n      break;\n    default:\n      break;\n  }\n  return month;\n};\n","import { Component, Inject, OnInit } from \"@angular/core\";\nimport { CONTAINER_DATA, DATE_FORMAT } from \"../daterangepicker-constants\";\nimport { ICurrentMonth, ICurrentMonthDates, IDatePickerData, IWeekDay, ISelectedDatesConfig } from \"../models/drp-config.model\";\nimport { parseZone, Moment } from \"moment-timezone\";\nimport { getMonth } from \"../utils\";\nimport { ToastService } from \"mis-crystal-design-system/toast\";\n\n@Component({\n  selector: \"mis-tz-drp\",\n  templateUrl: \"./tz-drp-container.component.html\",\n  styleUrls: [\"./tz-drp-container.component.scss\"]\n})\nexport class TzDrpContainerComponent implements OnInit {\n  data: IDatePickerData;\n  private parseZoneInstance = (...args) => {\n    return parseZone(...args);\n  };\n  private rawWeekDays: string[] = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\n  weekDays: IWeekDay[] = [];\n  currentMonthNumber: number;\n  currentMonth: ICurrentMonth;\n  currentYearNumber: number;\n  currentMonthDates: ICurrentMonthDates[] = [];\n  nextMonthNumber: number;\n  nextMonth: ICurrentMonth;\n  nextYearNumber: number;\n  nextMonthDates: ICurrentMonthDates[] = [];\n  isPreviousMonthDisabled: boolean = false;\n  isNextMonthDisabled: boolean = false;\n  selectionStarted = false;\n  localSelectedDates: ISelectedDatesConfig;\n  isDatesValid = false;\n\n  constructor(@Inject(CONTAINER_DATA) data: IDatePickerData, private toast: ToastService) {\n    this.data = data;\n    this.localSelectedDates = this.data.dates;\n    this.isDatesValid = false;\n    if (this.localSelectedDates.startDate && this.localSelectedDates.endDate) {\n      this.isDatesValid = true;\n    }\n    if (this.data?.dpConfig?.timezone) {\n      this.parseZoneInstance = (...args) => {\n        return parseZone(...args).tz(this.data.dpConfig.timezone);\n      };\n    }\n    this.currentMonthNumber = this.parseZoneInstance().month();\n    this.nextMonthNumber = this.parseZoneInstance().add(1, \"month\").month();\n    this.currentMonth = getMonth(this.currentMonthNumber);\n    this.nextMonth = getMonth(this.nextMonthNumber);\n    this.currentYearNumber = this.parseZoneInstance().year();\n    this.nextYearNumber = this.parseZoneInstance().add(1, \"month\").year();\n    this.weekDays = this.rawWeekDays.map((day, index) => ({\n      label: `${day[0]}${day.slice(1).toLowerCase()}`,\n      isCurrentDay: this.parseZoneInstance().day() === index\n    }));\n    if (!this.data?.dpConfig?.format) {\n      this.data.dpConfig = {\n        ...this.data.dpConfig,\n        format: DATE_FORMAT\n      };\n    }\n  }\n\n  ngOnInit(): void {\n    this.currentDateInstance();\n    this.calculateMinMaxDays();\n  }\n\n  private currentDateInstance(): void {\n    if (!this.localSelectedDates?.startDate) {\n      this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n      this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n      return;\n    }\n    const selectedStartDate = this.parseZoneInstance(this.localSelectedDates?.startDate, this.data.dpConfig.format);\n    if (selectedStartDate.isValid()) {\n      this.currentYearNumber = selectedStartDate.year();\n      this.nextYearNumber = selectedStartDate.add(1, \"month\").year();\n      this.currentMonthNumber = selectedStartDate.get(\"month\") - 1;\n      this.nextMonthNumber = selectedStartDate.add(1, \"month\").month() - 1;\n      this.currentMonth = getMonth(this.currentMonthNumber);\n      this.nextMonth = getMonth(this.nextMonthNumber);\n    }\n    this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n    this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n  }\n\n  private calculateMinMaxDays() {\n    const currentInstance = this.parseZoneInstance().year(this.currentYearNumber).month(this.currentMonthNumber);\n    const minDate = this.parseZoneInstance(this.data.dpConfig.minDate, this.data.dpConfig.format);\n    if (minDate.isValid()) {\n      this.isPreviousMonthDisabled = minDate.isSameOrAfter(currentInstance, \"month\");\n    }\n    const maxDate = this.parseZoneInstance(this.data.dpConfig.maxDate, this.data.dpConfig.format);\n    if (maxDate.isValid()) {\n      this.isNextMonthDisabled = maxDate.isSameOrBefore(currentInstance, \"month\");\n    }\n  }\n\n  navigateMonth(direction: \"NEXT\" | \"PREVIOUS\"): void {\n    let thisMonth: Moment = parseZone().year(this.currentYearNumber).month(this.currentMonthNumber);\n    if (direction === \"NEXT\") {\n      thisMonth = thisMonth.add(1, \"month\");\n    } else if (direction === \"PREVIOUS\") {\n      thisMonth = thisMonth.subtract(1, \"month\");\n    }\n    this.currentMonthNumber = thisMonth.month();\n    this.nextMonthNumber = thisMonth.add(1, \"month\").month();\n    this.currentMonth = getMonth(this.currentMonthNumber);\n    this.nextMonth = getMonth(this.nextMonthNumber);\n    this.currentYearNumber = thisMonth.year();\n    this.nextYearNumber = thisMonth.add(1, \"month\").year();\n    this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n    this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n    this.calculateMinMaxDays();\n  }\n\n  private generateDates(month: number, currentYearNumber: number): ICurrentMonthDates[] {\n    let dates: ICurrentMonthDates[] = [];\n    const daysInMonth = parseZone().year(currentYearNumber).month(month).daysInMonth();\n    for (let currentDate = 1; currentDate <= daysInMonth; currentDate++) {\n      const date = this.parseZoneInstance().year(currentYearNumber).month(month).date(currentDate);\n      const dateString = date.format(this.data.dpConfig.format);\n      let isDisabledDay = this.data.datesDisabled.some(d => d === dateString);\n      const minDate = this.parseZoneInstance(this.data.dpConfig.minDate, this.data.dpConfig.format);\n      if (!isDisabledDay && minDate.isValid()) {\n        isDisabledDay = minDate.isAfter(date, \"day\");\n      }\n      const maxDate = this.parseZoneInstance(this.data.dpConfig.maxDate, this.data.dpConfig.format);\n      if (!isDisabledDay && maxDate.isValid()) {\n        isDisabledDay = maxDate.isBefore(date, \"day\");\n      }\n      const isCurrentDay =\n        this.parseZoneInstance().year(currentYearNumber).month(month).date(currentDate).format(this.data.dpConfig.format) ===\n        this.parseZoneInstance().format(this.data.dpConfig.format);\n      const isSelectedStartDay =\n        !isDisabledDay &&\n        (this.localSelectedDates?.startDate ?? false) &&\n        date.format(this.data.dpConfig.format) === this.localSelectedDates?.startDate;\n      const isAfterSelectedStartDate = this.parseZoneInstance(date).isAfter(this.localSelectedDates.startDate, \"day\");\n      const isBeforeSelectedEndDate = this.parseZoneInstance(date).isBefore(parseZone(this.localSelectedDates.endDate), \"day\");\n      const inRangeDay =\n        (this.localSelectedDates.startDate ?? false) &&\n        (this.localSelectedDates.endDate ?? false) &&\n        isAfterSelectedStartDate &&\n        isBeforeSelectedEndDate;\n\n      const isSelectedEndDay =\n        !isDisabledDay &&\n        ((this.localSelectedDates?.startDate && this.localSelectedDates?.endDate) ?? false) &&\n        date.format(this.data.dpConfig.format) === this.localSelectedDates?.endDate;\n      dates.push({\n        date: currentDate,\n        weekDay: date.day(),\n        isCurrentDay,\n        isSelectedStartDay,\n        isSelectedEndDay,\n        inRangeDay,\n        toastMessage: this.data.messages.find(q => date.format(this.data.dpConfig.format) === q.date)?.message || \"\",\n        isDisabledDay\n      });\n    }\n    for (let i = dates[0].weekDay; i > 0; i--) {\n      dates.unshift({ date: 0, weekDay: i - 1 });\n    }\n    return dates;\n  }\n\n  selectDay(from: \"LEFT\" | \"RIGHT\", day: ICurrentMonthDates) {\n    if (day.date <= 0) return;\n    if (!day.isDisabledDay) {\n      if (this.selectionStarted) {\n        const momentDay = parseZone()\n          .year(from === \"LEFT\" ? this.currentYearNumber : this.nextYearNumber)\n          .month(from === \"LEFT\" ? this.currentMonthNumber : this.nextMonthNumber)\n          .date(day.date);\n        if (momentDay.isBefore(this.localSelectedDates.startDate, \"day\")) {\n          this.localSelectedDates = {\n            startDate: momentDay.format(this.data.dpConfig.format),\n            endDate: null\n          };\n          this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n          this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n          return;\n        }\n        this.selectionStarted = false;\n        this.localSelectedDates = {\n          ...this.localSelectedDates,\n          endDate: momentDay.format(this.data.dpConfig.format)\n        };\n      } else {\n        this.selectionStarted = true;\n        this.localSelectedDates = {\n          startDate: parseZone()\n            .year(from === \"LEFT\" ? this.currentYearNumber : this.nextYearNumber)\n            .month(from === \"LEFT\" ? this.currentMonthNumber : this.nextMonthNumber)\n            .date(day.date)\n            .format(this.data.dpConfig.format),\n          endDate: null\n        };\n      }\n      this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n      this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n      this.isDatesValid = false;\n      if (this.localSelectedDates.startDate && this.localSelectedDates.endDate) {\n        this.isDatesValid = true;\n      }\n    }\n    if (day.toastMessage) {\n      this.toast.displayMsg(day.toastMessage, 4000);\n    }\n  }\n  applyDates() {\n    this.data.dateChange(this.localSelectedDates);\n  }\n  cancelDatePicker() {\n    this.data.close();\n  }\n}\n","<div class=\"daterangepicker-container\">\n  <div class=\"daterangepicker-container__view\">\n    <div class=\"datepicker__left\">\n      <div class=\"daterangepicker-container__header__prabu\">\n        <div\n          class=\"daterangepicker-container__arrow__icon\"\n          (click)=\"!isPreviousMonthDisabled && navigateMonth('PREVIOUS')\"\n          [ngClass]=\"{\n            'disabled-month': isPreviousMonthDisabled\n          }\"\n        >\n          <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n              fill=\"#181F33\"\n            ></path>\n          </svg>\n        </div>\n        <span> {{ currentMonth }} {{ currentYearNumber }} </span>\n        <div></div>\n      </div>\n      <div class=\"daterangepicker-container__body\">\n        <div class=\"daterangepicker-container__weekdays\">\n          <div class=\"daterangepicker-container__weekday\" *ngFor=\"let weekDay of weekDays\">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class=\"daterangepicker-container__days\">\n          <div\n            class=\"daterangepicker-container__day\"\n            [ngClass]=\"{\n              'selected-start-day': day.isSelectedStartDay,\n              'selected-end-day': day.isSelectedEndDay,\n              'disabled-day': day.isDisabledDay,\n              'in-range-day': day.inRangeDay,\n              'is-valid-date': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }\"\n            *ngFor=\"let day of currentMonthDates\"\n            (click)=\"selectDay('LEFT', day)\"\n          >\n            <span *ngIf=\"day.date > 0\">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"datepicker__right\">\n      <div class=\"daterangepicker-container__header__prabu\">\n        <div></div>\n        <span> {{ nextMonth }} {{ nextYearNumber }} </span>\n        <div\n          class=\"daterangepicker-container__arrow__icon\"\n          (click)=\"!isNextMonthDisabled && navigateMonth('NEXT')\"\n          [ngClass]=\"{\n            'disabled-month': isNextMonthDisabled\n          }\"\n        >\n          <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n              fill=\"#181F33\"\n            ></path>\n          </svg>\n        </div>\n      </div>\n      <div class=\"daterangepicker-container__body\">\n        <div class=\"daterangepicker-container__weekdays\">\n          <div class=\"daterangepicker-container__weekday\" *ngFor=\"let weekDay of weekDays\">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class=\"daterangepicker-container__days\">\n          <div\n            class=\"daterangepicker-container__day\"\n            [ngClass]=\"{\n              'selected-start-day': day.isSelectedStartDay,\n              'selected-end-day': day.isSelectedEndDay,\n              'disabled-day': day.isDisabledDay,\n              'in-range-day': day.inRangeDay,\n              'is-valid-date': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }\"\n            *ngFor=\"let day of nextMonthDates\"\n            (click)=\"selectDay('RIGHT', day)\"\n          >\n            <span *ngIf=\"day.date > 0\">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"daterangepicker__footer\">\n    <button mis-button size=\"md\" type=\"none\" (click)=\"cancelDatePicker()\">Cancel</button>\n    <button mis-button size=\"md\" type=\"primary\" (click)=\"applyDates()\" [disabled]=\"!isDatesValid\">Apply</button>\n  </div>\n</div>\n","import { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { Directive, ElementRef, EventEmitter, HostListener, Injector, Input, Optional, Output, Self, ViewContainerRef } from \"@angular/core\";\nimport { NgControl } from \"@angular/forms\";\nimport { take } from \"rxjs/operators\";\nimport { genPositionPairs } from \"mis-crystal-design-system/utils\";\nimport { CONTAINER_DATA, DATE_FORMAT } from \"./daterangepicker-constants\";\nimport { IDatePickerConfig, IDatePickerToastText, ISelectedDatesConfig } from \"./models/drp-config.model\";\nimport { TzDrpContainerComponent } from \"./tz-drp-container/tz-drp-container.component\";\n\n@Directive({\n  selector: \"input[misTzDrp]\"\n})\nexport class TzDaterangepickerDirective {\n  @Input() dpConfig: Partial<IDatePickerConfig> = {\n    format: DATE_FORMAT,\n    minDate: \"\",\n    maxDate: \"\"\n  };\n  // dd-mm-yyyy 01-12-2022\n  @Input() set selectedDates(dates: ISelectedDatesConfig) {\n    this.dates = { startDate: null, endDate: null, ...dates };\n  }\n  @Input() set datesDisabled(dates: string[]) {\n    this.dpDisabledDates = dates;\n  }\n  @Input() dateMessages: IDatePickerToastText[] = [];\n  @Input() positionX: \"start\" | \"center\" | \"end\" = \"center\";\n  @Input() positionY: \"top\" | \"center\" | \"bottom\" = \"bottom\";\n  @Input() offsetX: number = 0;\n  @Input() offsetY: number = 0;\n  private overlayRef: OverlayRef;\n  @Output() dateChange = new EventEmitter<ISelectedDatesConfig>(true);\n  private isOpen = false;\n  dates: ISelectedDatesConfig;\n\n  private dpDisabledDates: string[] = [];\n\n  constructor(\n    @Self() @Optional() private control: NgControl,\n    private element: ElementRef,\n    private overlay: Overlay,\n    private viewContainerRef: ViewContainerRef\n  ) {}\n\n  @HostListener(\"click\")\n  toggleDatePicker() {\n    if (this.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  private open() {\n    this.isOpen = true;\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.element)\n      .withPositions(\n        genPositionPairs(\n          {\n            positionX: this.positionX,\n            positionY: this.positionY,\n            offsetX: this.offsetX,\n            offsetY: this.offsetY\n          },\n          true\n        )\n      )\n      .withPush(true);\n    const config = new OverlayConfig({\n      hasBackdrop: true,\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      backdropClass: \"cdk-overlay-transparent-backdrop\"\n    });\n    this.overlayRef = this.overlay.create(config);\n    const tempRef = new ComponentPortal(\n      TzDrpContainerComponent,\n      this.viewContainerRef,\n      Injector.create({\n        providers: [\n          {\n            provide: CONTAINER_DATA,\n            useValue: {\n              messages: this.dateMessages,\n              dates: this.control?.control.value || this.dates,\n              dpConfig: this.dpConfig,\n              datesDisabled: this.dpDisabledDates,\n              dateChange: this.applyDate.bind(this),\n              close: this.close.bind(this)\n            }\n          }\n        ]\n      })\n    );\n    this.overlayRef.attach(tempRef);\n    this.overlayRef\n      .backdropClick()\n      .pipe(take(1))\n      .subscribe(() => {\n        this.close();\n      });\n  }\n\n  applyDate(dates: ISelectedDatesConfig) {\n    this.dateChange.emit(dates);\n    this.control?.control.patchValue(dates);\n    this.dates = dates;\n    this.close();\n  }\n\n  close() {\n    this.isOpen = false;\n    this.overlayRef.detach();\n    this.overlayRef.dispose();\n  }\n}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { TzDrpContainerComponent } from \"./tz-drp-container/tz-drp-container.component\";\nimport { TzDaterangepickerDirective } from \"./tz-daterangepicker.directive\";\nimport { ToastModule } from \"mis-crystal-design-system/toast\";\nimport { ButtonModule } from \"mis-crystal-design-system/button\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\n\n@NgModule({\n    declarations: [TzDrpContainerComponent, TzDaterangepickerDirective],\n    imports: [CommonModule, OverlayModule, ToastModule.forRoot(), ButtonModule.forRoot()],\n    exports: [TzDrpContainerComponent, TzDaterangepickerDirective]\n})\nexport class DateRangepickerModuleV2 {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2"],"mappings":"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"}

package/fesm2020/mis-crystal-design-system-drawer.mjs

@@ -1,156 +0,0 @@
-import * as i1$1 from '@angular/cdk/overlay';
-import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
-import * as i1 from '@angular/cdk/portal';
-import { ComponentPortal, PortalInjector, PortalModule } from '@angular/cdk/portal';
-import * as i0 from '@angular/core';
-import { ViewContainerRef, Component, ViewChild, InjectionToken, Injectable, NgModule } from '@angular/core';
-import { take } from 'rxjs/operators';
-import { trigger, transition, style, animate } from '@angular/animations';
-import { Subject } from 'rxjs';
-import { CommonModule } from '@angular/common';
-
-/** @format */
-class DrawerRef {
-    constructor(overlay) {
-        this.overlay = overlay;
-        this._isExpanded = false;
-        this.afterClosed$ = new Subject();
-        this.afterClosed = this.afterClosed$.asObservable();
-    }
-    get isExpanded() {
-        return this._isExpanded;
-    }
-    close(data) {
-        this.overlay.detach();
-        this.overlay.dispose();
-        this.afterClosed$.next(data);
-        this.afterClosed$.complete();
-    }
-    expand() {
-        this.overlay.updateSize({ width: "100%" });
-        this._isExpanded = true;
-    }
-    collapse() {
-        this.overlay.updateSize({ width: "422px" });
-        this._isExpanded = false;
-    }
-}
-
-/** @format */
-class DrawerBodyComponent {
-    constructor(cfr) {
-        this.cfr = cfr;
-    }
-    bindComponent(type, injector) {
-        this.initComponent(type, injector);
-    }
-    initComponent(type, injector) {
-        this.drawerPortal = new ComponentPortal(type, this.place, injector);
-    }
-    createInjector(ref, inj) {
-        const injectorTokens = new WeakMap([[DrawerRef, ref]]);
-        return new PortalInjector(inj, injectorTokens);
-        // return Injector.create({ providers: [{ provide: inj, useValue: injectorTokens }] });
-    }
-}
-DrawerBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DrawerBodyComponent, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-DrawerBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DrawerBodyComponent, selector: "mis-drawer-body", viewQueries: [{ propertyName: "place", first: true, predicate: ["place"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!-- @format -->\n\n<div class=\"mis-drawer-body\" #place @slideInOut>\n  <ng-template [cdkPortalOutlet]=\"drawerPortal\"></ng-template>\n</div>\n", styles: [".mis-drawer-body{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [
-        trigger("slideInOut", [
-            transition(":enter", [style({ transform: "translateX(100%)" }), animate("200ms ease-out", style({ transform: "translateX(0%)" }))]),
-            transition(":leave", [animate("200ms ease-out", style({ transform: "translateX(100%)" }))])
-        ])
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DrawerBodyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mis-drawer-body", animations: [
-                        trigger("slideInOut", [
-                            transition(":enter", [style({ transform: "translateX(100%)" }), animate("200ms ease-out", style({ transform: "translateX(0%)" }))]),
-                            transition(":leave", [animate("200ms ease-out", style({ transform: "translateX(100%)" }))])
-                        ])
-                    ], template: "<!-- @format -->\n\n<div class=\"mis-drawer-body\" #place @slideInOut>\n  <ng-template [cdkPortalOutlet]=\"drawerPortal\"></ng-template>\n</div>\n", styles: [".mis-drawer-body{display:block;width:100%;height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }]; }, propDecorators: { place: [{
-                type: ViewChild,
-                args: ["place", { static: false, read: ViewContainerRef }]
-            }] } });
-
-/** @format */
-const DRAWER_DATA_VAR = new InjectionToken("MISDrawerDataInjectionToken");
-
-/** @format */
-class DrawerService {
-    constructor(overlay, injector) {
-        this.overlay = overlay;
-        this.injector = injector;
-    }
-    show(component, data, options) {
-        const positionStrategy = this.overlay.position().global().top("0px").right("0px");
-        const { width = "422px", height = "100%" } = options || {};
-        const config = new OverlayConfig({
-            hasBackdrop: true,
-            positionStrategy,
-            scrollStrategy: this.overlay.scrollStrategies.noop(),
-            width: width,
-            height,
-            panelClass: "mis-drawer",
-            backdropClass: "mis-drawer-overlay"
-        });
-        const overlayRef = this.overlay.create(config);
-        this.drawerRef = new DrawerRef(overlayRef);
-        const injector = this.createInjector(this.drawerRef, this.injector, data);
-        const portal = new ComponentPortal(DrawerBodyComponent, null);
-        this.componentInstance = overlayRef.attach(portal);
-        this.componentInstance.instance.bindComponent(component, injector);
-        overlayRef.backdropClick().pipe(take(1)).subscribe(this.hide.bind(this));
-        return this.drawerRef;
-    }
-    hide() {
-        this.drawerRef?.close();
-    }
-    createInjector(ref, inj, data) {
-        const injectorTokens = new WeakMap();
-        injectorTokens.set(DrawerRef, ref);
-        injectorTokens.set(DRAWER_DATA_VAR, data);
-        return new PortalInjector(inj, injectorTokens);
-        // return Injector.create({ providers: [{ provide: inj, useValue: injectorTokens }] });
-    }
-}
-DrawerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DrawerService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-DrawerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DrawerService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DrawerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }]; } });
-
-class DrawerModule {
-    static forRoot() {
-        return {
-            ngModule: DrawerModule,
-            providers: [DrawerService]
-        };
-    }
-    static forChild() {
-        return {
-            ngModule: DrawerModule,
-            providers: [DrawerService]
-        };
-    }
-}
-DrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DrawerModule, declarations: [DrawerBodyComponent], imports: [CommonModule, OverlayModule, PortalModule] });
-DrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DrawerModule, imports: [CommonModule, OverlayModule, PortalModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DrawerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [DrawerBodyComponent],
-                    imports: [CommonModule, OverlayModule, PortalModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { DRAWER_DATA_VAR, DrawerModule, DrawerRef, DrawerService };
-//# sourceMappingURL=mis-crystal-design-system-drawer.mjs.map

package/fesm2020/mis-crystal-design-system-drawer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-drawer.mjs","sources":["../../../projects/mis-components/drawer/drawer-ref.ts","../../../projects/mis-components/drawer/drawer-body/drawer-body.component.ts","../../../projects/mis-components/drawer/drawer-body/drawer-body.component.html","../../../projects/mis-components/drawer/drawer-constants.ts","../../../projects/mis-components/drawer/drawer.service.ts","../../../projects/mis-components/drawer/drawer.module.ts","../../../projects/mis-components/drawer/mis-crystal-design-system-drawer.ts"],"sourcesContent":["/** @format */\n\nimport { OverlayRef } from \"@angular/cdk/overlay\";\nimport { Injectable } from \"@angular/core\";\nimport { Subject } from \"rxjs\";\n\nexport class DrawerRef {\n  private _isExpanded = false;\n  private afterClosed$ = new Subject<any>();\n  afterClosed = this.afterClosed$.asObservable();\n  get isExpanded(): boolean {\n    return this._isExpanded;\n  }\n  constructor(public overlay: OverlayRef) {}\n\n  close(data?: any): void {\n    this.overlay.detach();\n    this.overlay.dispose();\n    this.afterClosed$.next(data);\n    this.afterClosed$.complete();\n  }\n\n  expand(): void {\n    this.overlay.updateSize({ width: \"100%\" });\n    this._isExpanded = true;\n  }\n\n  collapse(): void {\n    this.overlay.updateSize({ width: \"422px\" });\n    this._isExpanded = false;\n  }\n}\n","/** @format */\n\nimport { trigger, transition, style, animate } from \"@angular/animations\";\nimport { ComponentPortal, PortalInjector } from \"@angular/cdk/portal\";\nimport { Component, ComponentFactoryResolver, Injector, OnInit, ViewChild, ViewContainerRef } from \"@angular/core\";\nimport { DrawerRef } from \"../drawer-ref\";\n\n@Component({\n  selector: \"mis-drawer-body\",\n  templateUrl: \"./drawer-body.component.html\",\n  styleUrls: [\"./drawer-body.component.scss\"],\n  animations: [\n    trigger(\"slideInOut\", [\n      transition(\":enter\", [style({ transform: \"translateX(100%)\" }), animate(\"200ms ease-out\", style({ transform: \"translateX(0%)\" }))]),\n      transition(\":leave\", [animate(\"200ms ease-out\", style({ transform: \"translateX(100%)\" }))])\n    ])\n  ]\n})\nexport class DrawerBodyComponent {\n  drawerPortal: ComponentPortal<any>;\n  constructor(private cfr: ComponentFactoryResolver) {}\n\n  @ViewChild(\"place\", { static: false, read: ViewContainerRef }) place: ViewContainerRef;\n\n  bindComponent(type: any, injector: PortalInjector) {\n    this.initComponent(type, injector);\n  }\n\n  private initComponent(type: any, injector: PortalInjector) {\n    this.drawerPortal = new ComponentPortal(type, this.place, injector);\n  }\n\n  private createInjector(ref: DrawerRef, inj: Injector): PortalInjector {\n    const injectorTokens = new WeakMap([[DrawerRef, ref]]);\n    return new PortalInjector(inj, injectorTokens);\n    // return Injector.create({ providers: [{ provide: inj, useValue: injectorTokens }] });\n  }\n}\n","<!-- @format -->\n\n<div class=\"mis-drawer-body\" #place @slideInOut>\n  <ng-template [cdkPortalOutlet]=\"drawerPortal\"></ng-template>\n</div>\n","/** @format */\n\nimport { InjectionToken } from \"@angular/core\";\n\nexport const DRAWER_DATA_VAR = new InjectionToken<any>(\"MISDrawerDataInjectionToken\");\n","/** @format */\n\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal, ComponentType, PortalInjector } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable, Injector } from \"@angular/core\";\nimport { take } from \"rxjs/operators\";\nimport { DrawerBodyComponent } from \"./drawer-body/drawer-body.component\";\nimport { DrawerRef } from \"./drawer-ref\";\nimport { DRAWER_DATA_VAR } from \"./drawer-constants\";\n\n@Injectable({\n  providedIn: \"root\"\n})\nexport class DrawerService {\n  drawerRef: DrawerRef;\n  componentInstance: ComponentRef<any>;\n\n  constructor(private overlay: Overlay, private injector: Injector) {}\n\n  show<T, D>(component: ComponentType<T>, data?: D, options?: { width?: string; height?: string }): DrawerRef {\n    const positionStrategy = this.overlay.position().global().top(\"0px\").right(\"0px\");\n    const { width = \"422px\", height = \"100%\" } = options || {};\n    const config = new OverlayConfig({\n      hasBackdrop: true,\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.noop(),\n      width: width,\n      height,\n      panelClass: \"mis-drawer\",\n      backdropClass: \"mis-drawer-overlay\"\n    });\n    const overlayRef = this.overlay.create(config);\n    this.drawerRef = new DrawerRef(overlayRef);\n    const injector = this.createInjector(this.drawerRef, this.injector, data);\n    const portal = new ComponentPortal(DrawerBodyComponent, null);\n    this.componentInstance = overlayRef.attach(portal);\n    this.componentInstance.instance.bindComponent(component, injector);\n    overlayRef.backdropClick().pipe(take(1)).subscribe(this.hide.bind(this));\n    return this.drawerRef;\n  }\n\n  hide(): void {\n    this.drawerRef?.close();\n  }\n\n  private createInjector<D>(ref: DrawerRef, inj: Injector, data?: D): PortalInjector {\n    const injectorTokens = new WeakMap();\n    injectorTokens.set(DrawerRef, ref);\n    injectorTokens.set(DRAWER_DATA_VAR, data);\n    return new PortalInjector(inj, injectorTokens);\n    // return Injector.create({ providers: [{ provide: inj, useValue: injectorTokens }] });\n  }\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { DrawerService } from \"./drawer.service\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { DrawerBodyComponent } from \"./drawer-body/drawer-body.component\";\nimport { PortalModule } from \"@angular/cdk/portal\";\n\n@NgModule({\n    declarations: [DrawerBodyComponent],\n    imports: [CommonModule, OverlayModule, PortalModule]\n})\nexport class DrawerModule {\n  static forRoot(): ModuleWithProviders<DrawerModule> {\n    return {\n      ngModule: DrawerModule,\n      providers: [DrawerService]\n    };\n  }\n\n  static forChild(): ModuleWithProviders<DrawerModule> {\n    return {\n      ngModule: DrawerModule,\n      providers: [DrawerService]\n    };\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-dropdown.mjs

@@ -1,175 +0,0 @@
-import * as i1 from '@angular/cdk/overlay';
-import { ConnectionPositionPair, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
-import { TemplatePortal } from '@angular/cdk/portal';
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i4 from '@angular/cdk/scrolling';
-import * as i5 from '@angular/cdk-experimental/scrolling';
-import { ScrollingModule } from '@angular/cdk-experimental/scrolling';
-
-class DropdownComponent {
-    constructor(eRef, overlay, viewContainerRef) {
-        this.eRef = eRef;
-        this.overlay = overlay;
-        this.viewContainerRef = viewContainerRef;
-        this.isOpen = false;
-        this.isSearchInputFocused = false;
-        this.searchInput = "";
-        this.searchData = [];
-        this.data = [];
-        this.height = "";
-        this.width = "";
-        this.label = "Select";
-        this.dropdownListHeight = "";
-        this.dropdownListWidth = "";
-        this.dropdownListPosition = "Left";
-        this.searchEnabled = true;
-        this.selectedItem = { value: "", label: "" };
-        this.noDataMessage = "No Data";
-        this.multiLine = false;
-        this.onChange = new EventEmitter();
-    }
-    ngOnInit() {
-    }
-    filterByValue(array, string) {
-        return array.filter(o => o.label.toLowerCase().includes(string.toLowerCase()));
-    }
-    filterByPrimaryText(array, string) {
-        return array.filter(o => o.label.primaryText.toLowerCase().includes(string.toLowerCase()));
-    }
-    searchInputOnChange(newValue) {
-        this.searchInput = newValue;
-        if (newValue) {
-            this.searchData = this.multiLine ? this.filterByPrimaryText(this.data, newValue) : this.filterByValue(this.data, newValue);
-        }
-        else {
-            this.searchData = [];
-            this.searchInput = "";
-        }
-    }
-    searchInputFocused(isFocused) {
-        this.isSearchInputFocused = isFocused;
-    }
-    searchInputCanceled(event) {
-        event.stopPropagation();
-        this.searchInput = "";
-        this.isSearchInputFocused = false;
-    }
-    toggleDropdown() {
-        this.isOpen = !this.isOpen;
-        if (this.isOpen)
-            this.openDropdown(this.popupContainer, this.selectElement.nativeElement);
-        else
-            this.onCancel();
-    }
-    openDropdown(template, origin) {
-        const positionsBottom = [
-            new ConnectionPositionPair({ originX: "start", originY: "bottom" }, { overlayX: "start", overlayY: "top" }, 0, 4),
-            new ConnectionPositionPair({ originX: "end", originY: "bottom" }, { overlayX: "end", overlayY: "top" }, 0, 4)
-        ];
-        const positionsTop = [
-            new ConnectionPositionPair({ originX: "start", originY: "top" }, { overlayX: "start", overlayY: "bottom" }, 0, -4),
-            new ConnectionPositionPair({ originX: "end", originY: "top" }, { overlayX: "end", overlayY: "bottom" }, 0, -4)
-        ];
-        const positionStrategy = this.overlay
-            .position()
-            .flexibleConnectedTo(origin)
-            .withPositions([
-            ...(this.dropdownListPosition === "Right" ? positionsBottom.reverse() : positionsBottom),
-            ...(this.dropdownListPosition === "Right" ? positionsTop.reverse() : positionsTop)
-        ])
-            .withPush(true);
-        const configs = new OverlayConfig({
-            hasBackdrop: true,
-            backdropClass: "cdk-overlay-transparent-backdrop",
-            scrollStrategy: this.overlay.scrollStrategies.reposition(),
-            positionStrategy,
-            width: origin.clientWidth
-        });
-        this.overlayRef = this.overlay.create(configs);
-        if (this.dropdownListWidth)
-            this.overlayRef.updateSize({ width: this.dropdownListWidth });
-        if (this.dropdownListHeight)
-            this.overlayRef.updateSize({ height: this.dropdownListHeight });
-        this.overlayRef.attach(new TemplatePortal(template, this.viewContainerRef));
-        this.overlayRef.backdropClick().subscribe(res => {
-            this.onCancel();
-        });
-    }
-    selectItem(item) {
-        this.onChange.emit(item);
-        this.toggleDropdown();
-    }
-    onCancel() {
-        this.isSearchInputFocused = false;
-        this.isOpen = false;
-        this.overlayRef?.detach();
-        this.searchInput = "";
-    }
-}
-DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i0.ElementRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DropdownComponent, selector: "mis-dropdown", inputs: { data: "data", height: "height", width: "width", label: "label", dropdownListHeight: "dropdownListHeight", dropdownListWidth: "dropdownListWidth", dropdownListPosition: "dropdownListPosition", searchEnabled: "searchEnabled", selectedItem: "selectedItem", noDataMessage: "noDataMessage", multiLine: "multiLine", additionalInfoMessage: "additionalInfoMessage" }, outputs: { onChange: "onChange" }, viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["select"], descendants: true }, { propertyName: "popupContainer", first: true, predicate: ["popupContainer"], 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        {{ multiLine ? selectedItem.label?.primaryText : selectedItem.label || label }}\n      </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<ng-template #popupContainer>\n  <div\n    class=\"popup-container\"\n    [ngStyle]=\"{\n      height: dropdownListHeight,\n      width: dropdownListWidth\n    }\"\n  >\n    <div *ngIf=\"searchEnabled\" class=\"search-container\">\n      <svg\n        *ngIf=\"!isSearchInputFocused\"\n        class=\"search-icon\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z\"\n          fill=\"#6A737D\"\n        />\n      </svg>\n      <input\n        [ngModel]=\"searchInput\"\n        [ngStyle]=\"{\n          paddingLeft: isSearchInputFocused ? '12px' : '45px',\n          border: isSearchInputFocused ? '1px solid #0937B2' : '1px solid #e0e0e0',\n          paddingRight: isSearchInputFocused ? '45px' : '10px'\n        }\"\n        (ngModelChange)=\"searchInputOnChange($event)\"\n        [placeholder]=\"isSearchInputFocused ? '' : 'Search Keyword'\"\n        (focus)=\"searchInputFocused(true)\"\n        class=\"search-input\"\n      />\n      <svg\n        *ngIf=\"isSearchInputFocused\"\n        class=\"cancel-icon\"\n        (click)=\"searchInputCanceled($event)\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M8.87446 7.32144C8.44588 6.89285 7.751 6.89285 7.32242 7.32144C6.89383 7.75002 6.89383 8.4449 7.32242 8.87349L10.4488 11.9999L7.32357 15.1252C6.89498 15.5538 6.89498 16.2486 7.32357 16.6772C7.75215 17.1058 8.44703 17.1058 8.87561 16.6772L12.0009 13.552L15.1261 16.6772C15.5547 17.1058 16.2496 17.1058 16.6781 16.6772C17.1067 16.2486 17.1067 15.5537 16.6781 15.1251L13.5529 11.9999L16.6793 8.87354C17.1079 8.44496 17.1079 7.75008 16.6793 7.3215C16.2507 6.89291 15.5558 6.89291 15.1273 7.3215L12.0009 10.4479L8.87446 7.32144Z\"\n          fill=\"#6A737D\"\n        />\n      </svg>\n    </div>\n    <div class=\"items\">\n      <cdk-virtual-scroll-viewport autosize class=\"dropdown-viewport\">\n      <div\n        class=\"item\"\n        tabindex=\"0\"\n        [ngClass]=\"{ 'item-disabled': item.disabled }\"\n        (click)=\"item.disabled ? null : selectItem(item)\"\n        (keyup.enter)=\"item.disabled ? null : selectItem(item)\"\n        *cdkVirtualFor=\"let item of searchInput ? searchData : data\"\n      >\n        <div class=\"label\" [ngStyle]=\"{ width: item.icon ? '90%' : '100%', 'display': multiLine ? 'flex': 'inherit', 'flex-direction': multiLine ? 'column': 'inherit' }\">\n          <span class=\"primaryText\">{{ multiLine ? item.label?.primaryText : item.label }}</span>\n          <span class=\"secondaryText\" *ngIf=\"multiLine\"> {{ item.label?.secondaryText ? item.label?.secondaryText : additionalInfoMessage  }} </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    </cdk-virtual-scroll-viewport>\n      <div class=\"noData\" *ngIf=\"(searchInput ? searchData : data).length === 0\">\n        {{ searchInput === \"\" ? noDataMessage : \"No results\" }}\n      </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}.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:0 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:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.main-container .dropdown .label .text{margin:0!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.main-container .dropdown .label .count{background-color:#e0e0e0;border-radius:50%;padding:2px 7px;margin:0}.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:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.popup-container .items .dropdown-viewport{height:200px}.popup-container .items .dropdown-viewport .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 .dropdown-viewport .item:hover,.popup-container .items .dropdown-viewport .item:focus-visible{background-color:#f5f7fc;outline:none}.popup-container .items .dropdown-viewport .item .label{width:100%;line-height:20px;font-size:14px;font-style:normal;font-weight:400;text-overflow:ellipsis;overflow:hidden}.popup-container .items .dropdown-viewport .item .label .primaryText{color:#181f33;font-family:Lato;font-size:14px;line-height:20px;letter-spacing:.2px}.popup-container .items .dropdown-viewport .item .label .secondaryText{color:#6a737d;font-family:Lato;font-size:14px;line-height:20px;letter-spacing:.2px}.popup-container .items .dropdown-viewport .item .icon-container{width:10%;display:flex;justify-content:flex-end}.popup-container .items .dropdown-viewport .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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: i5.CdkAutoSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[autosize]", inputs: ["minBufferPx", "maxBufferPx"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mis-dropdown", 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        {{ multiLine ? selectedItem.label?.primaryText : selectedItem.label || label }}\n      </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<ng-template #popupContainer>\n  <div\n    class=\"popup-container\"\n    [ngStyle]=\"{\n      height: dropdownListHeight,\n      width: dropdownListWidth\n    }\"\n  >\n    <div *ngIf=\"searchEnabled\" class=\"search-container\">\n      <svg\n        *ngIf=\"!isSearchInputFocused\"\n        class=\"search-icon\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z\"\n          fill=\"#6A737D\"\n        />\n      </svg>\n      <input\n        [ngModel]=\"searchInput\"\n        [ngStyle]=\"{\n          paddingLeft: isSearchInputFocused ? '12px' : '45px',\n          border: isSearchInputFocused ? '1px solid #0937B2' : '1px solid #e0e0e0',\n          paddingRight: isSearchInputFocused ? '45px' : '10px'\n        }\"\n        (ngModelChange)=\"searchInputOnChange($event)\"\n        [placeholder]=\"isSearchInputFocused ? '' : 'Search Keyword'\"\n        (focus)=\"searchInputFocused(true)\"\n        class=\"search-input\"\n      />\n      <svg\n        *ngIf=\"isSearchInputFocused\"\n        class=\"cancel-icon\"\n        (click)=\"searchInputCanceled($event)\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M8.87446 7.32144C8.44588 6.89285 7.751 6.89285 7.32242 7.32144C6.89383 7.75002 6.89383 8.4449 7.32242 8.87349L10.4488 11.9999L7.32357 15.1252C6.89498 15.5538 6.89498 16.2486 7.32357 16.6772C7.75215 17.1058 8.44703 17.1058 8.87561 16.6772L12.0009 13.552L15.1261 16.6772C15.5547 17.1058 16.2496 17.1058 16.6781 16.6772C17.1067 16.2486 17.1067 15.5537 16.6781 15.1251L13.5529 11.9999L16.6793 8.87354C17.1079 8.44496 17.1079 7.75008 16.6793 7.3215C16.2507 6.89291 15.5558 6.89291 15.1273 7.3215L12.0009 10.4479L8.87446 7.32144Z\"\n          fill=\"#6A737D\"\n        />\n      </svg>\n    </div>\n    <div class=\"items\">\n      <cdk-virtual-scroll-viewport autosize class=\"dropdown-viewport\">\n      <div\n        class=\"item\"\n        tabindex=\"0\"\n        [ngClass]=\"{ 'item-disabled': item.disabled }\"\n        (click)=\"item.disabled ? null : selectItem(item)\"\n        (keyup.enter)=\"item.disabled ? null : selectItem(item)\"\n        *cdkVirtualFor=\"let item of searchInput ? searchData : data\"\n      >\n        <div class=\"label\" [ngStyle]=\"{ width: item.icon ? '90%' : '100%', 'display': multiLine ? 'flex': 'inherit', 'flex-direction': multiLine ? 'column': 'inherit' }\">\n          <span class=\"primaryText\">{{ multiLine ? item.label?.primaryText : item.label }}</span>\n          <span class=\"secondaryText\" *ngIf=\"multiLine\"> {{ item.label?.secondaryText ? item.label?.secondaryText : additionalInfoMessage  }} </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    </cdk-virtual-scroll-viewport>\n      <div class=\"noData\" *ngIf=\"(searchInput ? searchData : data).length === 0\">\n        {{ searchInput === \"\" ? noDataMessage : \"No results\" }}\n      </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}.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:0 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:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.main-container .dropdown .label .text{margin:0!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.main-container .dropdown .label .count{background-color:#e0e0e0;border-radius:50%;padding:2px 7px;margin:0}.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:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.popup-container .items .dropdown-viewport{height:200px}.popup-container .items .dropdown-viewport .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 .dropdown-viewport .item:hover,.popup-container .items .dropdown-viewport .item:focus-visible{background-color:#f5f7fc;outline:none}.popup-container .items .dropdown-viewport .item .label{width:100%;line-height:20px;font-size:14px;font-style:normal;font-weight:400;text-overflow:ellipsis;overflow:hidden}.popup-container .items .dropdown-viewport .item .label .primaryText{color:#181f33;font-family:Lato;font-size:14px;line-height:20px;letter-spacing:.2px}.popup-container .items .dropdown-viewport .item .label .secondaryText{color:#6a737d;font-family:Lato;font-size:14px;line-height:20px;letter-spacing:.2px}.popup-container .items .dropdown-viewport .item .icon-container{width:10%;display:flex;justify-content:flex-end}.popup-container .items .dropdown-viewport .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: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], dropdownListHeight: [{
-                type: Input
-            }], dropdownListWidth: [{
-                type: Input
-            }], dropdownListPosition: [{
-                type: Input
-            }], searchEnabled: [{
-                type: Input
-            }], selectedItem: [{
-                type: Input
-            }], noDataMessage: [{
-                type: Input
-            }], multiLine: [{
-                type: Input
-            }], additionalInfoMessage: [{
-                type: Input
-            }], onChange: [{
-                type: Output
-            }], selectElement: [{
-                type: ViewChild,
-                args: ["select", { static: false }]
-            }], popupContainer: [{
-                type: ViewChild,
-                args: ["popupContainer", { static: false }]
-            }] } });
-
-class DropdownModule {
-    static forRoot() {
-        return { ngModule: DropdownModule, providers: [] };
-    }
-}
-DropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DropdownModule, declarations: [DropdownComponent], imports: [CommonModule, FormsModule, OverlayModule, ScrollingModule], exports: [DropdownComponent] });
-DropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownModule, imports: [CommonModule, FormsModule, OverlayModule, ScrollingModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [DropdownComponent],
-                    imports: [CommonModule, FormsModule, OverlayModule, ScrollingModule],
-                    exports: [DropdownComponent]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { DropdownComponent, DropdownModule };
-//# sourceMappingURL=mis-crystal-design-system-dropdown.mjs.map