npm - mis-crystal-design-system - Versions diffs - 2.9.6-test7 → 2.9.6-testing - Mend

mis-crystal-design-system 2.9.6-test7 → 2.9.6-testing

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

Files changed (116) hide show

package/bundles/mis-crystal-design-system-toast.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/core"),require("@angular/animations"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/toast",["exports","@angular/cdk/overlay","@angular/cdk/portal","@angular/core","@angular/animations","@angular/common"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].toast={}),e.ng.cdk.overlay,e.ng.cdk.portal,e.ng.core,e.ng.animations,e.ng.common)}(this,(function(e,o,n,i,t,c){"use strict";var r=function(){function e(){this.messageMap=new Map}return Object.defineProperty(e.prototype,"messages",{get:function(){return Array.from(this.messageMap.values()).reverse()},enumerable:!1,configurable:!0}),e.prototype.updateMessage=function(e){var o=(new Date).getTime();return this.messageMap.set(o,e),o},e.prototype.removeMessage=function(e){this.messageMap.delete(e)},e.prototype.hasMessage=function(){return this.messageMap.size>0},e}();r.ɵprov=i.ɵɵdefineInjectable({factory:function(){return new r},token:r,providedIn:"root"}),r.decorators=[{type:i.Injectable,args:[{providedIn:"root"}]}],r.ctorParameters=function(){return[]};var a=function(e){this.data=e};a.decorators=[{type:i.Component,args:[{selector:"mis-teams-toast",template:'<div class="toast-container">\n  <div *ngFor="let msg of data.messages" @fadeInOut>\n    <div class="toast-wrapper">\n      <div class="msg">{{ msg }}</div>\n    </div>\n  </div>\n</div>\n',animations:[t.trigger("fadeInOut",[t.transition(":enter",[t.style({opacity:"0",transform:"translateY(-50%)",height:"0"}),t.animate("300ms ease-in",t.style({opacity:"1",transform:"translateY(0)",height:"*"}))]),t.transition(":leave",[t.animate("300ms ease-in",t.style({opacity:"0",transform:"translateY(50%)"}))])])],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}.toast-container{transition:max-height .3s ease-in}.toast-container>div{position:relative;display:flex;justify-content:center}.toast-wrapper{display:flex;flex-direction:row;align-items:center;gap:20px;padding:14px 12px;background:#181f33;box-shadow:0 12px 17px rgba(0,0,0,.14),0 5px 22px rgba(0,0,0,.12),0 7px 8px rgba(0,0,0,.2);border-radius:4px;transition:all .3s ease-in;min-height:44px;transform-origin:top}.toast-wrapper .msg{color:#fff;max-width:314px;flex:1 1 314px;font-size:14px;line-height:20px;letter-spacing:.2px}@media screen and (max-width:360px){.toast-wrapper .msg{max-width:90vw;flex:1 1 90vw}}']}]}],a.ctorParameters=function(){return[{type:r}]};var f=function(){function e(e,o){this.overlay=e,this.data=o,this.messagePromises=[],this.messageBuilder={error:{simple:"Something went wrong. Please try again later.",400:"Bad Request! We are working to fix this.",401:"UNAUTHORISED",403:"Sorry for the interruption but seems like your session has expired. Please login again and continue",404:"Unable to find resource. Please try again later"},item:function(e){return{action:function(o){return void 0===o&&(o="updated"),{success:"Successfully "+o+" "+e+".",failure:"Failed to "+o+" "+e+"."}}}},short:function(e){return void 0===e&&(e="updated"),{success:"Successfully "+e+".",failure:"Failed to "+e+"."}},simple:function(){for(var e=[],o=0;o<arguments.length;o++)e[o]=arguments[o];return e.join(" ")},simplest:"Done!"},this.userProfilePortal=new n.ComponentPortal(a)}return e.prototype.displayMsg=function(e,n){var i,t=this;void 0===n&&(n=3e3);var c=this.overlay.position().global().centerHorizontally();(null===window||void 0===window?void 0:window.innerWidth)<600?c.bottom("48px"):c.top("80px");var r=new o.OverlayConfig({hasBackdrop:!1,positionStrategy:c});(null===(i=this.toastWrapperRef)||void 0===i?void 0:i.hasAttached())||(this.toastWrapperRef=this.overlay.create(r),this.toastWrapperRef.attach(this.userProfilePortal));var a=this.data.updateMessage(e);this.messagePromises.push(new Promise((function(e,o){setTimeout((function(){e(t.data.removeMessage(a)),t.data.hasMessage()||t.closeToastOverlay()}),n+300)}))),Promise.race(this.messagePromises).then((function(){}))},e.prototype.closeToastOverlay=function(){var e=this;return setTimeout((function(){var o;e.messagePromises=[],null===(o=e.toastWrapperRef)||void 0===o||o.detach()}),300)},e}();f.ɵprov=i.ɵɵdefineInjectable({factory:function(){return new f(i.ɵɵinject(o.Overlay),i.ɵɵinject(r))},token:f,providedIn:"root"}),f.decorators=[{type:i.Injectable,args:[{providedIn:"root"}]}],f.ctorParameters=function(){return[{type:o.Overlay},{type:r}]};var s=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[r,f]}},e.forChild=function(){return{ngModule:e,providers:[r,f]}},e}();s.decorators=[{type:i.NgModule,args:[{declarations:[a],imports:[c.CommonModule,o.OverlayModule],entryComponents:[a]}]}],e.ToastDataService=r,e.ToastModule=s,e.ToastService=f,e.ɵa=a,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/core"),require("@angular/animations"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/toast",["exports","@angular/cdk/overlay","@angular/cdk/portal","@angular/core","@angular/animations","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].toast={}),e.ng.cdk.overlay,e.ng.cdk.portal,e.ng.core,e.ng.animations,e.ng.common)}(this,(function(e,t,r,a,o,n){"use strict";var s=function(){function e(){this.messageMap=new Map}return Object.defineProperty(e.prototype,"messages",{get:function(){return Array.from(this.messageMap.values()).reverse()},enumerable:!1,configurable:!0}),e.prototype.updateMessage=function(e){var t=(new Date).getTime();return this.messageMap.set(t,e),t},e.prototype.removeMessage=function(e){this.messageMap.delete(e)},e.prototype.hasMessage=function(){return this.messageMap.size>0},e}();s.ɵprov=a.ɵɵdefineInjectable({factory:function(){return new s},token:s,providedIn:"root"}),s.decorators=[{type:a.Injectable,args:[{providedIn:"root"}]}],s.ctorParameters=function(){return[]};var i=function(e){this.data=e};i.decorators=[{type:a.Component,args:[{selector:"mis-teams-toast",template:'<div class="toast-container">\n  <div *ngFor="let msg of data.messages" @fadeInOut>\n    <div class="toast-wrapper">\n      <div class="msg">{{ msg }}</div>\n    </div>\n  </div>\n</div>\n',animations:[o.trigger("fadeInOut",[o.transition(":enter",[o.style({opacity:"0",transform:"translateY(-50%)",height:"0"}),o.animate("300ms ease-in",o.style({opacity:"1",transform:"translateY(0)",height:"*"}))]),o.transition(":leave",[o.animate("300ms ease-in",o.style({opacity:"0",transform:"translateY(50%)"}))])])],styles:[".toast-container{transition:max-height .3s ease-in}.toast-container>div{position:relative;display:flex;justify-content:center}.toast-wrapper{display:flex;flex-direction:row;align-items:center;gap:20px;padding:14px 12px;background:#181f33;box-shadow:0 12px 17px rgba(0,0,0,.14),0 5px 22px rgba(0,0,0,.12),0 7px 8px rgba(0,0,0,.2);border-radius:4px;transition:all .3s ease-in;min-height:44px;transform-origin:top}.toast-wrapper .msg{color:#fff;max-width:314px;flex:1 1 314px;font-size:14px;line-height:20px;letter-spacing:.2px}@media screen and (max-width:360px){.toast-wrapper .msg{max-width:90vw;flex:1 1 90vw}}"]}]}],i.ctorParameters=function(){return[{type:s}]};var l=function(){function e(e,t){this.overlay=e,this.data=t,this.messagePromises=[],this.messageBuilder={error:{simple:"Something went wrong. Please try again later.",400:"Bad Request! We are working to fix this.",401:"UNAUTHORISED",403:"Sorry for the interruption but seems like your session has expired. Please login again and continue",404:"Unable to find resource. Please try again later"},item:function(e){return{action:function(t){return void 0===t&&(t="updated"),{success:"Successfully "+t+" "+e+".",failure:"Failed to "+t+" "+e+"."}}}},short:function(e){return void 0===e&&(e="updated"),{success:"Successfully "+e+".",failure:"Failed to "+e+"."}},simple:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.join(" ")},simplest:"Done!"},this.userProfilePortal=new r.ComponentPortal(i)}return e.prototype.displayMsg=function(e,r){var a,o=this;void 0===r&&(r=3e3);var n=this.overlay.position().global().centerHorizontally();(null===window||void 0===window?void 0:window.innerWidth)<600?n.bottom("48px"):n.top("80px");var s=new t.OverlayConfig({hasBackdrop:!1,positionStrategy:n});(null===(a=this.toastWrapperRef)||void 0===a?void 0:a.hasAttached())||(this.toastWrapperRef=this.overlay.create(s),this.toastWrapperRef.attach(this.userProfilePortal));var i=this.data.updateMessage(e);this.messagePromises.push(new Promise((function(e,t){setTimeout((function(){e(o.data.removeMessage(i)),o.data.hasMessage()||o.closeToastOverlay()}),r+300)}))),Promise.race(this.messagePromises).then((function(){}))},e.prototype.closeToastOverlay=function(){var e=this;return setTimeout((function(){var t;e.messagePromises=[],null===(t=e.toastWrapperRef)||void 0===t||t.detach()}),300)},e}();l.ɵprov=a.ɵɵdefineInjectable({factory:function(){return new l(a.ɵɵinject(t.Overlay),a.ɵɵinject(s))},token:l,providedIn:"root"}),l.decorators=[{type:a.Injectable,args:[{providedIn:"root"}]}],l.ctorParameters=function(){return[{type:t.Overlay},{type:s}]};var u=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[s,l]}},e.forChild=function(){return{ngModule:e,providers:[s,l]}},e}();u.decorators=[{type:a.NgModule,args:[{declarations:[i],imports:[n.CommonModule,t.OverlayModule],entryComponents:[i]}]}],e.ToastDataService=s,e.ToastModule=u,e.ToastService=l,e.ɵa=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=mis-crystal-design-system-toast.umd.min.js.map

package/bundles/mis-crystal-design-system-toast.umd.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../projects/mis-components/toast/toast.data.service.ts","../../../projects/mis-components/toast/toast.component.ts","../../../projects/mis-components/toast/toast.service.ts","../../../projects/mis-components/toast/toast.module.ts"],"names":["ToastDataService","this","messageMap","Map","Object","defineProperty","prototype","Array","from","values","reverse","updateMessage","msg","id","Date","getTime","set","removeMessage","delete","hasMessage","size","Injectable","args","providedIn","data","Component","selector","template","animations","trigger","transition","style","opacity","transform","height","animate","ToastService","overlay","messagePromises","messageBuilder","error","simple","400","401","403","404","item","action","act","success","failure","short","_i","arguments","length","join","simplest","userProfilePortal","ComponentPortal","ToastComponent","displayMsg","timeout","_this","positionStrategy","position","global","centerHorizontally","window","innerWidth","bottom","top","config","OverlayConfig","hasBackdrop","_a","toastWrapperRef","hasAttached","create","attach","messageId","push","Promise","resolve","reject","setTimeout","closeToastOverlay","race","then","detach","Overlay","ToastModule","forRoot","ngModule","providers","forChild","NgModule","declarations","imports","CommonModule","OverlayModule","entryComponents"],"mappings":"ysBAWE,SAAAA,IALQC,KAAAC,WAAkC,IAAIC,WAC9CC,OAAAC,eAAIL,EAAAM,UAAA,WAAQ,KAAZ,WACE,OAAOC,MAAMC,KAAKP,KAAKC,WAAWO,UAAUC,2CAK9CV,EAAAM,UAAAK,cAAA,SAAcC,GACZ,IAAMC,GAAK,IAAIC,MAAOC,UAEtB,OADAd,KAAKC,WAAWc,IAAIH,EAAID,GACjBC,GAGTb,EAAAM,UAAAW,cAAA,SAAcJ,GACZZ,KAAKC,WAAWgB,OAAOL,IAGzBb,EAAAM,UAAAa,WAAA,WACE,OAAOlB,KAAKC,WAAWkB,KAAO,uHAtBjCC,EAAAA,WAAUC,KAAA,CAAC,CACVC,WAAY,uDCgBZ,SAAmBC,GAAAvB,KAAAuB,KAAAA,uBAfpBC,EAAAA,UAASH,KAAA,CAAC,CACTI,SAAU,kBACVC,SAAA,+LAEAC,WAAY,CACVC,EAAAA,QAAQ,YAAa,CACnBC,EAAAA,WAAW,SAAU,CACnBC,EAAAA,MAAM,CAAEC,QAAS,IAAKC,UAAW,mBAAoBC,OAAQ,MAC7DC,EAAAA,QAAQ,gBAAiBJ,EAAAA,MAAM,CAAEC,QAAS,IAAKC,UAAW,gBAAiBC,OAAQ,SAErFJ,EAAAA,WAAW,SAAU,CAACK,EAAAA,QAAQ,gBAAiBJ,EAAAA,MAAM,CAAEC,QAAS,IAAKC,UAAW,~~43mBAZ7EjC~~,sBCUP,SAAAoC,EAAoBC,EAA0Bb,GAA1BvB,KAAAoC,QAAAA,EAA0BpC,KAAAuB,KAAAA,EAItCvB,KAAAqC,gBAAmC,GAG3CrC,KAAAsC,eAAiB,CACfC,MAAO,CACLC,OAAQ,gDACRC,IAAK,2CACLC,IAAK,eACLC,IAAK,sGACLC,IAAK,mDAEPC,KAAM,SAACA,GACL,MAAO,CACLC,OAAQ,SAACC,GAGP,YAHO,IAAAA,IAAAA,EAAA,WAGA,CACLC,QAHc,gBAAgBD,EAAG,IAAIF,EAAI,IAIzCI,QAHc,aAAaF,EAAG,IAAIF,EAAI,QAQ9CK,MAAO,SAACH,GAGN,YAHM,IAAAA,IAAAA,EAAA,WAGC,CACLC,QAHc,gBAAgBD,EAAG,IAIjCE,QAHc,aAAaF,EAAG,MAMlCP,OAAQ,eAAC,IAAAnB,EAAA,GAAA8B,EAAA,EAAAA,EAAAC,UAAAC,OAAAF,IAAA9B,EAAA8B,GAAAC,UAAAD,GAAsB,OAAA9B,EAAKiC,KAAK,MACzCC,SAAU,SAnCVvD,KAAKwD,kBAAoB,IAAIC,EAAAA,gBAAgBC,UAsC/CvB,EAAA9B,UAAAsD,WAAA,SAAWhD,EAAaiD,GAAxB,MAAAC,EAAA7D,UAAwB,IAAA4D,IAAAA,EAAA,KACtB,IAAME,EAAmB9D,KAAKoC,QAAQ2B,WAAWC,SAASC,sBAEhD,OAANC,aAAM,IAANA,YAAM,EAANA,OAAQC,YAAa,IACvBL,EAAiBM,OAAO,QAExBN,EAAiBO,IAAI,QAEvB,IAAMC,EAAS,IAAIC,EAAAA,cAAc,CAC/BC,aAAa,EACbV,iBAAgBA,KAEO,QAArBW,EAACzE,KAAK0E,uBAAe,IAAAD,OAAA,EAAAA,EAAEE,iBACzB3E,KAAK0E,gBAAkB1E,KAAKoC,QAAQwC,OAAON,GAC3CtE,KAAK0E,gBAAgBG,OAAO7E,KAAKwD,oBAEnC,IAAMsB,EAAY9E,KAAKuB,KAAKb,cAAcC,GAC1CX,KAAKqC,gBAAgB0C,KACnB,IAAIC,SAAQ,SAACC,EAASC,GACpBC,YAAW,WACTF,EAAQpB,EAAKtC,KAAKP,cAAc8D,IAC3BjB,EAAKtC,KAAKL,cACb2C,EAAKuB,sBAGNxB,EAAU,SAGjBoB,QAAQK,KAAKrF,KAAKqC,iBAAiBiD,MAAK,gBAIlCnD,EAAA9B,UAAA+E,kBAAA,WAAA,IAAAvB,EAAA7D,KACN,OAAOmF,YAAW,iBAChBtB,EAAKxB,gBAAkB,GACH,QAApBoC,EAAAZ,EAAKa,uBAAe,IAAAD,GAAAA,EAAEc,WAErB,+JAhFNnE,EAAAA,WAAUC,KAAA,CAAC,CACVC,WAAY,oDATLkE,EAAAA,eAIAzF,sBCQT,SAAA0F,YACSA,EAAAC,QAAP,WACE,MAAO,CACLC,SAAUF,EACVG,UAAW,CAAC7F,EAAkBoC,KAI3BsD,EAAAI,SAAP,WACE,MAAO,CACLF,SAAUF,EACVG,UAAW,CAAC7F,EAAkBoC,8BAhBnC2D,EAAAA,SAAQzE,KAAA,CAAC,CACR0E,aAAc,CAACrC,GACfsC,QAAS,CAACC,EAAAA,aAAcC,EAAAA,eACxBC,gBAAiB,CAACzC","sourcesContent":["import { Injectable } from \"@angular/core\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class ToastDataService {\n private messageMap: Map<number, string> = new Map();\n get messages(): string[] {\n return Array.from(this.messageMap.values()).reverse();\n }\n\n constructor() {}\n\n updateMessage(msg: string): number {\n const id = new Date().getTime();\n this.messageMap.set(id, msg);\n return id;\n }\n\n removeMessage(id: number): void {\n this.messageMap.delete(id);\n }\n\n hasMessage(): boolean {\n return this.messageMap.size > 0;\n }\n}\n","import { animate, style, transition, trigger } from \"@angular/animations\";\nimport { Component } from \"@angular/core\";\nimport { ToastDataService } from \"./toast.data.service\";\n\n@Component({\n selector: \"mis-teams-toast\",\n templateUrl: \"./toast.component.html\",\n styleUrls: [\"./toast.component.scss\"],\n animations: [\n trigger(\"fadeInOut\", [\n transition(\":enter\", [\n style({ opacity: \"0\", transform: \"translateY(-50%)\", height: \"0\" }),\n animate(\"300ms ease-in\", style({ opacity: \"1\", transform: \"translateY(0)\", height: \"*\" }))\n ]),\n transition(\":leave\", [animate(\"300ms ease-in\", style({ opacity: \"0\", transform: \"translateY(50%)\" }))])\n ])\n ]\n})\nexport class ToastComponent {\n constructor(public data: ToastDataService) {}\n}\n","import { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { Injectable } from \"@angular/core\";\nimport { ToastComponent } from \"./toast.component\";\nimport { ToastDataService } from \"./toast.data.service\";\n\ntype Operations = \"created\" \| \"updated\" \| \"deleted\" \| \"create\" \| \"update\" \| \"delete\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class ToastService {\n constructor(private overlay: Overlay, private data: ToastDataService) {\n this.userProfilePortal = new ComponentPortal(ToastComponent);\n }\n private toastWrapperRef: OverlayRef;\n private messagePromises: Promise<void>[] = [];\n private userProfilePortal: ComponentPortal<ToastComponent>;\n\n messageBuilder = {\n error: {\n simple: \"Something went wrong. Please try again later.\",\n 400: \"Bad Request! We are working to fix this.\",\n 401: \"UNAUTHORISED\",\n 403: \"Sorry for the interruption but seems like your session has expired. Please login again and continue\",\n 404: \"Unable to find resource. Please try again later\"\n },\n item: (item: string) => {\n return {\n action: (act: Operations = \"updated\") => {\n const success = `Successfully ${act} ${item}.`;\n const failure = `Failed to ${act} ${item}.`;\n return {\n success,\n failure\n };\n }\n };\n },\n short: (act: Operations = \"updated\") => {\n const success = `Successfully ${act}.`;\n const failure = `Failed to ${act}.`;\n return {\n success,\n failure\n };\n },\n simple: (...args: string[]) => args.join(\" \"),\n simplest: \"Done!\"\n };\n\n displayMsg(msg: string, timeout = 3000): void {\n const positionStrategy = this.overlay.position().global().centerHorizontally();\n\n if (window?.innerWidth < 600) {\n positionStrategy.bottom(\"48px\");\n } else {\n positionStrategy.top(\"80px\");\n }\n const config = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy\n });\n if (!this.toastWrapperRef?.hasAttached()) {\n this.toastWrapperRef = this.overlay.create(config);\n this.toastWrapperRef.attach(this.userProfilePortal);\n }\n const messageId = this.data.updateMessage(msg);\n this.messagePromises.push(\n new Promise((resolve, reject) => {\n setTimeout(() => {\n resolve(this.data.removeMessage(messageId));\n if (!this.data.hasMessage()) {\n this.closeToastOverlay();\n }\n // adding 300ms for entry animation\n }, timeout + 300);\n })\n );\n Promise.race(this.messagePromises).then(() => {});\n }\n\n // tslint:disable-next-line\n private closeToastOverlay(): any {\n return setTimeout(() => {\n this.messagePromises = [];\n this.toastWrapperRef?.detach();\n // adding 300ms for exit animation\n }, 300);\n }\n}\n","import { OverlayModule } from \"@angular/cdk/overlay\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { ToastComponent } from \"./toast.component\";\nimport { ToastDataService } from \"./toast.data.service\";\nimport { ToastService } from \"./toast.service\";\n\n@NgModule({\n declarations: [ToastComponent],\n imports: [CommonModule, OverlayModule],\n entryComponents: [ToastComponent]\n})\nexport class ToastModule {\n static forRoot(): ModuleWithProviders<ToastModule> {\n return {\n ngModule: ToastModule,\n providers: [ToastDataService, ToastService]\n };\n }\n\n static forChild(): ModuleWithProviders<ToastModule> {\n return {\n ngModule: ToastModule,\n providers: [ToastDataService, ToastService]\n };\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../projects/mis-components/toast/toast.data.service.ts","../../../projects/mis-components/toast/toast.component.ts","../../../projects/mis-components/toast/toast.service.ts","../../../projects/mis-components/toast/toast.module.ts"],"names":["ToastDataService","this","messageMap","Map","Object","defineProperty","prototype","Array","from","values","reverse","updateMessage","msg","id","Date","getTime","set","removeMessage","delete","hasMessage","size","Injectable","args","providedIn","data","Component","selector","template","animations","trigger","transition","style","opacity","transform","height","animate","ToastService","overlay","messagePromises","messageBuilder","error","simple","400","401","403","404","item","action","act","success","failure","short","_i","arguments","length","join","simplest","userProfilePortal","ComponentPortal","ToastComponent","displayMsg","timeout","_this","positionStrategy","position","global","centerHorizontally","window","innerWidth","bottom","top","config","OverlayConfig","hasBackdrop","_a","toastWrapperRef","hasAttached","create","attach","messageId","push","Promise","resolve","reject","setTimeout","closeToastOverlay","race","then","detach","Overlay","ToastModule","forRoot","ngModule","providers","forChild","NgModule","declarations","imports","CommonModule","OverlayModule","entryComponents"],"mappings":"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","sourcesContent":["import { Injectable } from \"@angular/core\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class ToastDataService {\n private messageMap: Map<number, string> = new Map();\n get messages(): string[] {\n return Array.from(this.messageMap.values()).reverse();\n }\n\n constructor() {}\n\n updateMessage(msg: string): number {\n const id = new Date().getTime();\n this.messageMap.set(id, msg);\n return id;\n }\n\n removeMessage(id: number): void {\n this.messageMap.delete(id);\n }\n\n hasMessage(): boolean {\n return this.messageMap.size > 0;\n }\n}\n","import { animate, style, transition, trigger } from \"@angular/animations\";\nimport { Component } from \"@angular/core\";\nimport { ToastDataService } from \"./toast.data.service\";\n\n@Component({\n selector: \"mis-teams-toast\",\n templateUrl: \"./toast.component.html\",\n styleUrls: [\"./toast.component.scss\"],\n animations: [\n trigger(\"fadeInOut\", [\n transition(\":enter\", [\n style({ opacity: \"0\", transform: \"translateY(-50%)\", height: \"0\" }),\n animate(\"300ms ease-in\", style({ opacity: \"1\", transform: \"translateY(0)\", height: \"*\" }))\n ]),\n transition(\":leave\", [animate(\"300ms ease-in\", style({ opacity: \"0\", transform: \"translateY(50%)\" }))])\n ])\n ]\n})\nexport class ToastComponent {\n constructor(public data: ToastDataService) {}\n}\n","import { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { Injectable } from \"@angular/core\";\nimport { ToastComponent } from \"./toast.component\";\nimport { ToastDataService } from \"./toast.data.service\";\n\ntype Operations = \"created\" \| \"updated\" \| \"deleted\" \| \"create\" \| \"update\" \| \"delete\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class ToastService {\n constructor(private overlay: Overlay, private data: ToastDataService) {\n this.userProfilePortal = new ComponentPortal(ToastComponent);\n }\n private toastWrapperRef: OverlayRef;\n private messagePromises: Promise<void>[] = [];\n private userProfilePortal: ComponentPortal<ToastComponent>;\n\n messageBuilder = {\n error: {\n simple: \"Something went wrong. Please try again later.\",\n 400: \"Bad Request! We are working to fix this.\",\n 401: \"UNAUTHORISED\",\n 403: \"Sorry for the interruption but seems like your session has expired. Please login again and continue\",\n 404: \"Unable to find resource. Please try again later\"\n },\n item: (item: string) => {\n return {\n action: (act: Operations = \"updated\") => {\n const success = `Successfully ${act} ${item}.`;\n const failure = `Failed to ${act} ${item}.`;\n return {\n success,\n failure\n };\n }\n };\n },\n short: (act: Operations = \"updated\") => {\n const success = `Successfully ${act}.`;\n const failure = `Failed to ${act}.`;\n return {\n success,\n failure\n };\n },\n simple: (...args: string[]) => args.join(\" \"),\n simplest: \"Done!\"\n };\n\n displayMsg(msg: string, timeout = 3000): void {\n const positionStrategy = this.overlay.position().global().centerHorizontally();\n\n if (window?.innerWidth < 600) {\n positionStrategy.bottom(\"48px\");\n } else {\n positionStrategy.top(\"80px\");\n }\n const config = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy\n });\n if (!this.toastWrapperRef?.hasAttached()) {\n this.toastWrapperRef = this.overlay.create(config);\n this.toastWrapperRef.attach(this.userProfilePortal);\n }\n const messageId = this.data.updateMessage(msg);\n this.messagePromises.push(\n new Promise((resolve, reject) => {\n setTimeout(() => {\n resolve(this.data.removeMessage(messageId));\n if (!this.data.hasMessage()) {\n this.closeToastOverlay();\n }\n // adding 300ms for entry animation\n }, timeout + 300);\n })\n );\n Promise.race(this.messagePromises).then(() => {});\n }\n\n // tslint:disable-next-line\n private closeToastOverlay(): any {\n return setTimeout(() => {\n this.messagePromises = [];\n this.toastWrapperRef?.detach();\n // adding 300ms for exit animation\n }, 300);\n }\n}\n","import { OverlayModule } from \"@angular/cdk/overlay\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { ToastComponent } from \"./toast.component\";\nimport { ToastDataService } from \"./toast.data.service\";\nimport { ToastService } from \"./toast.service\";\n\n@NgModule({\n declarations: [ToastComponent],\n imports: [CommonModule, OverlayModule],\n entryComponents: [ToastComponent]\n})\nexport class ToastModule {\n static forRoot(): ModuleWithProviders<ToastModule> {\n return {\n ngModule: ToastModule,\n providers: [ToastDataService, ToastService]\n };\n }\n\n static forChild(): ModuleWithProviders<ToastModule> {\n return {\n ngModule: ToastModule,\n providers: [ToastDataService, ToastService]\n };\n }\n}\n"]}

package/bundles/mis-crystal-design-system-tooltip.umd.js CHANGED Viewed

@@ -30,7 +30,7 @@
         { type: core.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: ["@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}"]
+                    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}"]
                 },] }
     ];
     ToolTipComponent.ctorParameters = function () { return []; };

package/bundles/mis-crystal-design-system-tooltip.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
-!function(o,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/cdk/overlay"),require("rxjs/operators"),require("@angular/cdk/portal"),require("mis-crystal-design-system/utils"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/tooltip",["exports","@angular/core","@angular/cdk/overlay","rxjs/operators","@angular/cdk/portal","mis-crystal-design-system/utils","@angular/common"],e):e(((o="undefined"!=typeof globalThis?globalThis:o||self)["mis-crystal-design-system"]=o["mis-crystal-design-system"]||{},o["mis-crystal-design-system"].tooltip={}),o.ng.core,o.ng.cdk.overlay,o.rxjs.operators,o.ng.cdk.portal,o["mis-crystal-design-system"].utils,o.ng.common)}(this,(function(o,e,n,t,i,c,r){"use strict";var f=function(){function o(){this.toolTipText="",this.toolTipPosition="bottom"}return o.prototype.ngOnInit=function(){},o.prototype.ngAfterViewInit=function(){var o;if(null===(o=this.container)||void 0===o?void 0:o.nativeElement)if("top"!==this.toolTipPosition&&"bottom"!==this.toolTipPosition){if("left"===this.toolTipPosition){e=this.container.nativeElement.getBoundingClientRect();this.container.nativeElement.style.left=-e.width+"px"}}else{var e=this.container.nativeElement.getBoundingClientRect();this.container.nativeElement.style.left=e.width/-2+"px"}},o}();f.decorators=[{type:e.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:['@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}#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}']}]}],f.ctorParameters=function(){return[]},f.propDecorators={container:[{type:e.ViewChild,args:["container"]}]};var a=function(){function o(o,e,n){this.element=o,this.overlay=e,this.viewContainerRef=n,this.isToolTipDisplayed=!1,this.toolTipText="",this.toolTipPosition="bottom",this.showOnHover=!0}return Object.defineProperty(o.prototype,"showToolTip",{set:function(o){this.isToolTipDisplayed=o,o?this.displayToolTip():this.hideToolTip()},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"text",{set:function(o){this.toolTipText=o},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"position",{set:function(o){this.toolTipPosition=o},enumerable:!1,configurable:!0}),o.prototype.onMouseEnter=function(){this.showOnHover&&this.displayToolTip()},o.prototype.onMouseLeave=function(){this.showOnHover&&this.hideToolTip()},o.prototype.ngOnInit=function(){},o.prototype.ngAfterViewInit=function(){this.isToolTipDisplayed?this.displayToolTip():this.hideToolTip()},o.prototype.displayToolTip=function(){var o=this,e=this.overlay.position().flexibleConnectedTo(this.element).withPositions(c.genPositionPairs({positionX:"center",positionY:"top"===this.toolTipPosition?"top":"center",offsetX:this.positionTooltip("OFFSET_X"),offsetY:this.positionTooltip("OFFSET_Y")},!1)).withPush(!0),r=new n.OverlayConfig({hasBackdrop:!1,positionStrategy:e,scrollStrategy:this.overlay.scrollStrategies.reposition()});this.overlayRef=this.overlay.create(r);var a=new i.ComponentPortal(f,this.viewContainerRef),l=this.overlayRef.attach(a);l.instance.toolTipText=this.toolTipText,l.instance.toolTipPosition=this.toolTipPosition,this.overlayRef.backdropClick().pipe(t.take(1)).subscribe((function(){o.hideToolTip()}))},o.prototype.positionTooltip=function(o){return"OFFSET_X"===o?"right"===this.toolTipPosition?this.element.nativeElement.offsetWidth/2+8:"left"===this.toolTipPosition?-1*(this.element.nativeElement.offsetWidth/2+8):"top"===this.toolTipPosition||"bottom"===this.toolTipPosition?0:8:"OFFSET_Y"===o?"right"===this.toolTipPosition||"left"===this.toolTipPosition?-18:"top"===this.toolTipPosition?-44:"bottom"===this.toolTipPosition?this.element.nativeElement.offsetHeight/2+8:8:void 0},o.prototype.hideToolTip=function(){var o,e;null===(o=this.overlayRef)||void 0===o||o.detach(),null===(e=this.overlayRef)||void 0===e||e.dispose()},o}();a.decorators=[{type:e.Directive,args:[{selector:"[misToolTip]"}]}],a.ctorParameters=function(){return[{type:e.ElementRef},{type:n.Overlay},{type:e.ViewContainerRef}]},a.propDecorators={showOnHover:[{type:e.Input}],showToolTip:[{type:e.Input}],text:[{type:e.Input}],position:[{type:e.Input}],onMouseEnter:[{type:e.HostListener,args:["mouseenter"]}],onMouseLeave:[{type:e.HostListener,args:["mouseleave"]}]};var l=function(){function o(){}return o.forRoot=function(){return{ngModule:o,providers:[]}},o}();l.decorators=[{type:e.NgModule,args:[{declarations:[a,f],imports:[r.CommonModule,n.OverlayModule],exports:[a,f],entryComponents:[f]}]}],o.ToolTipComponent=f,o.ToolTipDirective=a,o.ToolTipModule=l,Object.defineProperty(o,"__esModule",{value:!0})}));
+!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/cdk/overlay"),require("rxjs/operators"),require("@angular/cdk/portal"),require("mis-crystal-design-system/utils"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/tooltip",["exports","@angular/core","@angular/cdk/overlay","rxjs/operators","@angular/cdk/portal","mis-crystal-design-system/utils","@angular/common"],o):o(((t="undefined"!=typeof globalThis?globalThis:t||self)["mis-crystal-design-system"]=t["mis-crystal-design-system"]||{},t["mis-crystal-design-system"].tooltip={}),t.ng.core,t.ng.cdk.overlay,t.rxjs.operators,t.ng.cdk.portal,t["mis-crystal-design-system"].utils,t.ng.common)}(this,(function(t,o,i,e,n,r,s){"use strict";var l=function(){function t(){this.toolTipText="",this.toolTipPosition="bottom"}return t.prototype.ngOnInit=function(){},t.prototype.ngAfterViewInit=function(){var t;if(null===(t=this.container)||void 0===t?void 0:t.nativeElement)if("top"!==this.toolTipPosition&&"bottom"!==this.toolTipPosition){if("left"===this.toolTipPosition){o=this.container.nativeElement.getBoundingClientRect();this.container.nativeElement.style.left=-o.width+"px"}}else{var o=this.container.nativeElement.getBoundingClientRect();this.container.nativeElement.style.left=o.width/-2+"px"}},t}();l.decorators=[{type:o.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}"]}]}],l.ctorParameters=function(){return[]},l.propDecorators={container:[{type:o.ViewChild,args:["container"]}]};var p=function(){function t(t,o,i){this.element=t,this.overlay=o,this.viewContainerRef=i,this.isToolTipDisplayed=!1,this.toolTipText="",this.toolTipPosition="bottom",this.showOnHover=!0}return Object.defineProperty(t.prototype,"showToolTip",{set:function(t){this.isToolTipDisplayed=t,t?this.displayToolTip():this.hideToolTip()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"text",{set:function(t){this.toolTipText=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"position",{set:function(t){this.toolTipPosition=t},enumerable:!1,configurable:!0}),t.prototype.onMouseEnter=function(){this.showOnHover&&this.displayToolTip()},t.prototype.onMouseLeave=function(){this.showOnHover&&this.hideToolTip()},t.prototype.ngOnInit=function(){},t.prototype.ngAfterViewInit=function(){this.isToolTipDisplayed?this.displayToolTip():this.hideToolTip()},t.prototype.displayToolTip=function(){var t=this,o=this.overlay.position().flexibleConnectedTo(this.element).withPositions(r.genPositionPairs({positionX:"center",positionY:"top"===this.toolTipPosition?"top":"center",offsetX:this.positionTooltip("OFFSET_X"),offsetY:this.positionTooltip("OFFSET_Y")},!1)).withPush(!0),s=new i.OverlayConfig({hasBackdrop:!1,positionStrategy:o,scrollStrategy:this.overlay.scrollStrategies.reposition()});this.overlayRef=this.overlay.create(s);var p=new n.ComponentPortal(l,this.viewContainerRef),a=this.overlayRef.attach(p);a.instance.toolTipText=this.toolTipText,a.instance.toolTipPosition=this.toolTipPosition,this.overlayRef.backdropClick().pipe(e.take(1)).subscribe((function(){t.hideToolTip()}))},t.prototype.positionTooltip=function(t){return"OFFSET_X"===t?"right"===this.toolTipPosition?this.element.nativeElement.offsetWidth/2+8:"left"===this.toolTipPosition?-1*(this.element.nativeElement.offsetWidth/2+8):"top"===this.toolTipPosition||"bottom"===this.toolTipPosition?0:8:"OFFSET_Y"===t?"right"===this.toolTipPosition||"left"===this.toolTipPosition?-18:"top"===this.toolTipPosition?-44:"bottom"===this.toolTipPosition?this.element.nativeElement.offsetHeight/2+8:8:void 0},t.prototype.hideToolTip=function(){var t,o;null===(t=this.overlayRef)||void 0===t||t.detach(),null===(o=this.overlayRef)||void 0===o||o.dispose()},t}();p.decorators=[{type:o.Directive,args:[{selector:"[misToolTip]"}]}],p.ctorParameters=function(){return[{type:o.ElementRef},{type:i.Overlay},{type:o.ViewContainerRef}]},p.propDecorators={showOnHover:[{type:o.Input}],showToolTip:[{type:o.Input}],text:[{type:o.Input}],position:[{type:o.Input}],onMouseEnter:[{type:o.HostListener,args:["mouseenter"]}],onMouseLeave:[{type:o.HostListener,args:["mouseleave"]}]};var a=function(){function t(){}return t.forRoot=function(){return{ngModule:t,providers:[]}},t}();a.decorators=[{type:o.NgModule,args:[{declarations:[p,l],imports:[s.CommonModule,i.OverlayModule],exports:[p,l],entryComponents:[l]}]}],t.ToolTipComponent=l,t.ToolTipDirective=p,t.ToolTipModule=a,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=mis-crystal-design-system-tooltip.umd.min.js.map

package/bundles/mis-crystal-design-system-tooltip.umd.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../projects/mis-components/tooltip/tooltip-container/tooltip.component.ts","../../../projects/mis-components/tooltip/tooltip.directive.ts","../../../projects/mis-components/tooltip/tooltip.module.ts"],"names":["ToolTipComponent","this","toolTipText","toolTipPosition","prototype","ngOnInit","ngAfterViewInit","_a","container","nativeElement","eleWidth","getBoundingClientRect","style","left","width","Component","args","selector","template","ViewChild","ToolTipDirective","element","overlay","viewContainerRef","isToolTipDisplayed","showOnHover","Object","defineProperty","value","displayToolTip","hideToolTip","onMouseEnter","onMouseLeave","_this","positionStrategy","position","flexibleConnectedTo","withPositions","genPositionPairs","positionX","positionY","offsetX","positionTooltip","offsetY","withPush","config","OverlayConfig","hasBackdrop","scrollStrategy","scrollStrategies","reposition","overlayRef","create","tempRef","ComponentPortal","tooltipRef","attach","instance","backdropClick","pipe","take","subscribe","type","offsetWidth","offsetHeight","detach","_b","dispose","Directive","ElementRef","Overlay","ViewContainerRef","Input","HostListener","ToolTipModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","OverlayModule","exports","entryComponents"],"mappings":"wzBAcE,SAAAA,IALOC,KAAAC,YAAsB,GACtBD,KAAAE,gBAAqC,gBAK5CH,EAAAI,UAAAC,SAAA,aACAL,EAAAI,UAAAE,gBAAA,iBACE,GAAmB,QAAfC,EAACN,KAAKO,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,cACrB,GAA6B,QAAzBR,KAAKE,iBAAsD,WAAzBF,KAAKE,iBAK3C,GAA6B,SAAzBF,KAAKE,gBAA4B,CAC7BO,EAAWT,KAAKO,UAAUC,cAAcE,wBAC9CV,KAAKO,UAAUC,cAAcG,MAAMC,MAAQH,EAASI,MAAQ,UAP9D,CACE,IAAMJ,EAAWT,KAAKO,UAAUC,cAAcE,wBAC9CV,KAAKO,UAAUC,cAAcG,MAAMC,KAAOH,EAASI,OAAS,EAAI,gCAjBrEC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,cACVC,SAAA,~~8/nBAOCC~~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","sourcesContent":["import { AfterViewInit, Component, ElementRef, Inject, OnInit, ViewChild } from \"@angular/core\";\nimport { ITooltipPositions } from \"../models/tooltip.model\";\n\n@Component({\n selector: \"mis-tooltip\",\n templateUrl: \"./tooltip.component.html\",\n styleUrls: [\"./tooltip.component.scss\"]\n})\nexport class ToolTipComponent implements OnInit, AfterViewInit {\n public toolTipText: string = \"\";\n public toolTipPosition: ITooltipPositions = \"bottom\";\n\n @ViewChild(\"container\") container: ElementRef;\n\n constructor() {}\n ngOnInit() {}\n ngAfterViewInit() {\n if (!this.container?.nativeElement) return;\n if (this.toolTipPosition === \"top\" \|\| this.toolTipPosition === \"bottom\") {\n const eleWidth = this.container.nativeElement.getBoundingClientRect();\n this.container.nativeElement.style.left = eleWidth.width / -2 + \"px\";\n return;\n }\n if (this.toolTipPosition === \"left\") {\n const eleWidth = this.container.nativeElement.getBoundingClientRect();\n this.container.nativeElement.style.left = -eleWidth.width + \"px\";\n }\n }\n}\n","import { AfterViewInit, Directive, ElementRef, HostListener, Input, OnInit, ViewContainerRef } from \"@angular/core\";\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { take } from \"rxjs/operators\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\nimport { genPositionPairs } from \"mis-crystal-design-system/utils\";\nimport { ITooltipPositions } from \"./models/tooltip.model\";\n\n@Directive({\n selector: \"[misToolTip]\"\n})\nexport class ToolTipDirective implements OnInit, AfterViewInit {\n public isToolTipDisplayed: boolean = false;\n public toolTipText: string = \"\";\n public toolTipPosition: ITooltipPositions = \"bottom\";\n private overlayRef: OverlayRef;\n\n @Input() showOnHover: boolean = true;\n @Input() set showToolTip(value: boolean) {\n this.isToolTipDisplayed = value;\n if (value) this.displayToolTip();\n else this.hideToolTip();\n }\n @Input() set text(value: string) {\n this.toolTipText = value;\n }\n @Input() set position(value: ITooltipPositions) {\n this.toolTipPosition = value;\n }\n\n @HostListener(\"mouseenter\") onMouseEnter() {\n if (this.showOnHover) this.displayToolTip();\n }\n @HostListener(\"mouseleave\") onMouseLeave() {\n if (this.showOnHover) this.hideToolTip();\n }\n\n constructor(private element: ElementRef, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n\n ngOnInit() {}\n ngAfterViewInit() {\n if (this.isToolTipDisplayed) this.displayToolTip();\n else this.hideToolTip();\n }\n\n displayToolTip() {\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(this.element)\n .withPositions(\n genPositionPairs(\n {\n positionX: \"center\",\n positionY: this.toolTipPosition === \"top\" ? \"top\" : \"center\",\n offsetX: this.positionTooltip(\"OFFSET_X\"),\n offsetY: this.positionTooltip(\"OFFSET_Y\")\n },\n false\n )\n )\n .withPush(true);\n const config = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy,\n scrollStrategy: this.overlay.scrollStrategies.reposition()\n });\n this.overlayRef = this.overlay.create(config);\n const tempRef = new ComponentPortal(ToolTipComponent, this.viewContainerRef);\n const tooltipRef = this.overlayRef.attach(tempRef);\n tooltipRef.instance.toolTipText = this.toolTipText;\n tooltipRef.instance.toolTipPosition = this.toolTipPosition;\n this.overlayRef\n .backdropClick()\n .pipe(take(1))\n .subscribe(() => {\n this.hideToolTip();\n });\n }\n\n positionTooltip(type: \"OFFSET_X\" \| \"OFFSET_Y\") {\n if (type === \"OFFSET_X\") {\n return this.toolTipPosition === \"right\"\n ? this.element.nativeElement.offsetWidth / 2 + 8\n : this.toolTipPosition === \"left\"\n ? (this.element.nativeElement.offsetWidth / 2 + 8) * -1\n : this.toolTipPosition === \"top\" \|\| this.toolTipPosition === \"bottom\"\n ? 0\n : 8;\n }\n if (type !== \"OFFSET_Y\") return;\n return this.toolTipPosition === \"right\" \|\| this.toolTipPosition === \"left\"\n ? -18\n : this.toolTipPosition === \"top\"\n ? -44\n : this.toolTipPosition === \"bottom\"\n ? this.element.nativeElement.offsetHeight / 2 + 8\n : 8;\n }\n\n hideToolTip() {\n this.overlayRef?.detach();\n this.overlayRef?.dispose();\n }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { ToolTipDirective } from \"./tooltip.directive\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\n\n@NgModule({\n declarations: [ToolTipDirective, ToolTipComponent],\n imports: [CommonModule, OverlayModule],\n exports: [ToolTipDirective, ToolTipComponent],\n entryComponents: [ToolTipComponent]\n})\nexport class ToolTipModule {\n static forRoot(): ModuleWithProviders<ToolTipModule> {\n return { ngModule: ToolTipModule, providers: [] };\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../projects/mis-components/tooltip/tooltip-container/tooltip.component.ts","../../../projects/mis-components/tooltip/tooltip.directive.ts","../../../projects/mis-components/tooltip/tooltip.module.ts"],"names":["ToolTipComponent","this","toolTipText","toolTipPosition","prototype","ngOnInit","ngAfterViewInit","_a","container","nativeElement","eleWidth","getBoundingClientRect","style","left","width","Component","args","selector","template","ViewChild","ToolTipDirective","element","overlay","viewContainerRef","isToolTipDisplayed","showOnHover","Object","defineProperty","value","displayToolTip","hideToolTip","onMouseEnter","onMouseLeave","_this","positionStrategy","position","flexibleConnectedTo","withPositions","genPositionPairs","positionX","positionY","offsetX","positionTooltip","offsetY","withPush","config","OverlayConfig","hasBackdrop","scrollStrategy","scrollStrategies","reposition","overlayRef","create","tempRef","ComponentPortal","tooltipRef","attach","instance","backdropClick","pipe","take","subscribe","type","offsetWidth","offsetHeight","detach","_b","dispose","Directive","ElementRef","Overlay","ViewContainerRef","Input","HostListener","ToolTipModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","OverlayModule","exports","entryComponents"],"mappings":"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","sourcesContent":["import { AfterViewInit, Component, ElementRef, Inject, OnInit, ViewChild } from \"@angular/core\";\nimport { ITooltipPositions } from \"../models/tooltip.model\";\n\n@Component({\n selector: \"mis-tooltip\",\n templateUrl: \"./tooltip.component.html\",\n styleUrls: [\"./tooltip.component.scss\"]\n})\nexport class ToolTipComponent implements OnInit, AfterViewInit {\n public toolTipText: string = \"\";\n public toolTipPosition: ITooltipPositions = \"bottom\";\n\n @ViewChild(\"container\") container: ElementRef;\n\n constructor() {}\n ngOnInit() {}\n ngAfterViewInit() {\n if (!this.container?.nativeElement) return;\n if (this.toolTipPosition === \"top\" \|\| this.toolTipPosition === \"bottom\") {\n const eleWidth = this.container.nativeElement.getBoundingClientRect();\n this.container.nativeElement.style.left = eleWidth.width / -2 + \"px\";\n return;\n }\n if (this.toolTipPosition === \"left\") {\n const eleWidth = this.container.nativeElement.getBoundingClientRect();\n this.container.nativeElement.style.left = -eleWidth.width + \"px\";\n }\n }\n}\n","import { AfterViewInit, Directive, ElementRef, HostListener, Input, OnInit, ViewContainerRef } from \"@angular/core\";\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { take } from \"rxjs/operators\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\nimport { genPositionPairs } from \"mis-crystal-design-system/utils\";\nimport { ITooltipPositions } from \"./models/tooltip.model\";\n\n@Directive({\n selector: \"[misToolTip]\"\n})\nexport class ToolTipDirective implements OnInit, AfterViewInit {\n public isToolTipDisplayed: boolean = false;\n public toolTipText: string = \"\";\n public toolTipPosition: ITooltipPositions = \"bottom\";\n private overlayRef: OverlayRef;\n\n @Input() showOnHover: boolean = true;\n @Input() set showToolTip(value: boolean) {\n this.isToolTipDisplayed = value;\n if (value) this.displayToolTip();\n else this.hideToolTip();\n }\n @Input() set text(value: string) {\n this.toolTipText = value;\n }\n @Input() set position(value: ITooltipPositions) {\n this.toolTipPosition = value;\n }\n\n @HostListener(\"mouseenter\") onMouseEnter() {\n if (this.showOnHover) this.displayToolTip();\n }\n @HostListener(\"mouseleave\") onMouseLeave() {\n if (this.showOnHover) this.hideToolTip();\n }\n\n constructor(private element: ElementRef, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n\n ngOnInit() {}\n ngAfterViewInit() {\n if (this.isToolTipDisplayed) this.displayToolTip();\n else this.hideToolTip();\n }\n\n displayToolTip() {\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(this.element)\n .withPositions(\n genPositionPairs(\n {\n positionX: \"center\",\n positionY: this.toolTipPosition === \"top\" ? \"top\" : \"center\",\n offsetX: this.positionTooltip(\"OFFSET_X\"),\n offsetY: this.positionTooltip(\"OFFSET_Y\")\n },\n false\n )\n )\n .withPush(true);\n const config = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy,\n scrollStrategy: this.overlay.scrollStrategies.reposition()\n });\n this.overlayRef = this.overlay.create(config);\n const tempRef = new ComponentPortal(ToolTipComponent, this.viewContainerRef);\n const tooltipRef = this.overlayRef.attach(tempRef);\n tooltipRef.instance.toolTipText = this.toolTipText;\n tooltipRef.instance.toolTipPosition = this.toolTipPosition;\n this.overlayRef\n .backdropClick()\n .pipe(take(1))\n .subscribe(() => {\n this.hideToolTip();\n });\n }\n\n positionTooltip(type: \"OFFSET_X\" \| \"OFFSET_Y\") {\n if (type === \"OFFSET_X\") {\n return this.toolTipPosition === \"right\"\n ? this.element.nativeElement.offsetWidth / 2 + 8\n : this.toolTipPosition === \"left\"\n ? (this.element.nativeElement.offsetWidth / 2 + 8) * -1\n : this.toolTipPosition === \"top\" \|\| this.toolTipPosition === \"bottom\"\n ? 0\n : 8;\n }\n if (type !== \"OFFSET_Y\") return;\n return this.toolTipPosition === \"right\" \|\| this.toolTipPosition === \"left\"\n ? -18\n : this.toolTipPosition === \"top\"\n ? -44\n : this.toolTipPosition === \"bottom\"\n ? this.element.nativeElement.offsetHeight / 2 + 8\n : 8;\n }\n\n hideToolTip() {\n this.overlayRef?.detach();\n this.overlayRef?.dispose();\n }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { ToolTipDirective } from \"./tooltip.directive\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\n\n@NgModule({\n declarations: [ToolTipDirective, ToolTipComponent],\n imports: [CommonModule, OverlayModule],\n exports: [ToolTipDirective, ToolTipComponent],\n entryComponents: [ToolTipComponent]\n})\nexport class ToolTipModule {\n static forRoot(): ModuleWithProviders<ToolTipModule> {\n return { ngModule: ToolTipModule, providers: [] };\n }\n}\n"]}

package/button/button.directive.scss CHANGED Viewed

@@ -1,7 +1,3 @@
-@import '../styles/mis-color-constants.scss';
-@import '../styles/mis-fonts.scss';
-@import '../styles/mis-icons.scss';
 .mis-btn {
   background: none;
   outline: none;
@@ -35,39 +31,39 @@
   }
   background-color: transparent;
-  color: $pmry_500;
+  color: #0937b2;
   &:hover {
-    background-color: $tr_hover;
+    background-color: #f0f3fa;
   }
   &:focus {
-    background-color: $tr_pressed;
+    background-color: #dae1f3;
   }
   &:disabled {
-    color: $text-disabled;
+    color: #929dab;
     pointer-events: none;
   }
   &.mis-outline {
-    border: 1px solid $pmry_500;
+    border: 1px solid #0937b2;
     &:disabled {
-      color: $text-disabled;
-      border-color: $text-disabled;
+      color: #929dab;
+      border-color: #929dab;
     }
   }
   &.mis-primary {
-    background-color: $pmry_500;
-    color: $text_white;
+    background-color: #0937b2;
+    color: #ffffff;
     &:hover {
-      background-color: $pmry_600;
+      background-color: #062a99;
     }
     &:focus {
-      background-color: $pmry_700;
+      background-color: #041f80;
     }
     &:disabled {
-      background-color: $grey_seperators;
-      color: $text-disabled;
+      background-color: #e0e0e0;
+      color: #929dab;
     }
   }
 }

package/button/mis-crystal-design-system-button.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-button","template":"<button\n (click)=\"onClick($event)\"\n [disabled]=\"disabled\"\n [ngClass]=\"{\n solid: type === 'Solid',\n outline: type === 'Outline',\n text: type === 'Text',\n large: size === 'Large',\n medium: size === 'Medium',\n small: size === 'Small',\n 'large-mobile': size === 'Large-M',\n 'small-mobile': size === 'Small-M'\n }\"\n [ngStyle]=\"{\n 'border-top-left-radius': disableLeftBorderRadius ? '0px' : '',\n 'border-bottom-left-radius': disableLeftBorderRadius ? '0px' : '',\n 'border-top-right-radius': disableRightBorderRadius ? '0px' : '',\n 'border-bottom-right-radius': disableRightBorderRadius ? '0px' : '',\n width: width\n }\"\n>\n <span id=\"left-icon\" ngIf=\"showIcon && iconPosition === 'Left'\">\n <img [src]=\"iconUrl\" alt=\"\" />\n </span>\n {{ name }}\n <span id=\"right-icon\" ngIf=\"showIcon && iconPosition === 'Right'\">\n <img [src]=\"iconUrl\" alt=\"\" />\n </span>\n</button>\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}button{font-family:Lato,sans-serif!important;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#181f33;background-color:#fff}.solid{color:#fff;background:#0937b2}.solid:hover:enabled{background:#062a99}.solid:active:enabled{background:#041f80}.solid:disabled{color:#929dab;background:#f5f5f5}.outline{border:1px solid #0937b2;color:#0937b2;background:#fff}.outline:hover:enabled{background:#f0f3fa}.outline:active:enabled{background:#dae1f3}.outline:disabled{color:#929dab;border:1px solid #929dab}.text{color:#181f33;background:#fff}.text:hover:enabled{background:#f0f3fa}.text:active:enabled{background:#dae1f3}.text:disabled{color:#929dab}.large{height:56px;padding:16px;border-radius:10px;font-weight:700;letter-spacing:.5px}.large,.medium{font-style:normal;font-size:16px;line-height:24px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-weight:400;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-weight:400;font-size:14px;letter-spacing:.25px}.large-mobile,.small{font-style:normal;line-height:20px}.large-mobile{height:44px;padding:12px;font-size:16px}.large-mobile,.small-mobile{border-radius:8px;font-weight:700;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;font-style:normal;font-size:14px;line-height:20px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"iconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"iconPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"disableLeftBorderRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"disableRightBorderRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ButtonDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[mis-button]"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"elementClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":10,"character":56}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"bindTypeClass":[{"__symbolic":"method"}],"bindSizeClass":[{"__symbolic":"method"}]}},"ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12}],"exports":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonDirective"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ButtonModule"},"providers":[]}}}}},"origins":{"ButtonComponent":"./button.component","ButtonDirective":"./button.directive","ButtonModule":"./button.module"},"importAs":"mis-crystal-design-system/button"}
1	+ {"__symbolic":"module","version":4,"metadata":{"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-button","template":"<button\n (click)=\"onClick($event)\"\n [disabled]=\"disabled\"\n [ngClass]=\"{\n solid: type === 'Solid',\n outline: type === 'Outline',\n text: type === 'Text',\n large: size === 'Large',\n medium: size === 'Medium',\n small: size === 'Small',\n 'large-mobile': size === 'Large-M',\n 'small-mobile': size === 'Small-M'\n }\"\n [ngStyle]=\"{\n 'border-top-left-radius': disableLeftBorderRadius ? '0px' : '',\n 'border-bottom-left-radius': disableLeftBorderRadius ? '0px' : '',\n 'border-top-right-radius': disableRightBorderRadius ? '0px' : '',\n 'border-bottom-right-radius': disableRightBorderRadius ? '0px' : '',\n width: width\n }\"\n>\n <span id=\"left-icon\" ngIf=\"showIcon && iconPosition === 'Left'\">\n <img [src]=\"iconUrl\" alt=\"\" />\n </span>\n {{ name }}\n <span id=\"right-icon\" ngIf=\"showIcon && iconPosition === 'Right'\">\n <img [src]=\"iconUrl\" alt=\"\" />\n </span>\n</button>\n","styles":["button{font-family:Lato,sans-serif!important;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#181f33;background-color:#fff}.solid{color:#fff;background:#0937b2}.solid:hover:enabled{background:#062a99}.solid:active:enabled{background:#041f80}.solid:disabled{color:#929dab;background:#f5f5f5}.outline{border:1px solid #0937b2;color:#0937b2;background:#fff}.outline:hover:enabled{background:#f0f3fa}.outline:active:enabled{background:#dae1f3}.outline:disabled{color:#929dab;border:1px solid #929dab}.text{color:#181f33;background:#fff}.text:hover:enabled{background:#f0f3fa}.text:active:enabled{background:#dae1f3}.text:disabled{color:#929dab}.large{height:56px;padding:16px;border-radius:10px;font-weight:700;letter-spacing:.5px}.large,.medium{font-style:normal;font-size:16px;line-height:24px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-weight:400;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-weight:400;letter-spacing:.25px}.large-mobile,.small{font-style:normal;font-size:14px;line-height:20px}.large-mobile{height:44px;padding:12px}.large-mobile,.small-mobile{border-radius:8px;font-weight:700;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;font-style:normal;font-size:14px;line-height:20px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"iconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"iconPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"disableLeftBorderRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"disableRightBorderRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ButtonDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[mis-button]"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"elementClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":10,"character":56}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"bindTypeClass":[{"__symbolic":"method"}],"bindSizeClass":[{"__symbolic":"method"}]}},"ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12}],"exports":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonDirective"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ButtonModule"},"providers":[]}}}}},"origins":{"ButtonComponent":"./button.component","ButtonDirective":"./button.directive","ButtonModule":"./button.module"},"importAs":"mis-crystal-design-system/button"}