{"__symbolic":"module","version":4,"exports":[{"from":"./lib/models/env.model"}],"metadata":{"CONSTANTS_ASSETS_EMP_WEB_EXP":{"IMAGES":{"EMPTY_HERO":"assets/libraries/mis-employee-web-exp/images/empty-booking-card.svg","MOBILE_EMPTY_HERO":"assets/libraries/mis-employee-web-exp/images/mobile-empty-booking-card.png","NO_UPCOMING":"assets/libraries/mis-employee-web-exp/images/upcoming-bookings.svg","HERO_BG":"assets/libraries/mis-employee-web-exp/images/hero-BG.svg","EMPTY_PLATE":"assets/libraries/mis-employee-web-exp/images/empty-plate.svg","PARKING_BG":"assets/libraries/mis-employee-web-exp/images/parking-bg.svg","CERTIFICATE":"assets/libraries/mis-employee-web-exp/images/certificate.svg","BOOKING_SUCCESS":"assets/libraries/mis-employee-web-exp/images/booking-success.svg","HISTORY_EMPTY":"assets/libraries/mis-employee-web-exp/images/history-empty-state.svg","NO_PARKING_SLOTS":"assets/libraries/mis-employee-web-exp/images/no-data-160.svg"},"ICONS":{"MORE":"assets/libraries/mis-employee-web-exp/icons/ic-action-more-vert.svg","CANCELLED":"assets/libraries/mis-employee-web-exp/icons/ic-nav-cancelled-24.svg","CANCEL_INFO":"assets/libraries/mis-employee-web-exp/icons/ic-ui-cancel-info-24.svg","DOWN_ARROW":"assets/libraries/mis-employee-web-exp/icons/down-arrow.svg","HERO_RIGHT":"assets/libraries/mis-employee-web-exp/icons/ic-navigation-chevron-right-blue-24.svg","SEAT":"assets/libraries/mis-employee-web-exp/icons/seat.svg","CLOSE":"assets/libraries/mis-employee-web-exp/icons/close-popup.svg","CALENDAR":"assets/libraries/mis-employee-web-exp/icons/ic-rep-calendar.svg","CAB":"assets/libraries/mis-employee-web-exp/icons/ic-ui-car-24.svg","CAB_DARK":"assets/libraries/mis-employee-web-exp/icons/ic-ui-transport-black-24.svg","TICK_GREEN":"assets/libraries/mis-employee-web-exp/icons/ic-tick-green.svg","SUCCESS_TICK":"assets/libraries/mis-employee-web-exp/icons/ic-ui-success-24.svg","ARROW":"assets/libraries/mis-employee-web-exp/icons/arrow.svg","EDIT":"assets/libraries/mis-employee-web-exp/icons/ic-action-edit-16.svg","EDIT_DARK":"assets/libraries/mis-employee-web-exp/icons/edit_dark.svg","CANCEL":"assets/libraries/mis-employee-web-exp/icons/Union.svg","IC_RADIO":"assets/libraries/mis-employee-web-exp/icons/ic-selection-radio.svg","IC_RADIO_ACTIVE":"assets/libraries/mis-employee-web-exp/icons/ic-selection-radio-active.svg","IC_ADD":"assets/libraries/mis-employee-web-exp/icons/ic-action-add-24.svg","IC_CLOSE":"assets/libraries/mis-employee-web-exp/icons/ic-navigation-cancel-24.svg","IC_WFO":"assets/libraries/mis-employee-web-exp/icons/ic-nav-office-24.svg","IC_WFH":"assets/libraries/mis-employee-web-exp/icons/ic-sidebar-home-24.svg","DESK":"assets/libraries/mis-employee-web-exp/icons/ic-nav-desk-mgmt-24.svg","DESK_BULE":"assets/libraries/mis-employee-web-exp/icons/desk.svg","DESK_GREY":"assets/libraries/mis-employee-web-exp/icons/ic-nav-desk-mgmt-grey-24.svg","CHEVRON_RIGHT":"assets/libraries/mis-employee-web-exp/icons/ic-navigation-chevron-right-24.svg","CANCEL_BIN":"assets/libraries/mis-employee-web-exp/icons/cancelbin.svg","WFH":"assets/libraries/mis-employee-web-exp/icons/wfh.svg","WFO_CONVERT":"assets/libraries/mis-employee-web-exp/icons/ic-convert-WFO-24.svg","WFH_CONVERT":"assets/libraries/mis-employee-web-exp/icons/convert-booking-wfo.svg","WFO_CONVERT_DARK":"assets/libraries/mis-employee-web-exp/icons/ic-convert-WFO-24.svg","WFH_CONVERT_DARK":"assets/libraries/mis-employee-web-exp/icons/convert-booking-wfo-dark.svg","QUICK_WFH":"assets/libraries/mis-employee-web-exp/icons/quick-wfh.svg","QUICK_WFO":"assets/libraries/mis-employee-web-exp/icons/quick-wfo.svg","CLOCK":"assets/libraries/mis-employee-web-exp/icons/ic-action-shift time-24.svg","PARKING":"assets/libraries/mis-employee-web-exp/icons/ic-ui-parking-24-blue.svg","PARKING_ACTIVE":"assets/libraries/mis-employee-web-exp/icons/ic-ui-parking-24-white.svg","TRANSPORT":"assets/libraries/mis-employee-web-exp/icons/ic-ui-transport-24-blue.svg","TRANSPORT_ACTIVE":"assets/libraries/mis-employee-web-exp/icons/ic-ui-transport-24-white.svg","TRANSPORT_UNAVAILABILTY":"assets/libraries/mis-employee-web-exp/icons/ic-new-icon-transport-availibilty.svg","TRANSPORT_AVAILABILTY":"assets/libraries/mis-employee-web-exp/icons/ic-new-icon-transport-Availibilty-V1-32.svg","INFO":"assets/libraries/mis-employee-web-exp/icons/ic-ui-info-24.svg","RED_INFO":"assets/libraries/mis-employee-web-exp/icons/ic-action-red-info-24.svg","CHOICE_CHIP":"assets/libraries/mis-employee-web-exp/icons/ic-ui-check-24.svg","MEAL":"assets/libraries/mis-employee-web-exp/icons/ic-ui-meal-24.svg","MEAL_DARK":"assets/libraries/mis-employee-web-exp/icons/ic-ui-meal-24-dark.svg","MEAL_CHECK":"assets/libraries/mis-employee-web-exp/icons/ic-ui-check-24.svg","AVATAR":"assets/libraries/mis-employee-web-exp/icons/avatar.svg","PARKING_MODULE":"assets/libraries/mis-employee-web-exp/icons/ic-ui-hero-parking-24.svg","APPROVAL_STATUS":"assets/libraries/mis-employee-web-exp/icons/ic-ui-approval-info-24.svg","SUCCESS_RECURRENCE":"assets/libraries/mis-employee-web-exp/icons/ic-ui-approvals2-24.svg","FAILED_BOOKINGS":"assets/libraries/mis-employee-web-exp/icons/ic-ui-cross-24.svg","MORE_STATUS":"assets/libraries/mis-employee-web-exp/icons/status-navigation.svg","LANGUAGE":"assets/libraries/mis-employee-web-exp/icons/language_black.svg","SHUTTLE_ACTIVE":"assets/libraries/mis-employee-web-exp/icons/shuttleActive.svg","SHUTTLE":"assets/libraries/mis-employee-web-exp/icons/shuttle.svg","SHUTTLE_DEACTIVE":"assets/libraries/mis-employee-web-exp/icons/shuttleDeactive.svg","SHUTTLE_DARK":"assets/libraries/mis-employee-web-exp/icons/shuttleDark.svg","SHUTTLE_CROSS":"assets/libraries/mis-employee-web-exp/icons/shuttleCross.svg","ACTION_INFO":"assets/libraries/mis-employee-web-exp/icons/ic-action-info-24.svg","TRANSPORT_BIKE":"assets/libraries/mis-employee-web-exp/icons/ic-ui-bike-24.svg","TRANSPORT_CAR":"assets/libraries/mis-employee-web-exp/icons/ic-ui-transport-24.svg","WFO_HEADER":"assets/libraries/mis-employee-web-exp/icons/wfo-header.svg","WFH_HEADER":"assets/libraries/mis-employee-web-exp/icons/wfh-header.svg","CROSS_MODAL":"assets/libraries/mis-employee-web-exp/icons/modal-cross.svg","LIST":"assets/libraries/mis-employee-web-exp/icons/list.svg","NOTE":"assets/libraries/mis-employee-web-exp/icons/inventory.svg","CAR_BLACK":"assets/libraries/mis-employee-web-exp/icons/car_black.svg","CAR_SELECTED":"assets/libraries/mis-employee-web-exp/icons/car_selected.svg","BIKE_BLACK":"assets/libraries/mis-employee-web-exp/icons/bike_black.svg","BIKE_SELECTED":"assets/libraries/mis-employee-web-exp/icons/bike_selected.svg","PARKING_HEADER":"assets/libraries/mis-employee-web-exp/icons/parkingHeader_icon.svg","PARKING_ACTION":"assets/libraries/mis-employee-web-exp/icons/parkingAction_icon.svg","EMPTY_STAR":"assets/libraries/mis-employee-web-exp/icons/emptyStar.svg","SELECTED_STAR":"assets/libraries/mis-employee-web-exp/icons/selectedStar.svg","STAR":"assets/libraries/mis-employee-web-exp/icons/star.svg","HORRIBLE":"assets/libraries/mis-employee-web-exp/icons/horrible.svg","AVERAGE":"assets/libraries/mis-employee-web-exp/icons/average.svg","BAD":"assets/libraries/mis-employee-web-exp/icons/bad.svg","EXCELLENT":"assets/libraries/mis-employee-web-exp/icons/excellent.svg","GOOD":"assets/libraries/mis-employee-web-exp/icons/good.svg","MEAL_EMPTY_FEEDBACK":"assets/libraries/mis-employee-web-exp/icons/MEAL_EMPTY_FEEDBACK.svg"}},"CONSTANTS_EMPLOYEE_WEB_EXP":{"ENV_VAR":"employeeWebExpEnvironment"},"EmpUserService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":20,"character":15},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"CONSTANTS_EMPLOYEE_WEB_EXP"},"member":"ENV_VAR"}]}]],"parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵa"},"member":"IEnv"}]}],"setUser":[{"__symbolic":"method"}],"getStwId":[{"__symbolic":"method"}],"splitString":[{"__symbolic":"method"}],"showNotification":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"LoaderService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":15,"character":31}]}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"calcLoaderProperties":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"FormsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"}]}],"beginFormStreams":[{"__symbolic":"method"}],"createBookingConfig":[{"__symbolic":"method"}],"setBookingTimezone":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"BookingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"mis-employee-web-exp-booking","template":"<mis-employee-web-exp-booking-form\n  [formConfigs]=\"configs\"\n  (create)=\"requestCreateBookings($event)\"\n  (update)=\"requestUpdateBookings($event)\"\n  (close)=\"close()\"\n  (expand)=\"expand($event)\"\n></mis-employee-web-exp-booking-form>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":5},"arguments":[{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DRAWER_DATA_VAR","line":26,"character":12}]}],null,null,null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerRef","line":24,"character":23},{"__symbolic":"reference","name":"ɵe"},null,{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerService","line":28,"character":23},{"__symbolic":"reference","name":"LoaderService"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":30,"character":19},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":32,"character":26},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalService","line":33,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"requestCreateBookings":[{"__symbolic":"method"}],"requestUpdateBookings":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}]}},"VehicleCreateFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"mis-employee-web-exp-vehicle-create-form","template":"<div class=\"vehicle-form-body\" *ngIf=\"!showLoader; else showLoading\">\n  <div class=\"vehicle-form-container\">\n    <div class=\"form-header\">\n      <span class=\"header-text\">{{ \"Add Vehicle Details\" | translate }}</span>\n      <span class=\"close-img\" (click)=\"closeDrawer()\">\n        <img [src]=\"Assets.ICONS.CROSS_MODAL\" />\n      </span>\n    </div>\n    <div class=\"form-body\">\n      <div class=\"vehicle-select-type\" *ngIf=\"vehicleCreationDuringParkingFor.length>0 && vehicleCreationDuringParkingFor.includes('CAR') && vehicleCreationDuringParkingFor.includes('BIKE')\">\n        <span class=\"vehicle-type-text\">{{ \"Vehicle Type\" | translate }}</span>\n        <div class=\"vehicle-type\">\n          <div\n            class=\"vehicle-type-container\"\n            (click)=\"selectVehicle('BIKE')\"\n            [ngClass]=\"{ vehicleSelected: isBikeActive, vehicleNotSelected: !isBikeActive }\"\n          >\n            <div class=\"vehicle-img\">\n              <img *ngIf=\"!isBikeActive\" [src]=\"Assets.ICONS.BIKE_BLACK\" />\n              <img *ngIf=\"isBikeActive\" [src]=\"Assets.ICONS.BIKE_SELECTED\" />\n            </div>\n            <span class=\"vehcile-type-text\">{{ \"Bike\" | translate }}</span>\n          </div>\n          <div\n            class=\"vehicle-type-container\"\n            (click)=\"selectVehicle('CAR')\"\n            [ngClass]=\"{ vehicleSelected: !isBikeActive, vehicleNotSelected: isBikeActive }\"\n          >\n            <div class=\"vehicle-img\">\n              <img *ngIf=\"isBikeActive\" [src]=\"Assets.ICONS.CAR_BLACK\" />\n              <img *ngIf=\"!isBikeActive\" [src]=\"Assets.ICONS.CAR_SELECTED\" />\n            </div>\n            <span class=\"vehcile-type-text\">{{ \"Car\" | translate }}</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"vehicle-name\">\n        <span class=\"vehicle-name-text\">{{ \"Vehicle Name\" | translate }}<span class=\"mandatoryAddon\">*</span></span>\n        <mis-input class=\"vehicle-name-input-field\" size=\"md\" type=\"rounded\" [noHints]=\"true\" *ngIf=\"showVehicleNameInput\">\n          <input misInput type=\"text\" placeholder=\"{{ vehcileNamePlaceholder }}\" class=\"form-control\" [formControl]=\"vehicleName\" />\n        </mis-input>\n      </div>\n      <div class=\"registration-num\" *ngIf=\"showRegNo\">\n        <span class=\"registration-num-text\">{{ \"Registration Number\" | translate }}<span class=\"mandatoryAddon\">*</span></span>\n        <mis-input class=\"registration-num-input-field\" type=\"rounded\" [noHints]=\"true\">\n          <input misInput type=\"text\" placeholder=\"22BH9999AA\" class=\"form-control\" [formControl]=\"regNo\" />\n        </mis-input>\n      </div>\n      <div class=\"vehicle-build\" *ngIf=\"!isBikeActive\">\n        <span class=\"vehicle-build-text\">{{ \"Vehicle Build\" | translate }}<span class=\"mandatoryAddon\">*</span></span>\n        <mis-dropdown\n          label=\"{{ 'Select Build' | translate }}\"\n          [data]=\"vehicleBuildDetailsInfo\"\n          [selectedItem]=\"selectedVehicleBuildDetails\"\n          [searchEnabled]=\"false\"\n          (onChange)=\"selectVehicleBuild($event)\"\n          width=\"250px\"\n          height=\"40px\"\n        ></mis-dropdown>\n      </div>\n    </div>\n  </div>\n  <div class=\"vehicle-form-footer\">\n    <div class=\"form-action\">\n      <div class=\"cancel-btn\" (click)=\"closeDrawer()\">\n        <span>{{ \"Cancel\" | translate }}</span>\n      </div>\n      <div class=\"save-btn\">\n        <button\n          tabindex=\"0\"\n          mis-button\n          type=\"primary\"\n          size=\"md\"\n          [disabled]=\"\n            !(isBikeActive\n              ? showRegNo\n                ? regNo.valid && vehicleName.valid\n                : vehicleName.valid\n              : showRegNo\n              ? !!selectedVehicleBuildDetails.value && regNo.valid && vehicleName.valid\n              : !!selectedVehicleBuildDetails.value && vehicleName.valid)\n          \"\n          (click)=\"saveVehicleDetails()\"\n        >\n          {{ \"Save\" | translate }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n<ng-template #showLoading>\n  <div class=\"progress-loader\">\n    <mis-loader></mis-loader>\n  </div>\n</ng-template>\n","styles":[".vehicle-form-body{display:flex;flex-direction:column;height:100vh;background:#fff;margin:0;width:422px}.vehicle-form-body .vehicle-form-container{padding:16px 24px;height:100%}.vehicle-form-body .vehicle-form-container .form-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:0 0 16px;border-bottom:1px solid #e0e0e0}.vehicle-form-body .vehicle-form-container .form-header .header-text{color:#181f33;font-family:Lato;font-size:20px;font-style:normal;font-weight:700;line-height:28px;letter-spacing:.25px}.vehicle-form-body .vehicle-form-container .form-header .close-img{cursor:pointer}.vehicle-form-body .vehicle-form-container .form-body{display:flex;flex-direction:column;flex-wrap:nowrap;gap:12px;padding:16px 0 0}.vehicle-form-body .vehicle-form-container .form-body .vehicle-select-type{display:flex;flex-direction:row;align-items:center;gap:16px}.vehicle-form-body .vehicle-form-container .form-body .vehicle-select-type .vehicle-type-text{color:#6a737d;font-family:Lato;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;width:108px}.vehicle-form-body .vehicle-form-container .form-body .vehicle-select-type .vehicle-type{display:flex;flex-direction:row;align-items:center;gap:24px}.vehicle-form-body .vehicle-form-container .form-body .vehicle-select-type .vehicle-type .vehicle-type-container{display:flex;flex-direction:row;gap:8px;padding:12px 16px;border-radius:8px;cursor:pointer;width:112px;justify-content:center}.vehicle-form-body .vehicle-form-container .form-body .vehicle-select-type .vehicle-type .vehicle-type-container .vehicle-img{display:flex;width:24px;height:24px}.vehicle-form-body .vehicle-form-container .form-body .vehicle-select-type .vehicle-type .vehicle-type-container .vehcile-type-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-form-body .vehicle-form-container .form-body .vehicle-select-type .vehicle-type .vehicleNotSelected{border:1px solid #181f33;background-color:#fff;color:#181f33;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.vehicle-form-body .vehicle-form-container .form-body .vehicle-select-type .vehicle-type .vehicleSelected{background-color:#0937b2;color:#fff;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.vehicle-form-body .vehicle-form-container .form-body .vehicle-name{display:flex;flex-direction:row;align-items:center;gap:16px}.vehicle-form-body .vehicle-form-container .form-body .vehicle-name .vehicle-name-text{color:#6a737d;font-family:Lato;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;width:108px}.vehicle-form-body .vehicle-form-container .form-body .vehicle-name .vehicle-name-text .mandatoryAddon{position:unset!important;color:#b00020!important}.vehicle-form-body .vehicle-form-container .form-body .vehicle-name .vehicle-name-input-field{width:250px}.vehicle-form-body .vehicle-form-container .form-body .registration-num{display:flex;flex-direction:row;align-items:center;gap:16px}.vehicle-form-body .vehicle-form-container .form-body .registration-num .registration-num-text{color:#6a737d;font-family:Lato;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;width:108px}.vehicle-form-body .vehicle-form-container .form-body .registration-num .registration-num-text .mandatoryAddon{position:unset!important;color:#b00020!important}.vehicle-form-body .vehicle-form-container .form-body .registration-num .registration-num-input-field{width:250px}.vehicle-form-body .vehicle-form-container .form-body .vehicle-build{display:flex;flex-direction:row;align-items:center;gap:16px}.vehicle-form-body .vehicle-form-container .form-body .vehicle-build .vehicle-build-text{color:#6a737d;font-family:Lato;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;width:108px}.vehicle-form-body .vehicle-form-container .form-body .vehicle-build .vehicle-build-text .mandatoryAddon{position:unset!important;color:#b00020!important}.vehicle-form-body .vehicle-form-footer{background-color:#fff;padding:12px;border-top:1px solid #e0e0e0}.vehicle-form-body .vehicle-form-footer .form-action{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:24px}.vehicle-form-body .vehicle-form-footer .form-action .cancel-btn{color:#181f33;text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.5px;padding:16px 32px;cursor:pointer}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":28,"character":5},"arguments":[{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DRAWER_DATA_VAR","line":28,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerRef","line":23,"character":23},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":25,"character":20},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":27,"character":27},null]}],"ngOnInit":[{"__symbolic":"method"}],"fetchVehicleBuildDetails":[{"__symbolic":"method"}],"selectVehicleBuild":[{"__symbolic":"method"}],"selectVehicle":[{"__symbolic":"method"}],"saveVehicleDetails":[{"__symbolic":"method"}],"closeDrawer":[{"__symbolic":"method"}]}},"HomeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"mis-employee-web-exp-home","template":"<!-- @format -->\n\n<div class=\"emp-web-wrapper\" cdkTrapFocus>\n  <div class=\"exp-head\" *ngIf=\"!configSvc.isTeamsApp || (configSvc.isTeamsApp && !configSvc.isMobile)\">\n    <mis-employee-web-exp-header (gotoHome)=\"closeTeamCalendar()\" [showBackBtn]=\"showTeamCalendar\"></mis-employee-web-exp-header>\n  </div>\n  <div class=\"exp-content\" *ngIf=\"!showTeamCalendar\">\n    <mis-employee-web-exp-body (showTeamCalendar)=\"openTeamCalendar()\"></mis-employee-web-exp-body>\n  </div>\n  <div class=\"exp-calendar\" *ngIf=\"showTeamCalendar\">\n    <mis-employee-web-exp-calendar></mis-employee-web-exp-calendar>\n  </div>\n</div>\n\n<!-- <mis-loader *ngIf=\"loader\"></mis-loader> -->\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.emp-web-wrapper{height:100vh;display:flex;flex-direction:column;background-color:#fff;z-index:0;position:relative}.emp-web-wrapper .exp-head{z-index:1;position:sticky;top:0;background-color:#fff}.emp-web-wrapper .exp-content{flex:1 1 auto;overflow-y:auto;padding:24px 72px;z-index:0}@media screen and (max-width:1536px){.emp-web-wrapper .exp-content{padding:24px 130px}}@media screen and (max-width:1100px){.emp-web-wrapper .exp-content{padding:24px 158px}}@media screen and (max-width:768px){.emp-web-wrapper .exp-content{padding:24px}}.emp-web-wrapper .exp-list{height:208px}.emp-web-wrapper .exp-calendar{padding:0;flex:1 1 auto;overflow-y:auto;z-index:0}"]}]}],"members":{"empGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"buid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"openTeamCalendar":[{"__symbolic":"method"}],"closeTeamCalendar":[{"__symbolic":"method"}]}},"HistoryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"mis-employee-web-exp-history","template":"<div class=\"history-container\">\n  <div class=\"history-header\">\n    <div>\n      <span class=\"history-label\">{{ \"Booking History\" | translate }}</span>\n    </div>\n  </div>\n  <div class=\"history-date-picker\">\n    <div class=\"input-container\">\n      <input\n        type=\"text\"\n        class=\"history-date-range-picker\"\n        misDateRangePicker\n        #dp=\"misDateRangePicker\"\n        readonly\n        [bsValue]=\"dateRangeValue\"\n        (bsValueChange)=\"changeDateRange($event)\"\n        [misConfig]=\"dateRangePickerConfig\"\n        placement=\"bottom left\"\n      />\n      <img [src]=\"ASSETS.ICONS.CALENDAR\" (click)=\"dp.toggle()\" class=\"calendar-icon\" />\n    </div>\n  </div>\n  <div class=\"history-content\">\n    <div class=\"history-lists\" *ngIf=\"isLoading || totalBookings > 0; else empty\">\n      <mis-virtual-scroll [config]=\"config\" (intialized)=\"api = $event\" class=\"virtual-scroll\">\n        <ng-template #virtualScrollItem let-item>\n          <mis-list-card-row\n            [item]=\"item\"\n            [singleShiftOperation]=\"configurations?.flattenedSettings?.singleShiftOperations\"\n            [dateFormat]=\"configurations?.flattenedSettings?.DATE_FORMAT\"\n            [timeFormat]=\"configurations?.flattenedSettings?.TIME_FORMAT\"\n            (action)=\"this.handleUpcoming($event)\"\n          ></mis-list-card-row>\n        </ng-template>\n      </mis-virtual-scroll>\n    </div>\n\n    <ng-template #empty>\n      <div class=\"empty-state\">\n        <img [src]=\"ASSETS.IMAGES.HISTORY_EMPTY\" />\n        <span class=\"no-booking-state\"\n          >{{ \"No booking history was found\" | translate }} <br />\n          {{ \"within the selected date(s)\" | translate }}</span\n        >\n      </div>\n    </ng-template>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.history-container{background-color:#fff;height:100%}.history-container .history-header{display:flex;justify-content:flex-start;padding:16px;z-index:10}.history-container .history-header .history-label{font-size:20px;font-style:normal;font-weight:700;line-height:28px;letter-spacing:.25px}.history-container .history-date-picker{display:flex;justify-content:flex-start;padding:16px;border-bottom:1px solid #e0e0e0}.history-container .history-date-picker .input-container{position:relative;width:235px;padding:0;cursor:pointer}.history-container .history-date-picker .input-container .history-date-range-picker{cursor:pointer;padding:6px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;width:100%;outline:none}.history-container .history-date-picker .input-container .calendar-icon{position:absolute;right:6px;top:5px}.history-container .history-content{display:flex;justify-content:center;width:100%;height:86.5vh;align-items:center;background-color:#fff}@media screen and (max-width:600px){.history-container .history-content{align-items:flex-start}}.history-container .history-content .history-lists{max-width:506px;width:100%;z-index:0;height:82.5vh;border:1px solid #e0e0e0;border-radius:10px}@media screen and (max-width:600px){.history-container .history-content .history-lists{padding:0 10px 14px}}.history-container .empty-state{display:flex;flex-direction:column;gap:30px}.history-container .empty-state .no-booking-state{font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0;text-align:center}::ng-deep cdk-virtual-scroll-viewport::-webkit-scrollbar{width:0!important}::ng-deep mis-daterangepicker-container div.booking-history-date-range-picker mis-datepicker-navigation-view button.current{pointer-events:none}"]}]}],"members":{"buid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"empGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":50,"character":19},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerService","line":51,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"genUpcomingBookingStream":[{"__symbolic":"method"}],"handleUpcoming":[{"__symbolic":"method"}],"changeDateRange":[{"__symbolic":"method"}]}},"WisConfigService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":12,"character":28},{"__symbolic":"reference","name":"EmpUserService"}]}],"getHostUrls":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"MisEmployeeWebExpRoutingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":16,"character":12},"member":"forChild"},"arguments":[[{"path":"","component":{"__symbolic":"reference","name":"HomeComponent"}}]]}],"exports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":17,"character":12}]}]}],"members":{}},"HttpLoaderFactory":{"__symbolic":"function","parameters":["http"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@ngx-translate/http-loader","name":"TranslateHttpLoader","line":108,"character":13},"arguments":[{"__symbolic":"reference","name":"http"},"i18n/",".json"]}},"MisEmployeeWebExpModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":110,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HomeComponent"},{"__symbolic":"reference","name":"HistoryComponent"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"BookingComponent"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbs"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbu"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵby"},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ɵcc"},{"__symbolic":"reference","name":"ɵcd"},{"__symbolic":"reference","name":"ɵce"},{"__symbolic":"reference","name":"ɵcf"},{"__symbolic":"reference","name":"ɵcg"},{"__symbolic":"reference","name":"VehicleCreateFormComponent"},{"__symbolic":"reference","name":"ɵch"},{"__symbolic":"reference","name":"ɵci"},{"__symbolic":"reference","name":"ɵcj"},{"__symbolic":"reference","name":"ɵck"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":168,"character":4},{"__symbolic":"reference","module":"mis-design-system/loader","name":"LoaderModule","line":169,"character":4},{"__symbolic":"reference","name":"MisEmployeeWebExpRoutingModule"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":171,"character":4},{"__symbolic":"reference","module":"mis-design-system/button","name":"ButtonModule","line":172,"character":4},{"__symbolic":"reference","module":"mis-crystal-design-system/star-rating","name":"StarRatingModule","line":173,"character":4},{"__symbolic":"reference","module":"mis-crystal-design-system/async-search-dropdown","name":"AsyncDropdownModule","line":174,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@mis-wis/meal","name":"MisMealModule","line":175,"character":4},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/datepicker","name":"MisDatePickerModule","line":176,"character":4},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerModule","line":177,"character":4},"member":"forChild"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerModule","line":178,"character":4},"member":"forChild"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-crystal-design-system/dropdown","name":"DropdownModule","line":179,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":180,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/modal","name":"ModalModule","line":181,"character":4},"member":"forChild"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/tooltip","name":"TooltipModule","line":182,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"mis-crystal-design-system/tooltip","name":"ToolTipModule","line":183,"character":4},{"__symbolic":"reference","name":"ɵcl"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":185,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/fab","name":"FabModule","line":186,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":187,"character":4},{"__symbolic":"reference","module":"mis-crystal-design-system/input","name":"MisInputModule","line":188,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalModule","line":189,"character":4},"member":"forChild"}},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"LayoutModule","line":190,"character":4},{"__symbolic":"reference","module":"mis-crystal-design-system/datepicker_v2","name":"DatepickerModuleV2","line":191,"character":4},{"__symbolic":"reference","module":"mis-design-system/checkbox","name":"CheckboxModule","line":192,"character":4},{"__symbolic":"reference","module":"mis-crystal-design-system/switch","name":"SwitchModule","line":193,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-crystal-design-system/radio-button","name":"RadioButtonModule","line":194,"character":4},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":195,"character":4},"member":"forChild"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":197,"character":17},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":199,"character":15}]}}]},{"__symbolic":"reference","module":"mis-crystal-design-system/virtual-scroll","name":"VirtualScrollModule","line":202,"character":4},{"__symbolic":"reference","module":"mis-crystal-design-system/dynamic-form","name":"DynamicFormModule","line":203,"character":4}],"exports":[{"__symbolic":"reference","name":"HomeComponent"},{"__symbolic":"reference","name":"HistoryComponent"},{"__symbolic":"reference","name":"BookingComponent"},{"__symbolic":"reference","name":"VehicleCreateFormComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵcf"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"BookingComponent"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ɵcg"},{"__symbolic":"reference","name":"VehicleCreateFormComponent"}],"providers":[{"__symbolic":"reference","module":"mis-design-system/datepicker","name":"MisDateRangePickerConfig","line":225,"character":14}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MisEmployeeWebExpModule"},"providers":[{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@mis-wis/meal","name":"MealService","line":234,"character":8},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"LoaderService"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"FormsService"},{"provide":{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":247,"character":19},"useClass":{"__symbolic":"reference","name":"ɵcm"}},{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":251,"character":19},"useClass":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":252,"character":20}},{"__symbolic":"reference","name":"WisConfigService"}]}}}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":40,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":44,"character":61},{"__symbolic":"reference","name":"LoaderService"}]}],"prepareConfigsToApply":[{"__symbolic":"method"}],"refreshReplayStreams":[{"__symbolic":"method"}],"getApproval":[{"__symbolic":"method"}],"validateBooking":[{"__symbolic":"method"}],"applyOfficeConfigurations":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":23,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":28,"character":58}]}],"getEmpTimezone":[{"__symbolic":"method"}],"getWaitingCount":[{"__symbolic":"method"}],"getEmpProfile":[{"__symbolic":"method"}],"getConfigurations":[{"__symbolic":"method"}],"getCommonConfigurations":[{"__symbolic":"method"}],"getOffices":[{"__symbolic":"method"}],"genReplayStream":[{"__symbolic":"method"}],"getEmpShifts":[{"__symbolic":"method"}],"getVehicleDetails":[{"__symbolic":"method"}],"getVehicleBuildDetails":[{"__symbolic":"method"}],"createVehicle":[{"__symbolic":"method"}],"getEmpShiftsNew":[{"__symbolic":"method"}],"getPremises":[{"__symbolic":"method"}],"getEmpPreferences":[{"__symbolic":"method"}],"getSeatAvailablity":[{"__symbolic":"method"}],"genEmpDetailQuery":[{"__symbolic":"method"}],"genEmpInfoQuery":[{"__symbolic":"method"}],"createBookings":[{"__symbolic":"method"}],"createRecurrenceBookings":[{"__symbolic":"method"}],"updateBookings":[{"__symbolic":"method"}],"submitMealData":[{"__symbolic":"method"}],"cancelBookings":[{"__symbolic":"method"}],"getProfileRules":[{"__symbolic":"method"}],"getTeamMates":[{"__symbolic":"method"}],"wfhUpdate":[{"__symbolic":"method"}],"wfoUpdate":[{"__symbolic":"method"}],"getBookingReasonList":[{"__symbolic":"method"}],"validateShift":[{"__symbolic":"method"}],"getUpdatedSeatPreference":[{"__symbolic":"method"}],"getParking":[{"__symbolic":"method"}],"getAllowedDates":[{"__symbolic":"method"}],"getApprovalStatus":[{"__symbolic":"method"}],"getVaxStatus":[{"__symbolic":"method"}],"getCustomStatusList":[{"__symbolic":"method"}],"captureStatusChange":[{"__symbolic":"method"}],"getLastStatus":[{"__symbolic":"method"}],"captureLocaleChange":[{"__symbolic":"method"}],"getMealCutoffPremiseWise":[{"__symbolic":"method"}],"getDynamicFormMetaData":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":22,"character":20},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalService","line":23,"character":22},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"LoaderService"}]}],"refreshReplayStreams":[{"__symbolic":"method"}],"configSubjectData":[{"__symbolic":"method"}],"publishAction":[{"__symbolic":"method"}],"quickActionEvent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":17,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":52,"character":103}]}],"refreshReplayStreams":[{"__symbolic":"method"}],"organiseBookings":[{"__symbolic":"method"}],"setFormForCreate":[{"__symbolic":"method"}],"setFormForUpdate":[{"__symbolic":"method"}],"castCreateBookingRequests":[{"__symbolic":"method"}],"castUpdateBookingRequests":[{"__symbolic":"method"}],"castCancelBookingRequests":[{"__symbolic":"method"}],"setDates":[{"__symbolic":"method"}],"updateDates":[{"__symbolic":"method"}],"genBookingRequest":[{"__symbolic":"method"}],"getShifts":[{"__symbolic":"method"}],"getPremises":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"refreshReplayStreams":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getCookie":[{"__symbolic":"method"}],"setCookie":[{"__symbolic":"method"}],"getDomain":[{"__symbolic":"method"}],"removeCookie":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"mis-employee-web-exp-header","template":"<!-- @format -->\n\n<div class=\"head-wrapper\" *ngIf=\"userInfo | async as empInfo\">\n  <div style=\"display: flex; align-items: center\">\n    <svg *ngIf=\"showBackBtn\" (click)=\"back()\" id=\"back-btn\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M20.75 10.6669H6.26775L10.3839 6.27629C10.8727 5.75496 10.8727 4.91231 10.3839 4.39099C9.89519 3.86967 9.1052 3.86967 8.61646 4.39099L2.36656 11.0575C1.87781 11.5788 1.87781 12.4215 2.36656 12.9428L8.61646 19.6093C8.86021 19.8693 9.1802 20 9.5002 20C9.82019 20 10.1402 19.8693 10.3839 19.6093C10.8727 19.088 10.8727 18.2454 10.3839 17.724L6.26775 13.3335H20.75C21.4413 13.3335 22 12.7362 22 12.0002C22 11.2642 21.4413 10.6669 20.75 10.6669Z\"\n        fill=\"#181F33\"\n      />\n    </svg>\n    <p class=\"greeting\" tabindex=\"0\">{{ \"Hi\" | translate }} {{ empInfo.name }}!</p>\n  </div>\n  <div class=\"action-wrapper\">\n    <div class=\"status\" *ngIf=\"customStatusChangeAllowed\">\n      <button\n        mis-button\n        type=\"outline\"\n        size=\"md\"\n        [misEmployeeWebExpMenu]=\"statusList\"\n        positionX=\"start\"\n        [offsetY]=\"5\"\n        aria-haspopup=\"true\"\n        #dropdownButton\n      >\n        <div class=\"status-color\" [ngStyle]=\"{ background: currentStatus?.color }\"></div>\n        {{ currentStatus?.displayName | translate }}\n        <img [src]=\"Assets.ICONS.MORE_STATUS\" alt=\"More Status\" />\n      </button>\n      <ng-template #statusList>\n        <div class=\"listItem\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n          <button mis-button class=\"status-wrapper\" *ngFor=\"let item of displayStatusList\" (click)=\"handleStatusChange(item)\">\n            <div class=\"status-color\" [ngStyle]=\"{ background: item?.color }\"></div>\n            <div class=\"statusName\">{{ item?.displayName | translate }}</div>\n          </button>\n        </div>\n      </ng-template>\n    </div>\n    <div class=\"actions\" *ngIf=\"configStream | async as configs\">\n      <button\n        mis-button\n        [type]=\"'primary'\"\n        [misEmployeeWebExpMenu]=\"menu\"\n        positionX=\"end\"\n        [offsetY]=\"10\"\n        aria-label=\"CReate Booking Button\"\n        aria-haspopup=\"true\"\n        [disabled]=\"!this.officeBookingAllowed && !this.remoteBookingAllowed\"\n        *ngIf=\"(this.officeBookingAllowed && this.remoteBookingAllowed) || (!this.officeBookingAllowed && !this.remoteBookingAllowed)\"\n        #menuOriginButton\n      >\n        <!-- {{'Create Booking' | translate}} -->\n        <img [src]=\"Assets.ICONS.IC_ADD\" alt=\"Create Booking Image\" />\n      </button>\n      <button\n        mis-button\n        [type]=\"'primary'\"\n        [size]=\"'lg'\"\n        class=\"main wfo-header\"\n        positionX=\"end\"\n        aria-label=\"CReate Booking Button\"\n        aria-haspopup=\"true\"\n        *ngIf=\"\n          !configs?.flattenedSettings.wfhBookingAllowed &&\n          configs?.BUSettings.features[13].createBookingEnabled &&\n          !configs?.flattenedSettings.onlyParkingBookingEnabled\n        \"\n        (click)=\"quickActionEvent('OFFICE')\"\n      >\n        <img [src]=\"Assets.ICONS.WFO_HEADER\" alt=\"Create Booking Image\" />\n        <span class=\"office\">{{ \"Office Booking\" | translate }}</span>\n      </button>\n      <button\n        mis-button\n        [type]=\"'primary'\"\n        [size]=\"'lg'\"\n        class=\"main wfo-header\"\n        positionX=\"end\"\n        aria-label=\"CReate Booking Button\"\n        aria-haspopup=\"true\"\n        *ngIf=\"\n          !configs?.flattenedSettings.wfhBookingAllowed &&\n          configs?.BUSettings.features[13].createBookingEnabled &&\n          configs?.flattenedSettings.onlyParkingBookingEnabled\n        \"\n        (click)=\"quickActionEvent('OFFICE')\"\n      >\n        <img [src]=\"Assets.ICONS.PARKING_HEADER\" alt=\"Create Booking Image\" />\n        <span class=\"office\">{{ \"Parking Booking\" | translate }}</span>\n      </button>\n      <button\n        mis-button\n        [type]=\"'primary'\"\n        [size]=\"'lg'\"\n        class=\"main wfh-header\"\n        positionX=\"end\"\n        aria-label=\"CReate Booking Button\"\n        aria-haspopup=\"true\"\n        *ngIf=\"!configs?.BUSettings.features[13].createBookingEnabled && configs?.flattenedSettings.wfhBookingAllowed\"\n        (click)=\"quickActionEvent('WFH')\"\n      >\n        <img [src]=\"Assets.ICONS.WFH_HEADER\" alt=\"Create Booking Image\" />\n        <span class=\"remote\">Remote Booking</span>\n      </button>\n      <ng-template #menu>\n        <mis-employee-web-exp-quick-actions\n          tabindex=\"0\"\n          [menuOrigin]=\"menuOrigin\"\n          [config]=\"configs\"\n          (quickAction)=\"quickActionEvent($event)\"\n        ></mis-employee-web-exp-quick-actions>\n      </ng-template>\n\n      <button\n        mis-button\n        [type]=\"'none'\"\n        size=\"md\"\n        class=\"locale\"\n        [misEmployeeWebExpMenu]=\"languages\"\n        positionX=\"end\"\n        [offsetY]=\"5\"\n        aria-haspopup=\"true\"\n        #languageSelectionButton\n        *ngIf=\"configs?.flattenedSettings?.showLanguageOptionInHamburgerMenu\"\n        misToolTip\n        [text]=\"'Languages' | translate\"\n        [position]=\"'left'\"\n      >\n        <img [src]=\"Assets.ICONS.LANGUAGE\" alt=\"Globe\" />\n      </button>\n      <ng-template #languages>\n        <div class=\"localeItem\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n          <button\n            mis-button\n            class=\"locale-wrapper\"\n            [ngStyle]=\"{ background: item === currentLanguage ? '#dae1f3' : '#ffffff' }\"\n            *ngFor=\"let item of languagesDisplayList\"\n            (click)=\"localeSetter(item)\"\n          >\n            <div class=\"statusName\">{{ item?.name }}</div>\n          </button>\n        </div>\n      </ng-template>\n      <!-- <div\n        *ngIf=\"configs.flattenedSettings.enableEmployeePreferences\"\n        mis-button\n        [type]=\"'none'\"\n        size=\"md\"\n        class=\"locale\"\n        [misEmployeeWebExpMenu]=\"profileOptions\"\n        positionX=\"end\"\n        [offsetY]=\"5\"\n        [tooltip]=\"'Profile' | translate\"\n        #profileOptionSelection\n      >\n        <div class=\"initialHolder\">\n          <div class=\"initials\" [ngStyle]=\"{ color: initial?.color, backgroundColor: initial?.color + '33' }\">\n            {{ initial?.name }}\n          </div>\n        </div>\n      </div>\n      <ng-template #profileOptions>\n        <div class=\"localeItem\">\n          <div class=\"locale-wrapper\" (click)=\"redirectToPreference()\">\n            <div class=\"statusName\">{{ \"Preferences\" }}</div>\n          </div>\n        </div>\n      </ng-template> -->\n    </div>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px;position:relative}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.head-wrapper{padding:10px 24px;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.head-wrapper .greeting{font-family:Lato;font-style:normal;font-weight:700;font-size:20px;line-height:28px;letter-spacing:.25px;margin:0;color:#181f33}.head-wrapper .greeting:focus{outline:none}.head-wrapper .actions{display:flex;align-items:center;gap:12px}.head-wrapper .actions button.main{font-size:10px;line-height:20px;font-weight:700;color:#0937b2;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:8px;height:44px}.head-wrapper .actions button.wfh-header,.head-wrapper .actions button.wfo-header{flex-direction:row;color:#fff;display:flex;justify-content:space-between;height:44px;font-size:18px;font-weight:700}.head-wrapper .actions .locale{box-sizing:border-box;border-radius:8px;width:44px;height:44px;background-color:#fff}.head-wrapper .actions img{margin:0;max-width:-moz-max-content!important;max-width:max-content!important}.localeItem{width:160px;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:8px;padding:14px}.localeItem .mis-btn{width:100%;display:flex;align-items:center;gap:15px;border-radius:6px;padding:6px 15px;color:#181f33}.localeItem .mis-none:hover,.selectedLanguage{background:#f5f7fc!important}#back-btn{cursor:pointer;margin-right:16px}.action-wrapper{display:flex;align-items:center;gap:32px}.status .status-color{height:8px;width:8px;border-radius:50%;position:relative;top:1px}.status button{box-sizing:border-box;border-radius:22px;display:flex;gap:14px;height:30px}.status .mis-outline{border:1px solid #e0e0e0}.status .mis-outline img{height:24px;width:24px;margin-right:-8px!important}.status .mis-btn{color:#181f33}.listItem{min-width:170px;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:8px;padding:14px}.listItem .mis-btn{display:flex;align-items:center;justify-content:flex-start;gap:15px;min-width:170px;max-width:-moz-max-content;max-width:max-content;background:#fff!important;cursor:pointer;border-radius:6px;padding:6px 15px}.listItem .mis-btn:hover{background:#f5f7fc!important}.status-color{background-color:#38af49;height:8px;width:8px;border-radius:50%;position:relative;top:1px}.name{display:flex;margin-bottom:15px}.initialHolder{background-color:#fff;border-radius:50%}.initials{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:2px solid #fafafa;border-radius:50%;width:40px;height:40px;font-weight:700;font-size:16px}.office,.remote{font-size:18px;letter-spacing:.5px;font-family:Lato,Helvetica,sans-serif;font-style:normal;line-height:24px;margin-left:8px}.remote{text-align:center}"]}]}],"members":{"showBackBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"menuOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":["menuOriginButton",{"read":{"__symbolic":"reference","name":"ɵi"}}]}]}],"statusDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["dropdownButton",{"read":{"__symbolic":"reference","name":"ɵi"}}]}]}],"languageDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":["languageSelectionButton",{"read":{"__symbolic":"reference","name":"ɵi"}}]}]}],"profile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":["profileOptionSelection",{"read":{"__symbolic":"reference","name":"ɵi"}}]}]}],"gotoHome":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerService","line":94,"character":23},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":96,"character":19},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"LoaderService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":99,"character":23},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","module":"mis-crystal-design-system/analytics","name":"AnalyticsService","line":101,"character":23},{"__symbolic":"reference","name":"ɵb"}]}],"setCookie":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"setStatus":[{"__symbolic":"method"}],"sortLanguageArray":[{"__symbolic":"method"}],"sortArrAlphabetically":[{"__symbolic":"method"}],"quickActionEvent":[{"__symbolic":"method"}],"handleStatusChange":[{"__symbolic":"method"}],"localeSetter":[{"__symbolic":"method"}],"redirectToPreference":[{"__symbolic":"method"}],"back":[{"__symbolic":"method"}],"filterOutSelectedStatus":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[misEmployeeWebExpMenu]"}]}],"members":{"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3},"arguments":["misEmployeeWebExpMenu"]}]}],"positionX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"positionY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"offsetX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"offsetY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"listenClickEvents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":20,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":20,"character":57},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":20,"character":95}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":21,"character":3},"arguments":["click",["$event"]]}]}],"menuShow":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"refreshWidgets":[{"__symbolic":"method"}],"setWidgetAction":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"mis-employee-web-exp-widget-card","template":"<div class=\"exp-widget-wrapper\">\n  <div class=\"exp-widget-head\">\n    <div class=\"exp-widget-name\" [ngClass]=\"{ light: showLightName }\">{{ name | translate }}</div>\n    <div class=\"exp-widget-actions\" *ngIf=\"actionPosition === 'top' && (widgetControl?.state?.minLength || !widgetControl)\">\n      <button mis-button size=\"sm\" *ngFor=\"let act of actions\" (click)=\"cardAction(act.id)\">{{ act.name | translate }}</button>\n    </div>\n  </div>\n  <div class=\"exp-widget-body\" [attr.aria-label]=\"name + 'Card'\" tabindex=\"0\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"exp-widget-footer\">\n    <div class=\"exp-widget-actions bottom\" *ngIf=\"actionPosition === 'bottom' && !showToggle && (widgetControl?.state?.minLength || !widgetControl)\">\n      <button mis-button size=\"sm\" *ngFor=\"let act of actions\" (click)=\"cardAction(act.id)\">{{ act.name | translate }}</button>\n    </div>\n    <div *ngIf=\"name === 'Upcoming bookings' && showToggle\" class=\"toggleSwitch\">\n      <span>{{ \"Include cancelled bookings\" | translate }}</span>\n      <mis-switch (valueChanged)=\"onToggleChange($event)\" style=\"margin-top: 4px\"></mis-switch>\n    </div>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.exp-widget-head{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:12px}.exp-widget-head .exp-widget-name{font-family:Lato;font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.2px;color:#181f33;height:100%}.exp-widget-head .exp-widget-name.light{color:#6a737d}@media screen and (max-width:600px){.exp-widget-head .exp-widget-name{font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.2px}}.exp-widget-footer{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;padding:8px 0;margin-top:12px}.exp-widget-actions{display:flex;justify-content:flex-end;margin:-8px 0}.exp-widget-actions .mis-btn{font-weight:700;font-size:16px;color:#0937b2}.toggleSwitch{display:flex;align-items:center;height:20px;gap:8px}.toggleSwitch span{padding-left:8px;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"showLightName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"widget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"actionPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"listWidget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵl"}]}]}],"widgetControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"showToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵj"}]}],"ngOnInit":[{"__symbolic":"method"}],"cardAction":[{"__symbolic":"method"}],"onToggleChange":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"mis-employee-web-exp-list-card","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":19},"member":"OnPush"},"template":"<!-- @format -->\n\n<div class=\"exp-card-wrapper\" [ngClass]=\"{ showAllWrapper: showAll }\">\n  <div *ngIf=\"widgetControl.loader | async\">\n    <mis-loader type=\"block\"></mis-loader>\n  </div>\n  <ng-container *ngIf=\"widgetControl.value | async as dataList\">\n    <div class=\"exp-list-wrapper\" *ngIf=\"dataList.length; else emptyList\" [ngClass]=\"{ showListWrapper: showAll }\">\n      <div class=\"exp-list\" cdkScrollable #scrollContainer [ngClass]=\"{ showAll: showAll }\">\n        <ng-container *ngFor=\"let item of dataList | slice : 0 : listEnd; let i = index\">\n          <mis-list-card-row\n            [ngStyle]=\"{ borderBottom: dataList.length > 2 && i === listEnd - 1 ? 'none' : '' }\"\n            [item]=\"item\"\n            [dateFormat]=\"dateFormat\"\n            [timeFormat]=\"timeFormat\"\n            (action)=\"handleAction($event)\"\n          ></mis-list-card-row>\n        </ng-container>\n        <div class=\"exp-list-item has-loader\" *ngIf=\"xhrStatus === 'LOADING'\">\n          <mis-loader type=\"block\"></mis-loader>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n  <ng-template #emptyList>\n    <div [attr.aria-label]=\"'Empty Card' + 'No Upcoming Meeting Image' + (emptyMessage | translate)\" tabindex=\"0\" class=\"exp-empty-card no-bookings\">\n      <img [src]=\"Assets.IMAGES.NO_UPCOMING\" alt=\"No Upcoming Meeting Image\" class=\"bg-img\" />\n      <div class=\"message\">{{ emptyMessage | translate }}</div>\n    </div>\n  </ng-template>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.exp-card-wrapper{position:relative;min-height:206px;height:auto}.showAllWrapper{min-height:auto!important;border-bottom:none!important}.no-bookings{background-position:center 35%;background-repeat:no-repeat;text-align:center;width:100%;min-height:206px;height:auto;display:flex;padding:24px 32px}.no-bookings .bg-img{position:absolute;top:0;left:50%;transform:translateX(-50%)}.no-bookings .message{position:absolute;bottom:24px;left:0;right:0}.overFlowCheck{border-radius:50%;background-color:#f5f5f5;height:24px;width:24px;position:relative;color:#929dab}.overFlowCheck span{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.statusCheck{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;margin:14px 24px 14px 0}.statusCheck span{padding:8px}.cancelledText{color:#b00020;background:#faefed}.pendingtext{color:#d4900c;background:#fffbef}.approvedtext{color:#38af49;background:#f1fdf8}.rejectedtext{color:#b00020;background:#faefed}.exp-list{max-height:344px;overflow-y:auto}@media screen and (max-width:600px){.exp-list{max-height:600px!important}}@media screen and (min-width:600px){.exp-list .exp-list-item{height:69px}}.showAll{max-height:none!important}@media screen and (min-width:1250px){.exp-list-wrapper{min-height:206px}.showListWrapper{min-height:auto!important}}@media screen and (min-width:1250px) and (max-width:1350px){.overFlowTemplate{display:none}.overFlowCheck{display:block}}@media screen and (min-width:1350px){.overFlowTemplate{display:block}.overFlowCheck{display:none}}@media screen and (max-width:1250px){.overFlowTemplate{display:block}.overFlowCheck{display:none}}"]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"emptyMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"dateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"timeFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"scrollToPaginate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"showAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"singleShiftOperation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"scrollContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"CdkScrollable","line":48,"character":13},{"static":false}]}]}],"widgetControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":57,"character":17},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":58,"character":20},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"filterCancelledBookings":[{"__symbolic":"method"}],"handleAction":[{"__symbolic":"method"}],"cardAction":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"mis-employee-web-exp-booking-card","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":33,"character":19},"member":"OnPush"},"template":"<!-- @format -->\n\n<div class=\"exp-card-wrapper booking-wrapper\">\n  <div class=\"\" *ngIf=\"widgetControl.loader | async\">\n    <mis-loader type=\"block\"></mis-loader>\n  </div>\n  <ng-container *ngIf=\"bookingPermissionStream | async as bookingConfigurations\">\n    <ng-container *ngIf=\"bookingConfigurations.booking; else noBooking\">\n      <div class=\"exp-booking\">\n        <div class=\"modern-tag\">\n          <div\n            class=\"modern-tag-1\"\n            [ngClass]=\"{\n              wfo: bookingConfigurations.booking.bookingRequestType === 'OFFICE',\n              wfh: bookingConfigurations.booking.bookingRequestType === 'WFH'\n            }\"\n            *ngIf=\"configSvc.isMobile\"\n          ></div>\n          <div\n            class=\"modern-tag-2\"\n            *ngIf=\"configSvc.isMobile\"\n            [ngClass]=\"{ cerulean: bookingConfigurations.booking.bookingRequestType === 'OFFICE' }\"\n          >\n            {{ (bookingConfigurations.booking.bookingRequestType === \"OFFICE\" ? \"WFO\" : \"Remote\") | translate }}\n          </div>\n        </div>\n        <div\n          *ngIf=\"!configSvc.isMobile && checkOnlyParkingEnabled(bookingConfigurations.booking.bookingRequestType)\"\n          class=\"exp-booking-type\"\n          [ngClass]=\"{ cerulean: bookingConfigurations.booking.bookingRequestType === 'OFFICE' }\"\n        >\n          <span\n            [attr.aria-label]=\"'Booking Type' + (bookingConfigurations.booking.bookingRequestType === 'OFFICE' ? 'WFO' : 'Remote')\"\n            tabindex=\"0\"\n            >{{ (bookingConfigurations.booking.bookingRequestType === \"OFFICE\" ? \"WFO\" : \"Remote\") | translate }}</span\n          >\n        </div>\n        <div class=\"exp-complete-body\">\n          <div class=\"exp-booking-content\">\n            <div class=\"booking-header\">\n              <div\n                class=\"date-time\"\n                [ngClass]=\"{\n                  attendanceStatus:\n                    bookingConfigurations.booking.requestStatus === 'SIGNED_IN' || bookingConfigurations.booking.requestStatus === 'SIGNED_OUT'\n                }\"\n              >\n                <div\n                  class=\"bookingDateTime\"\n                  [attr.aria-label]=\"\n                    'Booking Date and Timing ' +\n                    (bookingConfigurations.booking.startTime | customDate : bookingConfigurations.booking.timezone : dateFormat) +\n                    ' ' +\n                    (bookingConfigurations.booking.startTime | customTime : bookingConfigurations.booking.timezone : timeFormat) +\n                    ' to ' +\n                    (bookingConfigurations.booking.endTime | customTime : bookingConfigurations.booking.timezone : timeFormat)\n                  \"\n                  tabindex=\"0\"\n                >\n                  <span class=\"date\">\n                    {{ bookingConfigurations.booking.startTime | customDate : bookingConfigurations.booking.timezone : dateFormat }}\n                  </span>\n                  <div\n                    class=\"shift-info\"\n                    *ngIf=\"\n                      !(configStream | async).flattenedSettings.singleShiftOperations && bookingConfigurations.booking.bookingRequestType === 'OFFICE'\n                    \"\n                  >\n                    <span class=\"circle\"></span>\n                    <span class=\"time\">\n                      {{ bookingConfigurations.booking.startTime | customTime : bookingConfigurations.booking.timezone : timeFormat }} to\n                      {{ bookingConfigurations.booking.endTime | customTime : bookingConfigurations.booking.timezone : timeFormat }}\n                    </span>\n                  </div>\n                </div>\n              </div>\n              <div\n                class=\"text-ellipsis\"\n                [ngClass]=\"{\n                  actiontick:\n                    bookingConfigurations.booking.requestStatus === 'SIGNED_IN' || bookingConfigurations.booking.requestStatus === 'SIGNED_OUT'\n                }\"\n              >\n                <!-- <ng-template #tooltipText>\n                  <div tabindex=\"0\" class=\"current text-ellipsis\" *ngIf=\"bookingConfigurations.booking.requestStatus === 'SIGNED_IN'\">\n                    {{ \"Checked-In at\" | translate }}\n                    {{ bookingConfigurations.booking.signInTime | customTime: bookingConfigurations.booking.timezone:timeFormat }}\n                  </div>\n                  <div tabindex=\"0\" class=\"current text-ellipsis\" *ngIf=\"bookingConfigurations.booking.requestStatus === 'SIGNED_OUT'\">\n                    {{ \"Checked-Out at\" | translate }}\n                    {{ bookingConfigurations.booking.signOutTime | customTime: bookingConfigurations.booking.timezone:timeFormat }}\n                  </div>\n                </ng-template> -->\n                <!-- <ng-container\n                  *ngIf=\"\n                    (configSvc.configurations | async).flattenedSettings.hideUserActivityTime ||\n                    (!(configSvc.configurations | async).flattenedSettings.hideUserActivityTime &&\n                      !bookingConfigurations.booking.signInTime && !bookingConfigurations.booking.signOutTime)\"> -->\n                <img\n                  misToolTip\n                  [text]=\"\n                    bookingConfigurations.booking.requestStatus === 'SIGNED_IN'\n                      ? ('Checked-In at ' | translate) +\n                        (bookingConfigurations.booking.signInTime | customTime : bookingConfigurations.booking.timezone : timeFormat)\n                      : ('Checked-Out at ' | translate) +\n                        (bookingConfigurations.booking.signOutTime | customTime : bookingConfigurations.booking.timezone : timeFormat)\n                  \"\n                  [position]=\"'bottom'\"\n                  [src]=\"Assets.ICONS.MEAL_CHECK\"\n                  tabindex=\"0\"\n                  alt=\"Check Icon\"\n                />\n                <!-- </ng-container> -->\n              </div>\n            </div>\n            <div class=\"notCancelled\" *ngIf=\"bookingConfigurations.booking.requestStatus !== 'CANCELLED'; else cancelledTemplate\">\n              <div\n                class=\"booking-body\"\n                [ngClass]=\"{\n                  wfh: bookingConfigurations.booking.bookingRequestType === 'WFH',\n                  seatsDisabled: !bookingConfigurations.seatsEnabled && bookingConfigurations.booking.bookingRequestType !== 'WFH'\n                }\"\n              >\n                <img [src]=\"Assets.IMAGES.HERO_BG\" alt=\"\" class=\"bg-img\" />\n                <!-- Redo when adding more features. Possibly create components -->\n                <ng-container *ngIf=\"bookingConfigurations.booking.bookingRequestType === 'OFFICE'; else simpleBooking\">\n                  <div\n                    [attr.aria-label]=\"'Seat Details' + (bookingConfigurations.booking.tokenName || ('Not selected' | translate))\"\n                    tabindex=\"0\"\n                    class=\"desk text-ellipsis\"\n                    *ngIf=\"bookingConfigurations.seatsEnabled\"\n                  >\n                    <img tabindex=\"0\" [src]=\"Assets.ICONS.DESK\" alt=\"Desk Icon\" />\n                    <div>\n                      <p\n                        class=\"seat-name text-ellipsis\"\n                        misToolTip\n                        [position]=\"'bottom'\"\n                        [text]=\"bookingConfigurations.booking.tokenName || 'Not selected' | translate\"\n                      >\n                        {{ bookingConfigurations.booking.tokenName || (\"Not selected\" | translate) }}\n                      </p>\n                    </div>\n                  </div>\n                  <button\n                    aria-label=\"View Booking\"\n                    mis-button\n                    type=\"none\"\n                    size=\"sm\"\n                    (click)=\"cardAction.emit({ type: 'View', booking: bookingConfigurations.booking })\"\n                  >\n                    <img [src]=\"Assets.ICONS.HERO_RIGHT\" alt=\"view booking\" />\n                  </button>\n                  <div class=\"transport text-ellipsis\" *ngIf=\"!bookingConfigurations.seatsEnabled && bookingConfigurations.cabsEnabled\">\n                    <img [src]=\"Assets.ICONS.CAB_DARK\" alt=\"Cab Icon\" />\n                    <div class=\"shift\">\n                      <div tabindex=\"0\" class=\"name\">CHECK - IN</div>\n                      <div class=\"desc\" *ngIf=\"bookingConfigurations.booking.extras?.login; else notAvailed\">\n                        <span tabindex=\"0\" class=\"help\">PICK UP</span>\n                        <span tabindex=\"0\" class=\"data text-ellipsis\" *ngIf=\"!(configStream | async).flattenedSettings.singleShiftOperations\">{{\n                          bookingConfigurations.booking.startTime | customTime : bookingConfigurations.booking.timezone : timeFormat\n                        }}</span>\n                      </div>\n                      <ng-template #notAvailed>\n                        <div class=\"desc\">\n                          <span tabindex=\"0\" class=\"help\">Not Availed</span>\n                        </div>\n                      </ng-template>\n                    </div>\n                    <div class=\"shift\">\n                      <div tabindex=\"0\" class=\"name\">CHECK - OUT</div>\n                      <div class=\"desc\" *ngIf=\"bookingConfigurations.booking.extras?.logout; else notAvailed\">\n                        <span tabindex=\"0\" class=\"help\">PICK UP</span>\n                        <span tabindex=\"0\" class=\"data text-ellipsis\" *ngIf=\"!(configStream | async).flattenedSettings.singleShiftOperations\">{{\n                          bookingConfigurations.booking.endTime | customTime : bookingConfigurations.booking.timezone : timeFormat\n                        }}</span>\n                      </div>\n                      <ng-template #notAvailed>\n                        <div class=\"desc\">\n                          <span tabindex=\"0\" class=\"help\">Not Availed</span>\n                        </div>\n                      </ng-template>\n                    </div>\n                  </div>\n                </ng-container>\n                <ng-template #simpleBooking>\n                  <div class=\"clock-timings\">\n                    <div\n                      [attr.aria-label]=\"\n                        'Booking Details' +\n                        (bookingConfigurations.booking.startTime | customTime : bookingConfigurations.booking?.timezone : timeFormat) +\n                        'to' +\n                        (bookingConfigurations.booking.endTime | customTime : bookingConfigurations.booking?.timezone : timeFormat)\n                      \"\n                      class=\"simple text-ellipsis\"\n                    >\n                      <img [src]=\"Assets.ICONS.CLOCK\" alt=\"Clock Icon\" />\n                      <span class=\"timings text-ellipsis\" *ngIf=\"!(configStream | async).flattenedSettings.singleShiftOperations\"\n                        >{{ bookingConfigurations.booking.startTime | customTime : bookingConfigurations.booking?.timezone : timeFormat }}\n                        -\n                        {{ bookingConfigurations.booking.endTime | customTime : bookingConfigurations.booking?.timezone : timeFormat }}\n                      </span>\n                    </div>\n                    <div class=\"reasonText\">\n                      {{ bookingConfigurations.booking.bookingReason }}\n                    </div>\n                  </div>\n                  <button mis-button type=\"none\" size=\"sm\" (click)=\"cardAction.emit({ type: 'View', booking: bookingConfigurations.booking })\">\n                    <img tabindex=\"0\" [src]=\"Assets.ICONS.HERO_RIGHT\" alt=\"View Icon\" />\n                  </button>\n                </ng-template>\n              </div>\n              <!---->\n              <div\n                aria-label=\"Premise Details\"\n                tabindex=\"0\"\n                class=\"booking-extra\"\n                *ngIf=\"bookingConfigurations.booking.bookingRequestType === 'OFFICE'\"\n              >\n                <span tabindex=\"0\" class=\"floor\">\n                  {{ bookingConfigurations.booking.premiseName }}\n                </span>\n                <span class=\"circle\" *ngIf=\"bookingConfigurations.booking.premiseName\"></span>\n                <span tabindex=\"0\" class=\"ofc\">\n                  {{ bookingSvc.offices | async | officeName : bookingConfigurations.booking.officeId }}\n                </span>\n              </div>\n              <div class=\"booking-footer\">\n                <div class=\"more-icons\">\n                  <span\n                    tabindex=\"0\"\n                    class=\"icon\"\n                    *ngIf=\"(bookingConfigStream | async)?.isShuttleRequired && bookingConfigurations.booking | userRequestDTOS\"\n                    ><img tabindex=\"0\" [src]=\"Assets.ICONS.SHUTTLE_DARK\" alt=\"Shuttle Icon\"\n                  /></span>\n                  <span\n                    tabindex=\"0\"\n                    class=\"icon\"\n                    *ngIf=\"!(bookingConfigStream | async)?.isShuttleRequired && bookingConfigurations.booking | userRequestDTOS\"\n                    ><img tabindex=\"0\" [src]=\"Assets.ICONS.CAB_DARK\" alt=\"Cab Icon\"\n                  /></span>\n                  <span tabindex=\"0\" class=\"icon\" *ngIf=\"bookingConfigurations.booking | additionalType : ['MEALS']\"\n                    ><img tabindex=\"0\" [src]=\"Assets.ICONS.MEAL_DARK\" alt=\"Meal Icon\"\n                  /></span>\n                  <span class=\"icon\" *ngIf=\"bookingConfigurations.booking | additionalType : ['PARKING_TWO', 'PARKING_FOUR']\"\n                    ><img tabindex=\"0\" [src]=\"Assets.ICONS.PARKING_MODULE\" alt=\"Parking Icon\"\n                  /></span>\n                  <span class=\"icon\" *ngIf=\"bookingConfigurations.booking.specialRequests\"\n                    ><img tabindex=\"0\" [src]=\"Assets.ICONS.NOTE\" alt=\"Parking Icon\"\n                  /></span>\n                </div>\n                <div\n                  misToolTip\n                  [position]=\"'bottom'\"\n                  [text]=\"'Cannot check in at this moment, please check your booking cutoff time'\"\n                  [showOnHover]=\"bookingConfigurations.isCheckinDisabled || bookingConfigurations.booking.requestStatus === 'ABSENT'\"\n                >\n                  <button\n                    [disabled]=\"\n                      bookingConfigurations.isCheckinDisabled &&\n                      (bookingConfigurations.booking.requestStatus === 'PENDING' ||\n                        bookingConfigurations.booking.requestStatus === 'CONFIRMED' ||\n                        bookingConfigurations.booking.requestStatus === 'ABSENT')\n                    \"\n                    mis-button\n                    size=\"md\"\n                    type=\"primary\"\n                    (click)=\"handleCardAction(bookingConfigurations.booking)\"\n                    *ngIf=\"\n                      bookingConfigurations.booking.requestStatus !== 'SIGNED_OUT' &&\n                      (bookingConfigStream | async)?.officeCheckInModeWeb !== 'noCheckIn'\n                    \"\n                  >\n                    {{ (bookingConfigurations.booking.requestStatus === \"SIGNED_IN\" ? \"CheckOut\" : \"CheckIn\") | translate }}\n                    <img [src]=\"Assets.ICONS.MEAL_CHECK\" alt=\"Check Icon\" />\n                  </button>\n                </div>\n              </div>\n            </div>\n            <ng-template #cancelledTemplate>\n              <div class=\"cancel-body\">\n                <div class=\"cancel-content\">\n                  <div tabindex=\"0\" class=\"cancel-body\">\n                    {{ \"Booking\" | translate }} <span class=\"cancel-text\">{{ \"Cancelled\" | translate }}</span>\n                  </div>\n                  <button mis-button type=\"none\" size=\"sm\" (click)=\"cardAction.emit({ type: 'View', booking: bookingConfigurations.booking })\">\n                    <img [src]=\"Assets.ICONS.HERO_RIGHT\" alt=\"VIew Booking\" />\n                  </button>\n                </div>\n                <div class=\"partially-cancelled\" *ngIf=\"bookingConfigurations.partiallyCancelled\">\n                  <div tabindex=\"0\" aria-label=\"TRansport INformation\" class=\"addon-present\">\n                    <img tabindex=\"0\" [src]=\"Assets.ICONS.CAB_DARK\" alt=\"Cab Icon\" />\n                    <img tabindex=\"0\" [src]=\"Assets.ICONS.CANCEL_INFO\" alt=\"Cancel Info Icon\" />\n                    <span tabindex=\"0\">{{ \"Transport not cancelled\" | translate }}</span>\n                  </div>\n                </div>\n              </div>\n            </ng-template>\n          </div>\n          <div class=\"approval-status\" *ngIf=\"bookingConfigurations.booking?.list as approvalAllowed\">\n            <div class=\"review-status\" *ngIf=\"approvalAllowed.requestStatus\">\n              <span\n                tabindex=\"0\"\n                [ngClass]=\"{\n                  reviewtext: approvalAllowed.requestStatus === 'PENDING',\n                  approvedtext: approvalAllowed.requestStatus === 'CONFIRMED',\n                  rejectiontext: approvalAllowed.requestStatus === 'REJECTED'\n                }\"\n              >\n                {{ approvalAllowed.statusToDisplay }}</span\n              >\n              <span tabindex=\"0\" class=\"msg\">{{ approvalAllowed.message }}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <ng-template #bookingOptions>\n        <div class=\"widget-menu\">\n          <button mis-button type=\"none\" *ngIf=\"bookingConfigurations.editBookingAllowed\" (click)=\"closeMenu('Edit', bookingConfigurations.booking)\">\n            <span>\n              <img tabindex=\"0\" [src]=\"Assets.ICONS.EDIT_DARK\" alt=\"Edit Icon\" />\n            </span>\n            {{ \"Edit\" | translate }}\n          </button>\n          <button mis-button type=\"none\" *ngIf=\"bookingConfigurations.cancelAllowed\" (click)=\"closeMenu('Cancel', bookingConfigurations.booking)\">\n            <span>\n              <img [src]=\"Assets.ICONS.CANCEL_BIN\" alt=\"Cancel Bin Icon\" />\n            </span>\n            {{ \"Cancel\" | translate }}\n          </button>\n          <button\n            mis-button\n            type=\"none\"\n            *ngIf=\"bookingConfigurations.bookingConversionAllowed\"\n            (click)=\"closeMenu('Convert', bookingConfigurations.booking)\"\n          >\n            <span>\n              <img\n                tabindex=\"0\"\n                [src]=\"bookingConfigurations.booking.bookingRequestType === 'OFFICE' ? Assets.ICONS.WFH_CONVERT_DARK : Assets.ICONS.WFO_CONVERT_DARK\"\n                alt=\"\"\n              />\n            </span>\n            {{ \"Convert to\" | translate }} {{ (bookingConfigurations.booking.bookingRequestType === \"OFFICE\" ? \"Remote\" : \"WFO\") | translate }}\n          </button>\n        </div>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n  <ng-template #noBooking>\n    <div tabindex=\"0\" class=\"exp-empty-card no-booking\">\n      <img [src]=\"configSvc.isMobile ? Assets.IMAGES.MOBILE_EMPTY_HERO : Assets.IMAGES.EMPTY_HERO\" alt=\"Empty Card Icon\" class=\"bg-img\" />\n      <div tabindex=\"0\" class=\"text\">{{ noBookingText | translate }}</div>\n      <button\n        mis-button\n        [type]=\"'primary'\"\n        [misEmployeeWebExpMenu]=\"menu\"\n        [listenClickEvents]=\"this.officeBookingAllowed && this.remoteBookingAllowed\"\n        *ngIf=\"!configSvc.isMobile\"\n        (click)=\"openBooking()\"\n        #menuOrigin\n      >\n        {{ \"Create Booking\" | translate }}\n      </button>\n      <button\n        mis-button\n        [type]=\"'primary'\"\n        *ngIf=\"(bookingConfigStream | async)?.createBookingAllowed && configSvc.isMobile\"\n        (click)=\"openMobileViewBooking()\"\n      >\n        {{ \"Create Booking\" | translate }}\n      </button>\n      <ng-template #menu>\n        <mis-employee-web-exp-quick-actions\n          [config]=\"configStream | async\"\n          tabindex=\"0\"\n          (quickAction)=\"quickActionEvent($event)\"\n          [menuOrigin]=\"menuOrigin\"\n        ></mis-employee-web-exp-quick-actions>\n      </ng-template>\n    </div>\n  </ng-template>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px;position:relative}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.booking-wrapper{position:relative;min-height:206px;height:auto}@media screen and (max-width:600px){.booking-wrapper{min-height:138px;box-shadow:0 2px 4px rgba(0,0,0,.08);border-radius:12px}}.booking-wrapper .no-booking .text{border-radius:10px;color:#181f33;font-style:normal;font-weight:400;font-size:20px;line-height:28px;display:flex;align-items:center;letter-spacing:.15px}@media screen and (max-width:600px){.booking-wrapper .no-booking .text{font-size:17px;width:150px;line-height:24px;letter-spacing:.2px}}.booking-wrapper .approval-status img{height:24px;width:24px}.booking-wrapper .approval-status .review-status{height:32px;padding:6px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.booking-wrapper .approval-status .review-status span:first-child{font-weight:900;font-size:14px;line-height:20px;letter-spacing:.5px}@media screen and (max-width:600px){.booking-wrapper .approval-status .review-status span:first-child{flex:1 1 70%}}@media screen and (max-width:600px){.booking-wrapper .approval-status .review-status{flex-wrap:nowrap;height:auto;min-height:32px}}.booking-wrapper .approval-status .review-status .reviewtext{color:#d4900c;gap:10px;display:flex;align-items:center}.booking-wrapper .approval-status .review-status .approvedtext{color:#38af49}.booking-wrapper .approval-status .review-status .rejectiontext{color:#b00020}.booking-wrapper .approval-status .review-status .msg{font-size:16px;line-height:24px}.booking-wrapper .no-booking{background-position:100% 100%;background-repeat:no-repeat;position:relative}.booking-wrapper .no-booking .create-booking p{font-family:Lato;font-size:18px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.5px;margin:0;justify-content:flex-start;white-space:nowrap}@media screen and (max-width:600px){.booking-wrapper .no-booking .create-booking p{font-size:16px;line-height:20px;letter-spacing:.25px}}.booking-wrapper .no-booking .bg-img{top:auto;left:auto}@media screen and (max-width:600px){.booking-wrapper .no-booking .bg-img{top:16px;right:10px}}@media screen and (max-width:600px){.booking-wrapper .no-booking button{height:32px;width:60%;border-radius:6px;padding:6px 12px}}.booking-wrapper .exp-booking,.booking-wrapper .no-booking{min-height:206px;height:auto}@media screen and (max-width:600px){.booking-wrapper .exp-booking,.booking-wrapper .no-booking{height:auto}}.exp-booking{height:100%;display:flex;flex-wrap:nowrap;position:relative;z-index:3}@media screen and (max-width:600px){.exp-booking .modern-tag .modern-tag-1:before{position:absolute;content:\"\";transform:rotate(270deg);border-right:transparent;border-bottom:8px solid transparent;border-top:8px transparent;border-style:solid;height:0;width:0;left:14px;top:-13px}.exp-booking .modern-tag .modern-tag-1:after{position:absolute;content:\"\";transform:rotate(140deg);border-right:transparent;border-bottom:6px solid transparent;border-top:6px transparent;border-style:solid;height:0;width:0;left:57.3px;top:-6px}.exp-booking .modern-tag .wfh:after,.exp-booking .modern-tag .wfh:before{border-left:8px solid #b23600}.exp-booking .modern-tag .wfo:after,.exp-booking .modern-tag .wfo:before{border-left:8px solid #00516b}}@media screen and (max-width:600px) and (max-width:600px){.exp-booking .modern-tag .modern-tag-2{position:absolute;z-index:5;left:20px;top:-8px;width:43px;height:20px;padding:2px 6px;border-radius:0 0 5px 5px;font-size:12px;font-style:normal;font-weight:700;line-height:16px;background-color:#ed711c;letter-spacing:.6px;color:#fff}}.exp-booking .exp-booking-type{width:24px;background-color:#ed711c}.exp-booking .exp-booking-type span{font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;display:inline-block;transform:rotate(-90deg) translate(50%,-50%);position:relative;top:50%;width:35px;height:16px}.exp-booking .exp-complete-body{display:flex;width:100%;flex-direction:column}.exp-booking .exp-booking-content{flex-grow:1;padding:16px 20px;position:relative;display:flex;flex-flow:column;z-index:1}@media screen and (max-width:600px){.exp-booking .exp-booking-content{width:100%}}.exp-booking .exp-booking-content .bg-img{z-index:-1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.exp-booking .exp-booking-content .booking-header{display:flex;flex-wrap:nowrap;align-items:center;width:100%;margin-bottom:16px;gap:9px}.exp-booking .exp-booking-content .booking-header .actiontick{background:#38af49;display:flex;border-radius:50%;padding:4px;height:20px;width:20px}.exp-booking .exp-booking-content .booking-body{flex:1 1 auto;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.exp-booking .exp-booking-content .booking-body button{border:1px solid #cbddfb;box-sizing:border-box;border-radius:22px;width:40px;height:40px;position:relative;top:25%}.exp-booking .exp-booking-content .booking-body button img{margin-right:0}@media screen and (max-width:600px){.exp-booking .exp-booking-content .booking-body{align-items:flex-start;gap:20px}}.exp-booking .exp-booking-content .seatsDisabled{flex-direction:row-reverse}.exp-booking .exp-booking-content .booking-extra>*{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;margin-bottom:12px}@media screen and (max-width:600px){.exp-booking .exp-booking-content .booking-extra>*{font-size:13px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px}}.exp-booking .exp-booking-content .booking-footer{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:600px){.exp-booking .exp-booking-content .booking-footer{flex-direction:column;gap:24px}}.exp-booking .exp-booking-content .booking-footer .more-icons{width:100%}.exp-booking .exp-booking-content .booking-footer .more-icons span.icon{margin-right:16px;display:inline-flex;padding:10px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.exp-booking .exp-booking-content .booking-footer .more-icons span.icon img{width:24px;height:24px}.exp-booking .exp-booking-content .booking-footer button{width:157px;font-size:16px;border-radius:8px}.exp-booking .exp-booking-content .booking-footer button img{margin-right:0;margin-left:11px}@media screen and (max-width:600px){.exp-booking .exp-booking-content .booking-footer button{height:44px;width:100%;border-radius:8px;padding:12px}}.exp-booking .exp-booking-content .bookingDateTime{display:flex}.exp-booking .exp-booking-content .date-time{display:flex;align-items:center;width:-moz-max-content;width:max-content;padding:0 8px}.exp-booking .exp-booking-content .date-time>*{font-style:normal;font-weight:400;color:#181f33;font-size:16px;line-height:24px;letter-spacing:.2px}@media screen and (max-width:600px){.exp-booking .exp-booking-content .date-time>*{font-size:15px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.1px}}.exp-booking .exp-booking-content .date-time .date{font-weight:700;color:#181f33}.exp-booking .exp-booking-content .date-time .circle{height:8px;width:8px;border-radius:50%;background-color:#181f33;margin:0 8px}@media screen and (max-width:600px){.exp-booking .exp-booking-content .date-time .time{font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px}}.exp-booking .exp-booking-content .cancel-body .cancel-content{font-size:24px;line-height:32px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.exp-booking .exp-booking-content .cancel-body .cancel-content .cancel-text{color:#b00020}.exp-booking .exp-booking-content .cancel-body .cancel-content button{border:1px solid #cbddfb;box-sizing:border-box;border-radius:22px;width:40px;height:40px}.exp-booking .exp-booking-content .cancel-body .cancel-content button img{margin-right:0}.exp-booking .exp-booking-content .cancel-body .partially-cancelled .addon-present{margin-bottom:16px}.exp-booking .exp-booking-content .cancel-body .partially-cancelled .addon-present img{height:24px;width:24px}.exp-booking .exp-booking-content .cancel-body .partially-cancelled .addon-present img:first-child{margin-right:18px}.exp-booking .exp-booking-content .actions button.mis-btn{padding:0}.exp-booking .exp-booking-content .actions button.mis-btn img{margin-right:0}.bg-img{position:absolute;top:0;left:0;right:0;bottom:0}.transport{display:flex;flex-wrap:nowrap;align-items:flex-start}.transport>img{margin-right:12px;align-self:center}.transport .shift{margin-right:36px}.transport .shift:last-child{margin-right:0}.transport .shift .name{font-style:normal;font-weight:400;font-size:12px;line-height:18px;letter-spacing:.2px;margin-bottom:4px;color:#929dab}.transport .shift .desc{display:flex;flex-wrap:nowrap;align-items:center}.transport .shift .desc .help{font-style:normal;font-weight:400;font-size:12px;line-height:21px;height:21px;letter-spacing:.2px;color:#181f33}.transport .shift .desc .data{margin-left:8px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.attendanceStatus{background-color:#f1fdf8}.attendance-status{display:flex;align-items:flex-start}@media screen and (max-width:600px){.attendance-status{width:100%}}.attendance-status .current{display:flex;align-items:center;flex-wrap:nowrap;padding:8px 16px 8px 8px;background-color:#f1fdf8;border-radius:6px;height:36px}.attendance-status .current img{margin-right:8px}.attendance-status .current p{font-style:normal;font-weight:700;font-size:18px;line-height:24px;margin:0;letter-spacing:.5px;color:#547f40}.desk,.simple{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap}.desk>img,.simple>img{margin-right:8px;height:32px}@media screen and (max-width:600px){.desk,.simple{width:100%}}.desk .seat-name,.desk .timings,.simple .seat-name,.simple .timings{font-style:normal;font-weight:400;font-size:32px;line-height:40px;color:#181f33;margin-right:6px}@media screen and (max-width:600px){.desk .seat-name,.desk .timings,.simple .seat-name,.simple .timings{font-size:25px;font-style:normal;font-weight:400;line-height:36px}}.desk .seat-name,.simple .seat-name{margin:0}@media screen and (max-width:600px){.desk .seat-name,.simple .seat-name{width:50%;font-size:25px;font-style:normal;font-weight:400;line-height:36px;max-width:100%}}.desk .mis-btn,.simple .mis-btn{padding-left:6px;padding-right:0}.booking-extra{display:flex;align-items:center}.booking-extra span{display:inline-block;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#6a737d}@media screen and (max-width:600px){.booking-extra span{font-size:13px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px}}.booking-extra .circle{height:6px;width:6px;border-radius:50%;background-color:#6a737d;margin:0 10px}.widget-menu .mis-btn span{display:inline-block;min-width:24px;max-height:24px;text-align:center}.widget-menu .mis-btn span img{margin-right:0!important}.reasonText{height:24px;font-size:16px;line-height:24px;padding-top:12px}.clock-timings{display:flex;flex-direction:column}"]}]}],"members":{"noBookingText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"showCreateButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"dateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"timeFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"timezone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"create":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"cardAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"checkin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"checkout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"menuOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":3},"arguments":["menuOrigin",{"read":{"__symbolic":"reference","name":"ɵi"}}]}]}],"widgetControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":63,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":64,"character":30},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"mis-design-system/modal","name":"BsModalService","line":66,"character":18},{"__symbolic":"reference","module":"mis-crystal-design-system/analytics","name":"AnalyticsService","line":67,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"checkOnlyParkingEnabled":[{"__symbolic":"method"}],"showMenu":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}],"handleCardAction":[{"__symbolic":"method"}],"quickActionEvent":[{"__symbolic":"method"}],"openBooking":[{"__symbolic":"method"}],"openMobileViewBooking":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"mis-list-card-row","template":"<div\n  class=\"exp-list-item\"\n  [attr.aria-label]=\"\n    'Booking Details' +\n    'Booking Type' +\n    (item.bookingRequestType === 'OFFICE' ? 'WFO' : 'Remote') +\n    'Booking Date' +\n    (item.time.startTime | customDate : item.time.timezone : dateFormat) +\n    'Other Details'\n  \"\n  tabindex=\"0\"\n  [ngStyle]=\"{\n    width: '100%',\n    padding: configSvc.isMobile ? '8px' : '8px 16px'\n  }\"\n>\n  <div>\n    <div class=\"exp-list-check\" *ngIf=\"item.bookingRequestType !== 'MEETING' && checkOnlyParkingEnabled()\">\n      <div\n        class=\"exp-list-type\"\n        [ngClass]=\"{ cerulean: item.bookingRequestType === 'OFFICE' }\"\n        [ngStyle]=\"{ transform: configSvc.isMobile ? 'rotate(-90deg)' : 'rotate(0deg)' }\"\n      >\n        {{ item.bookingRequestType === \"OFFICE\" ? \"WFO\" : \"Remote\" }}\n      </div>\n    </div>\n  </div>\n  <ng-container *ngIf=\"configSvc.isMobile; else webView\">\n    <div class=\"exp-list-mobile\">\n      <div class=\"exp-list-detail-mobile text-ellipsis\" *ngIf=\"item.bookingRequestType !== 'MEETING'\">\n        <div class=\"exp-mobile-dates\">\n          {{ item.time.startTime | customDate : item.time.timezone : dateFormat }}\n        </div>\n        <div aria-label=\"Meeting Status\" tabindex=\"0\">\n          <div class=\"exp-mobile-booking-status\" *ngIf=\"item?.approvalEnabled || item.booking.requestStatus === 'CANCELLED'\">\n            <span tabindex=\"0\" class=\"cancelledText\" *ngIf=\"item.booking.requestStatus === 'CANCELLED'\"> {{ \"CANCELLED\" | translate }}</span>\n            <span\n              *ngIf=\"item?.approvalEnabled && item.booking.requestStatus !== 'CANCELLED'\"\n              tabindex=\"0\"\n              [ngClass]=\"{\n                pendingtext: item.booking.requestStatus === 'PENDING',\n                approvedtext: item.booking.requestStatus === 'CONFIRMED',\n                rejectedtext: item.booking.requestStatus === 'REJECTED'\n              }\"\n            >\n              {{ item?.approvalText }}\n            </span>\n          </div>\n        </div>\n      </div>\n      <div tabindex=\"0\" class=\"exp-list-detail-mobile tokenName\" *ngIf=\"item.bookingRequestType === 'MEETING'\">\n        {{ item.tokenName ? item.tokenName : \"No Subject\" }}\n      </div>\n      <div\n        tabindex=\"0\"\n        class=\"exp-list-extra-mobile text-ellipsis\"\n        *ngIf=\"!(item?.approvalEnabled || item?.booking.requestStatus === 'CANCELLED') && !singleShiftOperation\"\n      >\n        {{ item.time.startTime | customTime : item.time.timezone : timeFormat }} -\n        {{ item.time.endTime | customTime : item.time.timezone : timeFormat }}\n      </div>\n    </div>\n  </ng-container>\n  <ng-template #webView>\n    <div class=\"exp-list-detail\" *ngIf=\"item.bookingRequestType !== 'MEETING'\">\n      {{ item.time.startTime | customDate : item.time.timezone : dateFormat }}\n    </div>\n    <div tabindex=\"0\" class=\"exp-list-detail tokenName\" *ngIf=\"item.bookingRequestType === 'MEETING'\">\n      {{ item.tokenName ? item.tokenName : \"&lt;No Title&gt;\" }}\n    </div>\n    <div class=\"statusCheck\" *ngIf=\"item?.approvalEnabled || item?.booking?.requestStatus === 'CANCELLED'; else notCancelled\">\n      <span tabindex=\"0\" class=\"cancelledText\" *ngIf=\"item.booking.requestStatus === 'CANCELLED'\"> {{ \"CANCELLED\" | translate }}</span>\n      <span\n        tabindex=\"0\"\n        *ngIf=\"item?.approvalEnabled && item.booking.requestStatus !== 'CANCELLED'\"\n        [ngClass]=\"{\n          pendingtext: item.booking.requestStatus === 'PENDING',\n          approvedtext: item.booking.requestStatus === 'CONFIRMED',\n          rejectedtext: item.booking.requestStatus === 'REJECTED'\n        }\"\n        >{{ item?.approvalText }}</span\n      >\n    </div>\n    <ng-template #notCancelled>\n      <div class=\"exp-list-icons\" *ngIf=\"item.bookingRequestType !== 'MEETING'\">\n        <img tabindex=\"0\" *ngIf=\"item.booking.tokenId\" [src]=\"Assets.ICONS.DESK\" alt=\"DEsk Icon\" class=\"exp-list-icon\" />\n        <div\n          tabindex=\"0\"\n          class=\"overFlowCheck\"\n          *ngIf=\"\n            item.booking\n              | iconOverflowCheck : (item.booking | additionalType : ['MEALS']) : (item.booking | additionalType : ['PARKING_TWO', 'PARKING_FOUR'])\n          \"\n        >\n          <span>...</span>\n        </div>\n        <div\n          [ngClass]=\"{\n            overFlowTemplate:\n              (item.booking\n              | iconOverflowCheck : (item.booking | additionalType : ['MEALS']) : (item.booking | additionalType : ['PARKING_TWO', 'PARKING_FOUR']))\n          }\"\n        >\n          <ng-container *ngIf=\"isShuttleRequired; else showCab\">\n            <img tabindex=\"0\" *ngIf=\"item.booking | userRequestDTOS\" [src]=\"Assets.ICONS.SHUTTLE_DARK\" alt=\"Cab Icon\" class=\"exp-list-icon\" />\n          </ng-container>\n          <ng-template #showCab>\n            <img tabindex=\"0\" *ngIf=\"item.booking | userRequestDTOS\" [src]=\"Assets.ICONS.CAB_DARK\" alt=\"Cab Icon\" class=\"exp-list-icon\" />\n          </ng-template>\n\n          <img\n            tabindex=\"0\"\n            *ngIf=\"item.booking | additionalType : ['MEALS']\"\n            style=\"width: 24px; height: 24px\"\n            [src]=\"Assets.ICONS.MEAL_DARK\"\n            alt=\"Meal Icon\"\n            class=\"exp-list-icon\"\n          />\n          <img\n            tabindex=\"0\"\n            *ngIf=\"item.booking | additionalType : ['PARKING_TWO', 'PARKING_FOUR']\"\n            style=\"width: 24px; height: 24px\"\n            [src]=\"Assets.ICONS.PARKING_MODULE\"\n            alt=\"Parking Icon\"\n            class=\"exp-list-icon\"\n          />\n        </div>\n      </div>\n      <div tabindex=\"0\" class=\"exp-list-extra\" *ngIf=\"!singleShiftOperation\">\n        {{ item.time.startTime | customTime : item.time.timezone : timeFormat }} to\n        {{ item.time.endTime | customTime : item.time.timezone : timeFormat }}\n      </div>\n    </ng-template>\n  </ng-template>\n  <div class=\"exp-list-action\">\n    <button mis-button size=\"sm\" (click)=\"action.emit(item.booking)\">\n      <img [src]=\"Assets.ICONS.DOWN_ARROW\" alt=\"View upcoming booking\" />\n    </button>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.exp-card-wrapper{position:relative;min-height:206px;height:auto}.showAllWrapper{min-height:auto!important;border-bottom:none!important}.overFlowCheck{border-radius:50%;background-color:#f5f5f5;height:24px;width:24px;position:relative;color:#929dab}.overFlowCheck span{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.statusCheck{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;margin:14px 24px 14px 0}.statusCheck span{padding:8px}.cancelledText{color:#b00020;background:#faefed}.pendingtext{color:#d4900c;background:#fffbef}.approvedtext{color:#38af49;background:#f1fdf8}.rejectedtext{color:#b00020;background:#faefed}.exp-list{max-height:344px;overflow-y:auto}@media screen and (max-width:600px){.exp-list{max-height:600px!important}}@media screen and (min-width:600px){.exp-list .exp-list-item{height:69px}}.showAll{max-height:none!important}@media screen and (min-width:1250px){.exp-list-wrapper{min-height:206px}.showListWrapper{min-height:auto!important}}@media screen and (min-width:1250px) and (max-width:1350px){.overFlowTemplate{display:none}.overFlowCheck{display:block}}@media screen and (min-width:1350px){.overFlowTemplate{display:block}.overFlowCheck{display:none}}@media screen and (max-width:1250px){.overFlowTemplate{display:block}.overFlowCheck{display:none}}"]}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"dateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"timeFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"singleShiftOperation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"checkOnlyParkingEnabled":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"customDate"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"customTime","pure":true}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"officeName"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":74,"character":1},"arguments":[{"selector":"mis-employee-web-exp-booking-form","template":"<!-- @format -->\n\n<div class=\"form-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n  <div class=\"booking-form\">\n    <div\n      tabindex=\"0\"\n      [attr.aria-label]=\"formHeading + 'Booking Type ' + (bookingSvc.formConfiguration.type === 'OFFICE' ? 'WFO' : 'Remote')\"\n      class=\"form-header\"\n      [ngStyle]=\"{ 'justify-content': checkOnlyParkingEnabled() ? 'flex-start' : 'space-between' }\"\n    >\n      <div class=\"name\" autofocus>{{ formHeading | translate }}</div>\n      <div aria-label=\"Booking Type\" class=\"type-name\" *ngIf=\"checkOnlyParkingEnabled()\">\n        <span\n          class=\"booking-type\"\n          [ngClass]=\"{\n            cerulean: bookingSvc.formConfiguration.type === 'OFFICE'\n          }\"\n        >\n          {{ (bookingSvc.formConfiguration.type === \"OFFICE\" ? \"WFO\" : \"Remote\") | translate }}\n        </span>\n      </div>\n      <button aria-label=\"Close Booking Drawer\" tabindex=\"0\" mis-button size=\"sm\" (keyup.enter)=\"closeForm()\" (click)=\"closeForm()\">\n        <img [src]=\"Assets.ICONS.CLOSE\" alt=\"close drawer Icon\" />\n      </button>\n    </div>\n    <div class=\"form-body\">\n      <form class=\"form-fields\" *ngIf=\"bookingForm\" [formGroup]=\"bookingForm\">\n        <div\n          class=\"form-field select inline-field\"\n          [ngStyle]=\"{ 'flex-direction': 'column', 'margin-bottom': showOfficeInfo ? '24px' : '12px' }\"\n          *ngIf=\"bookingForm.value.bookingRequestType === 'OFFICE'\"\n        >\n          <div class=\"fullAddress\">\n            <div class=\"label\">{{ \"Office\" | translate }}</div>\n            <div\n              aria-label=\"Select Office Dropdown\"\n              tabindex=\"0\"\n              class=\"mis-select-wrapper officeDropdown\"\n              [ngClass]=\"{ disabled: disableOfficeChange }\"\n            >\n              <mis-dropdown\n                label=\"{{ 'Select' | translate }}\"\n                [data]=\"offices\"\n                [selectedItem]=\"officeFormControl?.value\"\n                [searchEnabled]=\"showOfficeInfo\"\n                (onChange)=\"onOfficeChange($event)\"\n                displayKey=\"address\"\n                [width]=\"'260px'\"\n                [multiLine]=\"showOfficeInfo\"\n                [additionalInfoMessage]=\"'No address found!'\"\n              >\n              </mis-dropdown>\n            </div>\n          </div>\n          <div class=\"officeInfo\" *ngIf=\"showOfficeInfo && officeFormControl?.value?.fullAddress\">\n            {{ officeFormControl?.value?.fullAddress }}\n          </div>\n        </div>\n        <div class=\"form-field-group\">\n          <div class=\"form-field block\" [ngClass]=\"{ recurrence: recurrenceBookingEnabled && formConfigs.mode !== 'EDIT' }\">\n            <div class=\"label\">{{ \"Start Date\" | translate }}</div>\n            <div class=\"date-select\">\n              <input\n                misTzDp\n                aria-label=\"Select Start Date\"\n                tabindex=\"0\"\n                tabindex=\"0\"\n                type=\"text\"\n                readonly\n                [dpConfig]=\"startDatepickerConfig\"\n                [datesDisabled]=\"datesDisabled\"\n                [dateMessages]=\"datepickerMessages\"\n                [allowBookingOnDisabledDay]=\"enableWeeklyOffBookings && isWeeklyOff ? true : false\"\n                formControlName=\"startDate\"\n                class=\"form-field-input-text\"\n                placeholder=\"{{ 'Select' | translate }}\"\n                positionX=\"start\"\n              />\n              <img [src]=\"Assets.ICONS.CALENDAR\" alt=\"Calendar Icon\" class=\"date-icon data-picker-icon\" />\n            </div>\n          </div>\n          <div\n            class=\"form-field block\"\n            *ngIf=\"!(recurrenceBookingEnabled && formConfigs.mode === 'CREATE' && bookingForm?.get('recurrence')?.value?.recurrenceVisibility)\"\n          >\n            <div class=\"label\">{{ \"End Date\" | translate }}</div>\n            <div class=\"date-select\">\n              <input\n                misTzDp\n                tabindex=\"0\"\n                aria-label=\"Select End Date\"\n                type=\"text\"\n                readonly\n                [dpConfig]=\"endDatepickerConfig\"\n                [datesDisabled]=\"datesDisabled\"\n                [dateMessages]=\"datepickerMessages\"\n                [allowBookingOnDisabledDay]=\"enableWeeklyOffBookings && isWeeklyOff ? true : false\"\n                formControlName=\"endDate\"\n                class=\"form-field-input-text\"\n                placeholder=\"{{ 'Select' | translate }}\"\n                positionX=\"end\"\n              />\n              <img [src]=\"Assets.ICONS.CALENDAR\" alt=\"Calendar Icon\" class=\"date-icon data-picker-icon\" />\n            </div>\n          </div>\n        </div>\n        <div class=\"form-field-group\" *ngIf=\"!singleShiftEnabled\">\n          <div tabindex=\"0\" class=\"form-field block\">\n            <div class=\"label\">{{ \"Check-In\" | translate }}</div>\n            <div\n              class=\"transport-check\"\n              *ngIf=\"!formConfigs.userConfigs.flattenedSettings.showCabs || formConfigs.type === 'WFH'; else checkinAdhocShift\"\n            >\n              <div\n                class=\"mis-select-wrapper\"\n                [ngClass]=\"{\n                  disabled: bookingForm.get('startShift')?.disabled\n                }\"\n              >\n                <mis-dropdown\n                  [higlightSelectedValue]=\"true\"\n                  [scrollIntoView]=\"true\"\n                  [itemSizeForCdk]=\"36\"\n                  *ngIf=\"!bookingForm?.get('startShift')?.value?.shiftNotFound\"\n                  label=\"{{ 'Select' | translate }}\"\n                  [data]=\"loginShiftList\"\n                  [selectedItem]=\"bookingForm.get('startShift').value || { label: '', value: '' }\"\n                  [searchEnabled]=\"false\"\n                  (onChange)=\"onShiftChange('login', $event)\"\n                  [width]=\"'100%'\"\n                >\n                </mis-dropdown>\n                <div tabindex=\"0\" class=\"shiftNotFound\" *ngIf=\"bookingForm?.get('startShift')?.value?.shiftNotFound\">\n                  {{ this.bookingForm?.get(\"startShift\")?.value?.label }}\n                  <img [src]=\"Assets.ICONS.DOWN_ARROW\" alt=\"Drop Arrow Image\" />\n                </div>\n              </div>\n            </div>\n            <ng-template #checkinAdhocShift>\n              <div\n                tabindex=\"0\"\n                aria-label=\"Select Check In time\"\n                class=\"adhoc-shift\"\n                (keyup.enter)=\"openAdhoc('Check-In')\"\n                (click)=\"openAdhoc('Check-In')\"\n                [ngClass]=\"{ disabled: bookingForm.get('startShift')?.disabled }\"\n              >\n                {{ this.bookingForm?.get(\"startShift\")?.value?.label || (\"Select\" | translate) }}\n              </div>\n            </ng-template>\n          </div>\n          <div tabindex=\"0\" class=\"form-field block\">\n            <div class=\"label\">{{ \"Check-Out\" | translate }}</div>\n            <div\n              class=\"transport-check\"\n              *ngIf=\"!formConfigs.userConfigs.flattenedSettings.showCabs || formConfigs.type === 'WFH'; else checkOutShift\"\n            >\n              <div class=\"mis-select-wrapper\" [ngClass]=\"{ disabled: bookingForm.get('endShift')?.disabled }\">\n                <mis-dropdown\n                  [higlightSelectedValue]=\"true\"\n                  [scrollIntoView]=\"true\"\n                  [itemSizeForCdk]=\"36\"\n                  *ngIf=\"!bookingForm?.get('endShift')?.value?.shiftNotFound\"\n                  label=\"{{ 'Select' | translate }}\"\n                  [data]=\"checkoutList | filterShiftsBefore : bookingForm.get('startShift').value?.timeInMinutes\"\n                  [selectedItem]=\"bookingForm.get('endShift').value || { label: '' }\"\n                  [searchEnabled]=\"false\"\n                  (onChange)=\"onShiftChange('logout', $event)\"\n                  placement=\"right\"\n                  [width]=\"'100%'\"\n                >\n                </mis-dropdown>\n                <div tabindex=\"0\" class=\"shiftNotFound\" *ngIf=\"bookingForm?.get('endShift')?.value?.shiftNotFound\">\n                  {{ this.bookingForm?.get(\"endShift\")?.value?.label }}\n                  <img [src]=\"Assets.ICONS.DOWN_ARROW\" alt=\"Drop Arrow Icon\" />\n                </div>\n              </div>\n              <div tabindex=\"0\" class=\"next-day\" *ngIf=\"bookingForm?.get('endShift')?.value?.isNextDay\">\n                <img [src]=\"Assets.ICONS.INFO\" alt=\"Information Icon\" />{{ \"Next day shift is selected\" | translate }}\n              </div>\n            </div>\n            <ng-template #checkOutShift>\n              <div\n                tabindex=\"0\"\n                aria-label=\"Select Check Out time\"\n                class=\"adhoc-shift\"\n                (keyup.enter)=\"openAdhoc('Check-Out')\"\n                (click)=\"openAdhoc('Check-Out')\"\n                [ngClass]=\"{ disabled: bookingForm.get('endShift') && bookingForm.get('startShift').value == '' }\"\n              >\n                {{ this.bookingForm?.get(\"endShift\")?.value?.label || (\"Select\" | translate) }}\n              </div>\n              <div tabindex=\"0\" class=\"next-day\" *ngIf=\"bookingForm?.get('endShift')?.value?.isNextDay\">\n                <img [src]=\"Assets.ICONS.INFO\" alt=\"Information Icon\" />{{ \"Next day shift is selected\" | translate }}\n              </div>\n            </ng-template>\n          </div>\n        </div>\n        <div class=\"project-code\" *ngIf=\"projectCodeEnabledOnBooking && formConfigs.type !== 'WFH'\">\n          <div class=\"project-header\">\n            <span class=\"project-header-text\">{{'Project Code' | translate}}</span>\n            <span *ngIf=\"projectCodeEnabledOnBookingMandatory\" class=\"mandatoryAddon\">*</span>\n          </div>\n          <div class=\"project-Data\" *ngIf=\"!!projectCode; else showProjectSearch\">\n            <span>{{projectCode}}</span>\n            <img class=\"cross_icon\" (click)=\"setProjetcCodeData('')\" [src]=\"Assets.ICONS.CROSS_MODAL\" alt=\"cross_btn\">\n          </div>\n          <ng-template #showProjectSearch>\n            <div class=\"project-search\">\n              <mis-async-search-dropdown\n                class=\"flex-start\"\n                placeholder=\"{{ 'Search Code' | translate }}\"\n                [minInputLength]=\"-1\"\n                [httpStream]=\"projectCodeSearchURL\"\n              >\n                <ng-template #misCustomItem let-item>\n                  <div class=\"project-text\" (click)=\"setProjetcCodeData(item)\">\n                    <span>{{item}}</span>\n                  </div>\n                </ng-template>\n              </mis-async-search-dropdown>\n            </div>\n          </ng-template>\n        </div>\n        <div\n          aria-label=\"Recurrence Booking Checkbox\"\n          class=\"recurrence-checkbox\"\n          *ngIf=\"recurrenceBookingEnabled && formConfigs.mode === 'CREATE' && formConfigs.type !== 'WFH'\"\n          [ngClass]=\"{ recurenceNotVisible: !bookingForm?.get('recurrence')?.value?.recurrenceVisibility }\"\n        >\n          <mis-checkbox\n            tabindex=\"0\"\n            aria-label=\"Select to Repeat Booking\"\n            [checked]=\"bookingForm.value.recurrence.recurrenceVisibility || false\"\n            (keyup.enter)=\"handleRecurrenceEvent()\"\n            (change)=\"handleRecurrenceEvent()\"\n          ></mis-checkbox>\n          <label for=\"repeatBooking\">{{ \"Repeat booking\" | translate }}</label>\n        </div>\n        <div class=\"recurrence-form\" *ngIf=\"bookingForm?.get('recurrence')?.value?.recurrenceVisibility\">\n          <mis-employee-web-exp-recurrence-booking-form\n            [dpConfig]=\"endDatepickerConfig\"\n            tabindex=\"0\"\n            [datesDisabled]=\"datesDisabled\"\n            [dateMessages]=\"datepickerMessages\"\n            [maxDuration]=\"recurrenceMaxDuration\"\n            [weeklyOffs]=\"formConfigs.profile.empWeeklyOff\"\n            [recurrenceFormGroup]=\"bookingForm.get('recurrence')\"\n          >\n          </mis-employee-web-exp-recurrence-booking-form>\n        </div>\n      </form>\n      <div class=\"addons\" *ngIf=\"bookingForm && availableAddons.length > 0 && bookingForm.value.bookingRequestType === 'OFFICE'\">\n        <div class=\"section-name\">{{ \"Booking Details\" | translate }}</div>\n        <div tabindex=\"0\" [attr.aria-label]=\"'Booking Details' + 'Booking Icon ' + opt.name\" class=\"addon-field\" *ngFor=\"let opt of availableAddons\">\n          <div class=\"addon-icon\" [ngStyle]=\"{ background: opt.iconBgColor }\">\n            <img [src]=\"opt.icon\" style=\"width: 24px; height: 24px; transform: translate(0%, -20%)\" alt=\"Booking Icon\" />\n          </div>\n          <div class=\"field-desc\">\n            <div style=\"display: flex\" (click)=\"expandAddon(opt)\" (keyup.enter)=\"expandAddon(opt)\">\n              <div\n                class=\"label\"\n                [ngClass]=\"{\n                  disableBooking: (mealCutOff && opt.id === 'MEAL') || (opt.id === 'SEAT' && formConfigs?.data?.requestStatus === 'SIGNED_IN') || (opt.id === 'COMMUTE' && isParkingSignedIn)\n                }\"\n              >\n                {{ opt.name | textModifier : opt.id : formConfigs.userConfigs  | shuttle | async | translate }}\n                <span class=\"mandatoryAddon\" *ngIf=\"opt.mandatory\">*</span>\n              </div>\n              <span *ngIf=\"opt.id === 'COMMUTE' && parkingScheduleCutoff >= 0 && formConfigs.userConfigs.flattenedSettings.showParking\"\n                ><img\n                  style=\"margin-right: 20px\"\n                  [src]=\"Assets.ICONS.ACTION_INFO\"\n                  misToolTip\n                  [text]=\"'According to your company policy, Parking can only be booked till ' + formattedMaxDate\"\n                  [position]=\"drawerExpanded ? 'top' : 'left'\"\n              /></span>\n              <span\n                tabindex=\"0\"\n                [attr.aria-label]=\"opt.name + ' Booking button'\"\n                class=\"ic-navigation-chevron-right-24\"\n                (keyup.enter)=\"expandAddon(opt)\"\n                [ngClass]=\"{ disableRemoveMeal: isParkingSignedIn }\"\n                (click)=\"expandAddon(opt)\"\n              ></span>\n            </div>\n            <div class=\"selected-seat\" *ngIf=\"opt.id === 'SEAT' && bookingForm.value.seat | seatText : bookingForm.value.office as val\">\n              <div\n                tabindex=\"0\"\n                [attr.aria-label]=\"'Desk Booking details' + val\"\n                class=\"desk-value\"\n                [ngClass]=\"{ disabled: formConfigs?.data?.requestStatus === 'SIGNED_IN' }\"\n              >\n                <p class=\"value text-ellipsis\">{{ val }}</p>\n                <span\n                  tabindex=\"0\"\n                  aria-label=\"cancel icon\"\n                  class=\"ic-navigation-cancel-24\"\n                  aria-label=\"Cancel Desk Booking button\"\n                  [ngClass]=\"{ disableBooking: formConfigs?.data?.requestStatus === 'SIGNED_IN' }\"\n                  (keyup.enter)=\"removeAddon(opt)\"\n                  (click)=\"removeAddon(opt)\"\n                ></span>\n              </div>\n            </div>\n            <div\n              class=\"selected-seat\"\n              *ngIf=\"opt.id === 'COMMUTE' && bookingForm.value.commute.id !== 'parkingWaitlist' && bookingForm.value.commute | transportText as val\"\n            >\n              <div tabindex=\"0\" [attr.aria-label]=\"'Commute Booking details' + val\" class=\"commute-value\" [ngClass]=\"{ disableRemoveMeal: isParkingSignedIn }\">\n                <p class=\"value test-ellipsis\" misToolTip [position]=\"'top'\" [text]=\"val | shuttle | async | translate\">\n                  {{ val | shuttle | async | translate }}\n                </p>\n                <span\n                  tabindex=\"0\"\n                  aria-label=\"Cancel Commute Booking button\"\n                  class=\"ic-navigation-cancel-24\"\n                  (keyup.enter)=\"removeAddon(opt)\"\n                  (click)=\"removeAddon(opt)\"\n                ></span>\n              </div>\n            </div>\n            <div\n              *ngIf=\"\n                opt.id === 'COMMUTE' &&\n                bookingForm.value.commute?.login?.id === 'parkingWaitlist' &&\n                bookingForm.value.commute?.login?.value?.length > 0\n              \"\n            >\n              <span class=\"waitlist-chip\">In Waitlist {{ bookingForm.value.commute?.login?.value.premiseType | json }}</span>\n              <div class=\"c1\" *ngFor=\"let wlItems of bookingForm.value.commute?.login?.value; let index = index\">\n                <img\n                  *ngIf=\"\n                    wlItems?.premiseType !== 'PARKING'\n                      ? wlItems?.premise.match('2W') == '2W' || wlItems?.premiseTypeId === '2' || wlItems?.premiseType == 'TWO-WHEELER-PARKING'\n                      : wlItems.waitListType === 'BIKE';\n                    else waitlistCar\n                  \"\n                  style=\"margin-top: 0px; padding-right: 8px\"\n                  [src]=\"Assets.ICONS.TRANSPORT_BIKE\"\n                  alt=\"bike\"\n                />\n                <ng-template #waitlistCar>\n                  <img\n                    *ngIf=\"\n                      wlItems?.premiseType !== 'PARKING'\n                        ? wlItems?.premise.match('4W') == '4W' || wlItems?.premiseTypeId === '4' || wlItems?.premiseType == 'FOUR-WHEELER-PARKING'\n                        : wlItems.waitListType === 'CAR'\n                    \"\n                    style=\"margin-top: 0px; padding-right: 8px\"\n                    [src]=\"Assets.ICONS.TRANSPORT_CAR\"\n                    alt=\"car\"\n                  />\n                </ng-template>\n                <div misToolTip [position]=\"'top'\" [text]=\"wlItems.parentPremiseName + ' '\" class=\"text1\">\n                  {{ wlItems.parentPremiseName }}\n                </div>\n                <div misToolTip [position]=\"'top'\" [text]=\"wlItems.premise + ' '\" class=\"text1\">\n                  {{ wlItems.premise }}\n                </div>\n                <div\n                  misToolTip\n                  [position]=\"'top'\"\n                  [text]=\"\n                    'WL/' +\n                    (wlItems.premiseType !== 'PARKING'\n                      ? wlItems.waitingCount\n                      : wlItems.waititngType === 'CAR'\n                      ? wlItems.typeWiseWaitingCount['BIKE']\n                      : wlItems.typeWiseWaitingCount['CAR'])\n                  \"\n                  class=\"text\"\n                >\n                  WL/{{\n                    wlItems.premiseType !== \"PARKING\"\n                      ? wlItems.waitingCount\n                      : wlItems.waitListType === \"CAR\"\n                      ? wlItems.typeWiseWaitingCount[\"CAR\"]\n                      : wlItems.typeWiseWaitingCount[\"BIKE\"]\n                  }}\n                </div>\n                <span class=\"ic-navigation-cancel-24\" (click)=\"removeAddon(opt, undefined, index)\"></span>\n              </div>\n            </div>\n            <div\n              class=\"selected-seat\"\n              [ngClass]=\"{ disableRemoveMeal: mealCutOff }\"\n              *ngIf=\"opt.id === 'MEAL' && bookingForm.value.meal && bookingForm.value.meal[0] && bookingForm.value.meal[0].mealMap.size > 0\"\n            >\n              <div class=\"type\" *ngFor=\"let item of bookingForm.value.meal\">\n                <div class=\"value meal-value\" *ngFor=\"let itemType of item.mealMap | keyvalue\">\n                  <div style=\"display: inline-block\">{{ itemType.value.name | translate }} -&nbsp;</div>\n                  <div\n                    tabindex=\"0\"\n                    [attr.aria-label]=\"\n                      'Meal Booking Details ' +\n                      'Meal Type ' +\n                      (itemType.value.name | translate) +\n                      'Meal Preference ' +\n                      (mealType.value | translate) +\n                      'Cafeteria Name ' +\n                      item.premiseName\n                    \"\n                    style=\"display: inline-block\"\n                    *ngFor=\"let mealType of itemType.value.mealOption | keyvalue\"\n                  >\n                    {{ mealType.value | translate }}\n                  </div>\n                  <div class=\"mealPremise\">\n                    {{ item.premiseName }}\n                  </div>\n                  <span\n                    tabindex=\"0\"\n                    aria-label=\"Cancel Meal Booking button\"\n                    class=\"ic-navigation-cancel-24\"\n                    [ngClass]=\"{ disableBooking: !itemType.value.mealCutOff && formConfigs.mode === 'EDIT' }\"\n                    (click)=\"removeAddon(opt, itemType.value)\"\n                  ></span>\n                </div>\n              </div>\n            </div>\n            <!-- OTHER DETAILS -->\n            <div class=\"selected-seat\" *ngIf=\"opt.id === 'OTHER_DETAILS' && bookingForm.value?.dynamicSpecialRequests && enableDynamicFields\">\n              <div class=\"flex-container\">\n                <div class=\"items-container\">\n                  <div *ngFor=\"let book of bookingForm.value.dynamicSpecialRequests\">\n                    <div *ngIf=\"book\"><span>&bull;</span> {{ book }}</div>\n                  </div>\n                </div>\n                <div class=\"icon-container\">\n                  <span tabindex=\"0\" aria-label=\"Cancel Meal Booking button\" class=\"ic-navigation-cancel-24\" (click)=\"removeAddon(opt)\"></span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- <div class=\"input-field\" *ngFor=\"let opt of availableAddons\" (click)=\"expandAddon(opt)\">\n          <div class=\"field-text\">\n            <ng-container *ngIf=\"opt.id === 'SEAT'\">\n              <div class=\"label\">Seat</div>\n              <div class=\"value\">{{ bookingForm.value.seat | seatText: bookingForm.value.office }}</div>\n            </ng-container>\n            <ng-container *ngIf=\"opt.id === 'COMMUTE'\">\n              <div class=\"label\">Commute</div>\n              <div class=\"value\">{{ bookingForm.value.commute | transportText }}</div>\n            </ng-container>\n          </div>\n        </div> -->\n      </div>\n      <div class=\"reasons\" *ngIf=\"bookingForm && bookingReasons.length && formConfigs.type === 'WFH'\">\n        <div tabindex=\"0\" class=\"section-name\">{{ \"Booking Reason\" | translate }}</div>\n        <div\n          class=\"form-radio\"\n          *ngFor=\"let reason of bookingReasons\"\n          [ngClass]=\"{ checked: bookingForm.value?.reason === reason }\"\n          (click)=\"selectReasons(reason)\"\n          (keyup.enter)=\"selectReasons(reason)\"\n          tabindex=\"0\"\n        >\n          <img\n            [src]=\"bookingForm.value?.reason === reason ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\"\n            class=\"radio-icon\"\n            alt=\"radio button\"\n          />\n          <span>{{ reason | translate }}</span>\n        </div>\n        <div class=\"form-radio\" tabindex=\"0\" (keyup.enter)=\"selectReasons(other)\" (click)=\"selectReasons(other)\">\n          <img\n            [src]=\"bookingForm?.value?.reason === other ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\"\n            class=\"radio-icon\"\n            alt=\"radio button\"\n          />\n          <div class=\"otherReasons\">\n            <span>{{ \"Other reason\" | translate }}</span>\n          </div>\n        </div>\n        <div class=\"reaInp\" *ngIf=\"bookingForm?.value?.reason === 'OTHERS'\">\n          <mis-input size=\"md\" [noHints]=\"true\" type=\"rounded\">\n            <input\n              placeholder=\"Enter your reason here\"\n              type=\"text\"\n              maxlength=\"50\"\n              [formControl]=\"inputText\"\n              name=\"inputText\"\n              id=\"inputText\"\n              class=\"form-control\"\n              misInput\n              #customReason\n            />\n          </mis-input>\n          <span mis-input-hint id=\"the-count\">{{ customReason?.value?.length }}/50</span>\n        </div>\n      </div>\n    </div>\n    <div class=\"form-actions\">\n      <button\n        tabindex=\"0\"\n        mis-button\n        type=\"primary\"\n        size=\"md\"\n        [disabled]=\"!bookingForm || bookingForm?.invalid || (enableDynamicFields && !isDynamicFormValid) || disableForm\"\n        (keyup.enter)=\"saveBooking()\"\n        (click)=\"saveBooking()\"\n      >\n        {{ \"Confirm\" | translate }}\n      </button>\n    </div>\n  </div>\n  <div class=\"addon-form\" *ngIf=\"addonConfigurations && !configSvc.isMobile\">\n    <div class=\"form-header\">\n      <div tabindex=\"0\" class=\"name\">\n        {{ addonConfigurations.name | textModifier : addonConfigurations.id : formConfigs.userConfigs  | shuttle | async | translate }}\n      </div>\n    </div>\n    <div class=\"form-body\">\n      <div\n        mis-employee-web-exp-commute\n        *ngIf=\"addonConfigurations.id === 'COMMUTE'\"\n        [config]=\"bookingSvc.formConfiguration.userConfigs\"\n        style=\"height: 100%\"\n      ></div>\n      <div mis-employee-web-exp-seat style=\"height: 100%\" *ngIf=\"addonConfigurations.id === 'SEAT'\"></div>\n      <div *ngIf=\"addonConfigurations.id === 'MEAL'\">\n        <mis-employee-web-exp-meal-component> </mis-employee-web-exp-meal-component>\n      </div>\n      <div *ngIf=\"addonConfigurations.id === 'OTHER_DETAILS'\">\n        <mis-dynamic-form\n          [formValues]=\"formValues\"\n          [calendarIconUrl]=\"Assets.ICONS.CALENDAR\"\n          *ngIf=\"dynamicShiftTimes && dynamicFields\"\n          (formValid)=\"validate($event)\"\n          [formFields]=\"dynamicFields\"\n          (formUpdated)=\"updatedForm($event)\"\n          [activeBtnIconUrl]=\"Assets.ICONS.MEAL_CHECK\"\n        ></mis-dynamic-form>\n        <div class=\"detail-selection\" *ngIf=\"!dynamicShiftTimes\">\n          <div tabindex=\"0\" class=\"message\">\n            {{ \"Please select both check in and check out to view\" | translate }} {{ \"Other Details\" | translate }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <mis-loader type=\"block\" *ngIf=\"!bookingForm || parkingLoading || loader\"></mis-loader>\n</div>\n","styles":[".input-field{padding:4px 16px;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border-bottom:1px solid #e0e0e0;outline:none}.input-field:not(:last-child){margin-bottom:16px}.input-field>:not(:last-child){margin-right:16px}.input-field .field-icon{font-size:24px;color:#6a737d}.input-field .field-text{flex:1 1 auto}.input-field .field-text .label{font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;color:#6a737d}.input-field .field-text .value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.input-field.text-input{border-bottom:1px solid #e0e0e0}.input-field.text-input .field-text{position:relative}.input-field.text-input .field-text .label{position:absolute;top:0;left:0}.input-field.text-input .field-text input{padding:16px 0 0;outline:none;border:none;background:transparent;width:100%;font-size:15px;line-height:20px;letter-spacing:.1px;color:#181f33}.form-radio{position:relative;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border:none;outline:none}.form-radio span{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;display:inline-block;flex:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.form-radio .radio-icon{content:\"\";display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:50%;margin-right:8px}.form-radio.disable{pointer-events:none;opacity:.6}.form-radio:not(.disable):focus .radio-icon{border:2px solid #0937b2;border-radius:12px}.h1{font-size:40px;line-height:48px}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px;position:relative}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}: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}.form-wrapper{position:relative;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);width:100%;height:100vh;background-color:#fff;display:flex;flex-direction:row}.form-wrapper .booking-form{display:flex;flex:1 1 100%;flex-direction:column;max-width:422px}.form-wrapper .addon-form{flex:1 1 100%;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;overflow-y:auto}.form-wrapper .addon-form .form-header{margin:16px 0 0;padding-left:24px}.form-wrapper .addon-form .form-header .name{font-style:normal;font-weight:700;font-size:16px;line-height:28px;display:flex;align-items:center;letter-spacing:.2px;color:#181f33}.form-wrapper .form-header{margin:16px 24px 0;padding-bottom:16px;display:flex;flex-wrap:nowrap;align-items:center;border-bottom:1px solid #e0e0e0;gap:20px}.form-wrapper .form-header .name{font-style:normal;font-weight:700;font-size:20px;line-height:28px;letter-spacing:.25px;color:#181f33}.form-wrapper .form-header .type-name{flex:1}.form-wrapper .form-header .type-name .booking-type{font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.form-wrapper .form-header .mis-btn{flex:0.3;padding-right:4px}@media screen and (max-width:600px){.form-wrapper .form-header .mis-btn{justify-content:flex-end}}.form-wrapper .form-body{flex:1 1 100%;padding:18px 24px;overflow-y:auto}.form-wrapper .form-actions{display:flex;justify-content:flex-end;padding:18px 24px;border-top:1px solid #e0e0e0}.form-wrapper .form-actions button{width:132px}@media screen and (max-width:600px){.form-wrapper .form-actions button{width:100%}}.form-fields .form-field{margin-bottom:24px}.waitlist-opted{display:flex;color:#181f33;border-top:1px solid #e0e0e0}.waitlist-opted .value{padding:8px;flex:auto}.waitlist-opted .value span.ic-navigation-cancel-24{color:#506072}.waitlist-chip{border-radius:6px;padding:4px 8px;margin-left:12px;background-color:#fae1ea;color:#6b034e;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;top:2%;left:0}.c1{display:flex;flex-direction:row;background-color:#fafafa;justify-content:space-around;align-items:center;padding:8px 12px;height:40px;margin:8px 0}.c1 span.ic-navigation-cancel-24{color:#506072}.c1 span{cursor:pointer}.c1 .text{width:56px}.c1 .text,.c1 .text1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.c1 .text1{width:100px}.form-field .label{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:left;min-width:80px;color:#6a737d;margin-bottom:8px}@media screen and (max-width:600px){.form-field .label{min-width:40px}}.form-field.inline-field{display:flex;align-items:baseline}@media screen and (max-width:600px){.form-field.inline-field{justify-content:space-between}}.form-field.inline-field .label{margin-right:24px;margin-bottom:0}.form-field .date-select{border:1px solid #e0e0e0;padding:0;border-radius:6px;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;position:relative;overflow:hidden}@media screen and (max-width:600px){.form-field .date-select{width:100%}}.form-field .date-select:focus-within,.form-field .date-select:hover{background-color:#f5f7fc}.form-field .date-select input{background-color:transparent;display:inline-block;padding:4px 0 4px 12px;width:100%;border:none;outline:none;cursor:pointer;font-size:14px}.fullAddress{display:flex;margin-bottom:12px;align-items:center}.officeInfo{color:#6a737d;line-height:20px;font-size:14px;letter-spacing:.2px}.form-field-group{display:flex;flex-wrap:nowrap;width:100%}.form-field-group .adhoc-shift{border-bottom:1px solid #e0e0e0;min-width:63px;padding:10px;cursor:pointer}.form-field-group .next-day{margin-top:16px;font-family:Lato;font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:5px}@media screen and (max-width:600px){.form-field-group .next-day{white-space:pre-wrap}}@media screen and (max-width:600px){.form-field-group{gap:12px}}.form-field-group .form-field{flex:1 1 100%}@media screen and (max-width:600px){.form-field-group .form-field{display:flex;flex-direction:column}}.form-field-group .form-field:not(:last-child){margin-right:24px}@media screen and (max-width:600px){.form-field-group .form-field:not(:last-child){margin-right:0}}.form-field-group .form-field mis-dropdown .container{padding:0!important}.form-field-group .form-field .container{width:100%!important;padding:0}.transport-check>*{margin:unset!important}.project-code{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:24px}.project-code .project-header .project-header-text{color:#6a737d;font-family:Lato;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px}.project-code .project-Data{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;width:238px;height:42px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:default;padding:12px}.project-code .project-Data .cross_icon,.project-text{cursor:pointer}.project-text{padding:6px 20px;color:#181f33;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px;background:#fff}.project-text:hover{background:#f5f7fc}.addons .section-name,.reasons .section-name{font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.2px;color:#181f33;padding:10px 0}.addons .addon-icon,.reasons .addon-icon{position:relative;border-radius:8px;padding:2px}.addons .addon-field,.reasons .addon-field{display:flex;align-items:flex-start;flex-wrap:nowrap;margin-bottom:16px}.addons .addon-field img,.reasons .addon-field img{margin-top:8px}.addons .addon-field .field-desc,.reasons .addon-field .field-desc{flex:1 1 100%;max-width:93.5%}@media screen and (max-width:600px){.addons .addon-field .field-desc,.reasons .addon-field .field-desc{width:0}}.addons .addon-field .field-desc .desk-value,.reasons .addon-field .field-desc .desk-value{background:#f2fbff;border-radius:6px;margin-top:10px;display:flex;align-items:center;width:100%;padding-right:10px}.addons .addon-field .field-desc .desk-value span.ic-navigation-cancel-24,.reasons .addon-field .field-desc .desk-value span.ic-navigation-cancel-24{color:#506072}.addons .addon-field .field-desc .commute-value,.reasons .addon-field .field-desc .commute-value{background:#fdf5fd;border-radius:6px;margin-top:10px;display:flex;align-items:center;width:100%;padding-right:10px}.addons .addon-field .field-desc .commute-value span.ic-navigation-cancel-24,.reasons .addon-field .field-desc .commute-value span.ic-navigation-cancel-24{color:#506072}.addons .addon-field .field-desc .selected-seat,.reasons .addon-field .field-desc .selected-seat{display:flex;align-items:center;color:#181f33;border-top:1px solid #e0e0e0}.addons .addon-field .field-desc .selected-seat .value,.reasons .addon-field .field-desc .selected-seat .value{padding:8px;flex:auto}.addons .addon-field .field-desc .selected-seat .value span.ic-navigation-cancel-24,.reasons .addon-field .field-desc .selected-seat .value span.ic-navigation-cancel-24{color:#506072}.addons .addon-field .field-desc .selected-seat .meal-value,.reasons .addon-field .field-desc .selected-seat .meal-value{background:#f2ffef;border-radius:6px;margin-top:10px;width:100%}.addons .addon-field .field-desc .selected-seat .type,.reasons .addon-field .field-desc .selected-seat .type{width:100%}.addons .addon-field .field-desc .selected-seat span,.reasons .addon-field .field-desc .selected-seat span{cursor:pointer}.addons .addon-field .field-desc .label,.reasons .addon-field .field-desc .label{width:100%!important;cursor:pointer;color:#181f33}.addons .addon-field .field-desc .label,.addons .addon-field .field-desc .value,.reasons .addon-field .field-desc .label,.reasons .addon-field .field-desc .value{font-style:normal;font-weight:400;font-size:16px;line-height:24px;position:relative;margin:0 0 0 8px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;padding:8px 42px 8px 8px}.addons .addon-field .field-desc .label span,.addons .addon-field .field-desc .value span,.reasons .addon-field .field-desc .label span,.reasons .addon-field .field-desc .value span{position:absolute;top:50%;transform:translateY(-50%);right:16px;color:#181f33}.recurenceNotVisible{margin-bottom:24px}.reasons .section-name{margin-bottom:22px}.reasons .form-radio{margin-bottom:16px}.mealPremise{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.disableBooking,.disableRemoveMeal{opacity:.6;pointer-events:none}.recurrence{flex:none!important}.shiftNotFound{border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;align-items:center;width:100%;font-family:Lato,sans-serif;max-height:32px;height:32px;padding:8px}#the-count{text-align:right;color:#6a737d;display:flex;justify-content:flex-end;font-size:12px;padding-top:4px}.otherReasons{display:flex;flex-direction:column;gap:8px}.reaInp{padding-left:22px;margin-top:12px}.radio{display:flex}.other{flex-direction:column}.ic-navigation-chevron-right-24{font-size:16px;padding-top:12px}.mandatoryAddon{position:unset!important;color:#b00020!important}.detail-selection{width:100%;height:70vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.flex-container{display:flex;background-color:#ffefc7;padding:10px 8px 10px 12px;color:#6a737d;border-radius:6px;margin-top:10px}.items-container{flex:1;display:flex;flex-direction:column}.icon-container{display:flex;align-items:center;margin-left:10px}.icon{margin-right:5px}"]}]}],"members":{"formConfigs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3}}]}],"create":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":118,"character":3}}]}],"update":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":3}}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":121,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":175,"character":20},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","module":"@mis-wis/meal","name":"MealService","line":179,"character":25},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalService","line":180,"character":20},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":181,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":182,"character":32},{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","module":"mis-crystal-design-system/analytics","name":"AnalyticsService","line":184,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"parkingTransportCutoff":[{"__symbolic":"method"}],"checkOnlyParkingEnabled":[{"__symbolic":"method"}],"attributeSetterForOffice":[{"__symbolic":"method"}],"handleRecurrenceData":[{"__symbolic":"method"}],"openAdhoc":[{"__symbolic":"method"}],"handleRecurrenceEvent":[{"__symbolic":"method"}],"setDatepickerDates":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"findDisableDates":[{"__symbolic":"method"}],"closeForm":[{"__symbolic":"method"}],"processMealDataForForm":[{"__symbolic":"method"}],"processMealPreferences":[{"__symbolic":"method"}],"premiseWiseMealCutoff":[{"__symbolic":"method"}],"validateMealCutOff":[{"__symbolic":"method"}],"applyCutOffsOnMeal":[{"__symbolic":"method"}],"buildForm":[{"__symbolic":"method"}],"getHoursAndMiutes":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}],"setChangelisteners":[{"__symbolic":"method"}],"setFormFieldStates":[{"__symbolic":"method"}],"onOfficeChange":[{"__symbolic":"method"}],"expandAddon":[{"__symbolic":"method"}],"updateAddon":[{"__symbolic":"method"}],"modifyFormValuesRes":[{"__symbolic":"method"}],"checkAndGetShifts":[{"__symbolic":"method"}],"setProjetcCodeData":[{"__symbolic":"method"}],"selectReasons":[{"__symbolic":"method"}],"setdatepickerConfigs":[{"__symbolic":"method"}],"setMealCutoffInMinutes":[{"__symbolic":"method"}],"showCutOffMsg":[{"__symbolic":"method"}],"setParkingAndPremises":[{"__symbolic":"method"}],"singleShiftSetter":[{"__symbolic":"method"}],"setShifts":[{"__symbolic":"method"}],"setCommute":[{"__symbolic":"method"}],"onShiftChange":[{"__symbolic":"method"}],"checkShiftProperties":[{"__symbolic":"method"}],"updateMeal":[{"__symbolic":"method"}],"updateParking":[{"__symbolic":"method"}],"showParkingDisclaimer":[{"__symbolic":"method"}],"updateSeat":[{"__symbolic":"method"}],"handleCommuteChange":[{"__symbolic":"method"}],"handleMealChange":[{"__symbolic":"method"}],"saveBooking":[{"__symbolic":"method"}],"setBookingReasons":[{"__symbolic":"method"}],"removeAddon":[{"__symbolic":"method"}],"updatedForm":[{"__symbolic":"method"}],"modifyUpdatedFormValues":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵg"}]}],"setFormData":[{"__symbolic":"method"}],"removeLocalStorage":[{"__symbolic":"method"}],"setEntityTypeId":[{"__symbolic":"method"}],"getEntityTypeId":[{"__symbolic":"method"}],"clearFormData":[{"__symbolic":"method"}],"setCommute":[{"__symbolic":"method"}],"genCommuteOptions":[{"__symbolic":"method"}],"setParkingStream":[{"__symbolic":"method"}],"setAllotedParkingData":[{"__symbolic":"method"}],"removeWaitlistedParking":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":23,"character":62}]}],"setSeatMapSource":[{"__symbolic":"method"}],"openMap":[{"__symbolic":"method"}],"changeSeat":[{"__symbolic":"method"}],"changeOffice":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"filterShiftsBefore"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"[mis-employee-web-exp-commute]","template":"<!-- @format -->\n\n<div\n  tabindex=\"0\"\n  cdkTrapFocus\n  [cdkTrapFocusAutoCapture]=\"true\"\n  aria-label=\"Select Commute Container\"\n  class=\"commute-options-container\"\n  [ngStyle]=\"{ justifyContent: commuteSvc.shiftsValid ? 'initial' : 'center', alignItems: commuteSvc.shiftsValid ? 'initial' : 'center' }\"\n>\n  <ng-container *ngIf=\"commuteSvc.shiftsValid; else noShifts\">\n    <div class=\"commute-options-wrapper choices\">\n      <div\n        tabindex=\"0\"\n        *ngFor=\"let choice of commuteChoices\"\n        class=\"choice\"\n        [ngClass]=\"{ active: commuteSvc.currentChoice === choice, disable: choice.id === 1 ? choice.disable || disableParking : choice.disable }\"\n        (keyup.enter)=\"setChoice(choice)\"\n        (click)=\"setChoice(choice)\"\n      >\n        <img [src]=\"commuteSvc.currentChoice === choice ? choice.activeIcon : choice.icon\" alt=\"Choice Chip Icon\" />\n        <p class=\"text-ellipsis\">{{ choice.name | shuttle | async | translate | uppercase }}</p>\n      </div>\n    </div>\n    <ng-container *ngIf=\"commuteSvc.currentChoice.id === 0 && (employeeInfo | async) as empInfo\">\n      <div class=\"commute-options-wrapper\">\n        <div tabindex=\"0\" aria-label=\"Reaching Options container\" class=\"option reaching\">\n          <div tabindex=\"0\" class=\"name\">{{ \"Reaching office\" | translate }} ({{ \"Check-in\" | translate }})</div>\n          <div\n            tabindex=\"0\"\n            aria-label=\"Options Container\"\n            class=\"option-list-wrapper\"\n            (keyup.enter)=\"checkForNonTransportUser(empInfo.transportUser)\"\n            (click)=\"checkForNonTransportUser(empInfo.transportUser)\"\n          >\n            <div class=\"option-item\" *ngFor=\"let opt of reachingOptions\">\n              <div\n                class=\"form-radio\"\n                tabindex=\"0\"\n                [ngClass]=\"{\n                  checked: !opt.disable && reachingSelection === opt,\n                  disable: opt.disable || !empInfo.transportUser\n                }\"\n                (keyup.enter)=\"setCommuteSelection(0, opt)\"\n                (click)=\"setCommuteSelection(0, opt)\"\n                [tabindex]=\"opt.disable ? '-1' : '0'\"\n              >\n                <img\n                  [src]=\"!opt.disable && reachingSelection === opt ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\"\n                  class=\"radio-icon\"\n                  alt=\"Radio Button\"\n                />\n                <span>{{ opt.name | shuttle | async | translate }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div tabindex=\"0\" aria-label=\"Leaving Options container\" class=\"option leaving\">\n          <div tabindex=\"0\" class=\"name\">{{ \"Reaching home\" | translate }} ({{ \"Check-out\" | translate }})</div>\n          <div\n            tabindex=\"0\"\n            aria-label=\"Options Container\"\n            class=\"option-list-wrapper\"\n            (keyup.enter)=\"checkForNonTransportUser(empInfo.transportUser)\"\n            (click)=\"checkForNonTransportUser(empInfo.transportUser)\"\n          >\n            <div class=\"option-item\" *ngFor=\"let opt of leavingOptions\">\n              <div\n                class=\"form-radio\"\n                tabindex=\"0\"\n                [ngClass]=\"{\n                  checked: !opt.disable && leavingSelection === opt,\n                  disable: opt.disable || !empInfo.transportUser\n                }\"\n                (keyup.enter)=\"setCommuteSelection(1, opt)\"\n                (click)=\"setCommuteSelection(1, opt)\"\n                [tabindex]=\"opt.disable ? '-1' : '0'\"\n              >\n                <img\n                  [src]=\"!opt.disable && leavingSelection === opt ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\"\n                  class=\"radio-icon\"\n                  alt=\"Radio Button\"\n                />\n                <span>{{ opt.name | shuttle | async | translate }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"commuteSvc.currentChoice.id === 1\">\n      <div *ngIf=\"!commuteSvc.currentChoice.disable\" style=\"flex: 1 1 100%; display: flex; flex-direction: column\" mis-employee-web-exp-parking></div>\n      <div *ngIf=\"commuteSvc.currentChoice.disable\" class=\"parkingEditDisabled\">\n        {{ \"You cannot edit your parking bookings since you're already checked into the booking.\" | translate }}\n      </div>\n    </ng-container>\n  </ng-container>\n  <ng-template #noShifts>\n    <div class=\"message\">\n      <p tabindex=\"0\" class=\"text\">\n        {{ \"Please select both check in and check out to view\" | translate }} {{ \"Cab/Parking\" | textModifier : \"COMMUTE\" : config | translate }}\n      </p>\n    </div>\n  </ng-template>\n</div>\n","styles":[".h1{font-size:40px;line-height:48px}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px;position:relative}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}:root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.input-field{padding:4px 16px;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border-bottom:1px solid #e0e0e0;outline:none}.input-field:not(:last-child){margin-bottom:16px}.input-field>:not(:last-child){margin-right:16px}.input-field .field-icon{font-size:24px;color:#6a737d}.input-field .field-text{flex:1 1 auto}.input-field .field-text .label{font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;color:#6a737d}.input-field .field-text .value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.input-field.text-input{border-bottom:1px solid #e0e0e0}.input-field.text-input .field-text{position:relative}.input-field.text-input .field-text .label{position:absolute;top:0;left:0}.input-field.text-input .field-text input{padding:16px 0 0;outline:none;border:none;background:transparent;width:100%;font-size:15px;line-height:20px;letter-spacing:.1px;color:#181f33}.form-radio{position:relative;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border:none;outline:none}.form-radio span{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;display:inline-block;flex:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.form-radio .radio-icon{content:\"\";display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:50%;margin-right:8px}.form-radio.disable{pointer-events:none;opacity:.6}.form-radio:not(.disable):focus .radio-icon{border:2px solid #0937b2;border-radius:12px}.commute-options-container{height:100%;display:flex;flex-direction:column}.commute-options-wrapper{display:flex}@media screen and (max-width:600px){.commute-options-wrapper{gap:8px;border:0}}@media screen and (max-width:600px){.commute-options-wrapper:not(.choices){flex-direction:column}}.commute-options-wrapper .option:not(:last-child){margin-right:153px}@media screen and (max-width:600px){.commute-options-wrapper .option:not(:last-child){margin-right:0}}.commute-options-wrapper.choices{border-bottom:1px solid #e0e0e0;padding-bottom:16px;margin-bottom:16px}.commute-options-wrapper .disable{pointer-events:none;opacity:.6}.commute-options-wrapper .option .name{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;margin-bottom:24px}@media screen and (max-width:600px){.commute-options-wrapper .option .name{font-size:17px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px;margin:0}}.commute-options-wrapper .choice{display:flex;justify-content:flex-start;align-items:center;padding:16px;min-width:160px;border:1px solid #0937b2;box-sizing:border-box;border-radius:8px;cursor:pointer}@media screen and (max-width:600px){.commute-options-wrapper .choice{padding:8px;min-width:0;width:100%;white-space:nowrap}}.commute-options-wrapper .choice:not(:last-child){margin-right:12px}@media screen and (max-width:600px){.commute-options-wrapper .choice:not(:last-child){margin-right:0}}.commute-options-wrapper .choice img{margin-right:8px}.commute-options-wrapper .choice p{font-style:normal;font-weight:400;font-size:16px;line-height:24px;margin:0}.commute-options-wrapper .choice.active{background-color:#0937b2;color:#fff}.option-list-wrapper{padding:14px 16px;border:1px solid #e0e0e0;border-radius:8px;min-width:223px}@media screen and (max-width:600px){.option-list-wrapper{border:0}}.option-list-wrapper .option-item{margin-bottom:12px}.option-list-wrapper .option-item:last-child{margin-bottom:0}.parkingEditDisabled{flex:1 1 100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-style:normal;font-size:24px}.nontransportuser{background-color:#f5f5f5;border:1px solid #f5f5f5;opacity:.5}"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":47,"character":19},{"__symbolic":"reference","name":"ɵd"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"checkForNonTransportUser":[{"__symbolic":"method"}],"setCommuteSelection":[{"__symbolic":"method"}],"setChoice":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"transportText"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"mis-employee-web-exp-delete-confirmation","template":"<!-- @format -->\n\n<div tabindex=\"0\" role=\"dialog\" aria-label=\"Delete Booking dialog\" class=\"backdrop\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n  <div class=\"delete-wrapper\">\n    <div class=\"delete-head\">\n      <div class=\"del-text\">\n        <div tabindex=\"0\" class=\"main\">{{ \"Booking cancellation\" | translate }}</div>\n        <span tabindex=\"0\">\n          {{ booking.startTime | customDate : booking.timezone : \"MMM DD\" }}\n        </span>\n      </div>\n      <button mis-button type=\"none\" class=\"del-action\" (keyup.enter)=\"modalRef.close()\" (click)=\"modalRef.close()\">\n        <img [src]=\"Assets.ICONS.CLOSE\" alt=\"Close dialog Button\" />\n      </button>\n    </div>\n    <div class=\"wrapperClass\" [ngClass]=\"{ recurrenceIdPresent: booking.recurrenceId }\">\n      <div class=\"delete-body\">\n        <div class=\"options\">\n          <div\n            class=\"form-radio option\"\n            tabindex=\"0\"\n            aria-label=\"Delete Booking Options\"\n            *ngFor=\"let opt of deleteOptions\"\n            [ngClass]=\"{ checked: opt.id === selection?.id }\"\n            (keyup.enter)=\"selection = opt\"\n            (click)=\"selection = opt\"\n          >\n            <img\n              tabindex=\"0\"\n              [src]=\"opt.id === selection?.id ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\"\n              alt=\"Radio Button\"\n              class=\"radio-icon\"\n            />\n            <div class=\"opt-desc\">\n              <div class=\"main\">\n                <span tabindex=\"0\">{{ opt.name | translate }} </span>\n                <span\n                  tabindex=\"0\"\n                  aria-label=\"Timing of booking\"\n                  class=\"timing\"\n                  *ngIf=\"(opt.startTime || opt.endTime) && !configs.flattenedSettings.singleShiftOperations\"\n                >\n                  <span tabindex=\"0\">\n                    {{ opt.startTime > 0 ? (opt.startTime | customTime : booking.timezone : configs.flattenedSettings?.TIME_FORMAT) : \"\" }}\n                    {{ opt.endTime > 0 ? \" - \" + (opt.endTime | customTime : booking.timezone : configs.flattenedSettings?.TIME_FORMAT) : \"\" }}</span\n                  >\n                </span>\n                <!-- <span class=\"extra\" *ngIf=\"opt.startTime > 0\"\n                >\n              </span> -->\n                <!-- </div>\n              <div class=\"sub\">{{ opt.help }}</div>\n            </div> -->\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"recurrenceCancel del-text\" *ngIf=\"booking.recurrenceId\">\n        <div class=\"del-text\">\n          <div tabindex=\"0\" class=\"main\">Cancel recurring booking</div>\n          <span tabindex=\"0\">\n            {{ booking.startTime | customDate : booking.timezone : \"MMM DD\" }}\n          </span>\n        </div>\n        <div class=\"recurrence-delete-body\">\n          <mis-dropdown\n            label=\"Select Booking\"\n            tabindex=\"0\"\n            [data]=\"deleteRecurrenceOptions\"\n            [selectedItem]=\"selectedRecurrenceDelete\"\n            [searchEnabled]=\"false\"\n            (onChange)=\"onRecurreceOptionChange($event)\"\n            displayKey=\"name\"\n          >\n          </mis-dropdown>\n        </div>\n      </div>\n    </div>\n    <div class=\"delete-action\">\n      <button mis-button type=\"primary\" (keyup.enter)=\"confirmDelete()\" (click)=\"confirmDelete()\">{{ \"Confirm\" | translate }}</button>\n    </div>\n  </div>\n</div>\n","styles":[".input-field{padding:4px 16px;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border-bottom:1px solid #e0e0e0;outline:none}.input-field:not(:last-child){margin-bottom:16px}.input-field>:not(:last-child){margin-right:16px}.input-field .field-icon{font-size:24px;color:#6a737d}.input-field .field-text{flex:1 1 auto}.input-field .field-text .label{font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;color:#6a737d}.input-field .field-text .value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.input-field.text-input{border-bottom:1px solid #e0e0e0}.input-field.text-input .field-text{position:relative}.input-field.text-input .field-text .label{position:absolute;top:0;left:0}.input-field.text-input .field-text input{padding:16px 0 0;outline:none;border:none;background:transparent;width:100%;font-size:15px;line-height:20px;letter-spacing:.1px;color:#181f33}.form-radio{position:relative;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border:none;outline:none}.form-radio span{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;display:inline-block;flex:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.form-radio .radio-icon{content:\"\";display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:50%;margin-right:8px}.form-radio.disable{pointer-events:none;opacity:.6}.form-radio:not(.disable):focus .radio-icon{border:2px solid #0937b2;border-radius:12px}: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}.delete-wrapper{padding:24px;background-color:#fff;border-radius:12px}@media screen and (min-width:600px){.delete-wrapper{width:535px}}.delete-wrapper .delete-head{display:flex;align-items:flex-start;flex-wrap:nowrap;padding-bottom:16px}.delete-wrapper .del-text{flex:1 1 auto}.delete-wrapper .del-text span{font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.main{font-style:normal;font-size:20px;line-height:28px;display:flex;gap:12px;letter-spacing:.25px;color:#181f33}.main .timing{background:#f5f5f5;border-radius:16px;padding:0 12px}@media screen and (max-width:600px){.main{font-size:15px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.1px}.main span{white-space:normal}}.sub{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.wrapperClass{overflow:scroll;border-bottom:1px solid #e0e0e0;margin-bottom:12px}.recurrenceIdPresent{height:50vh}.delete-body{padding:16px 16px 0}@media screen and (max-width:600px){.delete-body{padding-left:0;padding-right:0}}.delete-action{padding:0;display:flex;justify-content:flex-end}.form-radio.option{align-items:flex-start;margin-bottom:16px}.form-radio.option .opt-desc .main{font-size:16px;line-height:24px;font-weight:400}.form-radio.option .opt-desc .main .extra{display:inline-block;padding:4px 8px;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#6a737d;background-color:#f5f5f5;border-radius:7px;margin-left:16px}.form-radio.option .opt-desc .sub{font-size:14px;line-height:20px}.recurrence-delete-body{display:flex;margin-top:12px}::ng-deep .modal-content{border:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":51,"character":21},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"LoaderService"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":55,"character":19},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":56,"character":26},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"onRecurreceOptionChange":[{"__symbolic":"method"}],"confirmDelete":[{"__symbolic":"method"}],"checkForSelectedOption":[{"__symbolic":"method"}],"requestCancelBookings":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"validateCutoff"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"mis-employee-web-exp-upcoming-bookings","template":"<!-- @format -->\n\n<div class=\"form-wrapper\" *ngIf=\"bookingPermissionStream | async as allowedActions\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n  <!-- <div class=\"loader-container center-flex\" *ngIf=\"true\">\n   \n </div> -->\n  <div class=\"booking-form\" tabindex=\"0\" aria-label=\"Upcoming Booking Container\">\n    <div class=\"form-header\" [ngStyle]=\"{ 'justify-content': checkOnlyParkingEnabled() ? 'flex-start' : 'space-between' }\">\n      <span tabindex=\"0\" class=\"name\" autofocus>{{ formHeading | translate }}</span>\n      <div tabindex=\"0\" aria-label=\"Booking Type\" class=\"type-name\" *ngIf=\"checkOnlyParkingEnabled()\">\n        <span tabindex=\"0\" class=\"booking-type\" [ngClass]=\"{ cerulean: booking.bookingRequestType === 'OFFICE' }\">\n          {{ booking.bookingRequestType === \"OFFICE\" ? \"WFO\" : \"Remote\" }}\n        </span>\n      </div>\n      <button mis-button size=\"sm\" (keyup.enter)=\"close()\" (click)=\"close()\"><img [src]=\"Assets.ICONS.CLOSE\" alt=\"Close Button\" /></button>\n    </div>\n    <div class=\"form-body\">\n      <div class=\"form-fields\">\n        <div class=\"booking-header\">\n          <div class=\"status\">\n            <div\n              tabindex=\"0\"\n              aria-label=\"status check in\"\n              class=\"current\"\n              *ngIf=\"!configs.flattenedSettings.hideUserActivityTime && booking.requestStatus === 'SIGNED_IN'\"\n            >\n              <img [src]=\"Assets.ICONS.TICK_GREEN\" alt=\"Checked In Icon\" tabindex=\"0\" />\n              {{ \"Checked-In at\" | translate }} {{ booking.signInTime | customTime : booking.timezone : configs?.flattenedSettings?.TIME_FORMAT }}\n            </div>\n            <div\n              tabindex=\"0\"\n              aria-label=\"status check out\"\n              class=\"current\"\n              *ngIf=\"!configs.flattenedSettings.hideUserActivityTime && booking.requestStatus === 'SIGNED_OUT'\"\n            >\n              <img [src]=\"Assets.ICONS.TICK_GREEN\" alt=\"Checked Out Icon\" tabindex=\"0\" />\n              {{ \"Checked-Out at\" | translate }}\n              {{ booking.signOutTime | customTime : booking.timezone : configs?.flattenedSettings?.TIME_FORMAT }}\n            </div>\n            <div class=\"cancelled\" *ngIf=\"booking.requestStatus === 'CANCELLED'\">\n              <img [src]=\"Assets.ICONS.CANCELLED\" alt=\"Cancelled Icon\" tabindex=\"0\" />\n              <span tabindex=\"0\">{{ \"Booking Cancelled\" | translate }}</span>\n            </div>\n            <div class=\"approvalEnabled\" *ngIf=\"booking?.list\">\n              <div class=\"approval-wrapper\">\n                <div tabindex=\"0\" aria-label=\"Approval status\" class=\"approval-header\">\n                  <span\n                    tabindex=\"0\"\n                    [ngClass]=\"{\n                      reviewStatus: booking?.list?.requestStatus === 'PENDING',\n                      approvedStatus: booking.list.requestStatus === 'CONFIRMED',\n                      rejectedStatus: booking.list.requestStatus === 'REJECTED'\n                    }\"\n                    >{{ booking.list.statusToDisplay }}</span\n                  >\n                </div>\n                <div tabindex=\"0\" class=\"approval-text\" *ngIf=\"booking?.list?.requestStatus === 'PENDING'\">\n                  <span class=\"ic-ui-check-24\"></span> <span>{{ booking?.list?.message }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div tabindex=\"0\" aria-label=\"Date and TIming of Booking\" class=\"date-time\">\n            <span tabindex=\"0\" class=\"date\">\n              {{ booking.startTime | customDate : booking?.timezone : configs?.flattenedSettings?.DATE_FORMAT }}\n            </span>\n            <div class=\"shift-info\" *ngIf=\"!configs?.flattenedSettings?.singleShiftOperations && booking.bookingRequestType === 'OFFICE'\">\n              <span class=\"circle\"></span>\n              <span tabindex=\"0\" class=\"time\">\n                {{ booking.startTime | customTime : booking?.timezone : configs?.flattenedSettings?.TIME_FORMAT }}\n                -\n                {{ booking.endTime | customTime : booking?.timezone : configs?.flattenedSettings?.TIME_FORMAT }}\n              </span>\n            </div>\n          </div>\n        </div>\n        <ng-container *ngIf=\"booking.bookingRequestType === 'OFFICE'; else simpleBooking\">\n          <div [ngClass]=\"{ cancelledbooking: booking.requestStatus === 'CANCELLED' }\">\n            <div class=\"desk\" tabindex=\"0\" aria-label=\"Seat Details\" *ngIf=\"allowedActions.seatsEnabled\">\n              <img [src]=\"Assets.ICONS.DESK\" alt=\"Desk Icon\" />\n              <div tabindex=\"0\" [ngClass]=\"{ disabledSeat: booking.requestStatus === 'CANCELLED', seatName: booking.requestStatus !== 'CANCELLED' }\">\n                {{ booking.tokenName || (\"Not selected\" | translate) }}\n              </div>\n              <!-- <img [src]=\"Assets.ICONS.CHEVRON_RIGHT\" alt=\"\" /> -->\n            </div>\n            <div tabindex=\"0\" aria-label=\"Premise DEtails\" class=\"booking-extra\" *ngIf=\"allowedActions.seatsEnabled\">\n              <span tabindex=\"0\" class=\"floor\">\n                {{ booking.premiseName }}\n              </span>\n              <span class=\"circle\" *ngIf=\"booking.premiseName\"></span>\n              <span tabindex=\"0\" class=\"ofc\">\n                {{ offices | async | officeName : booking.officeId }}\n              </span>\n            </div>\n            <div class=\"transport\" *ngIf=\"!allowedActions.seatsEnabled && allowedActions.cabsEnabled\">\n              <img [src]=\"Assets.ICONS.CAB_DARK\" alt=\"Cab Icon\" />\n              <div class=\"shift\">\n                <div tabindex=\"0\" class=\"name\">CHECK - IN</div>\n                <div class=\"desc\" *ngIf=\"booking.extras?.login; else notAvailed\">\n                  <span tabindex=\"0\" class=\"help\">PICK UP</span>\n                  <span tabindex=\"0\" class=\"data\" *ngIf=\"!configs?.flattenedSettings?.singleShiftOperations\">{{\n                    booking.startTime | customTime : booking?.timezone : configs?.flattenedSettings?.TIME_FORMAT\n                  }}</span>\n                </div>\n                <ng-template #notAvailed>\n                  <div class=\"desc\">\n                    <span tabindex=\"0\" class=\"help\">{{ \"Not Availed\" | translate }}</span>\n                  </div>\n                </ng-template>\n              </div>\n              <div class=\"shift\">\n                <div tabindex=\"0\" class=\"name\">CHECK - OUT</div>\n                <div class=\"desc\" *ngIf=\"booking.extras?.logout; else notAvailed\">\n                  <span tabindex=\"0\" class=\"help\">PICK UP</span>\n                  <span tabindex=\"0\" class=\"data\" *ngIf=\"!configs?.flattenedSettings?.singleShiftOperations\">{{\n                    booking.endTime | customTime : booking?.timezone : configs?.flattenedSettings?.TIME_FORMAT\n                  }}</span>\n                </div>\n                <ng-template #notAvailed>\n                  <div class=\"desc\">\n                    <span tabindex=\"0\" class=\"help\">{{ \"Not Availed\" | translate }}</span>\n                  </div>\n                </ng-template>\n              </div>\n            </div>\n            <div tabindex=\"0\" class=\"booking-extras\" *ngIf=\"!allowedActions.seatsEnabled && allowedActions.cabsEnabled\">\n              {{ offices | async | officeName : booking.officeId }}\n            </div>\n          </div>\n        </ng-container>\n        <ng-template #simpleBooking>\n          <div tabindex=\"0\" aria-label=\"Booking Timings\" class=\"simple\" *ngIf=\"!configs?.flattenedSettings?.singleShiftOperations\">\n            <img [src]=\"Assets.ICONS.CLOCK\" alt=\"Clock Icon\" />\n            <span tabindex=\"0\" class=\"timings\"\n              >{{ booking.startTime | customTime : booking?.timezone : configs?.flattenedSettings?.TIME_FORMAT }}\n              -\n              {{ booking.endTime | customTime : booking?.timezone : configs?.flattenedSettings?.TIME_FORMAT }}\n            </span>\n          </div>\n          <div class=\"reasonText\">\n            {{ booking.bookingReason }}\n          </div>\n        </ng-template>\n      </div>\n      <div\n        class=\"commute-options-container\"\n        [ngClass]=\"{ cancelledbooking: booking.requestStatus === 'CANCELLED' && !allowedActions.partiallyCancelled }\"\n        *ngIf=\"opt\"\n      >\n        <div\n          tabindex=\"0\"\n          class=\"commute-header\"\n          [ngClass]=\"{ cancelledbooking: booking.requestStatus === 'CANCELLED' && !allowedActions.partiallyCancelled }\"\n        >\n          {{ \"Commute\" | translate }} <img *ngIf=\"allowedActions.partiallyCancelled\" [src]=\"Assets.ICONS.CANCEL_INFO\" alt=\"\" />\n        </div>\n        <div tabindex=\"0\" aria-label=\"Commute Selection Details\" class=\"addon-opt\">\n          <div class=\"option-item\" *ngIf=\"loginOptPlace?.length > 0\">\n            <span class=\"ic-ui-check-24\"></span>\n            <span tabindex=\"0\">{{ \"Check-In\" | translate }}: {{ loginOptPlace | shuttle | async | translate }}</span>\n          </div>\n          <div class=\"option-item\" *ngIf=\"logoutOptPlace?.length > 0\">\n            <span class=\"ic-ui-check-24\"></span>\n            <span tabindex=\"0\">{{ \"Check-Out\" | translate }}: {{ logoutOptPlace | shuttle | async | translate }}</span>\n          </div>\n        </div>\n        <div tabindex=\"0\" class=\"cancel-msg\" *ngIf=\"allowedActions.partiallyCancelled\">\n          {{ \"Your cab booking hasn't been cancelled\" | shuttle | async | translate }}.<br />\n          {{ \"Please reach out to your transport manager\" | translate }}.\n        </div>\n      </div>\n\n      <div\n      class=\"project-code-container\"\n      *ngIf=\"projectCodeEnabledOnBooking && !!projectCode\"\n    >\n      <div\n        tabindex=\"0\"\n        class=\"project-header-text\"\n      >\n        {{ \"Project Code\" | translate }}\n      </div>\n      <div tabindex=\"0\" aria-label=\"Project Code Details\" class=\"addon-opt\">\n        <div class=\"option-item\">\n          <span tabindex=\"0\">{{ projectCode }}</span>\n        </div>\n      </div>\n    </div>\n\n      <div tabindex=\"0\" aria-label=\"Parking Selection Details\" class=\"addon-wrapper\" *ngIf=\"parkingData || waitingPremises?.length > 0\">\n        <div class=\"wrapper-content\" [ngClass]=\"{ cancelledbooking: booking.requestStatus === 'CANCELLED' }\">\n          <div tabindex=\"0\" style=\"display: flex; flex-direction: row; align-items: center\">\n            <div class=\"addon-header\">{{ \"Parking\" | translate }}</div>\n            <div *ngIf=\"waitingPremises?.length > 0\" class=\"Waitlist-chip\">In Waitlist</div>\n          </div>\n          <fieldset>\n            <div *ngIf=\"waitingPremises?.length > 0\">\n              <div class=\"c1\" *ngFor=\"let wlItems of waitingPremises\">\n                <img\n                  *ngIf=\"\n                    wlItems?.premiseType !== 'PARKING'\n                      ? wlItems?.premise.match('2W') || wlItems?.premiseTypeId == '2' || wlItems?.premiseType == 'TWO-WHEELER-PARKING'\n                      : wlItems.waitListType === 'BIKE';\n                    else waitlistCar\n                  \"\n                  style=\"margin-top: 0px; padding-right: 8px\"\n                  [src]=\"Assets.ICONS.TRANSPORT_BIKE\"\n                  alt=\"bike\"\n                />\n                <ng-template #waitlistCar>\n                  <img\n                    *ngIf=\"\n                      wlItems?.premiseType !== 'PARKING'\n                        ? wlItems?.premise.match('4W') || wlItems?.premiseTypeId == '4' || wlItems?.premiseType == 'FOUR-WHEELER-PARKING'\n                        : wlItems.waitListType === 'CAR'\n                    \"\n                    style=\"margin-top: 0px; padding-right: 8px\"\n                    [src]=\"Assets.ICONS.TRANSPORT_CAR\"\n                    alt=\"car\"\n                  />\n                </ng-template>\n                <div class=\"text\">{{ wlItems.parentPremiseName }}</div>\n                <div class=\"text\">{{ wlItems.premise }}</div>\n                <div class=\"text\">\n                  WL/{{\n                    wlItems.premiseType !== \"PARKING\"\n                      ? wlItems.waitingCount\n                      : wlItems.waitListType === \"CAR\"\n                      ? wlItems.typeWiseWaitingCount[\"CAR\"]\n                      : wlItems.typeWiseWaitingCount[\"BIKE\"]\n                  }}\n                </div>\n              </div>\n            </div>\n            <ng-container *ngIf=\"parkingData?.tokenId\">\n              <legend tabindex=\"0\">\n                {{ parkingData.premiseType | translate }}\n              </legend>\n              <div tabindex=\"0\" aria-label=\"Slot details\" class=\"slotName\">\n                <img [src]=\"Assets.ICONS.PARKING_MODULE\" alt=\"Parking Icon\" />\n                <span tabindex=\"0\" class=\"slot\">{{ parkingData.tokenName }}</span>\n              </div>\n              <div tabindex=\"0\" class=\"premise\">\n                {{ parkingData.premiseName }}\n              </div>\n            </ng-container>\n          </fieldset>\n        </div>\n      </div>\n      <div tabindex=\"0\" aria-label=\"Meal Selection Details\" class=\"addon-wrapper\" *ngIf=\"mealEnabled && meal?.length && !!mealEnitity\">\n        <div tabindex=\"0\" class=\"addon-header\">{{ \"Meal\" | translate }}</div>\n        <div class=\"addon-content\" [ngClass]=\"{ cancelledbooking: booking.requestStatus === 'CANCELLED' }\">\n          <fieldset [ngClass]=\"{'fieldset-feedbackEnabled' : enableMealFeedBack, 'fieldset-feedbackDisabled' : !enableMealFeedBack}\">\n            <legend tabindex=\"0\">\n              {{ meal[0]?.premiseName }}\n            </legend>\n            <div class=\"addonName\" *ngFor=\"let item of mealEnitity\">\n              <div tabindex=\"0\" class=\"mealHeading\">{{ item.name | translate }}</div>\n              <div tabindex=\"0\" aria-label=\"Meal preference\" class=\"addon-opt\" *ngFor=\"let itemy of item.mealOption | keyvalue\">\n                <div class=\"option-item\">\n                  <span class=\"ic-ui-check-24\"></span>\n                  <span tabindex=\"0\">{{ itemy.value | translate }}</span>\n                </div>\n              </div>\n            </div>\n          </fieldset>\n          <div class=\"meal-rating\" *ngIf=\"enableMealFeedBack\">\n            <div class=\"rate-meal\" *ngIf=\"!mealRated; else showMealRating\">\n              <span class=\"meal-text\">{{'Rate your meal' | translate}}</span>\n              <mis-star-rating\n              [selectedStarSvg]=\"Assets.ICONS.SELECTED_STAR\"\n              [emptyStarSvg]=\"Assets.ICONS.EMPTY_STAR\"\n              [noOfStars]=\"noOfStars\"\n              [selectedRating]=\"mealSelectedRating\"\n              (starRated)=\"selectedRating($event)\"\n              ></mis-star-rating>\n            </div>\n            <ng-template #showMealRating>\n              <div class=\"overall-rating\">\n                <span class=\"rated-text\">{{'You Rated' | translate}}</span>\n                <div class=\"rating-data\">\n                  <span class=\"rating-num\">{{mealOverallRating}}</span>\n                  <img [src]=\"Assets.ICONS.STAR\" alt=\"star_icon\">\n                </div>\n              </div>\n            </ng-template>\n          </div>\n        </div>\n      </div>\n      <div tabindex=\"0\" aria-label=\"Other Details\" class=\"addon-wrapper\" *ngIf=\"specialRequests\">\n        <div tabindex=\"0\" class=\"addon-header\">{{ \"Other Details\" | translate }}</div>\n        <div class=\"addon-content\">\n          <fieldset style=\"padding: 0\">\n            <ul class=\"addonName\" *ngFor=\"let item of specialRequests\">\n              <li tabindex=\"0\" class=\"mealHeading\">{{ item }}</li>\n            </ul>\n          </fieldset>\n        </div>\n      </div>\n    </div>\n    <div class=\"form-actions\" *ngIf=\"allowedActions.editBookingAllowed || allowedActions.cancelAllowed || allowedActions.bookingConversionAllowed\">\n      <button\n        mis-button\n        type=\"primary\"\n        size=\"md\"\n        *ngIf=\"allowedActions.editBookingAllowed\"\n        style=\"color: #ffffff\"\n        (keyup.enter)=\"closeMenu('Edit')\"\n        (click)=\"closeMenu('Edit')\"\n        #menuOrigin\n      >\n        <img [src]=\"Assets.ICONS.EDIT\" alt=\"\" />\n        {{ \"Edit\" | translate }}\n      </button>\n      <button\n        mis-button\n        aria-haspopup=\"true\"\n        type=\"outline\"\n        size=\"md\"\n        [disabled]=\"!allowedActions.bookingConversionAllowed && !allowedActions.cancelAllowed\"\n        (keyup.enter)=\"showMenu(bookingOptions, menuOrigin)\"\n        (click)=\"showMenu(bookingOptions, menuOrigin)\"\n        #menuOrigin\n      >\n        {{ \"More\" | translate }}\n        <img [src]=\"Assets.ICONS.DOWN_ARROW\" alt=\"Down Arrow\" />\n      </button>\n    </div>\n  </div>\n  <ng-template #bookingOptions>\n    <div class=\"widget-menu\">\n      <div\n        tabindex=\"0\"\n        aria-label=\"Cancel Booking Button\"\n        mis-button\n        type=\"none\"\n        (keyup.enter)=\"closeMenu('Cancel')\"\n        (click)=\"closeMenu('Cancel')\"\n        *ngIf=\"allowedActions.cancelAllowed\"\n      >\n        <div class=\"cancelIcon\">\n          <img [src]=\"Assets.ICONS.CANCEL_BIN\" alt=\"Cancel Bin Icon\" />\n        </div>\n        <div tabindex=\"0\" class=\"txt\">{{ \"Cancel\" | translate }}</div>\n      </div>\n      <div\n        tabindex=\"0\"\n        mis-button\n        type=\"none\"\n        (keyup.enter)=\"closeMenu('Convert')\"\n        (click)=\"closeMenu('Convert')\"\n        *ngIf=\"allowedActions.bookingConversionAllowed\"\n      >\n        <div class=\"icon\">\n          <img [src]=\"booking.bookingRequestType === 'OFFICE' ? Assets.ICONS.WFH_CONVERT_DARK : Assets.ICONS.WFO_CONVERT_DARK\" alt=\"Booking Icon\" />\n        </div>\n        <div tabindex=\"0\" class=\"txt\">{{ \"Convert to\" | translate }} {{ booking.bookingRequestType === \"OFFICE\" ? \"Remote\" : \"WFO\" }}</div>\n      </div>\n    </div>\n  </ng-template>\n  <mis-loader type=\"block\" class=\"misLoader\" *ngIf=\"isLoading\"></mis-loader>\n</div>\n","styles":[".input-field{padding:4px 16px;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border-bottom:1px solid #e0e0e0;outline:none}.input-field:not(:last-child){margin-bottom:16px}.input-field>:not(:last-child){margin-right:16px}.input-field .field-icon{font-size:24px;color:#6a737d}.input-field .field-text{flex:1 1 auto}.input-field .field-text .label{font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;color:#6a737d}.input-field .field-text .value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.input-field.text-input{border-bottom:1px solid #e0e0e0}.input-field.text-input .field-text{position:relative}.input-field.text-input .field-text .label{position:absolute;top:0;left:0}.input-field.text-input .field-text input{padding:16px 0 0;outline:none;border:none;background:transparent;width:100%;font-size:15px;line-height:20px;letter-spacing:.1px;color:#181f33}.form-radio{position:relative;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border:none;outline:none}.form-radio span{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;display:inline-block;flex:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.form-radio .radio-icon{content:\"\";display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:50%;margin-right:8px}.form-radio.disable{pointer-events:none;opacity:.6}.form-radio:not(.disable):focus .radio-icon{border:2px solid #0937b2;border-radius:12px}: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}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px;position:relative}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.form-wrapper{position:relative;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);width:100%;height:100vh;background-color:#fff;display:flex;flex-direction:row}.form-wrapper .booking-form{display:flex;flex:1 1 100%;flex-direction:column;max-width:422px}.form-wrapper .form-header{margin:16px 24px 0;padding-bottom:16px;display:flex;flex-wrap:nowrap;align-items:center;border-bottom:1px solid #e0e0e0;gap:20px}.form-wrapper .form-header .name{font-style:normal;font-weight:700;font-size:20px;line-height:28px;letter-spacing:.25px;color:#181f33}.form-wrapper .form-header .type-name{flex:1}.form-wrapper .form-header .type-name .booking-type{font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.form-wrapper .form-header .mis-btn{flex:0.3;padding-right:4px}@media screen and (max-width:600px){.form-wrapper .form-header .mis-btn{justify-content:flex-end}}.form-wrapper .form-body{flex:1 1 100%;padding:28px 24px;overflow-y:auto}.form-wrapper .form-body .cancelledbooking{color:#929dab}.form-wrapper .form-actions{display:flex;justify-content:right;border-top:1px solid #e0e0e0;padding:16px 24px}.form-wrapper .form-actions .mis-btn{color:#181f33}.form-wrapper .form-actions .mis-btn:not(:last-child){margin-right:16px}.form-wrapper .form-actions .mis-outline{border:1px solid #e0e0e0}.form-wrapper .form-actions .mis-outline img{margin-left:10px!important;margin-right:-8px!important}.form-fields .transport{display:flex;flex-wrap:nowrap;align-items:flex-start;margin-bottom:19px}.form-fields .transport>img{margin-right:12px;align-self:center}.form-fields .transport .shift{margin-right:36px}.form-fields .transport .shift:last-child{margin-right:0}.form-fields .transport .shift .name{font-style:normal;font-weight:400;font-size:12px;line-height:18px;letter-spacing:.2px;margin-bottom:4px;color:#929dab}.form-fields .transport .shift .desc{display:flex;flex-wrap:nowrap;align-items:center}.form-fields .transport .shift .desc .help{font-style:normal;font-weight:400;font-size:12px;line-height:21px;height:21px;letter-spacing:.2px;color:#181f33}.form-fields .transport .shift .desc .data{margin-left:8px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.form-fields .booking-header{display:flex;flex-direction:column;margin-bottom:24px}.form-fields .booking-header .cancelled{background:#faefed;border-radius:6px;padding:6px 16px 6px 8px;gap:10px;display:flex;width:-moz-max-content;width:max-content;align-items:center;margin-bottom:22px}.form-fields .booking-header .cancelled span{font-weight:700;font-size:16px;line-height:24px;color:#b23600}.form-fields .booking-header .current{display:flex;align-items:center;flex-wrap:nowrap;padding:8px 16px 8px 8px;background-color:#f1fdf8;border-radius:6px;height:36px;color:#547f40;font-weight:700;font-size:16px;line-height:24px;width:-moz-fit-content;width:fit-content;margin-bottom:16px}.form-fields .booking-header .current img{margin-right:8px}.form-fields .booking-header .approvalEnabled{background:#f5f5f5;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;padding:8px 24px;margin-bottom:16px}.form-fields .booking-header .approvalEnabled .approval-header{font-weight:900;font-size:14px;line-height:20px;letter-spacing:.5px}.form-fields .booking-header .approvalEnabled .approval-text{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:10px}.form-fields .booking-header .approvalEnabled .reviewStatus{color:#d4900c}.form-fields .booking-header .approvalEnabled .approvedStatus{color:#38af49}.form-fields .booking-header .approvalEnabled .rejectedStatus{color:#b00020}.form-fields .date-time{display:flex}.form-fields .date-time>*{font-style:normal;font-weight:400;color:#181f33;font-size:16px;line-height:24px;letter-spacing:.2px}.form-fields .date-time .date{font-weight:700;color:#181f33}.form-fields .date-time .circle{height:8px;width:8px;border-radius:50%;background-color:#181f33;margin:0 8px}.form-fields .form-field{margin-bottom:24px}.form-field .label{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.200000003px;text-align:left;min-width:80px;color:#6a737d;margin-bottom:8px}.form-field.inline-field{display:flex;align-items:center}.form-field.inline-field .label{margin-right:24px;margin-bottom:0}.commute-options-container{margin-bottom:34px}.commute-options-container .cancel-msg{border:1px solid #b23600;box-sizing:border-box;border-radius:12px;padding:10px 24px;margin-top:16px}.project-code-container{margin-bottom:34px}.commute-header,.project-header-text{font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.2px;color:#181f33;margin-bottom:15px;display:flex;gap:5px;align-items:center}.addon-opt{display:inline-flex;flex-wrap:nowrap}.addon-opt .option-item{background-color:#f5f7fc;border-radius:16px;line-height:24px;padding:4px 12px;margin-right:10px;display:flex;align-items:center}.addon-opt .option-item .ic-ui-check-24{margin-right:8px}.widget-menu{width:-moz-max-content;width:max-content}.widget-menu .mis-btn{display:flex;justify-content:left}.cancelIcon{width:23%}.desk,.simple{display:flex;flex-wrap:nowrap;background-color:#f5f7fc;margin-bottom:16px;border-radius:8px;min-height:56px;max-width:-moz-fit-content;max-width:fit-content;align-items:center}.desk img:first-child,.simple img:first-child{margin:0 8px;height:32px}.desk img:nth-child(3),.simple img:nth-child(3){padding-right:8px;height:2.5vh}.desk .disabledSeat,.simple .disabledSeat{font-style:normal;font-weight:400;font-size:32px;line-height:40px;color:#929dab;margin-right:6px}.desk .seatName,.desk .timings,.simple .seatName,.simple .timings{font-style:normal;font-weight:400;font-size:32px;line-height:40px;color:#181f33;margin-right:6px}.desk .mis-btn,.simple .mis-btn{padding-left:6px;padding-right:0}.simple{background-color:#fff}.booking-extra,.simple{display:flex;align-items:center}.booking-extra{margin-bottom:34px}.booking-extra span{display:inline-block}.booking-extra .circle{height:6px;width:6px;border-radius:50%;background-color:#6a737d;margin:0 10px}.txt{color:#181f33}.txt-booking{color:#fff}fieldset{border:1px solid #e0e0e0;padding:20px}.fieldset-feedbackEnabled{border-top-left-radius:20px;border-top-right-radius:20px;margin:0 2px!important}.fieldset-feedbackDisabled{border-radius:20px;margin:0 2px!important}legend{font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#6a737d;margin:0;width:auto;float:none;padding:0 8px}.addonName{display:flex;justify-content:space-between;margin-bottom:14px}.meal-rating{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin:0 2px;padding:8px 16px}.meal-rating .rate-meal{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-start}.meal-rating .rate-meal .meal-text{width:142px;color:#181f33;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.meal-rating .overall-rating{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.meal-rating .overall-rating .rated-text{color:#181f33;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.meal-rating .overall-rating .rating-data{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:4px 12px;gap:4px;border-radius:16px;background:#fff3e1}.meal-rating .overall-rating .rating-data .rating-num{color:#181f33;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.mealHeading{font-weight:400;font-size:16px;line-height:24px}.addon-wrapper{margin-bottom:32px}.addon-header{display:flex;flex-direction:column;font-size:16px;line-height:24px;letter-spacing:.2px;color:#181f33;margin-bottom:15px}.addon-header,.Waitlist-chip{font-style:normal;font-weight:700}.Waitlist-chip{border-radius:6px;padding:4px 8px;margin-left:8px;background-color:#fae1ea;color:#6b034e;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;margin-bottom:12px}.c1{display:flex;flex-direction:row;justify-content:space-around;height:40px;padding:8px 12px}.c1 .text{width:96px;padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.loader-container{height:calc(100vh - 56px);position:absolute;background:#fff;opacity:.8;width:100%;height:100%;z-index:2;display:flex;justify-content:center;align-items:center;top:0}.loader-container span{width:80%;text-align:center}.slotName{display:flex;align-items:center;background-color:#f5f7fc;min-height:40px;padding:9px;margin-bottom:16px;gap:10px;border-radius:8px;max-width:-moz-fit-content;max-width:fit-content}.slotName .slot{font-size:16px;line-height:24px}.premise{font-size:14px;line-height:20px;letter-spacing:.2px}.reasonText{height:24px;font-size:16px;line-height:24px;overflow-wrap:break-word}.booktimings{font-size:32px;height:56px;display:flex;flex-direction:row;align-items:center}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":69,"character":5},"arguments":[{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DRAWER_DATA_VAR","line":69,"character":12}]}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerRef","line":65,"character":22},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":66,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":67,"character":30},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalService","line":68,"character":20},null,{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"LoaderService"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":74,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"selectedRating":[{"__symbolic":"method"}],"checkOnlyParkingEnabled":[{"__symbolic":"method"}],"fetchPremises":[{"__symbolic":"method"}],"transportOptSetter":[{"__symbolic":"method"}],"showMenu":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"mis-employee-web-exp-booking-confirmation","template":"<!-- @format -->\n\n<div class=\"backdrop\">\n  <div tabindex=\"0\" role=\"dialog\" aria-label=\"Booking Confirmation Modal\" class=\"confirm-wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n    <div tabindex=\"0\" aria-label=\"Success Icon Booking Created\" class=\"confirm-greet\">\n      <img class=\"main-img\" [src]=\"Assets.ICONS.SUCCESS_TICK\" alt=\"Success Tick Icon\" />\n      <p class=\"maintext\">{{ \"Booking Created\" | translate }}</p>\n    </div>\n    <div class=\"seat\" *ngIf=\"seatsEnabled && bookingSvc.createResp.bookingRequestType === 'OFFICE'\">\n      <div\n        tabindex=\"0\"\n        [attr.aria-label]=\"\n          'Seat Booking Details' +\n          (seatDetails.seat || ('Not Selected ' | translate)) +\n          'Address ' +\n          seatDetails.floor +\n          (bookingSvc.offices | async | officeName : seatDetails.office)\n        \"\n        class=\"desk-details\"\n        *ngIf=\"seatDetails.seat\"\n      >\n        <div class=\"desk\">{{ seatDetails.seat || (\"Not Selected\" | translate) }}</div>\n        <div class=\"address\">\n          <span>{{ seatDetails.floor }}</span>\n          <span class=\"circle\"></span>\n          <span>{{ bookingSvc.offices | async | officeName : seatDetails.office }}</span>\n        </div>\n      </div>\n      <div tabindex=\"0\" class=\"booking-extras\" *ngIf=\"optLogin || optLogout || mealNameArray.length > 0\">\n        <div class=\"option-item\" *ngIf=\"optLogin\">\n          <span class=\"ic-ui-check-24\"></span>\n          <span>{{ \"Check-In: Cab\" | shuttle | async | translate }}</span>\n        </div>\n        <div class=\"option-item\" *ngIf=\"optLogout\">\n          <span class=\"ic-ui-check-24\"></span>\n          <span>{{ \"Check-Out: Cab\" | shuttle | async | translate }}</span>\n        </div>\n        <div class=\"option-item\" *ngFor=\"let meal of mealNameArray\">\n          <span class=\"ic-ui-check-24\"></span>\n          <span>{{ meal | translate }}</span>\n        </div>\n      </div>\n    </div>\n    <div class=\"transport\" *ngIf=\"!seatsEnabled && cabsEnabled\">\n      <div class=\"cab-opt\" *ngIf=\"opt\">\n        <div class=\"sub\" *ngIf=\"optLogin\">\n          <img class=\"cabimage\" [src]=\"Assets.ICONS.CAB\" alt=\"Cab Icon\" />\n          <span tabindex=\"0\" *ngIf=\"optLogin\">\n            {{ \"Home\" | translate }} <img class=\"arrowimage\" [src]=\"Assets.ICONS.ARROW\" alt=\"Arrow\" />\n            {{ loginDrop }}\n          </span>\n        </div>\n        <div class=\"sub\" *ngIf=\"optLogout\">\n          <img class=\"cabimage\" [src]=\"Assets.ICONS.CAB\" alt=\"Cab Icon\" />\n          <span tabindex=\"0\" class=\"office-info\">\n            {{ logoutPickUp }}\n            <img class=\"arrowimage\" [src]=\"Assets.ICONS.ARROW\" alt=\"Arrow\" /> {{ \"Home\" | translate }}\n          </span>\n        </div>\n      </div>\n    </div>\n    <div tabindex=\"0\" class=\"cab-opt errMsg\" *ngIf=\"!opt && displayMsg\">\n      {{ displayMsg }}\n    </div>\n    <div class=\"actions\">\n      <button mis-button type=\"primary\" (keyup.enter)=\"backHome()\" (click)=\"backHome()\">{{ \"OK\" | translate }}</button>\n    </div>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.confirm-wrapper{width:505px;background-color:#fff;border-radius:12px;padding:40px;margin:auto}@media screen and (max-width:600px){.confirm-wrapper{width:100%}}.confirm-wrapper .actions{display:flex;justify-content:center;margin-top:36px}.confirm-wrapper .actions button{width:100%}.confirm-greet{text-align:center}@media screen and (max-width:600px){.confirm-greet .maintext{font-size:17px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px}}.confirm-greet p{font-style:normal;font-weight:400;font-size:40px;line-height:48px;color:#181f33;margin-bottom:0;margin-top:8px}.cab-opt{display:flex;align-items:center;justify-content:center;margin-top:48px;text-align:center}.cab-opt .sub{padding:10px;font-size:16px;line-height:24px;display:flex;margin-bottom:16px}.cab-opt .sub img{margin:0 4px}.seat .desk-details{display:flex;align-items:center;flex-direction:column}.seat .desk-details .desk{font-style:normal;font-weight:400;font-size:32px;line-height:40px;color:#181f33;margin-top:18px}@media screen and (max-width:600px){.seat .desk-details .desk{font-size:25px;font-style:normal;font-weight:400;line-height:36px;letter-spacing:0}}.seat .desk-details .address{margin-top:10px;display:flex;align-items:center}.seat .desk-details .address span{display:inline-block;font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px}.seat .desk-details .address .circle{height:6px;width:6px;border-radius:50%;background-color:#6a737d;margin:0 10px}.seat .booking-extras{margin-top:48px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.seat .booking-extras .option-item{line-height:24px;padding:4px 12px;display:flex;align-items:center;background:#f5f7fc;border-radius:16px}.seat .booking-extras .option-item span{margin-right:8px}::ng-deep .modal-content{border:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":42,"character":54}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":42,"character":94},"arguments":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"MODAL_DATA_VAR","line":42,"character":101}]}]],"parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":42,"character":83},null]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"backHome":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"mis-employee-web-exp-checkin-confirm","template":"<!-- @format -->\n\n<div class=\"checkin-popup\">\n  <iframe *ngIf=\"declarationEnabled; else confirmCheckin\" frameborder=\"0\" [src]=\"iframeURL() | safe\" style=\"width: 100%; height: 650px\"></iframe>\n  <ng-template #confirmCheckin>\n    <div class=\"checkin-container\">\n      <div class=\"checkin-header\">\n        <span class=\"header-text\">{{ \"Checkin\" | translate }}</span>\n        <img class=\"cross-icon\" (click)=\"modalRef.close()\" [src]=\"assets.ICONS.CROSS_MODAL\" />\n      </div>\n      <div class=\"checkin-body\">\n        <span class=\"body-text\">{{ \"Are you sure you want to check in?\" | translate }}</span>\n      </div>\n    </div>\n  </ng-template>\n  <div class=\"checkin-footer\">\n    <span (click)=\"modalRef.close()\" class=\"close-modal\">{{ \"No\" | translate }}</span>\n    <button mis-button type=\"primary\" (click)=\"handleCheckin()\">{{ \"Yes\" | translate }}</button>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.checkin-popup{width:400px;border-radius:8px;overflow:auto;padding:24px;background-color:#fff;position:relative}@media screen and (max-width:600px){.checkin-popup{width:100%}}.checkin-popup .checkin-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding-bottom:12px}.checkin-popup .checkin-header .header-text{color:#181f33;font-family:Lato;font-size:20px;font-style:normal;font-weight:700;line-height:28px;letter-spacing:.25px}.checkin-popup .checkin-header .cross-icon{cursor:pointer}.checkin-popup .checkin-body{padding:24px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.checkin-popup .checkin-body .body-text{color:var(--lt-text-black,#181f33);font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:180%}.checkin-popup .checkin-footer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:16px;padding-top:16px}.checkin-popup .checkin-footer .close-modal{color:#181f33;text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.5px;padding:10px 32px;cursor:pointer}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":42,"character":5},"arguments":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"MODAL_DATA_VAR","line":42,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":36,"character":21},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":39,"character":19},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalService","line":41,"character":20},null,{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"LoaderService"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":45,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"iframeURL":[{"__symbolic":"method"}],"handleCheckin":[{"__symbolic":"method"}],"saveCheckin":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"safe"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":7,"character":33}]}],"transform":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"[mis-employee-web-exp-seat]","template":"<!-- @format -->\n\n<ng-container *ngIf=\"frameSource | async as url; else noPlan\" cdkTrapFocus>\n  <iframe [src]=\"url | safe\" width=\"100%\" height=\"100%\" data-hj-allow-iframe=\"\" #frameElement frameborder=\"0\"></iframe>\n</ng-container>\n<ng-template #noPlan>\n  <div class=\"message\">\n    <p tabindex=\"0\" class=\"text\">{{ \"Please select both check in and check out to view\" | translate }} {{ \"seats\" }}</p>\n  </div>\n</ng-template>\n","styles":[".message{width:100%;height:100%;display:flex;justify-content:center;align-items:center}"]}]}],"members":{"frameElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["frameElement"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"seatText"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"mis-employee-web-exp-quick-actions","template":"<!-- @format -->\n\n<div class=\"quick-act-menu\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n  <button class=\"menu-btn\" *ngFor=\"let act of quickActions\" (click)=\"quickActionEvent(act.id)\">\n    <img [src]=\"act.icon\" alt=\"\" />\n    {{ act.label | translate }}\n  </button>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.quick-act-menu{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;box-shadow:0 6px 12px rgba(32,37,38,.1);border-radius:12px;display:flex;padding:24px;gap:32px}.quick-act-menu .menu-btn{border:none;outline:none;background:none;padding:8px 32px 8px 8px;border-radius:15px;display:flex;align-items:center}.quick-act-menu .menu-btn img{margin-right:8px}.quick-act-menu .menu-btn:hover{background-color:#f0f3fa}"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"menuOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"quickAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}],"ngOnInit":[{"__symbolic":"method"}],"quickActionEvent":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-employee-web-exp-meeting-card","template":"<div class=\"meeting-wrapper\">\n  <p class=\"inside\">meeting-card works!</p>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px;position:relative}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.meeting-wrapper .inside{height:auto;padding:32px;overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"mis-employee-web-exp-calender-card","template":"<div class=\"calender-wrapper\" [ngStyle]=\"{ height: resizeCard ? resizedHeight : '208px' }\">\n  <div class=\"loader-wrapper\" *ngIf=\"widgetControl?.loader | async\">\n    <mis-loader type=\"block\"></mis-loader>\n  </div>\n  <div tabindex=\"0\" [attr.aria-label]=\"'Teammate Avatar Icons' + message\" class=\"inside\">\n    <div class=\"topHolder\">\n      <div class=\"name\" *ngIf=\"initialsName.length > 0\">\n        <div *ngFor=\"let initial of initialsName\">\n          <div class=\"check\">\n            <div class=\"initials\" [ngStyle]=\"{ color: initial.color, backgroundColor: initial.color + '33' }\">\n              {{ initial.name }}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"avatar\" *ngIf=\"initialsName.length === 0\">\n        <img [src]=\"Assets.ICONS.AVATAR\" alt=\"Teammates Avatar Icon\" />\n      </div>\n      <div class=\"link\">\n        <button mis-button (click)=\"teamCalender($event)\">{{ \"View Team Calendar\" | translate }}</button>\n      </div>\n    </div>\n    <div class=\"text\">{{ message | translate }}</div>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px;position:relative}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.resize-layout{height:238px}.calender-wrapper{position:relative;border:1px solid #e0e0e0;border-radius:10px}.calender-wrapper .inside{display:flex;flex-direction:column;height:206px;padding:24px;overflow:hidden;background:#fff;box-sizing:border-box;border-radius:10px;position:relative}.calender-wrapper .inside .topHolder{display:flex;justify-content:space-between}.calender-wrapper .inside .name{display:flex;margin-bottom:15px}.calender-wrapper .inside .check{background-color:#fff;border-radius:50%}.calender-wrapper .inside .initials{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:2px solid #fafafa;border-radius:50%;width:60px;height:60px;margin-right:-16px;font-weight:700;font-size:16px}.calender-wrapper .inside .text{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;position:absolute;bottom:32px;padding-right:inherit}.calender-wrapper .inside .link{position:relative;font-style:normal;top:20px}.calender-wrapper .inside .link button{font-weight:700;font-size:16px!important;line-height:20px;margin:-16px;color:#0937b2}"]}]}],"members":{"showTeamCalender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"widgetControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"bookingStream":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"mis-crystal-design-system/analytics","name":"AnalyticsService","line":35,"character":102}]}],"ngOnInit":[{"__symbolic":"method"}],"teamCalender":[{"__symbolic":"method"}],"capitalizeName":[{"__symbolic":"method"}]}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-employee-web-exp-loader","template":"<!-- @format -->\n\n<mis-loader></mis-loader>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"[mis-employee-web-exp-parking]","template":"<div class=\"parking-body\" *ngIf=\"!showLoader; else showLoading\">\n  <div\n    tabindex=\"0\"\n    aria-label=\"Parking Container\"\n    class=\"parking-wrapper\"\n    *ngIf=\"configs | async as cfg\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n  >\n    <div class=\"initial-vehicle-info\" *ngIf=\"vehicleCreationDuringParkingEnabled && vehicleDetailsInfo.length === 0; else vehicleInfoDisabled\">\n      <div class=\"parking-img\">\n        <img [src]=\"Assets.IMAGES.PARKING_BG\" />\n      </div>\n      <div class=\"initial-add-vehicle-info\">\n        <span class=\"info-header\">\n          {{ \"Add Vehicle Details\" | translate }}\n        </span>\n        <span class=\"info-details\">\n          {{ \"Save your vehicle details for easy parking\" | translate }}\n        </span>\n        <span class=\"add-button\" (click)=\"openVehicleForm()\"> + {{ \"Add Vehicle\" | translate }} </span>\n      </div>\n    </div>\n    <ng-template #vehicleInfoDisabled>\n      <div tabindex=\"0\" aria-label=\"Vehicle Information\" class=\"vehicle-selection\" *ngIf=\"vehicleCreationDuringParkingEnabled; else showVehicleType\">\n        <div class=\"vehicle-deatils-dropdown\">\n          <mis-dropdown\n            label=\"{{ 'Select Vehicle' | translate }}\"\n            [data]=\"vehicleDetailsInfo\"\n            [selectedItem]=\"selectedVehicleDetails\"\n            [searchEnabled]=\"false\"\n            (onChange)=\"setVehicleDetails($event)\"\n            width=\"230px\"\n            height=\"44px\"\n          ></mis-dropdown>\n        </div>\n        <div class=\"add-vehicle-button\" (click)=\"openVehicleForm()\">\n          <span>+ {{ \"Add Vehicle\" | translate }}</span>\n        </div>\n      </div>\n      <ng-template #showVehicleType>\n        <div tabindex=\"0\" aria-label=\"Vehicle Information\" class=\"vehicle-info\">\n          <div class=\"types\" *ngIf=\"!enableParkingFloorPlan && autoSlotAllocate\">\n            <span tabindex=\"0\" class=\"label\">{{ \"Vehicle type\" | translate }}</span>\n            <div\n              *ngFor=\"let type of vehicles\"\n              class=\"form-radio\"\n              [ngClass]=\"{\n                checked: parkingForm.value.vehicle.premiseType === type.premiseType\n              }\"\n              tabindex=\"0\"\n              (keyup.enter)=\"parkingForm.patchValue({ vehicle: type })\"\n              (click)=\"parkingForm.patchValue({ vehicle: type })\"\n            >\n              <img\n                [src]=\"parkingForm.value.vehicle.premiseType === type.premiseType ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\"\n                class=\"radio-icon\"\n                alt=\"Radio Button\"\n              />\n              <span tabindex=\"0\">{{ type.premiseTypeDisplayName | translate }}</span>\n            </div>\n          </div>\n          <div class=\"desc\" *ngIf=\"cfg.showRegistrationNumberInputFieldForParking\">\n            <span tabindex=\"0\" class=\"label text-ellipsis\">{{ \"Registration no.\" | translate }}</span>\n            <mis-input type=\"rounded\" [noHints]=\"true\">\n              <input\n                tabindex=\"0\"\n                aria-placeholder=\"Enter here\"\n                type=\"text\"\n                misInput\n                placeholder=\"{{ 'Enter' | translate }}\"\n                [formControl]=\"commuteSvc.regNo\"\n              />\n            </mis-input>\n          </div>\n        </div>\n      </ng-template>\n      <div class=\"bulkCutoffInfo\" *ngIf=\"bulkBookingParkingCutoff && parkingScheduleCutoff >= 0\">\n        <img [src]=\"Assets.ICONS.RED_INFO\" alt=\"\" />\n        <span class=\"infoText\">According to your company policy, parking can only be booked till {{ formattedMaxDate }}</span>\n      </div>\n      <div\n        *ngIf=\"cfg.enableGridFloorPlan\"\n        class=\"gridFloorPlan\"\n        mis-employee-web-exp-parking-grid-floor-plan\n        (slotSelect)=\"setSlot($event)\"\n        (waitlistOpt)=\"sendWaitlist($event)\"\n        [vehicleCreationDuringParkingEnabled]=\"vehicleCreationDuringParkingEnabled\"\n      ></div>\n      <div class=\"parking-desc\" *ngIf=\"!cfg.enableGridFloorPlan\">\n        <div class=\"premises\">\n          <div class=\"act\">\n            <span class=\"label\">{{ \"Zone\" | translate }}</span>\n            <mis-dropdown\n              label=\"{{ 'Select' | translate }}\"\n              [data]=\"zones\"\n              [selectedItem]=\"parkingForm?.value?.zone || { label: '' }\"\n              [searchEnabled]=\"false\"\n              (onChange)=\"setPremise('zone', $event, false)\"\n              width=\"190px\"\n            ></mis-dropdown>\n          </div>\n          <div class=\"act\">\n            <span class=\"label\">{{ \"Level\" | translate }}</span>\n            <mis-dropdown\n              label=\"{{ 'Select' | translate }}\"\n              [data]=\"levels\"\n              [selectedItem]=\"parkingForm?.value?.level || { label: '' }\"\n              [searchEnabled]=\"false\"\n              (onChange)=\"setPremise('level', $event, false)\"\n              width=\"190px\"\n            ></mis-dropdown>\n          </div>\n        </div>\n        <div class=\"container\">\n          <div *ngIf=\"!noAvaliability\" class=\"map\">\n            <div class=\"text\">{{ \"Your parking slot shall be auto-assigned post booking\" | translate }}</div>\n            <img [src]=\"Assets.IMAGES.PARKING_BG\" alt=\"\" />\n          </div>\n          <div *ngIf=\"noAvaliability && enableWaitlistBooking\" class=\"map\">\n            <img [src]=\"Assets.IMAGES.NO_PARKING_SLOTS\" alt=\"\" />\n            <div class=\"text\">{{ \"Oops, No parking slots available here for today!\" | translate }}</div>\n          </div>\n          <div class=\"waitlist-checkboxes\">\n            <div *ngIf=\"enableWaitlistBooking && noAvaliability\" class=\"wailistCheckbox\">\n              <mis-checkbox [checked]=\"waitlist.has(currLevel)\" (change)=\"joinWaitlist($event)\"></mis-checkbox>\n              <div class=\"checkbox-text\">\n                Join waitlist for {{ currLevel.parentPremiseName }}, {{ currLevel.premise }} to claim parking slots in case any parking slot gets\n                freed.\n              </div>\n            </div>\n            <div *ngIf=\"enableWaitlistBooking && noAvaliability && enableJoinAllWaitlist\" class=\"wailistCheckbox\">\n              <mis-checkbox [checked]=\"allLevelChecked\" (change)=\"joinAllWaitlist($event)\"></mis-checkbox>\n              <div class=\"checkbox-text\">Join all parking waitlists.</div>\n              <img\n                [src]=\"Assets.ICONS.ACTION_INFO\"\n                misToolTip\n                [position]=\"'right'\"\n                [text]=\"'Booking would be created irrespective of the type of parking level (Stacked, fixed, etc)'\"\n                alt=\"\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n  </div>\n</div>\n<ng-template #showLoading>\n  <div class=\"loader\">\n    <mis-loader></mis-loader>\n  </div>\n</ng-template>\n","styles":[".input-field{padding:4px 16px;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border-bottom:1px solid #e0e0e0;outline:none}.input-field:not(:last-child){margin-bottom:16px}.input-field>:not(:last-child){margin-right:16px}.input-field .field-icon{font-size:24px;color:#6a737d}.input-field .field-text{flex:1 1 auto}.input-field .field-text .label{font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;color:#6a737d}.input-field .field-text .value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.input-field.text-input{border-bottom:1px solid #e0e0e0}.input-field.text-input .field-text{position:relative}.input-field.text-input .field-text .label{position:absolute;top:0;left:0}.input-field.text-input .field-text input{padding:16px 0 0;outline:none;border:none;background:transparent;width:100%;font-size:15px;line-height:20px;letter-spacing:.1px;color:#181f33}.form-radio{position:relative;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border:none;outline:none}.form-radio span{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;display:inline-block;flex:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.form-radio .radio-icon{content:\"\";display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:50%;margin-right:8px}.form-radio.disable{pointer-events:none;opacity:.6}.form-radio:not(.disable):focus .radio-icon{border:2px solid #0937b2;border-radius:12px}: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}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px;position:relative}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.parking-wrapper{display:flex;flex-direction:column;flex:1 1 100%}.initial-vehicle-info{gap:24px;padding:68px 0 0}.initial-vehicle-info,.initial-vehicle-info .initial-add-vehicle-info{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center}.initial-vehicle-info .initial-add-vehicle-info{gap:8px}.initial-vehicle-info .initial-add-vehicle-info .info-header{color:#000;text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px}.initial-vehicle-info .initial-add-vehicle-info .info-details{color:var(--lt-text-muted,#6a737d);font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.initial-vehicle-info .initial-add-vehicle-info .add-button{color:var(--lt-bg-pmry-500,#0937b2);text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.5px;padding:10px 16px;cursor:pointer}.vehicle-selection{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:0 0 16px}.vehicle-selection .add-vehicle-button{color:var(--lt-bg-pmry-500,#0937b2);text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.5px;padding:10px 16px;cursor:pointer}.vehicle-info{display:flex;flex-wrap:nowrap;align-items:center}@media screen and (max-width:600px){.vehicle-info{flex-direction:column;align-items:flex-start}}.vehicle-info .desc,.vehicle-info .types{flex:1 1 50%;display:flex;align-items:center}.vehicle-info .desc span.label,.vehicle-info .types span.label{font-style:normal;font-weight:400;font-size:16px;line-height:24px;margin:16px}.vehicle-info .desc .form-radio:not(:last-child),.vehicle-info .types .form-radio:not(:last-child){margin-right:24px}.vehicle-info .desc{justify-content:flex-end}.vehicle-info .desc .input-container{padding-bottom:0!important}.bulkCutoffInfo{background-color:#faefed;color:#6b034e;display:flex;flex-direction:row;align-items:center;padding:0 12px;gap:4px;height:24px;margin-bottom:4px}.bulkCutoffInfo .infoText{font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;margin-left:4px;height:16px}.gridFloorPlan{border:1px solid #e0e0e0;box-sizing:border-box;height:70vh;display:flex;flex-direction:column}.parking-desc{border-radius:8px;border:1px solid #e0e0e0;flex:1 1 100%;display:flex;flex-direction:column}.parking-desc .premises{display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid #e0e0e0;padding:12px 24px}@media screen and (max-width:600px){.parking-desc .premises{flex-direction:column;align-items:flex-start;gap:16px}}.parking-desc .premises .act{flex:1 1 33.333333%;max-width:33.333333%;display:flex;align-items:center}@media screen and (max-width:600px){.parking-desc .premises .act{max-width:100%}}.parking-desc .premises .act span.label{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d;margin-right:12px}@media screen and (max-width:600px){.parking-desc .premises .act span.label{margin:0}}.parking-desc .map{flex:1 1 100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.parking-desc .map .text{font-style:normal;font-weight:700;font-size:18px;line-height:24px;text-align:center;letter-spacing:.5px;max-width:460px;margin:24px auto 48px;color:#181f33}@media screen and (max-width:600px){.parking-desc .map img{width:100%;padding:10px}}@media screen and (max-width:600px){.parking-desc .container{display:flex;flex-direction:column-reverse}}@media screen and (min-width:600px){.parking-desc .container{height:70vh}}.parking-desc .waitlist-checkboxes{display:flex;flex-direction:column;padding:8px 12px 8px 8px}.parking-desc .waitlist-checkboxes .wailistCheckbox{display:flex}.parking-desc .waitlist-checkboxes .checkbox-text{padding:0 4px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"LoaderService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":32,"character":20},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerService","line":35,"character":24},{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":37,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"fetchParkingDetails":[{"__symbolic":"method"}],"fetchVehicleDetails":[{"__symbolic":"method"}],"setVehicleDetails":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setSlot":[{"__symbolic":"method"}],"listenFormChanges":[{"__symbolic":"method"}],"groupBy":[{"__symbolic":"method"}],"buildForm":[{"__symbolic":"method"}],"setZones":[{"__symbolic":"method"}],"setLevels":[{"__symbolic":"method"}],"setPremise":[{"__symbolic":"method"}],"setLevelV2":[{"__symbolic":"method"}],"sendWaitlist":[{"__symbolic":"method"}],"joinWaitlist":[{"__symbolic":"method"}],"joinAllWaitlist":[{"__symbolic":"method"}],"openVehicleForm":[{"__symbolic":"method"}]}},"ɵbk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"additionalType"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":46,"character":1},"arguments":[{"selector":"mis-employee-web-exp-body","template":"<div class=\"exp-body\">\n  <div class=\"exp-widgets\">\n    <div class=\"exp-widget-column\" *ngFor=\"let columnWidgets of columnGroups | async\">\n      <div class=\"exp-widget\" *ngFor=\"let widget of columnWidgets\">\n        <ng-container [ngSwitch]=\"widget.type\">\n          <ng-container *ngSwitchCase=\"'hero'\" [ngTemplateOutlet]=\"heroCard\"></ng-container>\n          <ng-container *ngSwitchCase=\"'calendar'\" [ngTemplateOutlet]=\"calenderCard\"></ng-container>\n          <ng-container *ngSwitchCase=\"'list'\" [ngTemplateOutlet]=\"listCard\"></ng-container>\n          <ng-container *ngSwitchCase=\"'meeting-list'\" [ngTemplateOutlet]=\"meetinglistCard\"></ng-container>\n          <ng-container *ngSwitchCase=\"'meal-list'\" [ngTemplateOutlet]=\"meallistCard\"></ng-container>\n          <!-- <div *ngSwitchDefault>output2</div> -->\n        </ng-container>\n        <!-- widget-templates -->\n        <ng-template #heroCard>\n          <mis-employee-web-exp-widget-card [name]=\"widget.name\" [showLightName]=\"false\">\n            <mis-employee-web-exp-booking-card\n              style=\"height: 100%\"\n              noBookingText=\"You don’t have any bookings for today!\"\n              [timezone]=\"timezone\"\n              [dateFormat]=\"configurations?.flattenedSettings?.DATE_FORMAT\"\n              [timeFormat]=\"configurations?.flattenedSettings?.TIME_FORMAT\"\n              [widgetControl]=\"allWidgets.get('heroSource')\"\n              (create)=\"handlerCreateCallback($event)\"\n              (cardAction)=\"handleCardAction($event)\"\n              (checkin)=\"showCheckinConfirmPopup($event)\"\n              (checkout)=\"handleCheckout($event)\"\n            ></mis-employee-web-exp-booking-card>\n          </mis-employee-web-exp-widget-card>\n        </ng-template>\n        <ng-template #calenderCard>\n          <mis-employee-web-exp-widget-card [name]=\"widget.name\" [showLightName]=\"false\">\n            <mis-employee-web-exp-calender-card\n              (showTeamCalender)=\"openTeamCalendar($event)\"\n              style=\"height: 100%\"\n              [widgetControl]=\"allWidgets.get('calendarSource')\"\n              [bookingStream]=\"allWidgets.get('heroSource')\"\n            ></mis-employee-web-exp-calender-card>\n          </mis-employee-web-exp-widget-card>\n        </ng-template>\n        <ng-template #listCard>\n          <mis-employee-web-exp-widget-card\n            [name]=\"widget.name\"\n            [actions]=\"widget.actions\"\n            [widget]=\"widget\"\n            actionPosition=\"top\"\n            [widgetControl]=\"allWidgets.get('bookingSource')\"\n            [showToggle]=\"configurations?.flattenedSettings?.showBookingFilter\"\n          >\n            <mis-employee-web-exp-list-card\n              emptyMessage=\"You have no upcoming bookings\"\n              [widgetControl]=\"allWidgets.get('bookingSource')\"\n              [singleShiftOperation]=\"configurations?.flattenedSettings?.singleShiftOperations\"\n              [dateFormat]=\"configurations?.flattenedSettings?.DATE_FORMAT\"\n              [timeFormat]=\"configurations?.flattenedSettings?.TIME_FORMAT\"\n              (action)=\"handleUpcoming($event)\"\n              [scrollToPaginate]=\"true\"\n            >\n            </mis-employee-web-exp-list-card>\n          </mis-employee-web-exp-widget-card>\n        </ng-template>\n        <ng-template #meetinglistCard>\n          <mis-employee-web-exp-widget-card\n            [name]=\"widget.name\"\n            [actions]=\"widget.actions\"\n            (action)=\"handleWidgetAction(widget, $event)\"\n            actionPosition=\"top\"\n          >\n            <mis-employee-web-exp-list-card\n              emptyMessage=\"You have no meetings today.\"\n              [widgetControl]=\"allWidgets.get('meetingSource')\"\n              [dateFormat]=\"configurations?.flattenedSettings?.DATE_FORMAT\"\n              [timeFormat]=\"configurations?.flattenedSettings?.TIME_FORMAT\"\n              (action)=\"handleMeetings($event)\"\n            >\n            </mis-employee-web-exp-list-card>\n          </mis-employee-web-exp-widget-card>\n        </ng-template>\n        <ng-template #meallistCard>\n          <mis-employee-web-exp-widget-card\n          [name]=\"widget.name\"\n          [actions]=\"widget.actions\"\n          (action)=\"handleWidgetAction(widget, $event)\"\n          actionPosition=\"top\"\n        >\n            <mis-employee-web-exp-meal-feedback-card\n              emptyMessage=\"You have no meals to give feedback\"\n              [widgetControl]=\"allWidgets.get('mealSource')\"\n              [dateFormat]=\"configurations?.flattenedSettings?.DATE_FORMAT\"\n              [timeFormat]=\"configurations?.flattenedSettings?.TIME_FORMAT\"\n              (action)=\"handleMeals($event)\"\n            ></mis-employee-web-exp-meal-feedback-card>\n          </mis-employee-web-exp-widget-card>\n        </ng-template>\n      </div>\n    </div>\n  </div>\n  <mis-fab [show]=\"configSvc.isMobile\" [options]=\"{ size: 56 }\" [items]=\"fabItems\"></mis-fab>\n</div>\n","styles":[".exp-widgets{display:flex;-moz-column-gap:22px;column-gap:22px;row-gap:16px}.exp-widgets .exp-widget-column{width:49%}.exp-widgets .exp-widget{margin-bottom:32px}@media screen and (max-width:1250px){.exp-widgets .exp-widget-column{width:100%;min-width:0}}.exp-body{position:relative}@media screen and (max-width:600px){.exp-body{margin-bottom:80px}}"]}]}],"members":{"showTeamCalendar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":102,"character":19},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerService","line":105,"character":23},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalService","line":106,"character":22},{"__symbolic":"reference","name":"LoaderService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":109,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":110,"character":19},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":112,"character":27},{"__symbolic":"reference","module":"mis-crystal-design-system/analytics","name":"AnalyticsService","line":113,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleQuickActions":[{"__symbolic":"method"}],"getEmpDetails":[{"__symbolic":"method"}],"updateWidgets":[{"__symbolic":"method"}],"updateLayout":[{"__symbolic":"method"}],"getBookings":[{"__symbolic":"method"}],"listenForBookingUpdates":[{"__symbolic":"method"}],"genHeroStream":[{"__symbolic":"method"}],"checkForHeroBooking":[{"__symbolic":"method"}],"getCancellationBooking":[{"__symbolic":"method"}],"genUpcomingBookingStream":[{"__symbolic":"method"}],"genMeetingStream":[{"__symbolic":"method"}],"genMealStream":[{"__symbolic":"method"}],"setPreferences":[{"__symbolic":"method"}],"handleUpcoming":[{"__symbolic":"method"}],"handleMeetings":[{"__symbolic":"method"}],"handleUpdateBooking":[{"__symbolic":"method"}],"handleCardAction":[{"__symbolic":"method"}],"handleCheckout":[{"__symbolic":"method"}],"officeCheckout":[{"__symbolic":"method"}],"homeCheckout":[{"__symbolic":"method"}],"showCheckinConfirmPopup":[{"__symbolic":"method"}],"handleMeals":[{"__symbolic":"method"}],"handleWidgetAction":[{"__symbolic":"method"}],"openTeamCalendar":[{"__symbolic":"method"}]}},"ɵbm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"mis-employee-web-exp-calendar","template":"<div class=\"calendar-wrapper\">\n  <iframe width=\"100%\" height=\"100%\" [src]=\"teamCalendarUrl | async | safe\"></iframe>\n</div>\n","styles":[".calendar-wrapper{height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerService","line":30,"character":23},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵbn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"WisConfigService"},{"__symbolic":"reference","name":"EmpUserService"}]}],"consturctUrl":[{"__symbolic":"method"}],"refreshFrame":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵbo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"mis-employee-web-exp-addon-wrapper","template":"<div class=\"addon-form\">\n  <div class=\"form-header\">\n    <img class=\"icon\" [src]=\"ASSETS.ICONS.ARROW\" (click)=\"closeDrawer()\" />\n    <div class=\"name\">{{ addonConfigurations.name | translate }}</div>\n  </div>\n  <div class=\"form-body\">\n    <div class=\"footer-content\">\n      <div mis-employee-web-exp-commute *ngIf=\"addonConfigurations.id === 'COMMUTE'\" [config]=\"bookingSvc.formConfiguration.userConfigs\"></div>\n      <div mis-employee-web-exp-seat style=\"height: 100%\" *ngIf=\"addonConfigurations.id === 'SEAT'\"></div>\n      <div *ngIf=\"addonConfigurations.id === 'MEAL'\">\n        <mis-employee-web-exp-meal-component></mis-employee-web-exp-meal-component>\n      </div>\n    </div>\n  </div>\n  <div class=\"footer-contsiner\">\n    <div *ngIf=\"addonConfigurations.id === 'SEAT'\" class=\"seat-footer\">\n      <div class=\"seat-name\">\n        <img [src]=\"ASSETS.ICONS.SEAT\" />\n        <p class=\"seat-no text-ellipsis\">\n          {{ seatSelected ? seatSelected.seatName : \"- -\" }}\n        </p>\n      </div>\n      <button mis-button [type]=\"'primary'\" [disabled]=\"!seatSelected\" (click)=\"selectSeat()\">\n        <p class=\"text-ellipsis\">{{ \"Select\" | translate }}</p>\n      </button>\n    </div>\n    <div *ngIf=\"addonConfigurations.id === 'COMMUTE'\" class=\"commute-footer\">\n      <button mis-button [type]=\"'primary'\" (click)=\"selectCommute()\">\n        <p class=\"text-ellipsis\">\n          {{ commuteSvc.currentChoice.id === 0 ? (\"Confirm\" | translate) : (\"Reserve Slot\" | translate) }}\n        </p>\n      </button>\n    </div>\n  </div>\n</div>\n","styles":[".input-field{padding:4px 16px;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border-bottom:1px solid #e0e0e0;outline:none}.input-field:not(:last-child){margin-bottom:16px}.input-field>:not(:last-child){margin-right:16px}.input-field .field-icon{font-size:24px;color:#6a737d}.input-field .field-text{flex:1 1 auto}.input-field .field-text .label{font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;color:#6a737d}.input-field .field-text .value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.input-field.text-input{border-bottom:1px solid #e0e0e0}.input-field.text-input .field-text{position:relative}.input-field.text-input .field-text .label{position:absolute;top:0;left:0}.input-field.text-input .field-text input{padding:16px 0 0;outline:none;border:none;background:transparent;width:100%;font-size:15px;line-height:20px;letter-spacing:.1px;color:#181f33}.form-radio{position:relative;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border:none;outline:none}.form-radio span{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;display:inline-block;flex:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.form-radio .radio-icon{content:\"\";display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:50%;margin-right:8px}.form-radio.disable{pointer-events:none;opacity:.6}.form-radio:not(.disable):focus .radio-icon{border:2px solid #0937b2;border-radius:12px}: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}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px;position:relative}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.addon-form{flex:1 1 100%;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;overflow-y:auto;height:100%;background-color:#fff}.addon-form .form-header{margin:16px 0 0;padding-left:24px;display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid #e0e0e0}.addon-form .form-header .icon{transform:rotate(180deg)}.addon-form .form-header .name{font-style:normal;font-weight:700;font-size:16px;line-height:28px;display:flex;align-items:center;letter-spacing:.2px;color:#181f33}.form-header{margin:16px 24px 0;padding-bottom:16px;display:flex;flex-wrap:nowrap;align-items:center;gap:20px}.form-header .name{font-style:normal;font-weight:700;font-size:20px;line-height:28px;letter-spacing:.25px;color:#181f33}.form-header .type-name{flex:1}.form-header .type-name .booking-type{font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.form-header .mis-btn{flex:0.3;padding-right:4px}@media screen and (max-width:600px){.form-header .mis-btn{justify-content:flex-end}}.form-body{display:flex;flex-direction:column;overflow-y:auto;height:100%;padding:16px}.form-body .footer-content{flex:1}.footer-contsiner .seat-footer{display:flex;justify-content:space-between;align-items:center;height:74px;padding:16px;border-top:1px solid #e0e0e0;gap:10px}.footer-contsiner .seat-footer .seat-name{display:flex;justify-content:flex-start;align-items:center;gap:10px;max-width:70%}.footer-contsiner .seat-footer .seat-name .seat-no{margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:17px}.footer-contsiner .seat-footer button p{margin:0}.footer-contsiner .commute-footer{display:flex;justify-content:center;align-items:center;padding:16px;border-top:1px solid #e0e0e0}.footer-contsiner .commute-footer button{width:100%}.footer-contsiner .commute-footer button p{margin:0}.form-actions{display:flex;justify-content:flex-end;padding:18px 24px;border-top:1px solid #e0e0e0}@media screen and (max-width:600px){.form-actions button{width:100%}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":5},"arguments":[{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DRAWER_DATA_VAR","line":17,"character":12}]}],null,null,null,null,null],"parameters":[null,{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerRef","line":20,"character":22},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"closeDrawer":[{"__symbolic":"method"}],"selectSeat":[{"__symbolic":"method"}],"selectCommute":[{"__symbolic":"method"}]}},"ɵbp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-create-booking","template":"<div class=\"backdrop\">\n  <div class=\"modal-container\">\n    <button mis-button size=\"lg\" class=\"modal-item\" *ngFor=\"let item of quickActions\" (click)=\"onClickItem(item)\">\n      <img [src]=\"item.icon\" />\n      <p>{{ item.label }}</p>\n    </button>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.backdrop{width:100%;background-color:transparent;top:30%;right:0;left:0;bottom:0;height:0;padding:16px;position:fixed}.backdrop .modal-container{width:100%;background-color:#fff;display:flex;gap:12px;flex-direction:column;padding:16px;border-radius:8px}.backdrop .modal-container .modal-item{display:flex;justify-content:flex-start;align-items:center;width:100%;border:1px solid #e0e0e0;background-color:#fff;padding:8px 16px;gap:16px;border-radius:8px}.backdrop .modal-container .modal-item img{width:32px;height:32px}.backdrop .modal-container .modal-item p{margin:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"mis-design-system/modal","name":"BsModalRef","line":13,"character":31},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"onClickItem":[{"__symbolic":"method"}]}},"ɵbq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"filterOutBooking"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"mis-employee-web-exp-adhoc-shifts","template":"<div tabindex=\"0\" role=\"dialog\" aria-label=\"Shift Selection Modal\" class=\"wrapper\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n  <div class=\"header-wrapper\">\n    <span tabindex=\"0\">{{ \"Select\" | translate }} {{ data | translate }} {{ \"time\" | translate }}</span>\n    <button aria-label=\"Close Modal Button\" mis-button size=\"sm\" (keyup.enter)=\"closeModal()\" (click)=\"closeModal()\">\n      <img [src]=\"Assets.ICONS.CLOSE\" alt=\"close Icon\" />\n    </button>\n  </div>\n  <div tabindex=\"0\" *ngIf=\"adhocEnabled\" class=\"adhoc-content\">\n    <div class=\"circle\"></div>\n    {{ \"Ad-hoc shifts\" | translate }}\n  </div>\n  <div tabindex=\"0\" aria-label=\" Shift-Time and Transport selection \" class=\"list-labels\">\n    <div class=\"shift-header\">{{ \"Shift Time\" | translate }}</div>\n    <div class=\"transport-header\">{{ \"Transport\" | translate }}</div>\n  </div>\n  <div class=\"content-scroll\" tabindex=\"0\" aria-label=\"Shift timing selections\" #selectedShift>\n    <div class=\"list-content\" *ngFor=\"let shifts of label | filterShiftsBefore : formData.value?.startShift?.timeInMinutes : data\">\n      <div class=\"shifts\">\n        <div class=\"label-wrapper\">\n          <div [ngClass]=\"{ circle: shifts.type === 'ADHOC', planned: shifts.type === 'PLANNED' }\"></div>\n          <div\n            tabindex=\"0\"\n            class=\"shift-box\"\n            (keyup.enter)=\"shiftSelect(shifts)\"\n            (click)=\"shiftSelect(shifts)\"\n            [ngClass]=\"{ selected: shifts | shiftStyle : selectedLoginShift : selectedLogoutShift }\"\n          >\n            <img *ngIf=\"shifts | shiftStyle : selectedLoginShift : selectedLogoutShift\" [src]=\"Assets.ICONS.CHOICE_CHIP\" alt=\"Choice CHip Icon\" />\n            {{ shifts.label }}\n          </div>\n        </div>\n        <ng-container *ngIf=\"!configs.flattenedSettings.isShuttleRequired; else shuttleView\">\n          <img tabindex=\"0\" *ngIf=\"!shifts.transportAvalability\" [src]=\"Assets.ICONS.TRANSPORT_UNAVAILABILTY\" alt=\"Transport Unavailable\" />\n          <img tabindex=\"0\" *ngIf=\"shifts.transportAvalability\" [src]=\"Assets.ICONS.TRANSPORT_AVAILABILTY\" alt=\"Transport Available\" />\n        </ng-container>\n        <ng-template #shuttleView>\n          <img tabindex=\"0\" *ngIf=\"!shifts.transportAvalability\" [src]=\"Assets.ICONS.SHUTTLE_CROSS\" alt=\"Transport Unavailable\" />\n          <img tabindex=\"0\" *ngIf=\"shifts.transportAvalability\" [src]=\"Assets.ICONS.SHUTTLE_DARK\" alt=\"Transport Available\" />\n        </ng-template>\n      </div>\n    </div>\n    <div class=\"next-header-wrapper\" *ngIf=\"data === 'Check-Out'\">\n      <span tabindex=\"0\">{{ \"Next Day\" | translate }}</span>\n      <div class=\"line\">\n        <hr />\n      </div>\n    </div>\n    <div class=\"next-day-content\" *ngIf=\"data === 'Check-Out'\">\n      <div class=\"list-content\" *ngFor=\"let nextDay of nextDayLogoutShift\">\n        <div class=\"shifts\">\n          <div class=\"label-wrapper\">\n            <div [ngClass]=\"{ circle: nextDay.type === 'ADHOC', planned: nextDay.type === 'PLANNED' }\"></div>\n            <div\n              class=\"shift-box\"\n              tabindex=\"0\"\n              (keyup.enter)=\"shiftSelect(nextDay)\"\n              (click)=\"shiftSelect(nextDay)\"\n              [ngClass]=\"{ selected: nextDay | shiftStyle : selectedLoginShift : selectedLogoutShift : nextDayLogoutShift }\"\n            >\n              <img\n                *ngIf=\"nextDay | shiftStyle : selectedLoginShift : selectedLogoutShift : nextDayLogoutShift\"\n                [src]=\"Assets.ICONS.CHOICE_CHIP\"\n                alt=\"Choice CHip Icon\"\n              />\n              {{ nextDay.label }}\n            </div>\n          </div>\n\n          <ng-container *ngIf=\"!configs.flattenedSettings.isShuttleRequired; else shuttleView\">\n            <img tabindex=\"0\" *ngIf=\"!nextDay.transportAvalability\" [src]=\"Assets.ICONS.TRANSPORT_UNAVAILABILTY\" alt=\"Transport Unavailable\" />\n            <img tabindex=\"0\" *ngIf=\"nextDay.transportAvalability\" [src]=\"Assets.ICONS.TRANSPORT_AVAILABILTY\" alt=\"Transport Available\" />\n          </ng-container>\n          <ng-template #shuttleView>\n            <img tabindex=\"0\" *ngIf=\"!nextDay.transportAvalability\" [src]=\"Assets.ICONS.SHUTTLE_CROSS\" alt=\"Transport Unavailable\" />\n            <img tabindex=\"0\" *ngIf=\"nextDay.transportAvalability\" [src]=\"Assets.ICONS.SHUTTLE_DARK\" alt=\"Transport Available\" />\n          </ng-template>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.wrapper{background:#fff;padding:24px;max-width:341px}.wrapper .header-wrapper{background:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.wrapper .header-wrapper span{font-weight:700;font-size:20px;line-height:28px;letter-spacing:.25px;color:#181f33;flex:1 1 90%}.wrapper .header-wrapper button{margin-left:24px}.wrapper .header-wrapper button img{margin-right:0}.wrapper .next-header-wrapper{background:#fff;display:flex;align-items:center;margin-bottom:16px;gap:10px}.wrapper .next-header-wrapper span{font-weight:700;font-size:20px;line-height:28px;letter-spacing:.25px;color:#181f33;white-space:nowrap;width:50%}.wrapper .next-header-wrapper .line{border:1 solid #e0e0e0;width:100%}.wrapper .adhoc-content{font-size:14px;margin-bottom:16px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:16px}.wrapper .adhoc-content .circle{height:8px;width:8px;border-radius:50%;background-color:#ed711c}.wrapper .list-labels{display:flex;justify-content:space-between;margin-left:10%}.wrapper .list-labels .shift-header,.wrapper .list-labels .transport-header{font-family:Lato;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d;margin-bottom:22px}.wrapper .content-scroll{overflow:scroll;max-height:45vh}@media screen and (max-height:650px){.wrapper .content-scroll{max-height:35vh}}.wrapper .list-content{margin-bottom:12px;padding-right:16px}.wrapper .list-content .shifts{display:flex;justify-content:space-between;align-items:center}.wrapper .list-content .shifts .label-wrapper{display:flex;align-items:baseline;justify-content:center;gap:16px}.wrapper .list-content .shifts .circle{height:8px;width:8px;border-radius:50%;background-color:#ed711c}.wrapper .list-content .shifts .planned{margin-right:8px}.wrapper .list-content .shifts .shift-box{width:98px;height:48px;border:1px solid #6a737d;box-sizing:border-box;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.wrapper .selected{background:#0937b2;color:#fff}"]}]}],"members":{"selectedShift":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["selectedShift"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":25,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":25,"character":55},"arguments":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"MODAL_DATA_VAR","line":25,"character":62}]}]],"parameters":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":25,"character":44},null]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"shiftSelect":[{"__symbolic":"method"}],"closeModal":[{"__symbolic":"method"}]}},"ɵbs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"shiftStyle"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"mis-employee-web-exp-ip-consent","template":"<div class=\"main\">\n  <div class=\"head\">\n    <p>{{ \"Tracking\" | translate }}</p>\n    <button mis-button (click)=\"cancel()\">\n      <img [src]=\"Assets.ICONS.CLOSE\" alt=\"\" />\n    </button>\n  </div>\n  <div class=\"body\">\n    <p>\n      {{\n        \"If you accept these terms, we and our partners (eg. Google) will use anonymized ID's (IP address or device ID)\n      of your computer, tablet or phone to improve the user experience, to analyise the use of our content to support\n      and advertising.\" | translate\n      }}\n    </p>\n  </div>\n  <div class=\"footer\">\n    <button mis-button type=\"primary\" size=\"md\" (click)=\"confirm()\">{{ \"Accept\" | translate }}</button>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.main{background-color:#fff;max-width:508px;padding:24px}.main .head{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #e0e0e0}.main .head p{font-family:Lato;font-weight:700;font-size:20px;line-height:28px;letter-spacing:.25px;color:#181f33;margin:0}.main .head img{width:12px;height:12px;cursor:pointer}.main .body{padding:24px 0;border-bottom:1px solid #e0e0e0}.main .body p{color:#181f33;font-family:Lato;font-size:16px;line-height:180%;margin:0}.main .footer{margin-top:17px;display:flex;flex-direction:column;align-items:flex-end}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":43},"arguments":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"MODAL_DATA_VAR","line":16,"character":50}]}],null],"parameters":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":16,"character":32},null,{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}]}},"ɵbu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"iconOverflowCheck"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"mis-employee-web-exp-vaccination-eligibility","template":"<!-- @format -->\n\n<div class=\"checkin-popup\">\n  <div class=\"popup-container\">\n    <div class=\"close-button\">\n      <button mis-button size=\"sm\" (click)=\"close()\">\n        <img [src]=\"Assets.ICONS.CLOSE\" alt=\"\" />\n      </button>\n    </div>\n    <img class=\"certificate\" [src]=\"Assets.IMAGES.CERTIFICATE\" alt=\"workinsync\" />\n    <p class=\"header-message\" *ngIf=\"status.vaxStatus\">{{ \"Vaccination certificate\" | translate }} {{ status.vaxStatus }}</p>\n    <p class=\"hint-title\">{{ \"Reason\" | translate }}</p>\n    <p class=\"message-content\" *ngIf=\"eligibility.ineligibilityReason\">\n      {{ eligibility.ineligibilityReason }}\n    </p>\n    <button size=\"lg\" mis-button (click)=\"handleVaccineUpdate()\" type=\"primary\">{{ \"Update Vaccine Status\" | translate }}</button>\n    <p class=\"hint-text\">{{ \"To ensure the safety of everyone in the office\" | translate }}</p>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.checkin-popup{width:100%;border-radius:8px;overflow:auto;padding:32px;background-color:#fff;position:relative}@media screen and (max-width:600px){.checkin-popup{padding:24px}}.checkin-popup p{margin:0}.checkin-popup .popup-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.checkin-popup .popup-container .close-button{position:absolute;right:-20px;top:-10px}.checkin-popup .popup-container .close-button .mis-btn,.checkin-popup .popup-container .close-button .mis-btn img{margin:0}.checkin-popup .popup-container .certificate{width:160px;height:160px}.checkin-popup .popup-container .header-message{font-size:20px;font-style:normal;font-weight:700;line-height:28px;letter-spacing:.25px;padding-top:16px;text-align:center;color:#181f33}@media screen and (max-width:600px){.checkin-popup .popup-container .header-message{padding-top:32px;font-size:17px;line-height:24px;letter-spacing:.2px}}.checkin-popup .popup-container .hint-title{padding-top:24px;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;width:100%;color:#181f33}@media screen and (max-width:600px){.checkin-popup .popup-container .hint-title{font-size:12px;line-height:16px;letter-spacing:.25px;padding-top:20px}}.checkin-popup .popup-container .message-content{padding:16px;margin-top:8px;font-size:20px;font-style:normal;font-weight:400;line-height:28px;letter-spacing:.15px;text-align:left;color:#181f33;border:1px solid #ffd1c9;border-radius:10px;background-color:#fff5f5}@media screen and (max-width:600px){.checkin-popup .popup-container .message-content{font-size:15px;line-height:20px;letter-spacing:.1px}}.checkin-popup .popup-container .mis-btn{width:100%;margin-top:32px}.checkin-popup .popup-container .hint-text{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:center;padding-top:12px;color:#6a737d}@media screen and (max-width:600px){.checkin-popup .popup-container .hint-text{font-size:12px;line-height:16px;letter-spacing:.25px}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":69},"arguments":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"MODAL_DATA_VAR","line":13,"character":76}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":13,"character":30},{"__symbolic":"reference","name":"EmpUserService"},null,{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":13,"character":116}]}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"handleVaccineUpdate":[{"__symbolic":"method"}]}},"ɵbw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"mis-employee-web-exp-recurrence-booking-form","template":"<div aria-label=\"Repeat Booking container\" class=\"wrapper-class\">\n  <form class=\"form-fields\" [formGroup]=\"recurrenceFormGroup\">\n    <div class=\"repeat-options\">\n      <div class=\"form-field block\">\n        <div class=\"label\">{{ \"Repeat till\" | translate }}</div>\n        <div class=\"date-select\">\n          <input\n            misTzDp\n            type=\"text\"\n            tabindex=\"0\"\n            aria-label=\"Repeat Till select date\"\n            readonly\n            [dpConfig]=\"dpConfig\"\n            [datesDisabled]=\"datesDisabled\"\n            [dateMessages]=\"dateMessages\"\n            class=\"form-field-input-text\"\n            formControlName=\"endDate\"\n            placeholder=\"Select\"\n            positionX=\"start\"\n          />\n          <img [src]=\"Assets.ICONS.CALENDAR\" alt=\"Calendar Icon\" class=\"date-icon data-picker-icon\" />\n        </div>\n      </div>\n      <div class=\"form-field block\" formGroupName=\"repeatsEvery\">\n        <div class=\"repeat-one\">\n          <div\n            tabindex=\"0\"\n            aria-label=\"select Radio button icon to select repeat days\"\n            class=\"form-radio\"\n            [ngClass]=\"{ checked: selectedOption === 0 }\"\n            (keyup.enter)=\"radioEventHandler(0)\"\n            (click)=\"radioEventHandler(0)\"\n          >\n            <img\n              tabindex=\"0\"\n              [src]=\"selectedOption === 0 ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\"\n              class=\"radio-icon\"\n              alt=\"Radio Button Icon\"\n            />\n            <label for=\"repeats0ne\">{{ \"Repeats Every\" | translate }}</label>\n          </div>\n          <div class=\"days\">\n            <span\n              class=\"day\"\n              [tabindex]=\"disableDay && weeklyOffs.includes(day) ? -1 : 0\"\n              [attr.aria-label]=\"daysFull[day - 1]\"\n              (keyup.enter)=\"selectedOption == 0 && toggleWorkingDay(day)\"\n              (click)=\"selectedOption == 0 && toggleWorkingDay(day)\"\n              [ngClass]=\"{\n                selected: selectedOption == 0 && selectedDays.has(day),\n                unblockedDays: selectedOption == 0 && !weeklyOffs.includes(day),\n                disabled: disableDay && weeklyOffs.includes(day)\n              }\"\n              *ngFor=\"let day of daysIndex\"\n              >{{ days[day - 1] }}</span\n            >\n          </div>\n        </div>\n        <div tabindex=\"0\" aria-label=\"select Radio button icon to select number of repeat days\" class=\"repeat-two\">\n          <div class=\"form-radio\" [ngClass]=\"{ checked: selectedOption === 1 }\" (keyup.enter)=\"radioEventHandler(1)\" (click)=\"radioEventHandler(1)\">\n            <img\n              tabindex=\"0\"\n              [src]=\"selectedOption === 1 ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\"\n              class=\"radio-icon\"\n              alt=\"Radio Button Icon\"\n            />\n            <label for=\"repeatsTwo\">{{ \"Repeats Every\" | translate }}</label>\n          </div>\n          <div class=\"day-input\">\n            <input\n              tabindex=\"0\"\n              aria-label=\"Repeats Every edit number of days\"\n              [ngClass]=\"{ errorPresent: recurrenceFormGroup.invalid }\"\n              formControlName=\"repeatedDay\"\n              type=\"number\"\n              misInput\n              min=\"2\"\n            />\n          </div>\n          <span>{{ \"Days\" | translate }}</span>\n        </div>\n      </div>\n    </div>\n  </form>\n</div>\n","styles":[".input-field{padding:4px 16px;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border-bottom:1px solid #e0e0e0;outline:none}.input-field:not(:last-child){margin-bottom:16px}.input-field>:not(:last-child){margin-right:16px}.input-field .field-icon{font-size:24px;color:#6a737d}.input-field .field-text{flex:1 1 auto}.input-field .field-text .label{font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;color:#6a737d}.input-field .field-text .value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.input-field.text-input{border-bottom:1px solid #e0e0e0}.input-field.text-input .field-text{position:relative}.input-field.text-input .field-text .label{position:absolute;top:0;left:0}.input-field.text-input .field-text input{padding:16px 0 0;outline:none;border:none;background:transparent;width:100%;font-size:15px;line-height:20px;letter-spacing:.1px;color:#181f33}.form-radio{position:relative;display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;border:none;outline:none}.form-radio span{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;display:inline-block;flex:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.form-radio .radio-icon{content:\"\";display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:50%;margin-right:8px}.form-radio.disable{pointer-events:none;opacity:.6}.form-radio:not(.disable):focus .radio-icon{border:2px solid #0937b2;border-radius:12px}: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}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px;position:relative}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.repeat-options{padding:12px;background:#fafafa;border-radius:10px;margin:16px 0}@media screen and (max-width:600px){.repeat-options{width:85vw}}.form-field .label{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:left;min-width:80px;color:#6a737d;margin-bottom:8px}@media screen and (max-width:600px){.form-field .label{min-width:40px}}.form-field.inline-field{display:flex;align-items:center}@media screen and (max-width:600px){.form-field.inline-field{justify-content:space-between}}.form-field.inline-field .label{margin-right:24px;margin-bottom:0}.form-field .date-select{border:1px solid #e0e0e0;padding:0;border-radius:6px;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;position:relative;overflow:hidden;z-index:1}@media screen and (max-width:600px){.form-field .date-select{width:100%}}.form-field .date-select:focus-within,.form-field .date-select:hover{background-color:#f5f7fc}.form-field .date-select input{background-color:transparent;display:inline-block;padding:4px 0 4px 12px;width:100%;border:none;outline:none;cursor:pointer;font-size:14px;z-index:1}.days{display:flex;align-items:center;gap:8px}.days .day{display:inline-block;width:40px;height:40px;line-height:40px;font-size:16px;font-style:normal;font-weight:400;letter-spacing:0;text-align:center;color:#929dab;background-color:#e0e0e0;border-radius:50%;cursor:pointer}.days .day.selected{background-color:#0937b2;color:#fff!important}.repeat-one{margin:24px 0;display:flex;flex-direction:column;gap:12px}.weekday-radio{display:flex;align-items:flex-end;gap:12px}.repeat-two{white-space:nowrap;align-items:center}.day-input,.repeat-two{display:flex;gap:12px}.day-input input{border:1px solid #e0e0e0;box-sizing:border-box;border-radius:8px;width:52px;height:40px;text-align:center}.day-input .errorPresent{border:1px solid #b00020}.unblockedDays{color:#181f33!important}"]}]}],"members":{"dpConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"datesDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"dateMessages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"recurrenceFormGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"maxDuration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"weeklyOffs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleWorkingDay":[{"__symbolic":"method"}],"rruleDaysArrayHandler":[{"__symbolic":"method"}],"radioEventHandler":[{"__symbolic":"method"}]}},"ɵbx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"mis-employee-web-exp-recurrence-booking-success","template":"<div\n  class=\"main\"\n  *ngIf=\"successBookings?.length > 0 || (bookings?.bookings[0]?.bookingRequestType === 'WFH' && failedBookings.length === 0); else allBookingsFailed\"\n>\n  <div class=\"scrollContent\">\n    <div class=\"head\">\n      <img [src]=\"Assets.ICONS.SUCCESS_RECURRENCE\" alt=\"\" />\n      <p>{{ \"Booking Successful\" | translate }}</p>\n    </div>\n    <div class=\"body\">\n      <p [ngClass]=\"{ noFailure: failedBookings?.length === 0 }\">\n        <span *ngIf=\"failedBookings.length === 0\">{{ \"Created\" | translate }} {{ successBookings.length }} {{ \"bookings\" | translate }}</span>\n        <span *ngIf=\"failedBookings.length > 0\"> {{ totalBookings }} {{ \"bookings were to be created\" | translate }} </span>\n        <!-- {{ \"Created\" | translate }} {{ successBookings?.length === 0 ? totalBookings : successBookings.length }}\n        {{ \"bookings\" | translate }} -->\n      </p>\n      <div class=\"borderClass\" *ngIf=\"failedBookings?.length > 0\">\n        <div class=\"bookings\" *ngFor=\"let failedItem of failedBookings\">\n          <div class=\"content\">\n            <p>{{ failedItem?.date }}</p>\n            <p class=\"reasonFailed\">{{ failedItem?.reason }}</p>\n          </div>\n          <div class=\"icon\">\n            <img [src]=\"Assets.ICONS.FAILED_BOOKINGS\" alt=\"\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"footer\">\n    <button mis-button type=\"primary\" size=\"md\" (click)=\"close()\">{{ \"Done\" | translate }}</button>\n  </div>\n</div>\n<ng-template #allBookingsFailed>\n  <div class=\"failed-body\">\n    <!-- <div class=\"head\">\n      <button mis-button (click)=\"close()\">\n        <img [src]=\"Assets.ICONS.CLOSE\" alt=\"\" />\n      </button>\n    </div>\n    <div class=\"content\">\n      <div class=\"icon\">\n        <img [src]=\"Assets.ICONS.FAILED_BOOKINGS\" alt=\"\" height=\"104px\" width=\"104px\" />\n      </div>\n      <p>{{ \"Booking Unsuccessful\" | translate }}</p>\n    </div> -->\n    <div class=\"scrollContent\">\n      <div class=\"head\">\n        <img [src]=\"Assets.ICONS.FAILED_BOOKINGS\" alt=\"\" />\n        <p>{{ \"Booking Unsuccessful\" | translate }}</p>\n      </div>\n      <div class=\"body\">\n        <p>\n          {{ \"Created\" | translate }} 0 {{ \"bookings\" | translate }},\n          <span style=\"color: #6a737d; font-weight: normal\"> unable to create {{ failedBookings.length }} </span>\n        </p>\n        <div class=\"borderClass\" *ngIf=\"failedBookings?.length > 0\">\n          <div class=\"bookings\" *ngFor=\"let failedItem of failedBookings\">\n            <div class=\"content\">\n              <p>{{ failedItem?.date }}</p>\n              <p class=\"reasonFailed\">{{ failedItem?.reason }}</p>\n            </div>\n            <div class=\"icon\">\n              <img [src]=\"Assets.ICONS.FAILED_BOOKINGS\" alt=\"\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"failure-footer\">\n      <button mis-button type=\"none\" size=\"md\" (click)=\"close()\">{{ \"Cancel\" | translate }}</button>\n      <button mis-button type=\"primary\" size=\"md\" (click)=\"backToEditing()\">{{ \"Back to editing\" | translate }}</button>\n    </div>\n  </div>\n</ng-template>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#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}.main{background-color:#fff;min-width:508px;padding:32px}.scrollContent{max-height:80vh;overflow:scroll}.head{display:flex;justify-content:center;align-items:center;flex-direction:column}.head p{font-family:Lato;font-size:40px;line-height:48px;letter-spacing:.25px;color:#181f33;margin:0}.body{padding:24px 0}.body p{color:#181f33;font-family:Lato;font-weight:700;font-size:15px;line-height:20px}.body .noFailure{display:flex;align-items:center;justify-content:center}.body p:nth-child(3){font-weight:400}.body .reasonFailed{white-space:pre-wrap;max-width:300px}.body .borderClass{border:1px solid #e0e0e0;box-sizing:border-box;border-radius:12px}.body .bookings{display:flex;align-self:center;padding:12px 12px 0;flex-direction:row;white-space:nowrap;gap:32px;border-bottom:1px solid #e0e0e0;box-sizing:border-box}.body .bookings .content{display:flex;align-items:center;gap:24px;flex:0 1 80%}.body .bookings .icon{display:flex;align-self:center}.footer{margin-top:17px;display:flex;flex-direction:column}.failed-body{background-color:#fff;min-width:466px;padding:32px}.failed-body .head img{width:104px}.failed-body .failure-footer{margin-top:17px;display:flex;justify-content:flex-end;gap:24px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":22,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":5},"arguments":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"MODAL_DATA_VAR","line":23,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":21,"character":22},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":21,"character":22},null]}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"backToEditing":[{"__symbolic":"method"}]}},"ɵby":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"userRequestDTOS"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"mis-employee-web-exp-recurrence-confirmation","template":"<div class=\"main\">\n  <div\n    tabindex=\"0\"\n    [attr.aria-label]=\"\n      'Recurrence Booking Confirmation Dialog ' + ' Some components of your booking may not be available on some dates due to availability'\n    \"\n    class=\"body\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n  >\n    <p>{{ \"Some components of your booking may not be available on some dates due to availability\" | translate }}.</p>\n  </div>\n  <div class=\"footer\">\n    <button mis-button type=\"none\" size=\"md\" (click)=\"cancel()\">{{ \"Go Back\" | translate }}</button>\n    <button mis-button type=\"primary\" size=\"md\" #btnFocus (click)=\"confirm()\">{{ \"Proceed\" | translate }}</button>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.main{background-color:#fff;max-width:350px;padding:24px}.main .head{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #e0e0e0}.main .head p{font-family:Lato;font-weight:700;font-size:20px;line-height:28px;letter-spacing:.25px;color:#181f33;margin:0}.main .head img{width:12px;height:12px;cursor:pointer}.main .body{padding:24px 0;border-bottom:1px solid #e0e0e0}.main .body p{color:#181f33;font-family:Lato;font-size:16px;line-height:180%;margin:0}.main .footer{margin-top:17px;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between}.main .footer button:first-child{color:#181f33}.main .footer button:nth-child(2){width:157px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":11,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}]}},"ɵca":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"mis-employee-web-exp-loader-with-message","template":"<div class=\"message-wrapper\">\n  <span><mis-loader type=\"block\"></mis-loader></span>\n  <p>{{ message }}</p>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.message-wrapper{max-width:343px;background-color:#fff;display:flex;flex-wrap:nowrap;align-items:center;padding:20px 16px;border-radius:6px}.message-wrapper span{position:relative;background-color:#fff;display:inline-block;width:40px;height:40px;margin-right:16px}.message-wrapper p{margin:0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":9,"character":15},"arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]],"parameters":[{"__symbolic":"reference","name":"string"}]}]}},"ɵcb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":35},"arguments":["MISWebExpLoaderData"]},"ɵcc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"[mis-employee-web-exp-parking-grid-floor-plan]","template":"<!-- @format -->\n\n<ng-container *ngIf=\"url; else noPlan\">\n  <iframe [src]=\"url | safe\" width=\"100%\" height=\"100%\" #frameElement frameborder=\"0\"></iframe>\n</ng-container>\n<ng-template #noPlan>\n  <div class=\"message\">\n    <p class=\"text\">{{ \"Please select both check in and check out to view\" | translate }} {{ \"seats\" | translate }}</p>\n  </div>\n</ng-template>\n","styles":[".message{width:100%;height:100%;display:flex;justify-content:center;align-items:center}"]}]}],"members":{"frameElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["frameElement"]}]}],"slotSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"waitlistOpt":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"vehicleCreationDuringParkingEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":27,"character":19},{"__symbolic":"reference","name":"WisConfigService"}]}],"ngOnInit":[{"__symbolic":"method"}],"createCommuteFormData":[{"__symbolic":"method"}],"createCommuteFormDataForWailist":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"checkLanguage"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵce":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"shuttle","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"transform":[{"__symbolic":"method"}]}},"ɵcf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"mis-employee-web-exp-checkout-confirm","template":"<div class=\"checkout-container\">\n  <div class=\"checkout-header\">\n    <span class=\"header-text\">{{ \"Checkout\" | translate }}</span>\n    <img class=\"cross-icon\" (click)=\"handleCheckout(false)\" [src]=\"assets.ICONS.CROSS_MODAL\" />\n  </div>\n  <div class=\"checkout-body\">\n    <span class=\"body-text\">{{ \"Are you sure you want to check out?\" | translate }}</span>\n  </div>\n  <div class=\"checkout-footer\">\n    <span class=\"close-modal\" (click)=\"handleCheckout(false)\">{{ \"No\" | translate }}</span>\n    <button mis-button type=\"primary\" (click)=\"handleCheckout(true)\">{{ \"Yes\" | translate }}</button>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.checkout-container{width:400px;max-height:480px;background-color:#fff;font-family:Lato,sans-serif;padding:24px;border-radius:8px;overflow:auto;display:flex;flex-direction:column}@media screen and (max-width:600px){.checkout-container{width:100%}}.checkout-container .checkout-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding-bottom:12px}.checkout-container .checkout-header .header-text{color:#181f33;font-family:Lato;font-size:20px;font-style:normal;font-weight:700;line-height:28px;letter-spacing:.25px}.checkout-container .checkout-header .cross-icon{cursor:pointer}.checkout-container .checkout-body{padding:24px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.checkout-container .checkout-body .body-text{color:var(--lt-text-black,#181f33);font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:180%}.checkout-container .checkout-footer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:16px;padding-top:16px}.checkout-container .checkout-footer .close-modal{color:#181f33;text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.5px;padding:10px 32px;cursor:pointer}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":44},"arguments":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"MODAL_DATA_VAR","line":11,"character":51}]}]],"parameters":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":11,"character":33},null]}],"ngOnInit":[{"__symbolic":"method"}],"handleCheckout":[{"__symbolic":"method"}]}},"ɵcg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"mis-employee-web-exp-parking-disclaimer","template":"<div class=\"main\">\n  <div class=\"head\">\n    <p>{{ displayTexts.title }}</p>\n  </div>\n  <div class=\"body\">\n    <p>\n      {{ displayTexts.message }}\n    </p>\n  </div>\n  <div class=\"footer\">\n    <button mis-button type=\"primary\" size=\"md\" (click)=\"confirm()\">{{ displayTexts.actionButtonName }}</button>\n  </div>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.main{background-color:#fff;max-width:508px;padding:24px}.main .head{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #e0e0e0}.main .head p{font-family:Lato;font-weight:700;font-size:20px;line-height:28px;letter-spacing:.25px;color:#181f33;margin:0}.main .head img{width:12px;height:12px;cursor:pointer}.main .body{padding:24px 0;border-bottom:1px solid #e0e0e0}.main .body p{color:#181f33;font-family:Lato;font-size:16px;line-height:180%;margin:0}.main .footer{margin-top:17px;display:flex;flex-direction:column;align-items:flex-end}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":15,"character":15}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":55},"arguments":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"MODAL_DATA_VAR","line":15,"character":62}]}]],"parameters":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":15,"character":44},null]}],"ngOnInit":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}]}},"ɵch":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"textModifier","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"transform":[{"__symbolic":"method"}]}},"ɵci":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"mis-employee-web-exp-meal-feedback-card","template":"<div class=\"exp-card-wrapper\" [ngClass]=\"{ showAllWrapper: showAll }\">\n  <div *ngIf=\"widgetControl.loader | async\">\n    <mis-loader type=\"block\"></mis-loader>\n  </div>\n  <ng-container *ngIf=\"widgetControl.value | async as dataList\">\n    <div class=\"exp-list-wrapper\" *ngIf=\"!!dataList && dataList.length>0 && filterBookingList(dataList).length > 0; else emptyList\" [ngClass]=\"{ showListWrapper: showAll }\">\n      <div class=\"exp-list\" [ngClass]=\"{ showAll: showAll }\">\n        <ng-container *ngFor=\"let item of filterBookingList(dataList); let i = index\">\n          <mis-employee-web-exp-meal-list-card\n            [ngStyle]=\"{ borderBottom: dataList.length > 2 && i === listEnd - 1 ? 'none' : '' }\"\n            [item]=\"item\"\n            [dateFormat]=\"dateFormat\"\n            [timeFormat]=\"timeFormat\"\n            (action)=\"handleAction($event)\"\n          ></mis-employee-web-exp-meal-list-card>\n        </ng-container>\n        <div class=\"exp-list-item has-loader\" *ngIf=\"xhrStatus === 'LOADING'\">\n          <mis-loader type=\"block\"></mis-loader>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n  <ng-template #emptyList>\n    <div [attr.aria-label]=\"'Empty Card' + 'No Meal Feedback Image' + (emptyMessage | translate)\" tabindex=\"0\" class=\"empty-card no-bookings\">\n      <img [src]=\"Assets.ICONS.MEAL_EMPTY_FEEDBACK\" alt=\"No Meal Feedback Image\" class=\"bg-img\" />\n      <div class=\"message\">{{ emptyMessage | translate }}</div>\n    </div>\n  </ng-template>\n</div>","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.exp-card-wrapper{position:relative;height:208px}.showAllWrapper{min-height:auto!important;border-bottom:none!important}.empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:center;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px;gap:6px}@media screen and (max-width:600px){.empty-card{padding:16px 24px}}.empty-card img{width:192px;height:124px}"]}]}],"members":{"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"emptyMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"dateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"timeFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"scrollToPaginate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"showAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"singleShiftOperation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"widgetControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":45,"character":17},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":46,"character":20},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleAction":[{"__symbolic":"method"}],"filterBookingList":[{"__symbolic":"method"}]}},"ɵcj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"mis-employee-web-exp-meal-list-card","template":"<div\n  class=\"exp-list-item\"\n  tabindex=\"0\"\n  [ngStyle]=\"{\n    width: '100%',\n    padding: configSvc.isMobile ? '8px' : '8px 16px'\n  }\"\n>\n  <ng-container *ngIf=\"configSvc.isMobile; else webView\">\n    <div class=\"exp-list-icons\">\n        <div>\n          <img\n            tabindex=\"0\"\n            *ngIf=\"item.booking | additionalType : ['MEALS']\"\n            style=\"width: 24px; height: 24px\"\n            [src]=\"Assets.ICONS.MEAL_DARK\"\n            alt=\"Meal Icon\"\n            class=\"exp-list-icon\"\n          />\n        </div>\n      </div>\n    <div class=\"exp-list-mobile\">\n      <div class=\"exp-list-detail-mobile text-ellipsis\">\n        <div class=\"exp-mobile-dates\">\n          {{ item.time.startTime | customDate : item.time.timezone : dateFormat }}\n        </div>\n      </div>\n      <div\n        tabindex=\"0\"\n        class=\"exp-list-extra-mobile text-ellipsis\"\n      >\n        {{ item.time.startTime | customTime : item.time.timezone : timeFormat }} -\n        {{ item.time.endTime | customTime : item.time.timezone : timeFormat }}\n      </div>\n    </div>\n    <div class=\"rating-contaner\">\n        <mis-star-rating\n        *ngIf=\"checkMealRatingStatus(item); else showRating\"\n        [noOfStars]=\"noOfStars\"\n        [selectedRating]=\"selectedRating\"\n        (starRated)=\"ratingSelected($event, item)\"\n        [selectedStarSvg]=\"Assets.ICONS.SELECTED_STAR\"\n        [emptyStarSvg]=\"Assets.ICONS.EMPTY_STAR\"\n        [starHeight]=\"'20px'\"\n        [starWidth]=\"'20px'\"\n        ></mis-star-rating>\n        <ng-template #showRating>\n            <div class=\"showRatingData\">\n                <span class=\"rating-text exp-list-detail\">{{\"You Rated\" | translate}}</span>\n                <div class=\"rating-data\">\n                    <span class=\"rating-num\">{{getMealRating(item)}}</span>\n                    <img class=\"star-icon\" [src]=\"Assets.ICONS.STAR\">\n                </div>\n            </div>\n        </ng-template>\n    </div>\n  </ng-container>\n  <ng-template #webView>\n    <div class=\"meal-data\">\n        <div class=\"meal-list-icons\">\n            <div>\n              <img\n                tabindex=\"0\"\n                *ngIf=\"item.booking | additionalType : ['MEALS']\"\n                style=\"width: 24px; height: 24px\"\n                [src]=\"Assets.ICONS.MEAL_DARK\"\n                alt=\"Meal Icon\"\n                class=\"exp-list-icon\"\n              />\n            </div>\n          </div>\n        <div class=\"exp-list-detail\">\n          {{ item.time.startTime | customDate : item.time.timezone : dateFormat }}\n        </div>\n        <div class=\"statusCheck\">\n                <div tabindex=\"0\" class=\"exp-list-extra\">\n                  {{ item.time.startTime | customTime : item.time.timezone : timeFormat }} to\n                  {{ item.time.endTime | customTime : item.time.timezone : timeFormat }}\n                </div>\n        </div>\n    </div>\n    <div class=\"rating-contaner\">\n        <mis-star-rating\n        *ngIf=\"checkMealRatingStatus(item); else showRating\"\n        [noOfStars]=\"noOfStars\"\n        [selectedRating]=\"selectedRating\"\n        (starRated)=\"ratingSelected($event, item)\"\n        [selectedStarSvg]=\"Assets.ICONS.SELECTED_STAR\"\n        [emptyStarSvg]=\"Assets.ICONS.EMPTY_STAR\"\n        ></mis-star-rating>\n        <ng-template #showRating>\n            <div class=\"showRatingData\">\n                <span class=\"rating-text exp-list-detail\">{{\"You Rated\" | translate}}</span>\n                <div class=\"rating-data\">\n                    <span class=\"rating-num\">{{getMealRating(item)}}</span>\n                    <img class=\"star-icon\" [src]=\"Assets.ICONS.STAR\">\n                </div>\n            </div>\n        </ng-template>\n    </div>\n  </ng-template>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.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}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;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;letter-spacing:0;line-height:15px}.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-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}.exp-card-wrapper{overflow:hidden;background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:10px}.exp-card-wrapper.empty{border-style:dashed}.exp-card-wrapper.auto-height{height:auto}@media screen and (max-width:600px){.exp-card-wrapper{overflow:visible}}.exp-empty-card{padding:32px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;color:#6a737d;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-item{padding:8px 16px;display:flex;align-items:center;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #e0e0e0}@media screen and (max-width:600px){.exp-list-item{justify-content:flex-start}}.exp-list-item .exp-list-type{margin:12px 12px 12px 0;font-style:normal;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px;text-transform:uppercase;color:#fff;background-color:#ed711c;padding:4px 8px;border-radius:7px}.exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile{width:100%;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px;display:flex;align-items:center}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status span{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;padding:4px 8px}.exp-list-item .exp-list-mobile .exp-list-extra-mobile{font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.25px;color:#6a737d}.exp-list-item .exp-list-detail{font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.exp-list-item .tokenName{text-transform:capitalize}.exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-item .exp-list-extra{margin:14px 24px 14px 0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;color:#6a737d}@media screen and (max-width:600px){.exp-list-item .exp-list-action{margin-left:auto}}.exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-item .exp-list-action .mis-btn img{transform:rotate(-90deg)}.cerulean{background-color:#0087b2!important}.data-picker-icon{position:absolute;right:0;z-index:0}.form-field-input-text{font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33}.mis-select-wrapper{margin:0 -.75rem;flex:1}@media screen and (max-width:600px){.mis-select-wrapper{width:100%;margin:0}}.mis-select-wrapper .container .popup-container{width:100%!important}.adhoc-shift.disabled,.mis-select-wrapper.disabled{pointer-events:none}.widget-menu{background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12)}.widget-menu button.mis-btn{width:100%;color:#181f33;justify-content:flex-start}.shift-info{display:flex;align-items:center}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.exp-card-wrapper{position:relative;min-height:206px;height:auto}.showAllWrapper{min-height:auto!important;border-bottom:none!important}.overFlowCheck{border-radius:50%;background-color:#f5f5f5;height:24px;width:24px;position:relative;color:#929dab}.overFlowCheck span{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.statusCheck{font-size:14px;line-height:20px;border-radius:2px;letter-spacing:.5px;font-weight:900;margin:14px 24px 14px 0}.statusCheck span{padding:8px}.exp-list-extra{margin:0!important}.cancelledText{color:#b00020;background:#faefed}.pendingtext{color:#d4900c;background:#fffbef}.approvedtext{color:#38af49;background:#f1fdf8}.rejectedtext{color:#b00020;background:#faefed}.exp-list{max-height:344px;overflow-y:auto}@media screen and (max-width:600px){.exp-list{max-height:600px!important}}@media screen and (min-width:600px){.exp-list-item{height:69px}}.showAll{max-height:none!important}.meal-list-icons img{max-width:none!important}.showRatingData{display:flex;flex-direction:row;gap:12px}.showRatingData .rating-data{display:flex;height:24px;padding:4px 12px;justify-content:center;align-items:center;gap:4px;border-radius:16px;background:#fff3e1;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#181f33;flex:1 1 100%}.showRatingData .rating-data .rating-num{padding-bottom:1px}.showRatingData .rating-data .star-icon{width:16px;height:16px}.meal-data{display:flex;flex-direction:row;align-items:center;gap:12px}@media screen and (min-width:1250px){.exp-list-wrapper{min-height:206px}.showListWrapper{min-height:auto!important}}@media screen and (min-width:1250px) and (max-width:1350px){.overFlowTemplate{display:none}.overFlowCheck{display:block}}@media screen and (min-width:1350px){.overFlowTemplate{display:block}.overFlowCheck{display:none}}@media screen and (max-width:1250px){.overFlowTemplate{display:block}.overFlowCheck{display:none}}"]}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"dateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"timeFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"ratingSelected":[{"__symbolic":"method"}],"checkMealRatingStatus":[{"__symbolic":"method"}],"getMealRating":[{"__symbolic":"method"}]}},"ɵck":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"mis-employee-web-exp-meal-feedback-modal","template":"<div class=\"meal-modal-container\">\n    <div class=\"loader\" *ngIf=\"showLoader; else showModal\">\n        <mis-loader></mis-loader>\n    </div>\n    <ng-template #showModal>\n        <div class=\"data-container\">\n            <div class=\"meal-modal-content\">\n                <div class=\"meal-modal-header\">\n                    <div class=\"header-data\">\n                        <span class=\"header-text\">{{'Rate your meal' | translate}}</span>\n                        <span class=\"header-date\">{{modalData.bookingDate}}</span>\n                    </div>\n                    <div class=\"close-icon\" (click)=\"closeModal(false)\">\n                        <img [src]=\"Assets.ICONS.CROSS_MODAL\" alt=\"close_icon\">\n                    </div>\n                </div>\n                <div class=\"meal-modal-body\">\n                    <div class=\"overall-rating\">\n                        <span class=\"rating-header\">{{'My food was' | translate}}</span>\n                        <div class=\"rating-data\">\n                            <mis-star-rating\n                            [noOfStars]=\"noOfStars\"\n                            [selectedRating]=\"overallRating\"\n                            [emptyStarSvg]=\"Assets.ICONS.EMPTY_STAR\"\n                            [selectedStarSvg]=\"Assets.ICONS.SELECTED_STAR\"\n                            (starRated)=\"overAllSelectedRating($event)\"\n                            ></mis-star-rating>\n                            <div class=\"rating-type\">\n                                <img class=\"rating-emoji\" [src]=\"ratingType[overallRating].asset\" alt=\"rating_emoji\">\n                                <span>{{ratingType[overallRating].name | translate}}</span>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"feedBackOptions-body\">\n                        <div class=\"feedBackText\">\n                            <span>{{ratingType[overallRating].feedBackOptionText | translate}}</span>\n                        </div>\n                        <div class=\"feedBackOptions\">\n                            <div class=\"options\" *ngFor=\"let option of this.modalData.mealFeedBackOptions[ratingType[overallRating].feedBackOptionType] | slice : 0 : 4\">\n                                <div class=\"options-body\" (click)=\"selectFeedBackOption(option, ratingType[overallRating].feedBackOptionType)\">\n                                    <div class=\"option-data\" [ngClass]=\"{\n                                        'option-selected' : (selectedLikedOption.includes(option) || selectedImprovedOption.includes(option)),\n                                        'option-unselected' : !(selectedLikedOption.includes(option) || selectedImprovedOption.includes(option))}\">\n                                        <img [src]=\"Assets.ICONS.MEAL_CHECK\" *ngIf=\"selectedLikedOption.includes(option) || selectedImprovedOption.includes(option)\">\n                                        <span>{{option}}</span>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"meal-item\">\n                        <div class=\"item-data\" *ngFor=\"let meal of mealData\">\n                            <span class=\"item-name\">{{meal.mealName}}</span>\n                            <div class=\"item-rating\">\n                                <mis-star-rating\n                            [noOfStars]=\"noOfStars\"\n                            [selectedRating]=\"mealRating[meal.mealId].mealRating\"\n                            [emptyStarSvg]=\"Assets.ICONS.EMPTY_STAR\"\n                            [selectedStarSvg]=\"Assets.ICONS.SELECTED_STAR\"\n                            (starRated)=\"itemRating($event, meal.mealId)\"\n                            ></mis-star-rating>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"review-container\">\n                        <textarea class=\"review-input\" [placeholder]=\"'Tell us more! (optional)' | translate\" maxlength=\"320\" [formControl]=\"reviewData\"></textarea>\n                        <div class=\"review-limit\">\n                            <span>{{reviewData.value.length}}/320</span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"meal-modal-footer\">\n                <div class=\"submit-btn\">\n                    <button mis-button size=\"lg\" type=\"primary\" (click)=\"submitFeedback()\">{{ \"Submit\" | translate }}</button>\n                </div>\n            </div>\n        </div>\n    </ng-template>\n</div>\n","styles":["::-webkit-scrollbar{height:8px;width:8px;background:#fff;border-radius:13px}::-webkit-scrollbar-thumb{background:#c8cdd3;border-radius:13px;cursor:pointer}.meal-modal-container{background-color:#fff;width:464px;max-height:678px;padding:24px 0;cursor:default}.meal-modal-container .loader{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;width:100%;height:678px}.meal-modal-container .data-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;height:100%}.meal-modal-container .data-container .meal-modal-content{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:16px;width:100%}.meal-modal-container .data-container .meal-modal-content .meal-modal-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;padding:0 24px}.meal-modal-container .data-container .meal-modal-content .meal-modal-header .header-data{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:16px}.meal-modal-container .data-container .meal-modal-content .meal-modal-header .header-data .header-text{color:#181f33;font-size:20px;font-weight:700;line-height:28px;letter-spacing:.25px;font-family:Lato;font-style:normal}.meal-modal-container .data-container .meal-modal-content .meal-modal-header .header-data .header-date{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;color:#6a737d;font-size:12px;font-weight:700;line-height:16px;letter-spacing:.7px;font-family:Lato;font-style:normal;box-shadow:0 1px 0 rgba(17,17,26,.05),0 0 8px rgba(17,17,26,.1);text-transform:uppercase;border-radius:6px;background:#e6ebf7;padding:4px 8px}.meal-modal-container .data-container .meal-modal-content .meal-modal-header .close-icon{cursor:pointer}.meal-modal-container .data-container .meal-modal-content .meal-modal-body{overflow-y:auto;max-height:530px;width:100%;padding:0 24px}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .overall-rating{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:2px}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .overall-rating .rating-header{color:#181f33;font-size:16px;font-weight:400;line-height:20px;letter-spacing:.25px;font-family:Lato;font-style:normal}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .overall-rating .rating-data{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .overall-rating .rating-data .rating-type{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px;color:#181f33;font-size:20px;font-weight:400;line-height:28px;letter-spacing:.15px;font-family:Lato;font-style:normal}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .feedBackOptions-body{padding:12px 0;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:8px;border-bottom:1px solid #e0e0e0}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .feedBackOptions-body .feedBackText{color:#181f33;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;font-family:Lato;font-style:normal}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .feedBackOptions-body .feedBackOptions{display:grid;grid-template-columns:auto auto;grid-gap:16px}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .feedBackOptions-body .feedBackOptions .options .option-data{width:196px;padding:12px 16px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;cursor:pointer}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .feedBackOptions-body .feedBackOptions .options .option-selected{gap:8px;border-radius:8px;background:#0937b2;border:1px solid #0937b2;color:#fff;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.25px;font-family:Lato;font-style:normal}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .feedBackOptions-body .feedBackOptions .options .option-unselected{border-radius:8px;border:1px solid #6a737d;background:#fff;color:#6a737d;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.25px;font-family:Lato;font-style:normal}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .meal-item{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;padding:12px 0;gap:12px;border-bottom:1px solid #e0e0e0;width:100%}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .meal-item .item-data{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:4px}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .meal-item .item-data .item-name{color:#181f33;font-size:16px;font-weight:400;line-height:20px;letter-spacing:.25px;font-family:Lato;font-style:normal}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .review-container{padding-top:12px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:8px;width:100%}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .review-container .review-input{border-radius:8px;border:1px solid #e0e0e0;background:#fff;width:100%;height:74px;resize:none;padding:8px}.meal-modal-container .data-container .meal-modal-content .meal-modal-body .review-container .review-limit{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;text-align:right;color:#6a737d;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.012px;font-family:Lato;font-style:normal;width:100%}.meal-modal-container .data-container .meal-modal-footer{padding:8px 24px 0}.meal-modal-container .data-container .meal-modal-footer .submit-btn button{width:416px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":63,"character":5},"arguments":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"MODAL_DATA_VAR","line":63,"character":12}]}],null,null,null,null],"parameters":[null,{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":64,"character":23},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":65,"character":20},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":67,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"overAllSelectedRating":[{"__symbolic":"method"}],"itemRating":[{"__symbolic":"method"}],"selectFeedBackOption":[{"__symbolic":"method"}],"submitFeedback":[{"__symbolic":"method"}],"closeModal":[{"__symbolic":"method"}]}},"ɵcl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵi"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":10,"character":26},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":10,"character":41}],"exports":[{"__symbolic":"reference","name":"ɵi"}]}]}],"members":{}},"ɵcm":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":7,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":8,"character":23},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastDataService","line":8,"character":54},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":8,"character":94}]}],"displayMsg":[{"__symbolic":"method"}]}}},"origins":{"CONSTANTS_ASSETS_EMP_WEB_EXP":"./lib/constants/assets.constants","CONSTANTS_EMPLOYEE_WEB_EXP":"./lib/constants/emp-web-exp.constants","EmpUserService":"./lib/services/emp-user.service","LoaderService":"./lib/services/loader.service","FormsService":"./lib/services/forms.service","BookingComponent":"./lib/components/modals/booking/booking.component","VehicleCreateFormComponent":"./lib/components/forms/vehicle-create-form/vehicle-create-form.component","HomeComponent":"./lib/components/home/home.component","HistoryComponent":"./lib/components/history/history.component","WisConfigService":"./lib/services/wis-config.service","MisEmployeeWebExpRoutingModule":"./lib/mis-employee-web-exp-routing.module","HttpLoaderFactory":"./lib/mis-employee-web-exp.module","MisEmployeeWebExpModule":"./lib/mis-employee-web-exp.module","ɵa":"./lib/models/env.model","ɵb":"./lib/services/configuration.service","ɵc":"./lib/services/api.service","ɵd":"./lib/services/home-data.service","ɵe":"./lib/services/booking-data.service","ɵf":"./lib/services/preference-data.service","ɵg":"./lib/services/cookie.service","ɵh":"./lib/components/header/header.component","ɵi":"./lib/modules/menu/menu.directive","ɵj":"./lib/services/widget.service","ɵk":"./lib/components/cards/widget-card/widget-card.component","ɵl":"./lib/components/cards/list-card/list-card.component","ɵm":"./lib/components/cards/booking-card/booking-card.component","ɵn":"./lib/components/cards/list-card/list-card-row/list-card-row.component","ɵo":"./lib/pipes/custom-date.pipe","ɵp":"./lib/pipes/custom-time.pipe","ɵq":"./lib/pipes/office-name.pipe","ɵr":"./lib/components/forms/booking-form/booking-form.component","ɵs":"./lib/services/commute.service","ɵt":"./lib/services/seat.service","ɵu":"./lib/pipes/filter-shifts-before.pipe","ɵv":"./lib/components/forms/commute/commute.component","ɵw":"./lib/pipes/transport-text.pipe","ɵx":"./lib/components/forms/delete-confirmation/delete-confirmation.component","ɵy":"./lib/pipes/validate-cutoff.pipe","ɵz":"./lib/components/modals/upcoming-bookings/upcoming-bookings.component","ɵba":"./lib/components/forms/booking-confirmation/booking-confirmation.component","ɵbb":"./lib/components/modals/checkin-confirm/checkin-confirm.component","ɵbc":"./lib/pipes/safe.pipe","ɵbd":"./lib/components/forms/seat/seat.component","ɵbe":"./lib/pipes/seat-text.pipe","ɵbf":"./lib/components/modals/quick-actions/quick-actions.component","ɵbg":"./lib/components/cards/meeting-card/meeting-card.component","ɵbh":"./lib/components/cards/calender-card/calender-card.component","ɵbi":"./lib/components/modals/loader/loader.component","ɵbj":"./lib/components/forms/parking/parking.component","ɵbk":"./lib/pipes/additional-type.pipe","ɵbl":"./lib/components/routings/body/body.component","ɵbm":"./lib/components/routings/calendar/calendar.component","ɵbn":"./lib/services/team-calendar.service","ɵbo":"./lib/components/modals/addon-wrapper/addon-wrapper.component","ɵbp":"./lib/components/modals/create-booking/create-booking.component","ɵbq":"./lib/pipes/filter-out-booking.pipe","ɵbr":"./lib/components/modals/adhoc-shifts/adhoc-shifts.component","ɵbs":"./lib/components/modals/adhoc-shifts/shift-style.pipe","ɵbt":"./lib/components/modals/ip-consent/ip-consent.component","ɵbu":"./lib/components/cards/list-card/icon-check.pipe","ɵbv":"./lib/components/modals/vaccination-eligibility/vaccination-eligibility.component","ɵbw":"./lib/components/forms/recurrence-booking-form/recurrence-booking-form.component","ɵbx":"./lib/components/modals/recurrence-booking-success/recurrence-booking-success.component","ɵby":"./lib/pipes/user-request-dtos.pipe","ɵbz":"./lib/components/modals/recurrence-confirmation/recurrence-confirmation.component","ɵca":"./lib/components/modals/loader-with-message/loader-with-message.component","ɵcb":"./lib/constants/loader.constants","ɵcc":"./lib/components/forms/parking-grid-floor-plan/parking-grid-floor-plan.component","ɵcd":"./lib/pipes/check-language.pipe","ɵce":"./lib/pipes/shuttle.pipe","ɵcf":"./lib/components/modals/checkout-confirm/checkout-confirm.component","ɵcg":"./lib/components/modals/parking-disclaimer/parking-disclaimer.component","ɵch":"./lib/pipes/text-modifier.pipe","ɵci":"./lib/components/cards/meal-feedback-card/meal-feedback-card.component","ɵcj":"./lib/components/cards/meal-feedback-card/meal-list-card/meal-list-card.component","ɵck":"./lib/components/modals/meal-feedback-modal/meal-feedback-modal.component","ɵcl":"./lib/modules/menu/menu.module","ɵcm":"./lib/services/translatetoast.service"},"importAs":"@mis-wis/emp-web-exp"}