mis-crystal-design-system 2.9.5 → 2.9.6

package/fesm2015/mis-crystal-design-system-tooltip.js

@@ -30,7 +30,7 @@ ToolTipComponent.decorators = [
     { type: Component, args: [{
                 selector: "mis-tooltip",
                 template: "<div id=\"tooltip-container\" *ngIf=\"toolTipText.length > 0\" #container>\n  <div id=\"tooltip\">\n    <div id=\"tooltip-text\">{{ toolTipText }}</div>\n    <span\n      id=\"arrow\"\n      [ngClass]=\"{\n        'arrow-left': toolTipPosition === 'left',\n        'arrow-right': toolTipPosition === 'right',\n        'arrow-top': toolTipPosition === 'top',\n        'arrow-bottom': toolTipPosition === 'bottom'\n      }\"\n    ></span>\n  </div>\n</div>\n",
-                styles: ["#tooltip-container{position:absolute;z-index:1}#tooltip{position:relative;display:block;padding:8px 12px;border-radius:8px;color:#fff;background:#181f33;font-family:Lato,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px}#tooltip-text{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#arrow{position:absolute;height:12px;width:12px;background:#181f33;z-index:1}.arrow-top{bottom:-6px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-bottom{top:-6px}.arrow-left{right:-6px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}.arrow-right{left:-6px}"]
+                styles: ["@charset \"UTF-8\";: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:#fff;--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:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.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:0;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-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:\"\uE90C\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\uEA1A\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\uEA1B\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\uEA28\"}.icon-ic-action-average-trips:before{content:\"\uEA29\"}.icon-ic-action-EV-vehicle:before{content:\"\uEA2E\"}.icon-ic-action-total-trips:before{content:\"\uEA2F\"}.icon-ic-ui-front-desk-24:before{content:\"\uEA26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\uEA27\"}.icon-ic-ETS-OTA-16:before{content:\"\uEA24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\uEA25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\uEA23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\uE900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\uE901\"}.icon-ic-geo-fence-violation-16:before{content:\"\uE902\"}.icon-ic-map-pin-16:before{content:\"\uE903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\uE904\"}.icon-ic-SOS-mobile-16:before{content:\"\uE905\"}.icon-ic-speeding-16:before{content:\"\uE906\"}.icon-ic-tamper-alert-16:before{content:\"\uE907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\uE908\"}.icon-ic-vehicle-stopage-16:before{content:\"\uE909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\uE90A\"}.icon-ic-woman-travelling-alone-16:before{content:\"\uEA22\"}.icon-ic-ets-adhoc-32:before{content:\"\uE90B\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\uE90D\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\uE90E\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\uEA1C\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\uE90F\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\uEA1D\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\uEA00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\uEA01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\uEA02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\uEA03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\uEA04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\uEA05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\uEA06\"}.icon-ic-ets-bus-24-1:before{content:\"\uEA07\"}.icon-ic-ets-bus-24-2:before{content:\"\uEA08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\uEA0B\"}.icon-ic-ets-cloud-off-24:before{content:\"\uEA0C\"}.icon-ic-ets-walking-man-24:before{content:\"\uEA0D\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\uEA0E\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\uEA0F\"}.icon-ic-ui-seperator-16:before{content:\"\uE94C\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\uE910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\uEA1E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\uE911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\uEA1F\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\uEA20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\uEA21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\uE920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\uE921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\uE922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\uE92B\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\uE938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\uE939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\uE952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\uE96E\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\uE96F\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\uE970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\uE971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\uE972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\uE973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\uE974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\uE975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\uE976\"}.icon-ic-navigation-collapse-16:before{content:\"\uE979\"}.icon-ic-navigation-expand-16:before{content:\"\uE989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\uE98A\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\uE98B\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\uE98D\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\uE98E\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\uE9B2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\uE9B3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\uE9B6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\uE9BD\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\uE9C1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\uE9C2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\uE9C7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\uE9D1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\uE9D5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\uE9D6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\uE9EB\"}.icon-ic-ui-error-24:before{content:\"\uE9F4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\uE9F5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\uE9FC\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\uE9FD\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\uE9FE\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\uE9FF\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\uE9F0\"}.icon-ic-ui-overlap-16:before{content:\"\uE9F1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\uE9F2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\uE9F3\"}.icon-ic-rep-booking-16:before{content:\"\uE9F6\"}.icon-ic-ui-arrow-16:before{content:\"\uE9F7\"}.icon-ic-ui-filters2-16:before{content:\"\uE9F8\"}.icon-ic-ui-nonveg-16:before{content:\"\uE9F9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\uE9FA\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\uE9FB\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\uE9CA\"}.icon-ic-ui-Phone-24-1:before{content:\"\uE9CB\"}.icon-ic-ui-Phone-24:before{content:\"\uE9CC\"}.icon-ic-ui-Name-24:before{content:\"\uE9CD\"}.icon-ic-ui-transport-cab-24:before{content:\"\uE9CE\"}.icon-ic-ui-info-24:before{content:\"\uE9CF\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\uE9D0\"}.icon-ic-ui-action-24:before{content:\"\uE9D2\"}.icon-ic-ui-approvals-24:before{content:\"\uE9D3\"}.icon-ic-ui-approvals2-24:before{content:\"\uE9D4\"}.icon-ic-ui-fast-24:before{content:\"\uE9D7\"}.icon-ic-ui-transport-24:before{content:\"\uE9D8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\uE9D9\"}.icon-ic-image-24:before{content:\"\uE9DA\"}.icon-ic-ui-bike-24:before{content:\"\uE9DB\"}.icon-ic-ui-car-24:before{content:\"\uE9DC\"}.icon-ic-ui-description-24:before{content:\"\uE9DD\"}.icon-ic-ui-email-24-1:before{content:\"\uE9DE\"}.icon-ic-ui-format-bullet-24:before{content:\"\uE9DF\"}.icon-ic-ui-format-number-24:before{content:\"\uE9E0\"}.icon-ic-ui-help-24:before{content:\"\uE9E1\"}.icon-ic-ui-location-24:before{content:\"\uE9E2\"}.icon-ic-ui-location-searching-24:before{content:\"\uE9E3\"}.icon-ic-ui-meal-241:before{content:\"\uE9E4\"}.icon-ic-ui-on-call-24:before{content:\"\uE9E5\"}.icon-ic-ui-person-24:before{content:\"\uE9E6\"}.icon-ic-ui-pie-24:before{content:\"\uE9E7\"}.icon-ic-ui-question-24:before{content:\"\uE9E8\"}.icon-ic-ui-request-24:before{content:\"\uE9E9\"}.icon-ic-ui-seat-24:before{content:\"\uE9EA\"}.icon-ic-ui-trend-down-24:before{content:\"\uE9EC\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\uE9ED\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\uE9EE\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\uE9EF\"}.icon-ic-nre-check-24:before{content:\"\uE9C4\"}.icon-ic-nre-flag-24:before{content:\"\uE9C5\"}.icon-ic-nre-notification-24:before{content:\"\uE9C6\"}.icon-ic-nre-push-pin-24:before{content:\"\uE9C8\"}.icon-ic-nre-wash-24:before{content:\"\uE9C9\"}.icon-ic-nrs-security-24:before{content:\"\uE9B8\"}.icon-ic-nrs-billing-24:before{content:\"\uE9B9\"}.icon-ic-nrs-downloads-24:before{content:\"\uE9BA\"}.icon-ic-nrs-loader-16:before{content:\"\uE9BB\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\uE9BC\"}.icon-ic-nrs-refersh-24:before{content:\"\uE9BE\"}.icon-ic-nrs-sanitize-24:before{content:\"\uE9BF\"}.icon-ic-nrs-score-card-24:before{content:\"\uE9C0\"}.icon-ic-nrs-view-24:before{content:\"\uE9C3\"}.icon-ic-device-24:before{content:\"\uE9B0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\uE9B1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\uE9B4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\uE9B5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\uEA2A\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\uEA2B\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\uEA2C\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\uE9B7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\uEA2D\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\uE9AE\"}.icon-ic-vendor-24:before{content:\"\uE9AF\"}.icon-ic-naviation-directions-24:before{content:\"\uE9A5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\uE9A6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\uE9A7\"}.icon-ic-navigation-cancel-24:before{content:\"\uE9A8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\uE9A9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\uE9AA\"}.icon-ic-navigation-drop-down-24:before{content:\"\uE9AB\"}.icon-ic-navigation-expand-less-24:before{content:\"\uE9AC\"}.icon-ic-ui-check-24:before{content:\"\uE9AD\"}.icon-ic-nav-meeting-fill-24:before{content:\"\uE994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\uE995\"}.icon-ic-mr-building-24:before{content:\"\uE996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\uE997\"}.icon-ic-mr-fridge-24:before{content:\"\uE998\"}.icon-ic-mr-guestwifi-24:before{content:\"\uE999\"}.icon-ic-mr-ip-phones-24:before{content:\"\uE99A\"}.icon-ic-mr-mic-24:before{content:\"\uE99B\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\uE99C\"}.icon-ic-mr-speakerphones-24:before{content:\"\uE99D\"}.icon-ic-mr-stationary-24:before{content:\"\uE99E\"}.icon-ic-mr-tv-24:before{content:\"\uE99F\"}.icon-ic-mr-video-conferencing-24:before{content:\"\uE9A0\"}.icon-ic-mr-whiteboard-24:before{content:\"\uE9A1\"}.icon-ic-mr-wing-24:before{content:\"\uE9A2\"}.icon-ic-nav-seat-02-24:before{content:\"\uE9A3\"}.icon-ic-nav-seat-fill-24:before{content:\"\uE9A4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\uE96D\"}.icon-ic-map-current-24 .path1:before{content:\"\uE977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\uEA3E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\uE978\"}.icon-ic-map-reposition-24:before{content:\"\uE97A\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\uE97B\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\uE97C\"}.icon-ic-new-icon-desk-management-24:before{content:\"\uE97D\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\uE97E\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\uE97F\"}.icon-ic-new-icon-health-risk-24:before{content:\"\uE980\"}.icon-ic-new-icon-key-24:before{content:\"\uE981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\uE982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\uE983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\uE984\"}.icon-ic-new-icons-User-group-24:before{content:\"\uE985\"}.icon-ic-ui-attendance:before{content:\"\uE986\"}.icon-ic-ui-cab-login:before{content:\"\uE987\"}.icon-ic-ui-cab-logout:before{content:\"\uE988\"}.icon-ic-ui-sign-in:before{content:\"\uE98C\"}.icon-request-2:before{content:\"\uE98F\"}.icon-seats-available:before{content:\"\uE990\";color:#5cc917}.icon-seats-booked:before{content:\"\uE991\";color:#039be5}.icon-seats-cancelled:before{content:\"\uE992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\uE993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\uE94A\"}.icon-ic-employee-rest:before{content:\"\uE94B\"}.icon-ic-nav-cancelled-24:before{content:\"\uE94D\"}.icon-ic-nav-desk-allocation-24:before{content:\"\uE94E\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\uE94F\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\uE950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\uE951\"}.icon-ic-nav-meetingroom-24:before{content:\"\uE953\"}.icon-ic-nav-office-24:before{content:\"\uE954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\uE955\"}.icon-ic-nav-report-24:before{content:\"\uE956\"}.icon-ic-nav-resource-grps-24:before{content:\"\uE957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\uE958\"}.icon-ic-nav-settings-24:before{content:\"\uE959\"}.icon-ic-nav-translate-24:before{content:\"\uE95A\"}.icon-ic-nav-unplanned-24:before{content:\"\uE95B\"}.icon-ic-nav-upload-24:before{content:\"\uE95C\"}.icon-ic-nav-user-24:before{content:\"\uE95D\"}.icon-ic-nav-user-grps-24:before{content:\"\uE95E\"}.icon-ic-nav-user-pemissions-24:before{content:\"\uE95F\"}.icon-ic-nav-utilisation-24:before{content:\"\uE960\"}.icon-ic-nav-vaccine-24:before{content:\"\uE961\"}.icon-ic-nav-visitor-management-24:before{content:\"\uE962\"}.icon-ic-nav-work-planner-24:before{content:\"\uE963\"}.icon-ic-nre-add-24:before{content:\"\uE964\"}.icon-ic-nre-deactivate-24:before{content:\"\uE965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\uE966\"}.icon-ic-sidebar-guard-24:before{content:\"\uE967\"}.icon-ic-sidebar-home-24:before{content:\"\uE968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\uE969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\uE96A\"}.icon-ic-sidebar-reception-24:before{content:\"\uE96B\"}.icon-ic-ui-pdf-24:before{content:\"\uE96C\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\uE92F\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\uE930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\uE931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\uE93A\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\uE93B\"}.icon-ic-ui-cab-24:before{content:\"\uE93C\"}.icon-ic-ui-calendar2-24:before{content:\"\uE93D\"}.icon-ic-ui-calender-24:before{content:\"\uE93E\"}.icon-ic-ui-email-24:before{content:\"\uE93F\"}.icon-ic-ui-home-24:before{content:\"\uE949\"}.icon-ic-ui-meal-24:before{content:\"\uE940\"}.icon-ic-ui-new_parking-24:before{content:\"\uE941\"}.icon-ic-ui-night-24:before{content:\"\uE942\"}.icon-ic-ui-office-24:before{content:\"\uE943\"}.icon-ic-ui-outofoffice-24:before{content:\"\uE944\"}.icon-ic-ui-parking-24:before{content:\"\uE945\"}.icon-ic-ui-phone-24:before{content:\"\uE946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\uE947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\uE948\"}.icon-ic-action-more-horiz-24:before{content:\"\uE912\"}.icon-ic-action-add-24:before{content:\"\uE913\"}.icon-ic-action-ascending-24:before{content:\"\uE914\"}.icon-ic-action-cached-24:before{content:\"\uE915\"}.icon-ic-action-calview-24:before{content:\"\uE916\"}.icon-ic-action-copy-link-24:before{content:\"\uE917\"}.icon-ic-action-delete-24:before{content:\"\uE918\"}.icon-ic-action-descending-24:before{content:\"\uE919\"}.icon-ic-action-download-24:before{content:\"\uE91A\"}.icon-ic-action-drag-24:before{content:\"\uE91B\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\uE91C\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\uE91D\"}.icon-ic-action-expand-24-1:before{content:\"\uE91E\"}.icon-ic-action-external-link-24:before{content:\"\uE91F\"}.icon-ic-action-favorite-24:before{content:\"\uE923\"}.icon-ic-action-filter-24:before{content:\"\uE924\"}.icon-ic-action-globe-24:before{content:\"\uE925\"}.icon-ic-action-history-24-1:before{content:\"\uE926\"}.icon-ic-action-history-24:before{content:\"\uE927\"}.icon-ic-action-info-24:before{content:\"\uE928\"}.icon-ic-action-invite-24:before{content:\"\uE929\"}.icon-ic-action-listview-24:before{content:\"\uE92A\"}.icon-ic-action-logout-24:before{content:\"\uE92C\"}.icon-ic-action-menu-24:before{content:\"\uE92D\"}.icon-ic-action-more-vert-24:before{content:\"\uE92E\"}.icon-ic-action-notif-2-24:before{content:\"\uE932\"}.icon-ic-action-notif-24:before{content:\"\uE933\"}.icon-ic-action-person-search-24:before{content:\"\uE934\"}.icon-ic-action-print-24:before{content:\"\uE935\"}.icon-ic-action-qr-24:before{content:\"\uE936\"}.icon-ic-action-refresh-24:before{content:\"\uE937\"}.icon-ic-action-remove-24:before{content:\"\uEA09\"}.icon-ic-action-search-24:before{content:\"\uEA0A\"}.icon-ic-action-see-more-24:before{content:\"\uEA10\"}.icon-ic-action-send-24:before{content:\"\uEA11\"}.icon-ic-action-share-24:before{content:\"\uEA12\"}.icon-ic-action-shift-time-24:before{content:\"\uEA13\"}.icon-ic-action-sort-24:before{content:\"\uEA14\"}.icon-ic-action-sort2-24:before{content:\"\uEA15\"}.icon-ic-action-switch-24:before{content:\"\uEA16\"}.icon-ic-action-upload-24:before{content:\"\uEA17\"}.icon-ic-action-visibility-24:before{content:\"\uEA18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\uEA19\";color:#6a737d}#tooltip-container{position:absolute;z-index:1}#tooltip{position:relative;display:block;padding:8px 12px;border-radius:8px;color:#fff;background:#181f33;font-family:Lato,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px}#tooltip-text{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#arrow{position:absolute;height:12px;width:12px;background:#181f33;z-index:1}.arrow-top{bottom:-6px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-bottom{top:-6px}.arrow-left{right:-6px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}.arrow-right{left:-6px}"]
             },] }
 ];
 ToolTipComponent.ctorParameters = () => [];

package/input/mis-crystal-design-system-input.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MisInputDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"input[misInput]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":10,"character":38}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":10,"character":46}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":25},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":10,"character":73}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MisInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"mis-input","template":"<div\n  [class]=\"'input-container ' + size\"\n  [ngClass]=\"{\n    rounded: type === 'rounded',\n    floating: type === 'floating',\n    'has-error': !inputValidity || hasError,\n    'no-hint': noHints,\n    'mis-disabled': inputCtrl?.disabled\n  }\"\n>\n  <div class=\"input-wrapper\">\n    <ng-content select=\"[mis-input-icon]\"></ng-content>\n    <div class=\"mis-input\">\n      <ng-content select=\"input\"></ng-content>\n      <span class=\"mis-placeholder\">{{ placeholder }}</span>\n    </div>\n    <ng-content select=\"[mis-input-act]\"></ng-content>\n  </div>\n  <ng-content select=\"[mis-input-hint]\"></ng-content>\n  <ng-content select=\"[mis-input-error]\"></ng-content>\n</div>\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:#fff;--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}.input-container{position:relative;padding-bottom:24px}.input-container.mis-disabled .input-wrapper{pointer-events:none!important}.input-container .input-wrapper{box-sizing:border-box;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;transition:all 60ms ease-in;background-color:#fff;padding:3px 16px;gap:16px}.input-container .input-wrapper .mis-input{flex:1 1 auto;z-index:0;position:relative;display:flex;align-items:center}.input-container .input-wrapper input{flex:1 1 auto;border:none;outline:none;height:100%;padding:0;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;height:24px;color:#181f33;background-color:transparent;width:100%;vertical-align:middle}.input-container .input-wrapper input::-moz-placeholder{-moz-transition:all .1s ease-in;transition:all .1s ease-in;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper input:-ms-input-placeholder{-ms-transition:all .1s ease-in;transition:all .1s ease-in;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper input::placeholder{transition:all .1s ease-in;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper .mis-placeholder{position:absolute;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#6a737d;z-index:-1;transition:all .15s ease-in}.input-container .input-wrapper:focus-within{background-color:#f5f5f5}.input-container .input-wrapper:focus-within{border:1px solid #0937b2}.input-container .input-wrapper [mis-input-act],.input-container .input-wrapper [mis-input-icon]{width:18px;height:18px;color:#6a737d;font-size:24px;line-height:18px}.input-container .input-wrapper [mis-input-act]{cursor:pointer}.input-container.no-hint{padding-bottom:0}.input-container.rounded input{box-sizing:initial}.input-container.rounded.sm input{padding:3px 16px}.input-container.rounded.md input{padding:9px 16px}.input-container.rounded.lg input{padding:15px 16px}.input-container.rounded .input-wrapper{border-radius:4px;border:1px solid #e0e0e0;padding:0}.input-container.rounded .input-wrapper:hover{background-color:#f5f5f5}.input-container.rounded .input-wrapper:focus-within{border:1px solid #0937b2}.input-container.rounded .input-wrapper input:not(:-moz-placeholder-shown)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper input:not(:-ms-input-placeholder)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper input:not(:placeholder-shown)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper .mis-placeholder{margin-left:16px;transition-duration:50ms}.input-container.rounded.has-error .input-wrapper{border:1px solid #b00020!important}.input-container.floating .input-wrapper{padding-top:24px;padding-bottom:7px;border-bottom:1px solid #e0e0e0}.input-container.floating .input-wrapper input:focus+.mis-placeholder{color:#0937b2!important}.input-container.floating .input-wrapper input:not(:-moz-placeholder-shown)+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper input:not(:-ms-input-placeholder)+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper input:focus+.mis-placeholder,.input-container.floating .input-wrapper input:not(:placeholder-shown)+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper:focus-within{border:none;border-bottom:1px solid #0937b2}.input-container.floating .input-wrapper:focus-within input::-moz-placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating .input-wrapper:focus-within input:-ms-input-placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating .input-wrapper:focus-within input::placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating.has-error .input-wrapper{border-bottom:1px solid #b00020!important}.input-container.floating.has-error .input-wrapper .mis-placeholder{color:#b00020!important}.input-container [mis-input-error],.input-container [mis-input-hint]{position:absolute;left:0;right:0;bottom:0;line-height:24px;height:24px;font-size:12px;color:#6a737d;letter-spacing:.2px}.input-container [mis-input-error]{color:#b00020}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"noHints":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"hasError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"formInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"MisInputDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MisInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MisInputComponent"},{"__symbolic":"reference","name":"MisInputDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":26}],"exports":[{"__symbolic":"reference","name":"MisInputComponent"},{"__symbolic":"reference","name":"MisInputDirective"}]}]}],"members":{}}},"origins":{"MisInputDirective":"./directives/input/input.directive","MisInputComponent":"./mis-input.component","MisInputModule":"./mis-input.module"},"importAs":"mis-crystal-design-system/input"}
+{"__symbolic":"module","version":4,"metadata":{"MisInputDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"input[misInput]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":10,"character":38}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":10,"character":46}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":25},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":10,"character":73}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MisInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"mis-input","template":"<div\n  [class]=\"'input-container ' + size\"\n  [ngClass]=\"{\n    rounded: type === 'rounded',\n    floating: type === 'floating',\n    'has-error': !inputValidity || hasError,\n    'no-hint': noHints,\n    'mis-disabled': inputCtrl?.disabled\n  }\"\n>\n  <div class=\"input-wrapper\">\n    <ng-content select=\"[mis-input-icon]\"></ng-content>\n    <div class=\"mis-input\">\n      <ng-content select=\"input\"></ng-content>\n      <span class=\"mis-placeholder\">{{ placeholder }}</span>\n    </div>\n    <ng-content select=\"[mis-input-act]\"></ng-content>\n  </div>\n  <ng-content select=\"[mis-input-hint]\"></ng-content>\n  <ng-content select=\"[mis-input-error]\"></ng-content>\n</div>\n","styles":["@charset \"UTF-8\";: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:#fff;--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:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.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:0;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-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:\"\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\"}.icon-ic-action-average-trips:before{content:\"\"}.icon-ic-action-EV-vehicle:before{content:\"\"}.icon-ic-action-total-trips:before{content:\"\"}.icon-ic-ui-front-desk-24:before{content:\"\"}.icon-ic-ui-visitor-invite-24:before{content:\"\"}.icon-ic-ETS-OTA-16:before{content:\"\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\"}.icon-ic-geo-fence-violation-16:before{content:\"\"}.icon-ic-map-pin-16:before{content:\"\"}.icon-ic-SOS-fixed-device-16:before{content:\"\"}.icon-ic-SOS-mobile-16:before{content:\"\"}.icon-ic-speeding-16:before{content:\"\"}.icon-ic-tamper-alert-16:before{content:\"\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\"}.icon-ic-vehicle-stopage-16:before{content:\"\"}.icon-ic-violations-sign-off-time-16:before{content:\"\"}.icon-ic-woman-travelling-alone-16:before{content:\"\"}.icon-ic-ets-adhoc-32:before{content:\"\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\"}.icon-ic-ets-bus-24-1:before{content:\"\"}.icon-ic-ets-bus-24-2:before{content:\"\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\"}.icon-ic-ets-cloud-off-24:before{content:\"\"}.icon-ic-ets-walking-man-24:before{content:\"\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\"}.icon-ic-ui-seperator-16:before{content:\"\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\"}.icon-ic-navigation-collapse-16:before{content:\"\"}.icon-ic-navigation-expand-16:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\"}.icon-ic-nrs-sort--descending-24:before{content:\"\"}.icon-ic-ui-changed-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\"}.icon-ic-ui-error-24:before{content:\"\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\"}.icon-ic-ui-overlap-16:before{content:\"\"}.icon-ic-navigation-arrow_left-16:before{content:\"\"}.icon-ic-navigation-arrow_right-16:before{content:\"\"}.icon-ic-rep-booking-16:before{content:\"\"}.icon-ic-ui-arrow-16:before{content:\"\"}.icon-ic-ui-filters2-16:before{content:\"\"}.icon-ic-ui-nonveg-16:before{content:\"\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\"}.icon-ic-ui-Phone-24-1:before{content:\"\"}.icon-ic-ui-Phone-24:before{content:\"\"}.icon-ic-ui-Name-24:before{content:\"\"}.icon-ic-ui-transport-cab-24:before{content:\"\"}.icon-ic-ui-info-24:before{content:\"\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\"}.icon-ic-ui-action-24:before{content:\"\"}.icon-ic-ui-approvals-24:before{content:\"\"}.icon-ic-ui-approvals2-24:before{content:\"\"}.icon-ic-ui-fast-24:before{content:\"\"}.icon-ic-ui-transport-24:before{content:\"\"}.icon-ic-ui-vaccine-review-24:before{content:\"\"}.icon-ic-image-24:before{content:\"\"}.icon-ic-ui-bike-24:before{content:\"\"}.icon-ic-ui-car-24:before{content:\"\"}.icon-ic-ui-description-24:before{content:\"\"}.icon-ic-ui-email-24-1:before{content:\"\"}.icon-ic-ui-format-bullet-24:before{content:\"\"}.icon-ic-ui-format-number-24:before{content:\"\"}.icon-ic-ui-help-24:before{content:\"\"}.icon-ic-ui-location-24:before{content:\"\"}.icon-ic-ui-location-searching-24:before{content:\"\"}.icon-ic-ui-meal-241:before{content:\"\"}.icon-ic-ui-on-call-24:before{content:\"\"}.icon-ic-ui-person-24:before{content:\"\"}.icon-ic-ui-pie-24:before{content:\"\"}.icon-ic-ui-question-24:before{content:\"\"}.icon-ic-ui-request-24:before{content:\"\"}.icon-ic-ui-seat-24:before{content:\"\"}.icon-ic-ui-trend-down-24:before{content:\"\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\"}.icon-ic-nre-check-24:before{content:\"\"}.icon-ic-nre-flag-24:before{content:\"\"}.icon-ic-nre-notification-24:before{content:\"\"}.icon-ic-nre-push-pin-24:before{content:\"\"}.icon-ic-nre-wash-24:before{content:\"\"}.icon-ic-nrs-security-24:before{content:\"\"}.icon-ic-nrs-billing-24:before{content:\"\"}.icon-ic-nrs-downloads-24:before{content:\"\"}.icon-ic-nrs-loader-16:before{content:\"\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\"}.icon-ic-nrs-refersh-24:before{content:\"\"}.icon-ic-nrs-sanitize-24:before{content:\"\"}.icon-ic-nrs-score-card-24:before{content:\"\"}.icon-ic-nrs-view-24:before{content:\"\"}.icon-ic-device-24:before{content:\"\"}.icon-ic-duplicate-24--no-bg:before{content:\"\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\"}.icon-ic-vendor-24:before{content:\"\"}.icon-ic-naviation-directions-24:before{content:\"\"}.icon-ic-navigation-arrow-left-24:before{content:\"\"}.icon-ic-navigation-arrow-right-24:before{content:\"\"}.icon-ic-navigation-cancel-24:before{content:\"\"}.icon-ic-navigation-chevron-left-24:before{content:\"\"}.icon-ic-navigation-chevron-right-24:before{content:\"\"}.icon-ic-navigation-drop-down-24:before{content:\"\"}.icon-ic-navigation-expand-less-24:before{content:\"\"}.icon-ic-ui-check-24:before{content:\"\"}.icon-ic-nav-meeting-fill-24:before{content:\"\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\"}.icon-ic-mr-building-24:before{content:\"\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\"}.icon-ic-mr-fridge-24:before{content:\"\"}.icon-ic-mr-guestwifi-24:before{content:\"\"}.icon-ic-mr-ip-phones-24:before{content:\"\"}.icon-ic-mr-mic-24:before{content:\"\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\"}.icon-ic-mr-speakerphones-24:before{content:\"\"}.icon-ic-mr-stationary-24:before{content:\"\"}.icon-ic-mr-tv-24:before{content:\"\"}.icon-ic-mr-video-conferencing-24:before{content:\"\"}.icon-ic-mr-whiteboard-24:before{content:\"\"}.icon-ic-mr-wing-24:before{content:\"\"}.icon-ic-nav-seat-02-24:before{content:\"\"}.icon-ic-nav-seat-fill-24:before{content:\"\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\"}.icon-ic-map-current-24 .path1:before{content:\"\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\"}.icon-ic-map-reposition-24:before{content:\"\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\"}.icon-ic-new-icon-desk-management-24:before{content:\"\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\"}.icon-ic-new-icon-health-risk-24:before{content:\"\"}.icon-ic-new-icon-key-24:before{content:\"\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\"}.icon-ic-new-icon-Rupee-24:before{content:\"\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\"}.icon-ic-new-icons-User-group-24:before{content:\"\"}.icon-ic-ui-attendance:before{content:\"\"}.icon-ic-ui-cab-login:before{content:\"\"}.icon-ic-ui-cab-logout:before{content:\"\"}.icon-ic-ui-sign-in:before{content:\"\"}.icon-request-2:before{content:\"\"}.icon-seats-available:before{content:\"\";color:#5cc917}.icon-seats-booked:before{content:\"\";color:#039be5}.icon-seats-cancelled:before{content:\"\";color:#ef4d1d}.icon-seats-totals:before{content:\"\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\"}.icon-ic-employee-rest:before{content:\"\"}.icon-ic-nav-cancelled-24:before{content:\"\"}.icon-ic-nav-desk-allocation-24:before{content:\"\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\"}.icon-ic-nav-desk-utilization-24:before{content:\"\"}.icon-ic-nav-meetingroom-24:before{content:\"\"}.icon-ic-nav-office-24:before{content:\"\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\"}.icon-ic-nav-report-24:before{content:\"\"}.icon-ic-nav-resource-grps-24:before{content:\"\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\"}.icon-ic-nav-settings-24:before{content:\"\"}.icon-ic-nav-translate-24:before{content:\"\"}.icon-ic-nav-unplanned-24:before{content:\"\"}.icon-ic-nav-upload-24:before{content:\"\"}.icon-ic-nav-user-24:before{content:\"\"}.icon-ic-nav-user-grps-24:before{content:\"\"}.icon-ic-nav-user-pemissions-24:before{content:\"\"}.icon-ic-nav-utilisation-24:before{content:\"\"}.icon-ic-nav-vaccine-24:before{content:\"\"}.icon-ic-nav-visitor-management-24:before{content:\"\"}.icon-ic-nav-work-planner-24:before{content:\"\"}.icon-ic-nre-add-24:before{content:\"\"}.icon-ic-nre-deactivate-24:before{content:\"\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\"}.icon-ic-sidebar-guard-24:before{content:\"\"}.icon-ic-sidebar-home-24:before{content:\"\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\"}.icon-ic-sidebar-reception-24:before{content:\"\"}.icon-ic-ui-pdf-24:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\"}.icon-ic-ui-cab-24:before{content:\"\"}.icon-ic-ui-calendar2-24:before{content:\"\"}.icon-ic-ui-calender-24:before{content:\"\"}.icon-ic-ui-email-24:before{content:\"\"}.icon-ic-ui-home-24:before{content:\"\"}.icon-ic-ui-meal-24:before{content:\"\"}.icon-ic-ui-new_parking-24:before{content:\"\"}.icon-ic-ui-night-24:before{content:\"\"}.icon-ic-ui-office-24:before{content:\"\"}.icon-ic-ui-outofoffice-24:before{content:\"\"}.icon-ic-ui-parking-24:before{content:\"\"}.icon-ic-ui-phone-24:before{content:\"\"}.icon-ic-ui-Transport-availability-24:before{content:\"\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\"}.icon-ic-action-more-horiz-24:before{content:\"\"}.icon-ic-action-add-24:before{content:\"\"}.icon-ic-action-ascending-24:before{content:\"\"}.icon-ic-action-cached-24:before{content:\"\"}.icon-ic-action-calview-24:before{content:\"\"}.icon-ic-action-copy-link-24:before{content:\"\"}.icon-ic-action-delete-24:before{content:\"\"}.icon-ic-action-descending-24:before{content:\"\"}.icon-ic-action-download-24:before{content:\"\"}.icon-ic-action-drag-24:before{content:\"\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\"}.icon-ic-action-expand-24-1:before{content:\"\"}.icon-ic-action-external-link-24:before{content:\"\"}.icon-ic-action-favorite-24:before{content:\"\"}.icon-ic-action-filter-24:before{content:\"\"}.icon-ic-action-globe-24:before{content:\"\"}.icon-ic-action-history-24-1:before{content:\"\"}.icon-ic-action-history-24:before{content:\"\"}.icon-ic-action-info-24:before{content:\"\"}.icon-ic-action-invite-24:before{content:\"\"}.icon-ic-action-listview-24:before{content:\"\"}.icon-ic-action-logout-24:before{content:\"\"}.icon-ic-action-menu-24:before{content:\"\"}.icon-ic-action-more-vert-24:before{content:\"\"}.icon-ic-action-notif-2-24:before{content:\"\"}.icon-ic-action-notif-24:before{content:\"\"}.icon-ic-action-person-search-24:before{content:\"\"}.icon-ic-action-print-24:before{content:\"\"}.icon-ic-action-qr-24:before{content:\"\"}.icon-ic-action-refresh-24:before{content:\"\"}.icon-ic-action-remove-24:before{content:\"\"}.icon-ic-action-search-24:before{content:\"\"}.icon-ic-action-see-more-24:before{content:\"\"}.icon-ic-action-send-24:before{content:\"\"}.icon-ic-action-share-24:before{content:\"\"}.icon-ic-action-shift-time-24:before{content:\"\"}.icon-ic-action-sort-24:before{content:\"\"}.icon-ic-action-sort2-24:before{content:\"\"}.icon-ic-action-switch-24:before{content:\"\"}.icon-ic-action-upload-24:before{content:\"\"}.icon-ic-action-visibility-24:before{content:\"\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\";color:#6a737d}.input-container{position:relative;padding-bottom:24px}.input-container.mis-disabled .input-wrapper{pointer-events:none!important}.input-container .input-wrapper{box-sizing:border-box;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;transition:all 60ms ease-in;background-color:#fff;padding:3px 16px;gap:16px}.input-container .input-wrapper .mis-input{flex:1 1 auto;z-index:0;position:relative;display:flex;align-items:center}.input-container .input-wrapper input{flex:1 1 auto;border:none;outline:none;height:100%;padding:0;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;height:24px;color:#181f33;background-color:transparent;width:100%;vertical-align:middle}.input-container .input-wrapper input::-moz-placeholder{-moz-transition:all .1s ease-in;transition:all .1s ease-in;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper input:-ms-input-placeholder{-ms-transition:all .1s ease-in;transition:all .1s ease-in;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper input::placeholder{transition:all .1s ease-in;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper .mis-placeholder{position:absolute;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#6a737d;z-index:-1;transition:all .15s ease-in}.input-container .input-wrapper:focus-within{background-color:#f5f5f5}.input-container .input-wrapper:focus-within{border:1px solid #0937b2}.input-container .input-wrapper [mis-input-act],.input-container .input-wrapper [mis-input-icon]{width:18px;height:18px;color:#6a737d;font-size:24px;line-height:18px}.input-container .input-wrapper [mis-input-act]{cursor:pointer}.input-container.no-hint{padding-bottom:0}.input-container.rounded input{box-sizing:initial}.input-container.rounded.sm input{padding:3px 16px}.input-container.rounded.md input{padding:9px 16px}.input-container.rounded.lg input{padding:15px 16px}.input-container.rounded .input-wrapper{border-radius:4px;border:1px solid #e0e0e0;padding:0}.input-container.rounded .input-wrapper:hover{background-color:#f5f5f5}.input-container.rounded .input-wrapper:focus-within{border:1px solid #0937b2}.input-container.rounded .input-wrapper input:not(:-moz-placeholder-shown)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper input:not(:-ms-input-placeholder)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper input:not(:placeholder-shown)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper .mis-placeholder{margin-left:16px;transition-duration:50ms}.input-container.rounded.has-error .input-wrapper{border:1px solid #b00020!important}.input-container.floating .input-wrapper{padding-top:24px;padding-bottom:7px;border-bottom:1px solid #e0e0e0}.input-container.floating .input-wrapper input:focus+.mis-placeholder{color:#0937b2!important}.input-container.floating .input-wrapper input:not(:-moz-placeholder-shown)+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper input:not(:-ms-input-placeholder)+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper input:focus+.mis-placeholder,.input-container.floating .input-wrapper input:not(:placeholder-shown)+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper:focus-within{border:none;border-bottom:1px solid #0937b2}.input-container.floating .input-wrapper:focus-within input::-moz-placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating .input-wrapper:focus-within input:-ms-input-placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating .input-wrapper:focus-within input::placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating.has-error .input-wrapper{border-bottom:1px solid #b00020!important}.input-container.floating.has-error .input-wrapper .mis-placeholder{color:#b00020!important}.input-container [mis-input-error],.input-container [mis-input-hint]{position:absolute;left:0;right:0;bottom:0;line-height:24px;height:24px;font-size:12px;color:#6a737d;letter-spacing:.2px}.input-container [mis-input-error]{color:#b00020}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"noHints":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"hasError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"formInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"MisInputDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MisInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MisInputComponent"},{"__symbolic":"reference","name":"MisInputDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":26}],"exports":[{"__symbolic":"reference","name":"MisInputComponent"},{"__symbolic":"reference","name":"MisInputDirective"}]}]}],"members":{}}},"origins":{"MisInputDirective":"./directives/input/input.directive","MisInputComponent":"./mis-input.component","MisInputModule":"./mis-input.module"},"importAs":"mis-crystal-design-system/input"}

package/input/mis-input.component.scss

@@ -1,4 +1,6 @@
 @import "../styles/mis-color-constants.scss";
+@import '../styles/mis-fonts.scss';
+@import '../styles/mis-icons.scss';
 
 .input-container {
   position: relative;
@@ -15,7 +17,7 @@
     flex-direction: row;
     flex-wrap: nowrap;
     transition: all ease-in 60ms;
-    background-color: #ffffff;
+    background-color: $text_white;
     padding: 3px 16px; // DONE CHANGE
     gap: 16px;
     .mis-input {
@@ -36,7 +38,7 @@
       font-weight: normal;
       font-size: 16px;
       height: 24px;
-      color: #181f33;
+      color: $text_black;
       background-color: transparent;
       width: 100%;
       vertical-align: middle;
@@ -54,13 +56,13 @@
       font-weight: normal;
       font-size: 16px;
       line-height: 24px;
-      color: #6a737d;
+      color: $text_muted;
       z-index: -1;
       transition: all ease-in 150ms;
     }
 
     &:focus-within {
-      background-color: #f5f5f5;
+      background-color: $grey_bg;
     }
     &:focus-within {
       border: 1px solid $pmry_500;
@@ -69,7 +71,7 @@
     [mis-input-icon] {
       width: 18px;
       height: 18px;
-      color: #6a737d;
+      color: $text_muted;
       font-size: 24px;
       line-height: 18px;
     }
@@ -101,19 +103,19 @@
     }
     .input-wrapper {
       border-radius: 4px;
-      border: 1px solid #e0e0e0;
+      border: 1px solid $grey_seperators;
       padding: 0;
       // input:not(:disabled) {
       //   &:hover,
       //   &:focus {
-      //     background-color: #f5f5f5;
+      //     background-color: $grey_bg;
       //   }
       // }
       &:hover {
-        background-color: #f5f5f5;
+        background-color: $grey_bg;
       }
       &:focus-within {
-        border: 1px solid #0937b2;
+        border: 1px solid $pmry_500;
       }
       input:not(:placeholder-shown) + .mis-placeholder {
         color: transparent !important;
@@ -125,7 +127,7 @@
     }
     &.has-error {
       .input-wrapper {
-        border: 1px solid #b00020 !important;
+        border: 1px solid $sem_error !important;
       }
     }
   }
@@ -133,9 +135,9 @@
     .input-wrapper {
       padding-top: 24px;
       padding-bottom: 7px; // DONE CHANGE
-      border-bottom: 1px solid #e0e0e0;
+      border-bottom: 1px solid $grey_seperators;
       input:focus + .mis-placeholder {
-        color: #0937b2 !important;
+        color: $pmry_500 !important;
       }
       input:not(:placeholder-shown) + .mis-placeholder,
       input:focus + .mis-placeholder {
@@ -145,9 +147,9 @@
       }
       &:focus-within {
         border: none;
-        border-bottom: 1px solid #0937b2;
+        border-bottom: 1px solid $pmry_500;
         input::placeholder {
-          color: #6a737d;
+          color: $text_muted;
           opacity: 1;
           font-size: 16px;
         }
@@ -155,9 +157,9 @@
     }
     &.has-error {
       .input-wrapper {
-        border-bottom: 1px solid #b00020 !important;
+        border-bottom: 1px solid $sem_error !important;
         .mis-placeholder {
-          color: #b00020 !important;
+          color: $sem_error !important;
         }
       }
     }
@@ -171,10 +173,10 @@
     line-height: 24px;
     height: 24px;
     font-size: 12px;
-    color: #6a737d;
+    color: $text_muted;
     letter-spacing: 0.2px;
   }
   [mis-input-error] {
-    color: #b00020;
+    color: $sem_error;
   }
 }

package/loader/mis-crystal-design-system-loader.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"LoaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-loader","template":"<div\n  id=\"spinner\"\n  [ngClass]=\"{\n    mobile: mobileView\n  }\"\n></div>\n","styles":["#spinner{-webkit-animation:frames 1s linear infinite;animation:frames 1s linear infinite;background:transparent;border-radius:100%;border:4px solid #e0e0e0;border-top-color:#6200ee;width:40px;height:40px;padding:0;position:absolute}@-webkit-keyframes frames{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes frames{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.mobile{height:20px!important;width:20px!important;border:2px solid #e0e0e0!important;border-top-color:#6200ee!important}"]}]}],"members":{"mobileView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"LoaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LoaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12}],"exports":[{"__symbolic":"reference","name":"LoaderComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"LoaderModule"},"providers":[]}}}}},"origins":{"LoaderComponent":"./loader.component","LoaderModule":"./loader.module"},"importAs":"mis-crystal-design-system/loader"}
+{"__symbolic":"module","version":4,"metadata":{"LoaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-loader","template":"<div\n  id=\"spinner\"\n  [ngClass]=\"{\n    mobile: mobileView\n  }\"\n></div>\n","styles":["@charset \"UTF-8\";: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:#fff;--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:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.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:0;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-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:\"\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\"}.icon-ic-action-average-trips:before{content:\"\"}.icon-ic-action-EV-vehicle:before{content:\"\"}.icon-ic-action-total-trips:before{content:\"\"}.icon-ic-ui-front-desk-24:before{content:\"\"}.icon-ic-ui-visitor-invite-24:before{content:\"\"}.icon-ic-ETS-OTA-16:before{content:\"\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\"}.icon-ic-geo-fence-violation-16:before{content:\"\"}.icon-ic-map-pin-16:before{content:\"\"}.icon-ic-SOS-fixed-device-16:before{content:\"\"}.icon-ic-SOS-mobile-16:before{content:\"\"}.icon-ic-speeding-16:before{content:\"\"}.icon-ic-tamper-alert-16:before{content:\"\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\"}.icon-ic-vehicle-stopage-16:before{content:\"\"}.icon-ic-violations-sign-off-time-16:before{content:\"\"}.icon-ic-woman-travelling-alone-16:before{content:\"\"}.icon-ic-ets-adhoc-32:before{content:\"\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\"}.icon-ic-ets-bus-24-1:before{content:\"\"}.icon-ic-ets-bus-24-2:before{content:\"\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\"}.icon-ic-ets-cloud-off-24:before{content:\"\"}.icon-ic-ets-walking-man-24:before{content:\"\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\"}.icon-ic-ui-seperator-16:before{content:\"\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\"}.icon-ic-navigation-collapse-16:before{content:\"\"}.icon-ic-navigation-expand-16:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\"}.icon-ic-nrs-sort--descending-24:before{content:\"\"}.icon-ic-ui-changed-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\"}.icon-ic-ui-error-24:before{content:\"\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\"}.icon-ic-ui-overlap-16:before{content:\"\"}.icon-ic-navigation-arrow_left-16:before{content:\"\"}.icon-ic-navigation-arrow_right-16:before{content:\"\"}.icon-ic-rep-booking-16:before{content:\"\"}.icon-ic-ui-arrow-16:before{content:\"\"}.icon-ic-ui-filters2-16:before{content:\"\"}.icon-ic-ui-nonveg-16:before{content:\"\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\"}.icon-ic-ui-Phone-24-1:before{content:\"\"}.icon-ic-ui-Phone-24:before{content:\"\"}.icon-ic-ui-Name-24:before{content:\"\"}.icon-ic-ui-transport-cab-24:before{content:\"\"}.icon-ic-ui-info-24:before{content:\"\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\"}.icon-ic-ui-action-24:before{content:\"\"}.icon-ic-ui-approvals-24:before{content:\"\"}.icon-ic-ui-approvals2-24:before{content:\"\"}.icon-ic-ui-fast-24:before{content:\"\"}.icon-ic-ui-transport-24:before{content:\"\"}.icon-ic-ui-vaccine-review-24:before{content:\"\"}.icon-ic-image-24:before{content:\"\"}.icon-ic-ui-bike-24:before{content:\"\"}.icon-ic-ui-car-24:before{content:\"\"}.icon-ic-ui-description-24:before{content:\"\"}.icon-ic-ui-email-24-1:before{content:\"\"}.icon-ic-ui-format-bullet-24:before{content:\"\"}.icon-ic-ui-format-number-24:before{content:\"\"}.icon-ic-ui-help-24:before{content:\"\"}.icon-ic-ui-location-24:before{content:\"\"}.icon-ic-ui-location-searching-24:before{content:\"\"}.icon-ic-ui-meal-241:before{content:\"\"}.icon-ic-ui-on-call-24:before{content:\"\"}.icon-ic-ui-person-24:before{content:\"\"}.icon-ic-ui-pie-24:before{content:\"\"}.icon-ic-ui-question-24:before{content:\"\"}.icon-ic-ui-request-24:before{content:\"\"}.icon-ic-ui-seat-24:before{content:\"\"}.icon-ic-ui-trend-down-24:before{content:\"\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\"}.icon-ic-nre-check-24:before{content:\"\"}.icon-ic-nre-flag-24:before{content:\"\"}.icon-ic-nre-notification-24:before{content:\"\"}.icon-ic-nre-push-pin-24:before{content:\"\"}.icon-ic-nre-wash-24:before{content:\"\"}.icon-ic-nrs-security-24:before{content:\"\"}.icon-ic-nrs-billing-24:before{content:\"\"}.icon-ic-nrs-downloads-24:before{content:\"\"}.icon-ic-nrs-loader-16:before{content:\"\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\"}.icon-ic-nrs-refersh-24:before{content:\"\"}.icon-ic-nrs-sanitize-24:before{content:\"\"}.icon-ic-nrs-score-card-24:before{content:\"\"}.icon-ic-nrs-view-24:before{content:\"\"}.icon-ic-device-24:before{content:\"\"}.icon-ic-duplicate-24--no-bg:before{content:\"\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\"}.icon-ic-vendor-24:before{content:\"\"}.icon-ic-naviation-directions-24:before{content:\"\"}.icon-ic-navigation-arrow-left-24:before{content:\"\"}.icon-ic-navigation-arrow-right-24:before{content:\"\"}.icon-ic-navigation-cancel-24:before{content:\"\"}.icon-ic-navigation-chevron-left-24:before{content:\"\"}.icon-ic-navigation-chevron-right-24:before{content:\"\"}.icon-ic-navigation-drop-down-24:before{content:\"\"}.icon-ic-navigation-expand-less-24:before{content:\"\"}.icon-ic-ui-check-24:before{content:\"\"}.icon-ic-nav-meeting-fill-24:before{content:\"\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\"}.icon-ic-mr-building-24:before{content:\"\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\"}.icon-ic-mr-fridge-24:before{content:\"\"}.icon-ic-mr-guestwifi-24:before{content:\"\"}.icon-ic-mr-ip-phones-24:before{content:\"\"}.icon-ic-mr-mic-24:before{content:\"\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\"}.icon-ic-mr-speakerphones-24:before{content:\"\"}.icon-ic-mr-stationary-24:before{content:\"\"}.icon-ic-mr-tv-24:before{content:\"\"}.icon-ic-mr-video-conferencing-24:before{content:\"\"}.icon-ic-mr-whiteboard-24:before{content:\"\"}.icon-ic-mr-wing-24:before{content:\"\"}.icon-ic-nav-seat-02-24:before{content:\"\"}.icon-ic-nav-seat-fill-24:before{content:\"\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\"}.icon-ic-map-current-24 .path1:before{content:\"\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\"}.icon-ic-map-reposition-24:before{content:\"\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\"}.icon-ic-new-icon-desk-management-24:before{content:\"\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\"}.icon-ic-new-icon-health-risk-24:before{content:\"\"}.icon-ic-new-icon-key-24:before{content:\"\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\"}.icon-ic-new-icon-Rupee-24:before{content:\"\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\"}.icon-ic-new-icons-User-group-24:before{content:\"\"}.icon-ic-ui-attendance:before{content:\"\"}.icon-ic-ui-cab-login:before{content:\"\"}.icon-ic-ui-cab-logout:before{content:\"\"}.icon-ic-ui-sign-in:before{content:\"\"}.icon-request-2:before{content:\"\"}.icon-seats-available:before{content:\"\";color:#5cc917}.icon-seats-booked:before{content:\"\";color:#039be5}.icon-seats-cancelled:before{content:\"\";color:#ef4d1d}.icon-seats-totals:before{content:\"\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\"}.icon-ic-employee-rest:before{content:\"\"}.icon-ic-nav-cancelled-24:before{content:\"\"}.icon-ic-nav-desk-allocation-24:before{content:\"\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\"}.icon-ic-nav-desk-utilization-24:before{content:\"\"}.icon-ic-nav-meetingroom-24:before{content:\"\"}.icon-ic-nav-office-24:before{content:\"\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\"}.icon-ic-nav-report-24:before{content:\"\"}.icon-ic-nav-resource-grps-24:before{content:\"\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\"}.icon-ic-nav-settings-24:before{content:\"\"}.icon-ic-nav-translate-24:before{content:\"\"}.icon-ic-nav-unplanned-24:before{content:\"\"}.icon-ic-nav-upload-24:before{content:\"\"}.icon-ic-nav-user-24:before{content:\"\"}.icon-ic-nav-user-grps-24:before{content:\"\"}.icon-ic-nav-user-pemissions-24:before{content:\"\"}.icon-ic-nav-utilisation-24:before{content:\"\"}.icon-ic-nav-vaccine-24:before{content:\"\"}.icon-ic-nav-visitor-management-24:before{content:\"\"}.icon-ic-nav-work-planner-24:before{content:\"\"}.icon-ic-nre-add-24:before{content:\"\"}.icon-ic-nre-deactivate-24:before{content:\"\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\"}.icon-ic-sidebar-guard-24:before{content:\"\"}.icon-ic-sidebar-home-24:before{content:\"\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\"}.icon-ic-sidebar-reception-24:before{content:\"\"}.icon-ic-ui-pdf-24:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\"}.icon-ic-ui-cab-24:before{content:\"\"}.icon-ic-ui-calendar2-24:before{content:\"\"}.icon-ic-ui-calender-24:before{content:\"\"}.icon-ic-ui-email-24:before{content:\"\"}.icon-ic-ui-home-24:before{content:\"\"}.icon-ic-ui-meal-24:before{content:\"\"}.icon-ic-ui-new_parking-24:before{content:\"\"}.icon-ic-ui-night-24:before{content:\"\"}.icon-ic-ui-office-24:before{content:\"\"}.icon-ic-ui-outofoffice-24:before{content:\"\"}.icon-ic-ui-parking-24:before{content:\"\"}.icon-ic-ui-phone-24:before{content:\"\"}.icon-ic-ui-Transport-availability-24:before{content:\"\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\"}.icon-ic-action-more-horiz-24:before{content:\"\"}.icon-ic-action-add-24:before{content:\"\"}.icon-ic-action-ascending-24:before{content:\"\"}.icon-ic-action-cached-24:before{content:\"\"}.icon-ic-action-calview-24:before{content:\"\"}.icon-ic-action-copy-link-24:before{content:\"\"}.icon-ic-action-delete-24:before{content:\"\"}.icon-ic-action-descending-24:before{content:\"\"}.icon-ic-action-download-24:before{content:\"\"}.icon-ic-action-drag-24:before{content:\"\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\"}.icon-ic-action-expand-24-1:before{content:\"\"}.icon-ic-action-external-link-24:before{content:\"\"}.icon-ic-action-favorite-24:before{content:\"\"}.icon-ic-action-filter-24:before{content:\"\"}.icon-ic-action-globe-24:before{content:\"\"}.icon-ic-action-history-24-1:before{content:\"\"}.icon-ic-action-history-24:before{content:\"\"}.icon-ic-action-info-24:before{content:\"\"}.icon-ic-action-invite-24:before{content:\"\"}.icon-ic-action-listview-24:before{content:\"\"}.icon-ic-action-logout-24:before{content:\"\"}.icon-ic-action-menu-24:before{content:\"\"}.icon-ic-action-more-vert-24:before{content:\"\"}.icon-ic-action-notif-2-24:before{content:\"\"}.icon-ic-action-notif-24:before{content:\"\"}.icon-ic-action-person-search-24:before{content:\"\"}.icon-ic-action-print-24:before{content:\"\"}.icon-ic-action-qr-24:before{content:\"\"}.icon-ic-action-refresh-24:before{content:\"\"}.icon-ic-action-remove-24:before{content:\"\"}.icon-ic-action-search-24:before{content:\"\"}.icon-ic-action-see-more-24:before{content:\"\"}.icon-ic-action-send-24:before{content:\"\"}.icon-ic-action-share-24:before{content:\"\"}.icon-ic-action-shift-time-24:before{content:\"\"}.icon-ic-action-sort-24:before{content:\"\"}.icon-ic-action-sort2-24:before{content:\"\"}.icon-ic-action-switch-24:before{content:\"\"}.icon-ic-action-upload-24:before{content:\"\"}.icon-ic-action-visibility-24:before{content:\"\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\";color:#6a737d}#spinner{-webkit-animation:frames 1s linear infinite;animation:frames 1s linear infinite;background:transparent;border-radius:100%;border:4px solid #e0e0e0;border-top-color:#6200ee;width:40px;height:40px;padding:0;position:absolute}@-webkit-keyframes frames{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes frames{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.mobile{height:20px!important;width:20px!important;border:2px solid #e0e0e0!important;border-top-color:#6200ee!important}"]}]}],"members":{"mobileView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"LoaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LoaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12}],"exports":[{"__symbolic":"reference","name":"LoaderComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"LoaderModule"},"providers":[]}}}}},"origins":{"LoaderComponent":"./loader.component","LoaderModule":"./loader.module"},"importAs":"mis-crystal-design-system/loader"}

package/multi-select-dropdown/mis-crystal-design-system-multi-select-dropdown.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MultiSelectDropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"mis-multi-select-dropdown","template":"<div\n  class=\"container\"\n  [ngStyle]=\"{\n    height: height.length > 0 ? height : '',\n    width: width.length > 0 ? width : ''\n  }\"\n>\n  <div\n    class=\"dropdown\"\n    #select\n    tabindex=\"0\"\n    (keyup.enter)=\"toggleDropdown()\"\n    (click)=\"toggleDropdown()\"\n    [ngStyle]=\"{ background: isOpen ? '#E6EBF7' : '' }\"\n  >\n    <div class=\"label\">\n      <p class=\"text\">{{ label }}</p>\n      <p *ngIf=\"showSelectedCount && localSelectedItems?.length > 0\" class=\"count\">\n        {{ localSelectedItems?.length }}\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    [ngClass]=\"{\n      'position-left': dropdownListPosition === 'Left',\n      'position-right': dropdownListPosition === 'Right'\n    }\"\n  >\n    <div *ngIf=\"searchEnabled\" class=\"search-container\">\n      <svg\n        *ngIf=\"!isSearchInputFocused\"\n        class=\"search-icon\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z\"\n          fill=\"#6A737D\"\n        />\n      </svg>\n      <input\n        [ngModel]=\"searchInput\"\n        [ngStyle]=\"{\n          paddingLeft: isSearchInputFocused ? '12px' : '45px',\n          border: isSearchInputFocused ? '1px solid #0937B2' : '1px solid #e0e0e0',\n          paddingRight: isSearchInputFocused ? '45px' : '10px'\n        }\"\n        (ngModelChange)=\"searchInputOnChange($event)\"\n        [placeholder]=\"isSearchInputFocused ? '' : '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      <div\n        class=\"item\"\n        tabindex=\"0\"\n        (keyup.enter)=\"toggleSelectedItems($event, item)\"\n        (click)=\"toggleSelectedItems($event, item)\"\n        *ngFor=\"let item of searchInput ? searchData : localData\"\n      >\n        <div class=\"checkbox-container-wrapper\">\n          <div class=\"checkbox-container\">\n            <mis-checkbox [checked]=\"item.checked\" tabindex=\"-1\"></mis-checkbox>\n          </div>\n          <p class=\"label\">\n            {{ item.label }}\n          </p>\n        </div>\n        <div class=\"icon-container\" *ngIf=\"item.icon\">\n          <img class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n        </div>\n      </div>\n      <div class=\"noData\" *ngIf=\"(searchInput ? searchData : localData).length === 0\">\n        {{ searchInput === \"\" ? noDataMessage : \"No results\" }}\n      </div>\n    </div>\n    <div *ngIf=\"localData.length !== 0 && !hideApplyButton\" class=\"actions-container\">\n      <div style=\"width: calc(50% - 4px)\">\n        <mis-button [name]=\"'Reset'\" [type]=\"'Text'\" [width]=\"'100%'\" (click)=\"onReset()\"></mis-button>\n      </div>\n      <div style=\"width: calc(50% - 4px)\">\n        <mis-button [name]=\"'Apply'\" [type]=\"'Solid'\" [width]=\"'100%'\" (click)=\"applyFilters()\"></mis-button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n","styles":[".container{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:32px;width:256px;font-family:Lato,sans-serif!important}.container .dropdown{height:inherit;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 12px;overflow:hidden}.container .dropdown:focus-visible,.container .dropdown:hover{background-color:#f5f7fc;outline:none}.container .dropdown .label{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px)}.container .dropdown .label,.container .dropdown .label .text{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.container .dropdown .label .text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.container .dropdown .label .count{background-color:#e0e0e0;border-radius:50%;padding:2px 7px;margin:0 0 0 8px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px;color:#181f33}.container .dropdown .handle{width:24px;height:24px;transition:.3s;position:absolute;right:12px;border-radius:50%;overflow:hidden}.popup-container{width:100%;max-height:340px;padding-bottom:0;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 12px 24px 0 rgba(0,0,0,.12);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 .item{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;padding:8px 12px;border-radius:6px;height:auto}.popup-container .items .item:focus-visible,.popup-container .items .item:hover{background-color:#f5f7fc;outline:none}.popup-container .items .item .checkbox-container-wrapper{display:flex;justify-content:flex-start;align-items:center;width:90%}.popup-container .items .item .checkbox-container-wrapper .checkbox-container{display:block;position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.popup-container .items .item .checkbox-container-wrapper .checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.popup-container .items .item .checkbox-container-wrapper .checkbox-container input:checked~.checkmark:after{display:block}.popup-container .items .item .checkbox-container-wrapper .checkbox-container .checkmark{position:absolute;top:-8px;left:0;height:15px;width:15px;border-radius:4px;background-color:#0079f1;border:1px solid #6a737d}.popup-container .items .item .checkbox-container-wrapper .checkbox-container .checkmark:after{content:\"\";position:absolute;display:none;left:5px;top:2px;width:3px;height:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.popup-container .items .item .checkbox-container-wrapper .label{margin:0 0 0 8px;line-height:20px;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.2;text-overflow:ellipsis;overflow:hidden}.popup-container .items .item .icon-container{width:10%;display:flex;justify-content:flex-end}.popup-container .items .item .icon-container .icon{width:20px;height:20px}.popup-container .actions-container{display:flex;justify-content:space-between;bottom:0;align-items:center;position:-webkit-sticky;position:sticky;padding:16px;background-color:#fff;border-top:1px solid #e0e0e0}.popup-container .actions-container .cancel{cursor:pointer;padding:10px 32px;text-align:center;font-size:16px;line-height:24px;border-radius:8px}.popup-container .actions-container .cancel:hover{background:rgba(9,55,178,.04)}.popup-container .actions-container .apply{cursor:pointer;padding:10px 32px;text-align:center;color:#fff;font-size:16px;line-height:24px;background:#0937b2;border-radius:8px}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"dropdownListHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"dropdownListWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"dropdownListPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"enableSelectAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"searchEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"showSelectedCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"noDataMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"selectedItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"hideApplyButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"selectElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["select",{"static":false}]}]}],"popupContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":3},"arguments":["popupContainer",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":28},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":44,"character":57},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":44,"character":92},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":44,"character":126}]}],"ngOnInit":[{"__symbolic":"method"}],"handlerSetLocalSelectedItems":[{"__symbolic":"method"}],"searchInputFocused":[{"__symbolic":"method"}],"searchInputCanceled":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method"}],"openDropdown":[{"__symbolic":"method"}],"filterByValue":[{"__symbolic":"method"}],"searchInputOnChange":[{"__symbolic":"method"}],"formatValues":[{"__symbolic":"method"}],"toggleSelectedItems":[{"__symbolic":"method"}],"applyFilters":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}]}},"MultiSelectDropdownItem":{"__symbolic":"interface"},"MultiSelectDropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MultiSelectDropdownComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":26},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":10,"character":39},{"__symbolic":"reference","module":"mis-crystal-design-system/checkbox","name":"CheckboxModule","line":10,"character":54},{"__symbolic":"reference","module":"mis-crystal-design-system/button","name":"ButtonModule","line":10,"character":70}],"exports":[{"__symbolic":"reference","name":"MultiSelectDropdownComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MultiSelectDropdownModule"},"providers":[]}}}}},"origins":{"MultiSelectDropdownComponent":"./multi-select-dropdown.component","MultiSelectDropdownItem":"./multi-select-dropdown.component","MultiSelectDropdownModule":"./multi-select-dropdown.module"},"importAs":"mis-crystal-design-system/multi-select-dropdown"}
+{"__symbolic":"module","version":4,"metadata":{"MultiSelectDropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"mis-multi-select-dropdown","template":"<div\n  class=\"container\"\n  [ngStyle]=\"{\n    height: height.length > 0 ? height : '',\n    width: width.length > 0 ? width : ''\n  }\"\n>\n  <div\n    class=\"dropdown\"\n    #select\n    tabindex=\"0\"\n    (keyup.enter)=\"toggleDropdown()\"\n    (click)=\"toggleDropdown()\"\n    [ngStyle]=\"{ background: isOpen ? '#E6EBF7' : '' }\"\n  >\n    <div class=\"label\">\n      <p class=\"text\">{{ label }}</p>\n      <p *ngIf=\"showSelectedCount && localSelectedItems?.length > 0\" class=\"count\">\n        {{ localSelectedItems?.length }}\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    [ngClass]=\"{\n      'position-left': dropdownListPosition === 'Left',\n      'position-right': dropdownListPosition === 'Right'\n    }\"\n  >\n    <div *ngIf=\"searchEnabled\" class=\"search-container\">\n      <svg\n        *ngIf=\"!isSearchInputFocused\"\n        class=\"search-icon\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z\"\n          fill=\"#6A737D\"\n        />\n      </svg>\n      <input\n        [ngModel]=\"searchInput\"\n        [ngStyle]=\"{\n          paddingLeft: isSearchInputFocused ? '12px' : '45px',\n          border: isSearchInputFocused ? '1px solid #0937B2' : '1px solid #e0e0e0',\n          paddingRight: isSearchInputFocused ? '45px' : '10px'\n        }\"\n        (ngModelChange)=\"searchInputOnChange($event)\"\n        [placeholder]=\"isSearchInputFocused ? '' : '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      <div\n        class=\"item\"\n        tabindex=\"0\"\n        (keyup.enter)=\"toggleSelectedItems($event, item)\"\n        (click)=\"toggleSelectedItems($event, item)\"\n        *ngFor=\"let item of searchInput ? searchData : localData\"\n      >\n        <div class=\"checkbox-container-wrapper\">\n          <div class=\"checkbox-container\">\n            <mis-checkbox [checked]=\"item.checked\" tabindex=\"-1\"></mis-checkbox>\n          </div>\n          <p class=\"label\">\n            {{ item.label }}\n          </p>\n        </div>\n        <div class=\"icon-container\" *ngIf=\"item.icon\">\n          <img class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n        </div>\n      </div>\n      <div class=\"noData\" *ngIf=\"(searchInput ? searchData : localData).length === 0\">\n        {{ searchInput === \"\" ? noDataMessage : \"No results\" }}\n      </div>\n    </div>\n    <div *ngIf=\"localData.length !== 0 && !hideApplyButton\" class=\"actions-container\">\n      <div style=\"width: calc(50% - 4px)\">\n        <mis-button [name]=\"'Reset'\" [type]=\"'Text'\" [width]=\"'100%'\" (click)=\"onReset()\"></mis-button>\n      </div>\n      <div style=\"width: calc(50% - 4px)\">\n        <mis-button [name]=\"'Apply'\" [type]=\"'Solid'\" [width]=\"'100%'\" (click)=\"applyFilters()\"></mis-button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n","styles":["@charset \"UTF-8\";: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:#fff;--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:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.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:0;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-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:\"\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\"}.icon-ic-action-average-trips:before{content:\"\"}.icon-ic-action-EV-vehicle:before{content:\"\"}.icon-ic-action-total-trips:before{content:\"\"}.icon-ic-ui-front-desk-24:before{content:\"\"}.icon-ic-ui-visitor-invite-24:before{content:\"\"}.icon-ic-ETS-OTA-16:before{content:\"\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\"}.icon-ic-geo-fence-violation-16:before{content:\"\"}.icon-ic-map-pin-16:before{content:\"\"}.icon-ic-SOS-fixed-device-16:before{content:\"\"}.icon-ic-SOS-mobile-16:before{content:\"\"}.icon-ic-speeding-16:before{content:\"\"}.icon-ic-tamper-alert-16:before{content:\"\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\"}.icon-ic-vehicle-stopage-16:before{content:\"\"}.icon-ic-violations-sign-off-time-16:before{content:\"\"}.icon-ic-woman-travelling-alone-16:before{content:\"\"}.icon-ic-ets-adhoc-32:before{content:\"\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\"}.icon-ic-ets-bus-24-1:before{content:\"\"}.icon-ic-ets-bus-24-2:before{content:\"\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\"}.icon-ic-ets-cloud-off-24:before{content:\"\"}.icon-ic-ets-walking-man-24:before{content:\"\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\"}.icon-ic-ui-seperator-16:before{content:\"\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\"}.icon-ic-navigation-collapse-16:before{content:\"\"}.icon-ic-navigation-expand-16:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\"}.icon-ic-nrs-sort--descending-24:before{content:\"\"}.icon-ic-ui-changed-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\"}.icon-ic-ui-error-24:before{content:\"\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\"}.icon-ic-ui-overlap-16:before{content:\"\"}.icon-ic-navigation-arrow_left-16:before{content:\"\"}.icon-ic-navigation-arrow_right-16:before{content:\"\"}.icon-ic-rep-booking-16:before{content:\"\"}.icon-ic-ui-arrow-16:before{content:\"\"}.icon-ic-ui-filters2-16:before{content:\"\"}.icon-ic-ui-nonveg-16:before{content:\"\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\"}.icon-ic-ui-Phone-24-1:before{content:\"\"}.icon-ic-ui-Phone-24:before{content:\"\"}.icon-ic-ui-Name-24:before{content:\"\"}.icon-ic-ui-transport-cab-24:before{content:\"\"}.icon-ic-ui-info-24:before{content:\"\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\"}.icon-ic-ui-action-24:before{content:\"\"}.icon-ic-ui-approvals-24:before{content:\"\"}.icon-ic-ui-approvals2-24:before{content:\"\"}.icon-ic-ui-fast-24:before{content:\"\"}.icon-ic-ui-transport-24:before{content:\"\"}.icon-ic-ui-vaccine-review-24:before{content:\"\"}.icon-ic-image-24:before{content:\"\"}.icon-ic-ui-bike-24:before{content:\"\"}.icon-ic-ui-car-24:before{content:\"\"}.icon-ic-ui-description-24:before{content:\"\"}.icon-ic-ui-email-24-1:before{content:\"\"}.icon-ic-ui-format-bullet-24:before{content:\"\"}.icon-ic-ui-format-number-24:before{content:\"\"}.icon-ic-ui-help-24:before{content:\"\"}.icon-ic-ui-location-24:before{content:\"\"}.icon-ic-ui-location-searching-24:before{content:\"\"}.icon-ic-ui-meal-241:before{content:\"\"}.icon-ic-ui-on-call-24:before{content:\"\"}.icon-ic-ui-person-24:before{content:\"\"}.icon-ic-ui-pie-24:before{content:\"\"}.icon-ic-ui-question-24:before{content:\"\"}.icon-ic-ui-request-24:before{content:\"\"}.icon-ic-ui-seat-24:before{content:\"\"}.icon-ic-ui-trend-down-24:before{content:\"\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\"}.icon-ic-nre-check-24:before{content:\"\"}.icon-ic-nre-flag-24:before{content:\"\"}.icon-ic-nre-notification-24:before{content:\"\"}.icon-ic-nre-push-pin-24:before{content:\"\"}.icon-ic-nre-wash-24:before{content:\"\"}.icon-ic-nrs-security-24:before{content:\"\"}.icon-ic-nrs-billing-24:before{content:\"\"}.icon-ic-nrs-downloads-24:before{content:\"\"}.icon-ic-nrs-loader-16:before{content:\"\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\"}.icon-ic-nrs-refersh-24:before{content:\"\"}.icon-ic-nrs-sanitize-24:before{content:\"\"}.icon-ic-nrs-score-card-24:before{content:\"\"}.icon-ic-nrs-view-24:before{content:\"\"}.icon-ic-device-24:before{content:\"\"}.icon-ic-duplicate-24--no-bg:before{content:\"\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\"}.icon-ic-vendor-24:before{content:\"\"}.icon-ic-naviation-directions-24:before{content:\"\"}.icon-ic-navigation-arrow-left-24:before{content:\"\"}.icon-ic-navigation-arrow-right-24:before{content:\"\"}.icon-ic-navigation-cancel-24:before{content:\"\"}.icon-ic-navigation-chevron-left-24:before{content:\"\"}.icon-ic-navigation-chevron-right-24:before{content:\"\"}.icon-ic-navigation-drop-down-24:before{content:\"\"}.icon-ic-navigation-expand-less-24:before{content:\"\"}.icon-ic-ui-check-24:before{content:\"\"}.icon-ic-nav-meeting-fill-24:before{content:\"\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\"}.icon-ic-mr-building-24:before{content:\"\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\"}.icon-ic-mr-fridge-24:before{content:\"\"}.icon-ic-mr-guestwifi-24:before{content:\"\"}.icon-ic-mr-ip-phones-24:before{content:\"\"}.icon-ic-mr-mic-24:before{content:\"\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\"}.icon-ic-mr-speakerphones-24:before{content:\"\"}.icon-ic-mr-stationary-24:before{content:\"\"}.icon-ic-mr-tv-24:before{content:\"\"}.icon-ic-mr-video-conferencing-24:before{content:\"\"}.icon-ic-mr-whiteboard-24:before{content:\"\"}.icon-ic-mr-wing-24:before{content:\"\"}.icon-ic-nav-seat-02-24:before{content:\"\"}.icon-ic-nav-seat-fill-24:before{content:\"\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\"}.icon-ic-map-current-24 .path1:before{content:\"\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\"}.icon-ic-map-reposition-24:before{content:\"\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\"}.icon-ic-new-icon-desk-management-24:before{content:\"\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\"}.icon-ic-new-icon-health-risk-24:before{content:\"\"}.icon-ic-new-icon-key-24:before{content:\"\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\"}.icon-ic-new-icon-Rupee-24:before{content:\"\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\"}.icon-ic-new-icons-User-group-24:before{content:\"\"}.icon-ic-ui-attendance:before{content:\"\"}.icon-ic-ui-cab-login:before{content:\"\"}.icon-ic-ui-cab-logout:before{content:\"\"}.icon-ic-ui-sign-in:before{content:\"\"}.icon-request-2:before{content:\"\"}.icon-seats-available:before{content:\"\";color:#5cc917}.icon-seats-booked:before{content:\"\";color:#039be5}.icon-seats-cancelled:before{content:\"\";color:#ef4d1d}.icon-seats-totals:before{content:\"\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\"}.icon-ic-employee-rest:before{content:\"\"}.icon-ic-nav-cancelled-24:before{content:\"\"}.icon-ic-nav-desk-allocation-24:before{content:\"\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\"}.icon-ic-nav-desk-utilization-24:before{content:\"\"}.icon-ic-nav-meetingroom-24:before{content:\"\"}.icon-ic-nav-office-24:before{content:\"\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\"}.icon-ic-nav-report-24:before{content:\"\"}.icon-ic-nav-resource-grps-24:before{content:\"\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\"}.icon-ic-nav-settings-24:before{content:\"\"}.icon-ic-nav-translate-24:before{content:\"\"}.icon-ic-nav-unplanned-24:before{content:\"\"}.icon-ic-nav-upload-24:before{content:\"\"}.icon-ic-nav-user-24:before{content:\"\"}.icon-ic-nav-user-grps-24:before{content:\"\"}.icon-ic-nav-user-pemissions-24:before{content:\"\"}.icon-ic-nav-utilisation-24:before{content:\"\"}.icon-ic-nav-vaccine-24:before{content:\"\"}.icon-ic-nav-visitor-management-24:before{content:\"\"}.icon-ic-nav-work-planner-24:before{content:\"\"}.icon-ic-nre-add-24:before{content:\"\"}.icon-ic-nre-deactivate-24:before{content:\"\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\"}.icon-ic-sidebar-guard-24:before{content:\"\"}.icon-ic-sidebar-home-24:before{content:\"\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\"}.icon-ic-sidebar-reception-24:before{content:\"\"}.icon-ic-ui-pdf-24:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\"}.icon-ic-ui-cab-24:before{content:\"\"}.icon-ic-ui-calendar2-24:before{content:\"\"}.icon-ic-ui-calender-24:before{content:\"\"}.icon-ic-ui-email-24:before{content:\"\"}.icon-ic-ui-home-24:before{content:\"\"}.icon-ic-ui-meal-24:before{content:\"\"}.icon-ic-ui-new_parking-24:before{content:\"\"}.icon-ic-ui-night-24:before{content:\"\"}.icon-ic-ui-office-24:before{content:\"\"}.icon-ic-ui-outofoffice-24:before{content:\"\"}.icon-ic-ui-parking-24:before{content:\"\"}.icon-ic-ui-phone-24:before{content:\"\"}.icon-ic-ui-Transport-availability-24:before{content:\"\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\"}.icon-ic-action-more-horiz-24:before{content:\"\"}.icon-ic-action-add-24:before{content:\"\"}.icon-ic-action-ascending-24:before{content:\"\"}.icon-ic-action-cached-24:before{content:\"\"}.icon-ic-action-calview-24:before{content:\"\"}.icon-ic-action-copy-link-24:before{content:\"\"}.icon-ic-action-delete-24:before{content:\"\"}.icon-ic-action-descending-24:before{content:\"\"}.icon-ic-action-download-24:before{content:\"\"}.icon-ic-action-drag-24:before{content:\"\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\"}.icon-ic-action-expand-24-1:before{content:\"\"}.icon-ic-action-external-link-24:before{content:\"\"}.icon-ic-action-favorite-24:before{content:\"\"}.icon-ic-action-filter-24:before{content:\"\"}.icon-ic-action-globe-24:before{content:\"\"}.icon-ic-action-history-24-1:before{content:\"\"}.icon-ic-action-history-24:before{content:\"\"}.icon-ic-action-info-24:before{content:\"\"}.icon-ic-action-invite-24:before{content:\"\"}.icon-ic-action-listview-24:before{content:\"\"}.icon-ic-action-logout-24:before{content:\"\"}.icon-ic-action-menu-24:before{content:\"\"}.icon-ic-action-more-vert-24:before{content:\"\"}.icon-ic-action-notif-2-24:before{content:\"\"}.icon-ic-action-notif-24:before{content:\"\"}.icon-ic-action-person-search-24:before{content:\"\"}.icon-ic-action-print-24:before{content:\"\"}.icon-ic-action-qr-24:before{content:\"\"}.icon-ic-action-refresh-24:before{content:\"\"}.icon-ic-action-remove-24:before{content:\"\"}.icon-ic-action-search-24:before{content:\"\"}.icon-ic-action-see-more-24:before{content:\"\"}.icon-ic-action-send-24:before{content:\"\"}.icon-ic-action-share-24:before{content:\"\"}.icon-ic-action-shift-time-24:before{content:\"\"}.icon-ic-action-sort-24:before{content:\"\"}.icon-ic-action-sort2-24:before{content:\"\"}.icon-ic-action-switch-24:before{content:\"\"}.icon-ic-action-upload-24:before{content:\"\"}.icon-ic-action-visibility-24:before{content:\"\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\";color:#6a737d}.container{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:32px;width:256px;font-family:Lato,sans-serif!important}.container .dropdown{height:inherit;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 12px;overflow:hidden}.container .dropdown:focus-visible,.container .dropdown:hover{background-color:#f5f7fc;outline:none}.container .dropdown .label{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px)}.container .dropdown .label,.container .dropdown .label .text{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.container .dropdown .label .text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.container .dropdown .label .count{background-color:#e0e0e0;border-radius:50%;padding:2px 7px;margin:0 0 0 8px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px;color:#181f33}.container .dropdown .handle{width:24px;height:24px;transition:.3s;position:absolute;right:12px;border-radius:50%;overflow:hidden}.popup-container{width:100%;max-height:340px;padding-bottom:0;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 12px 24px 0 rgba(0,0,0,.12);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 .item{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;padding:8px 12px;border-radius:6px;height:auto}.popup-container .items .item:focus-visible,.popup-container .items .item:hover{background-color:#f5f7fc;outline:none}.popup-container .items .item .checkbox-container-wrapper{display:flex;justify-content:flex-start;align-items:center;width:90%}.popup-container .items .item .checkbox-container-wrapper .checkbox-container{display:block;position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.popup-container .items .item .checkbox-container-wrapper .checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.popup-container .items .item .checkbox-container-wrapper .checkbox-container input:checked~.checkmark:after{display:block}.popup-container .items .item .checkbox-container-wrapper .checkbox-container .checkmark{position:absolute;top:-8px;left:0;height:15px;width:15px;border-radius:4px;background-color:#0079f1;border:1px solid #6a737d}.popup-container .items .item .checkbox-container-wrapper .checkbox-container .checkmark:after{content:\"\";position:absolute;display:none;left:5px;top:2px;width:3px;height:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.popup-container .items .item .checkbox-container-wrapper .label{margin:0 0 0 8px;line-height:20px;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.2;text-overflow:ellipsis;overflow:hidden}.popup-container .items .item .icon-container{width:10%;display:flex;justify-content:flex-end}.popup-container .items .item .icon-container .icon{width:20px;height:20px}.popup-container .actions-container{display:flex;justify-content:space-between;bottom:0;align-items:center;position:-webkit-sticky;position:sticky;padding:16px;background-color:#fff;border-top:1px solid #e0e0e0}.popup-container .actions-container .cancel{cursor:pointer;padding:10px 32px;text-align:center;font-size:16px;line-height:24px;border-radius:8px}.popup-container .actions-container .cancel:hover{background:rgba(9,55,178,.04)}.popup-container .actions-container .apply{cursor:pointer;padding:10px 32px;text-align:center;color:#fff;font-size:16px;line-height:24px;background:#0937b2;border-radius:8px}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"dropdownListHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"dropdownListWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"dropdownListPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"enableSelectAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"searchEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"showSelectedCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"noDataMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"selectedItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"hideApplyButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"selectElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["select",{"static":false}]}]}],"popupContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":3},"arguments":["popupContainer",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":28},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":44,"character":57},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":44,"character":92},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":44,"character":126}]}],"ngOnInit":[{"__symbolic":"method"}],"handlerSetLocalSelectedItems":[{"__symbolic":"method"}],"searchInputFocused":[{"__symbolic":"method"}],"searchInputCanceled":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method"}],"openDropdown":[{"__symbolic":"method"}],"filterByValue":[{"__symbolic":"method"}],"searchInputOnChange":[{"__symbolic":"method"}],"formatValues":[{"__symbolic":"method"}],"toggleSelectedItems":[{"__symbolic":"method"}],"applyFilters":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}]}},"MultiSelectDropdownItem":{"__symbolic":"interface"},"MultiSelectDropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MultiSelectDropdownComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":26},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":10,"character":39},{"__symbolic":"reference","module":"mis-crystal-design-system/checkbox","name":"CheckboxModule","line":10,"character":54},{"__symbolic":"reference","module":"mis-crystal-design-system/button","name":"ButtonModule","line":10,"character":70}],"exports":[{"__symbolic":"reference","name":"MultiSelectDropdownComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MultiSelectDropdownModule"},"providers":[]}}}}},"origins":{"MultiSelectDropdownComponent":"./multi-select-dropdown.component","MultiSelectDropdownItem":"./multi-select-dropdown.component","MultiSelectDropdownModule":"./multi-select-dropdown.module"},"importAs":"mis-crystal-design-system/multi-select-dropdown"}