{"__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"},"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","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"}},"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":{}}},"HomeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"mis-employee-web-exp-home","template":"<!-- @format -->\n\n<div class=\"emp-web-wrapper\">\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":[".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:-webkit-sticky;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":15,"character":3}}]}],"buid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__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</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\" *ngIf=\"widget\">\n    <div class=\"history-lists\">\n      <mis-employee-web-exp-widget-card [ngStyle]=\"{ display: bookingsLength > 0 ? 'block' : 'none' }\">\n        <mis-employee-web-exp-list-card\n          emptyMessage=\"You have no upcoming bookings\"\n          [widgetControl]=\"widget\"\n          [showAll]=\"true\"\n          [dateFormat]=\"configurations?.flattenedSettings?.DATE_FORMAT\"\n          [timeFormat]=\"configurations?.flattenedSettings?.TIME_FORMAT\"\n          (action)=\"handleUpcoming($event)\"\n          [scrollToPaginate]=\"true\"\n        ></mis-employee-web-exp-list-card\n      ></mis-employee-web-exp-widget-card>\n      <div class=\"empty-state\" *ngIf=\"bookingsLength <= 0\">\n        <img [src]=\"ASSETS.IMAGES.HISTORY_EMPTY\" />\n        <span class=\"no-booking-state\"\n          >No booking history was found <br />\n          within the selected date(s)</span\n        >\n      </div>\n    </div>\n  </div>\n</div>\n","styles":[".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%;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;padding:20px 0}@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 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":40,"character":19},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerService","line":42,"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":31,"character":1},"arguments":[{"imports":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":32,"character":12},"member":"forChild"},"arguments":[[{"path":"","component":{"__symbolic":"reference","name":"HomeComponent"},"children":[{"path":"","component":{"__symbolic":"reference","name":"ɵh"},"data":{"showBackBtn":false}},{"path":"calendar","component":{"__symbolic":"reference","name":"ɵj"},"data":{"showBackBtn":true}}]}]]}],"exports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":33,"character":12}]}]}],"members":{}},"MisEmployeeWebExpModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":81,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HomeComponent"},{"__symbolic":"reference","name":"HistoryComponent"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__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":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__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":"ɵcb"},{"__symbolic":"reference","name":"ɵcc"},{"__symbolic":"reference","name":"ɵce"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":129,"character":4},{"__symbolic":"reference","module":"mis-design-system/loader","name":"LoaderModule","line":130,"character":4},{"__symbolic":"reference","module":"mis-design-system/button","name":"ButtonModule","line":131,"character":4},{"__symbolic":"reference","name":"ɵcf"},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/datepicker","name":"MisDatePickerModule","line":133,"character":4},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerModule","line":134,"character":4},"member":"forChild"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/select-v2","name":"SelectV2Module","line":135,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":136,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/modal","name":"ModalModule","line":137,"character":4},"member":"forChild"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/tooltip","name":"TooltipModule","line":138,"character":4},"member":"forRoot"}},{"__symbolic":"reference","name":"ɵcj"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":140,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/fab","name":"FabModule","line":141,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":142,"character":4},{"__symbolic":"reference","module":"mis-design-system/mis-input","name":"MisInputModule","line":143,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalModule","line":144,"character":4},"member":"forChild"}},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"LayoutModule","line":145,"character":4},{"__symbolic":"reference","module":"mis-crystal-design-system/datepicker_v2","name":"DatepickerModuleV2","line":146,"character":4},{"__symbolic":"reference","module":"mis-design-system/checkbox","name":"CheckboxModule","line":147,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-crystal-design-system/radio-button","name":"RadioButtonModule","line":148,"character":4},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"HomeComponent"},{"__symbolic":"reference","name":"HistoryComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵcb"},{"__symbolic":"reference","name":"ɵcc"}],"providers":[{"__symbolic":"reference","module":"mis-design-system/datepicker","name":"MisDateRangePickerConfig","line":167,"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","name":"ɵw"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"WisConfigService"}]}}}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":36,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":40,"character":61}]}],"refreshReplayStreams":[{"__symbolic":"method"}],"getApproval":[{"__symbolic":"method"}],"validateBooking":[{"__symbolic":"method"}],"applyConfigurations":[{"__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":27,"character":58}]}],"getEmpTimezone":[{"__symbolic":"method"}],"getEmpProfile":[{"__symbolic":"method"}],"getConfigurations":[{"__symbolic":"method"}],"getCommonConfigurations":[{"__symbolic":"method"}],"getOffices":[{"__symbolic":"method"}],"genReplayStream":[{"__symbolic":"method"}],"getEmpShifts":[{"__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"}],"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"}]},"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":"ɵf"}]}],"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":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":{}}},"ɵg":{"__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":"ɵc"}]}],"refreshReplayStreams":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":42,"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          <!-- <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            ></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=\"bottom\"\n            [widgetControl]=\"allWidgets.get('bookingSource')\"\n          >\n            <mis-employee-web-exp-list-card\n              emptyMessage=\"You have no upcoming bookings\"\n              [widgetControl]=\"allWidgets.get('bookingSource')\"\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=\"bottom\"\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      </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":84,"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":93,"character":19},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerService","line":96,"character":23},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalService","line":97,"character":22},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":100,"character":20},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":102,"character":27}]}],"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"}],"genUpcomingBookingStream":[{"__symbolic":"method"}],"genMeetingStream":[{"__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"}],"handleWidgetAction":[{"__symbolic":"method"}],"openTeamCalendar":[{"__symbolic":"method"}]}},"ɵi":{"__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":{}}},"ɵj":{"__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":"ɵk"},{"__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"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"WisConfigService"},{"__symbolic":"reference","name":"EmpUserService"}]}],"consturctUrl":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"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\">Hi {{ empInfo.name }}!</p>\n  </div>\n  <div class=\"action-wrapper\">\n    <div class=\"status\" *ngIf=\"customStatusChangeAllowed\">\n      <button mis-button type=\"outline\" size=\"md\" [misEmployeeWebExpMenu]=\"statusList\" positionX=\"start\" [offsetY]=\"5\" #dropdownButton>\n        <div class=\"status-color\" [ngStyle]=\"{ background: currentStatus?.color }\"></div>\n        {{ currentStatus?.displayName }}\n        <img [src]=\"Assets.ICONS.MORE_STATUS\" alt=\"\" />\n      </button>\n      <ng-template #statusList>\n        <div class=\"listItem\">\n          <div 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 }}</div>\n          </div>\n        </div>\n      </ng-template>\n    </div>\n    <div class=\"actions\" *ngIf=\"configStream | async as configs\">\n      <button mis-button [type]=\"'outline'\" class=\"main\" [misEmployeeWebExpMenu]=\"menu\" positionX=\"end\" [offsetY]=\"10\" #menuOriginButton>\n        Create Booking\n      </button>\n      <!--(click)=\"quickActionEvent(quickActions[0].id)\"-->\n      <ng-template #menu>\n        <mis-employee-web-exp-quick-actions\n          [menuOrigin]=\"menuOrigin\"\n          [config]=\"configs\"\n          (quickAction)=\"quickActionEvent($event)\"\n        ></mis-employee-web-exp-quick-actions>\n      </ng-template>\n    </div>\n  </div>\n</div>\n","styles":[".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%}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item{justify-content:flex-start}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .tokenName{text-transform:capitalize}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-action{margin-left:auto}}.exp-list-wrapper .exp-list .exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-wrapper .exp-list .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}.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 .actions button.main{font-size:16px;line-height:20px;font-weight:700;color:#0937b2}#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}.status-wrapper{display:flex;align-items:center;gap:15px;min-width:170px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;background:#fff;cursor:pointer;border-radius:6px;padding:6px 15px}.status-wrapper:hover{background:#f5f7fc}.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}.status-color{background-color:#38af49;height:8px;width:8px;border-radius:50%;position:relative;top:1px}"]}]}],"members":{"showBackBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"menuOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":["menuOriginButton",{"read":{"__symbolic":"reference","name":"ɵm"}}]}]}],"statusDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["dropdownButton",{"read":{"__symbolic":"reference","name":"ɵm"}}]}]}],"gotoHome":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"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":43,"character":23},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":45,"character":19},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵf"}]}],"ngOnInit":[{"__symbolic":"method"}],"setStatus":[{"__symbolic":"method"}],"quickActionEvent":[{"__symbolic":"method"}],"handleStatusChange":[{"__symbolic":"method"}],"back":[{"__symbolic":"method"}],"filterOutSelectedStatus":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[misEmployeeWebExpMenu]"}]}],"members":{"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3},"arguments":["misEmployeeWebExpMenu"]}]}],"positionX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"positionY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"offsetX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"offsetY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":18,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":57},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":18,"character":95}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":19,"character":3},"arguments":["click",["$event"]]}]}],"menuShow":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"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 }}</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 }}</button>\n    </div>\n  </div>\n  <div class=\"exp-widget-body\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"exp-widget-actions bottom\" *ngIf=\"actionPosition === 'bottom' && (widgetControl?.state?.minLength || !widgetControl)\">\n    <button mis-button size=\"sm\" *ngFor=\"let act of actions\" (click)=\"cardAction(act.id)\">{{ act.name }}</button>\n  </div>\n</div>\n","styles":[".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-actions{display:flex;justify-content:flex-end;margin:-8px 0}.exp-widget-actions.bottom{margin-top:24px}.exp-widget-actions .mis-btn{font-weight:700;font-size:16px;color:#0937b2}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"showLightName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"widget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"actionPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"listWidget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵo"}]}]}],"widgetControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"cardAction":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"mis-employee-web-exp-list-card","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"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        <div\n          class=\"exp-list-item\"\n          *ngFor=\"let item of dataList | slice: 0:listEnd; let i = index\"\n          [ngStyle]=\"{\n            borderBottom: dataList.length > 2 && i === listEnd - 1 ? 'none' : '',\n            padding: configSvc.isMobile ? '8px' : '8px 16px'\n          }\"\n        >\n          <div class=\"exp-list-check\" *ngIf=\"item.bookingRequestType !== 'MEETING'\">\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\" : \"WFH\" }}\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 class=\"exp-mobile-booking-status\" *ngIf=\"item?.approvalEnabled || item.booking.requestStatus === 'CANCELLED'\">\n                  <span class=\"cancelledText\" *ngIf=\"item.booking.requestStatus === 'CANCELLED'\">CANCELLED</span>\n                  <span\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                  >\n                    {{ item?.approvalText }}\n                  </span>\n                </div>\n              </div>\n              <div class=\"exp-list-detail-mobile tokenName\" *ngIf=\"item.bookingRequestType === 'MEETING'\">\n                {{ item.tokenName ? item.tokenName : \"No Subject\" }}\n              </div>\n              <div class=\"exp-list-extra-mobile text-ellipsis\" *ngIf=\"!(item?.approvalEnabled || item?.booking.requestStatus === 'CANCELLED')\">\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 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 class=\"cancelledText\" *ngIf=\"item.booking.requestStatus === 'CANCELLED'\">CANCELLED</span>\n              <span\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 *ngIf=\"item.booking.tokenId\" [src]=\"Assets.ICONS.DESK\" alt=\"\" class=\"exp-list-icon\" />\n                <div\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\n                        : (item.booking | additionalType: ['MEALS'])\n                        : (item.booking | additionalType: ['PARKING_TWO', 'PARKING_FOUR']))\n                  }\"\n                >\n                  <img *ngIf=\"item.booking | userRequestDTOS\" [src]=\"Assets.ICONS.CAB_DARK\" alt=\"\" class=\"exp-list-icon\" />\n                  <img\n                    *ngIf=\"item.booking | additionalType: ['MEALS']\"\n                    style=\"width: 24px; height: 24px\"\n                    [src]=\"Assets.ICONS.MEAL_DARK\"\n                    alt=\"\"\n                    class=\"exp-list-icon\"\n                  />\n                  <img\n                    *ngIf=\"item.booking | additionalType: ['PARKING_TWO', 'PARKING_FOUR']\"\n                    style=\"width: 24px; height: 24px\"\n                    [src]=\"Assets.ICONS.PARKING_MODULE\"\n                    alt=\"\"\n                    class=\"exp-list-icon\"\n                  />\n                </div>\n              </div>\n              <div 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            </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=\"\" />\n            </button>\n          </div>\n        </div>\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 class=\"exp-empty-card no-bookings\">\n      <img [src]=\"Assets.IMAGES.NO_UPCOMING\" alt=\"\" class=\"bg-img\" />\n      <div class=\"message\">{{ emptyMessage }}</div>\n    </div>\n  </ng-template>\n</div>\n","styles":[".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%}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item{justify-content:flex-start}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .tokenName{text-transform:capitalize}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-action{margin-left:auto}}.exp-list-wrapper .exp-list .exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-wrapper .exp-list .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}.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:not(:last-child){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":34,"character":3}}]}],"emptyMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"dateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"timeFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"scrollToPaginate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"showAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"scrollContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"CdkScrollable","line":43,"character":13},{"static":false}]}]}],"widgetControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":17},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":53,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"cardAction":[{"__symbolic":"method"}],"updateScrollListeners":[{"__symbolic":"method"}]}},"ɵp":{"__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\" : \"WFH\" }}\n          </div>\n        </div>\n        <div\n          *ngIf=\"!configSvc.isMobile\"\n          class=\"exp-booking-type\"\n          [ngClass]=\"{ cerulean: bookingConfigurations.booking.bookingRequestType === 'OFFICE' }\"\n        >\n          <span>{{ bookingConfigurations.booking.bookingRequestType === \"OFFICE\" ? \"WFO\" : \"WFH\" }}</span>\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                <span class=\"date\">\n                  {{ bookingConfigurations.booking.startTime | customDate: bookingConfigurations.booking.timezone:dateFormat }}\n                </span>\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                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 class=\"current text-ellipsis\" *ngIf=\"bookingConfigurations.booking.requestStatus === 'SIGNED_IN'\">\n                    Checked-In at {{ bookingConfigurations.booking.signInTime | customTime: bookingConfigurations.booking.timezone:timeFormat }}\n                  </div>\n                  <div class=\"current text-ellipsis\" *ngIf=\"bookingConfigurations.booking.requestStatus === 'SIGNED_OUT'\">\n                    Checked-Out at\n                    {{ bookingConfigurations.booking.signOutTime | customTime: bookingConfigurations.booking.timezone:timeFormat }}\n                  </div>\n                </ng-template>\n                <img\n                  [tooltip]=\"tooltipText\"\n                  placement=\"bottom\"\n                  [isDisabled]=\"\n                    (configSvc.configurations | async).flattenedSettings.hideUserActivityTime ||\n                    (!(configSvc.configurations | async).flattenedSettings.hideUserActivityTime &&\n                      !bookingConfigurations.booking.signInTime &&\n                      !bookingConfigurations.booking.signOutTime)\n                  \"\n                  [src]=\"Assets.ICONS.MEAL_CHECK\"\n                  alt=\"\"\n                />\n              </div>\n            </div>\n            <div class=\"notCancelled\" *ngIf=\"bookingConfigurations.booking.requestStatus !== 'CANCELLED'; else cancelledTemplate\">\n              <div\n                class=\"booking-body\"\n                [ngClass]=\"{ wfh: bookingConfigurations.booking.bookingRequestType === 'WFH', seatsDisabled: !bookingConfigurations.seatsEnabled }\"\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 class=\"desk text-ellipsis\" *ngIf=\"bookingConfigurations.seatsEnabled\">\n                    <img [src]=\"Assets.ICONS.DESK\" alt=\"\" />\n                    <p class=\"seat-name text-ellipsis\" [tooltip]=\"bookingConfigurations.booking.tokenName || 'Not selected'\" placement=\"bottom\">\n                      {{ bookingConfigurations.booking.tokenName || \"Not selected\" }}\n                    </p>\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=\"\" />\n                  </button>\n                  <div class=\"transport text-ellipsis\" *ngIf=\"!bookingConfigurations.seatsEnabled && bookingConfigurations.cabsEnabled\">\n                    <img [src]=\"Assets.ICONS.CAB_DARK\" alt=\"\" />\n                    <div class=\"shift\">\n                      <div class=\"name\">CHECK - IN</div>\n                      <div class=\"desc\" *ngIf=\"bookingConfigurations.booking.extras?.login; else notAvailed\">\n                        <span class=\"help\">PICK UP</span>\n                        <span class=\"data text-ellipsis\">{{\n                          bookingConfigurations.booking.startTime | customTime: bookingConfigurations.booking.timezone:timeFormat\n                        }}</span>\n                      </div>\n                      <ng-template #notAvailed>\n                        <div class=\"desc\">\n                          <span class=\"help\">Not Availed</span>\n                        </div>\n                      </ng-template>\n                    </div>\n                    <div class=\"shift\">\n                      <div class=\"name\">CHECK - OUT</div>\n                      <div class=\"desc\" *ngIf=\"bookingConfigurations.booking.extras?.logout; else notAvailed\">\n                        <span class=\"help\">PICK UP</span>\n                        <span class=\"data text-ellipsis\">{{\n                          bookingConfigurations.booking.endTime | customTime: bookingConfigurations.booking.timezone:timeFormat\n                        }}</span>\n                      </div>\n                      <ng-template #notAvailed>\n                        <div class=\"desc\">\n                          <span class=\"help\">Not Availed</span>\n                        </div>\n                      </ng-template>\n                    </div>\n                  </div>\n                </ng-container>\n                <ng-template #simpleBooking>\n                  <div class=\"simple text-ellipsis\">\n                    <img [src]=\"Assets.ICONS.CLOCK\" alt=\"\" />\n                    <span class=\"timings text-ellipsis\"\n                      >{{ bookingConfigurations.booking.startTime | customTime: bookingConfigurations.booking?.timezone:timeFormat }}\n                      -\n                      {{ bookingConfigurations.booking.endTime | customTime: bookingConfigurations.booking?.timezone:timeFormat }}\n                    </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=\"\" />\n                  </button>\n                </ng-template>\n              </div>\n              <!---->\n              <div class=\"booking-extra\" *ngIf=\"bookingConfigurations.booking.bookingRequestType === 'OFFICE'\">\n                <span class=\"floor\">\n                  {{ bookingConfigurations.booking.premiseName }}\n                </span>\n                <span class=\"circle\" *ngIf=\"bookingConfigurations.booking.premiseName\"></span>\n                <span 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 class=\"icon\" *ngIf=\"bookingConfigurations.booking | userRequestDTOS\"><img [src]=\"Assets.ICONS.CAB_DARK\" alt=\"\" /></span>\n                  <span class=\"icon\" *ngIf=\"bookingConfigurations.booking | additionalType: ['MEALS']\"\n                    ><img [src]=\"Assets.ICONS.MEAL_DARK\" alt=\"\"\n                  /></span>\n                  <span class=\"icon\" *ngIf=\"bookingConfigurations.booking | additionalType: ['PARKING_TWO', 'PARKING_FOUR']\"\n                    ><img [src]=\"Assets.ICONS.PARKING_MODULE\" alt=\"\"\n                  /></span>\n                </div>\n                <button\n                  mis-button\n                  size=\"md\"\n                  type=\"primary\"\n                  (click)=\"handleCardAction(bookingConfigurations.booking)\"\n                  [disabled]=\"bookingConfigurations.isCheckinDisabled\"\n                >\n                  {{ bookingConfigurations.booking.requestStatus === \"SIGNED_IN\" ? \"CheckOut\" : \"CheckIn\" }}\n                  <img [src]=\"Assets.ICONS.MEAL_CHECK\" alt=\"\" />\n                </button>\n              </div>\n            </div>\n            <ng-template #cancelledTemplate>\n              <div class=\"cancel-body\">\n                <div class=\"cancel-content\">\n                  <div class=\"cancel-body\">Booking <span class=\"cancel-text\">Cancelled</span></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=\"\" />\n                  </button>\n                </div>\n                <div class=\"partially-cancelled\" *ngIf=\"bookingConfigurations.partiallyCancelled\">\n                  <div class=\"addon-present\">\n                    <img [src]=\"Assets.ICONS.CAB_DARK\" alt=\"\" />\n                    <img [src]=\"Assets.ICONS.CANCEL_INFO\" alt=\"\" />\n                    <span>Transport not cancelled</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                [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 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 [src]=\"Assets.ICONS.EDIT_DARK\" alt=\"\" />\n            </span>\n            Edit\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=\"\" />\n            </span>\n            Cancel\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                [src]=\"bookingConfigurations.booking.bookingRequestType === 'OFFICE' ? Assets.ICONS.WFH_CONVERT_DARK : Assets.ICONS.WFO_CONVERT_DARK\"\n                alt=\"\"\n              />\n            </span>\n            Convert to {{ bookingConfigurations.booking.bookingRequestType === \"OFFICE\" ? \"WFH\" : \"WFO\" }}\n          </button>\n        </div>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n  <ng-template #noBooking>\n    <div class=\"exp-empty-card no-booking\">\n      <img [src]=\"configSvc.isMobile ? Assets.IMAGES.MOBILE_EMPTY_HERO : Assets.IMAGES.EMPTY_HERO\" alt=\"\" class=\"bg-img\" />\n      <div class=\"text\">{{ noBookingText }}</div>\n      <button\n        mis-button\n        [type]=\"'primary'\"\n        *ngIf=\"(bookingConfigStream | async).createBookingAllowed && !configSvc.isMobile\"\n        [misEmployeeWebExpMenu]=\"menu\"\n        #menuOrigin\n      >\n        Create Booking\n      </button>\n      <button\n        mis-button\n        [type]=\"'primary'\"\n        *ngIf=\"(bookingConfigStream | async).createBookingAllowed && configSvc.isMobile\"\n        (click)=\"openMobileViewBooking()\"\n      >\n        Create Booking\n      </button>\n      <ng-template #menu>\n        <mis-employee-web-exp-quick-actions\n          [config]=\"configStream | async\"\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":[".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%}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item{justify-content:flex-start}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .tokenName{text-transform:capitalize}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-action{margin-left:auto}}.exp-list-wrapper .exp-list .exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-wrapper .exp-list .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}.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%}.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 .wfh{margin-bottom:48px}.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 .date-time{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 8px}.exp-booking .exp-booking-content .date-time>*{font-style:normal;font-weight:400;color:#000;font-size:16px;line-height:24px;letter-spacing:.2px;display:inline-block}@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:#000}.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;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}"]}]}],"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":"ɵm"}}]}]}],"widgetControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":56,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":57,"character":30},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"mis-design-system/modal","name":"BsModalService","line":59,"character":18}]}],"ngOnInit":[{"__symbolic":"method"}],"showMenu":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}],"handleCardAction":[{"__symbolic":"method"}],"quickActionEvent":[{"__symbolic":"method"}],"openMobileViewBooking":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"customDate"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵr":{"__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"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"officeName"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"selector":"mis-employee-web-exp-booking-form","template":"<!-- @format -->\n\n<div class=\"form-wrapper\">\n  <div class=\"booking-form\">\n    <div class=\"form-header\">\n      <div class=\"name\">{{ formHeading }}</div>\n      <div class=\"type-name\">\n        <span\n          class=\"booking-type\"\n          [ngClass]=\"{\n            cerulean: bookingSvc.formConfiguration.type === 'OFFICE'\n          }\"\n        >\n          {{ bookingSvc.formConfiguration.type === \"OFFICE\" ? \"WFO\" : \"WFH\" }}\n        </span>\n      </div>\n      <button mis-button size=\"sm\" (click)=\"closeForm()\">\n        <img [src]=\"Assets.ICONS.CLOSE\" alt=\"\" />\n      </button>\n    </div>\n    <div class=\"form-body\">\n      <form class=\"form-fields\" *ngIf=\"bookingForm\" [formGroup]=\"bookingForm\">\n        <div class=\"form-field select inline-field\" *ngIf=\"bookingForm.value.bookingRequestType === 'OFFICE'\">\n          <div class=\"label\">Office</div>\n          <div class=\"mis-select-wrapper\" [ngClass]=\"{ disabled: disableOfficeChange }\">\n            <mis-select-v2\n              label=\"Select\"\n              [data]=\"offices\"\n              [selectedItem]=\"bookingForm?.value?.office\"\n              [searchEnabled]=\"false\"\n              (onChange)=\"onOfficeChange($event)\"\n              displayKey=\"address\"\n              [width]=\"'260px'\"\n            >\n            </mis-select-v2>\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</div>\n            <div class=\"date-select\">\n              <input\n                misTzDp\n                type=\"text\"\n                readonly\n                [dpConfig]=\"startDatepickerConfig\"\n                [datesDisabled]=\"datesDisabled\"\n                [dateMessages]=\"datepickerMessages\"\n                formControlName=\"startDate\"\n                class=\"form-field-input-text\"\n                placeholder=\"Select\"\n                positionX=\"start\"\n              />\n              <img [src]=\"Assets.ICONS.CALENDAR\" alt=\"\" class=\"date-icon data-picker-icon\" />\n            </div>\n          </div>\n          <div class=\"form-field block\" *ngIf=\"!(recurrenceBookingEnabled && formConfigs.mode === 'CREATE')\">\n            <div class=\"label\">End Date</div>\n            <div class=\"date-select\">\n              <input\n                misTzDp\n                type=\"text\"\n                readonly\n                [dpConfig]=\"endDatepickerConfig\"\n                [datesDisabled]=\"datesDisabled\"\n                [dateMessages]=\"datepickerMessages\"\n                formControlName=\"endDate\"\n                class=\"form-field-input-text\"\n                placeholder=\"Select\"\n                positionX=\"end\"\n              />\n              <img [src]=\"Assets.ICONS.CALENDAR\" alt=\"\" class=\"date-icon data-picker-icon\" />\n            </div>\n          </div>\n        </div>\n        <div class=\"form-field-group\">\n          <div class=\"form-field block\">\n            <div class=\"label\">Check-In</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-select-v2\n                  *ngIf=\"!bookingForm?.get('startShift')?.value?.shiftNotFound\"\n                  label=\"Select\"\n                  [data]=\"loginShiftList\"\n                  [selectedItem]=\"bookingForm.value?.startShift || { label: '' }\"\n                  [searchEnabled]=\"false\"\n                  (onChange)=\"onShiftChange('login', $event)\"\n                >\n                </mis-select-v2>\n                <div class=\"shiftNotFound\" *ngIf=\"bookingForm?.get('startShift')?.value?.shiftNotFound\">\n                  {{ this.bookingForm?.get(\"startShift\")?.value?.label }}\n                  <img [src]=\"Assets.ICONS.DOWN_ARROW\" alt=\"\" />\n                </div>\n              </div>\n            </div>\n            <ng-template #checkinAdhocShift>\n              <div class=\"adhoc-shift\" (click)=\"openAdhoc('Check-In')\" [ngClass]=\"{ disabled: bookingForm.get('startShift')?.disabled }\">\n                {{ this.bookingForm?.get(\"startShift\")?.value?.label || \"Select\" }}\n              </div>\n            </ng-template>\n          </div>\n          <div class=\"form-field block\">\n            <div class=\"label\">Check-Out</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-select-v2\n                  *ngIf=\"!bookingForm?.get('endShift')?.value?.shiftNotFound\"\n                  label=\"Select\"\n                  [data]=\"checkoutList | filterShiftsBefore: bookingForm.value?.startShift?.timeInMinutes\"\n                  [selectedItem]=\"bookingForm.value?.endShift || { label: '' }\"\n                  [searchEnabled]=\"false\"\n                  (onChange)=\"onShiftChange('logout', $event)\"\n                  placement=\"right\"\n                >\n                </mis-select-v2>\n                <div class=\"shiftNotFound\" *ngIf=\"bookingForm?.get('endShift')?.value?.shiftNotFound\">\n                  {{ this.bookingForm?.get(\"endShift\")?.value?.label }}\n                  <img [src]=\"Assets.ICONS.DOWN_ARROW\" alt=\"\" />\n                </div>\n              </div>\n              <div class=\"next-day\" *ngIf=\"bookingForm?.get('endShift')?.value?.isNextDay\">\n                <img [src]=\"Assets.ICONS.INFO\" alt=\"\" />Next day shift is selected\n              </div>\n            </div>\n            <ng-template #checkOutShift>\n              <div class=\"adhoc-shift\" (click)=\"openAdhoc('Check-Out')\" [ngClass]=\"{ disabled: bookingForm.get('endShift')?.disabled }\">\n                {{ this.bookingForm?.get(\"endShift\")?.value?.label || \"Select\" }}\n              </div>\n              <div class=\"next-day\" *ngIf=\"bookingForm?.get('endShift')?.value?.isNextDay\">\n                <img [src]=\"Assets.ICONS.INFO\" alt=\"\" />Next day shift is selected\n              </div>\n            </ng-template>\n          </div>\n        </div>\n        <div\n          class=\"recurrence-checkbox\"\n          *ngIf=\"recurrenceBookingEnabled && formConfigs.mode === 'CREATE'\"\n          [ngClass]=\"{ recurenceNotVisible: !bookingForm?.get('recurrence')?.value?.recurrenceVisibility }\"\n        >\n          <mis-checkbox [checked]=\"bookingForm.value.recurrence.recurrenceVisibility || false\" (change)=\"handleRecurrenceEvent()\"></mis-checkbox>\n          <label for=\"repeatBooking\">Repeat booking</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            [datesDisabled]=\"datesDisabled\"\n            [dateMessages]=\"datepickerMessages\"\n            [maxDuration]=\"maxDuration\"\n            [weeklyOffs]=\"formConfigs.profile.empWeeklyOff\"\n            [recurrenceFormGroup]=\"bookingForm\"\n            (recurrenceForm)=\"handleRecurrenceData($event)\"\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</div>\n        <div 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=\"\" />\n          </div>\n          <div class=\"field-desc\">\n            <div class=\"label\" [ngClass]=\"{ disableBooking: mealCutOff && opt.id === 'MEAL' }\" (click)=\"expandAddon(opt)\">\n              {{ opt.name }}\n              <span class=\"ic-navigation-chevron-right-24\"></span>\n            </div>\n            <div class=\"selected-seat\" *ngIf=\"opt.id === 'SEAT' && bookingForm.value.seat | seatText: bookingForm.value.office as val\">\n              <div class=\"desk-value\">\n                <p class=\"value text-ellipsis\">{{ val }}</p>\n                <span class=\"ic-navigation-cancel-24\" (click)=\"removeAddon(opt)\"></span>\n              </div>\n            </div>\n            <div class=\"selected-seat\" *ngIf=\"opt.id === 'COMMUTE' && bookingForm.value.commute | transportText as val\">\n              <div class=\"commute-value\">\n                <p class=\"value test-ellipsis\" [tooltip]=\"val\">{{ val }}</p>\n                <span class=\"ic-navigation-cancel-24\" (click)=\"removeAddon(opt)\"></span>\n              </div>\n            </div>\n            <div class=\"selected-seat\" [ngClass]=\"{ disableRemoveMeal: mealCutOff }\" *ngIf=\"opt.id === 'MEAL' && bookingForm.value.meal\">\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 }} -&nbsp;</div>\n                  <div style=\"display: inline-block\" *ngFor=\"let mealType of itemType.value.mealOption | keyvalue\">\n                    {{ mealType.value }}\n                  </div>\n                  <div class=\"mealPremise\">\n                    {{ item.premiseName }}\n                  </div>\n                  <span class=\"ic-navigation-cancel-24\" (click)=\"removeAddon(opt, itemType.value)\"></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 class=\"section-name\">Booking Reason</div>\n        <div\n          class=\"form-radio\"\n          *ngFor=\"let reason of bookingReasons\"\n          [ngClass]=\"{ checked: bookingForm.value?.reason === reason }\"\n          (click)=\"bookingForm.patchValue({ reason: reason })\"\n          tabindex=\"0\"\n        >\n          <img [src]=\"bookingForm.value?.reason === reason ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\" class=\"radio-icon\" />\n          <span>{{ reason }}</span>\n        </div>\n      </div>\n    </div>\n    <div class=\"form-actions\">\n      <button mis-button type=\"primary\" size=\"md\" [disabled]=\"!bookingForm || bookingForm?.invalid\" (click)=\"saveBooking()\">Confirm</button>\n    </div>\n  </div>\n  <div class=\"addon-form\" *ngIf=\"addonConfigurations && !configSvc.isMobile\">\n    <div class=\"form-header\">\n      <div class=\"name\">{{ addonConfigurations.name }}</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>\n  </div>\n  <mis-loader type=\"block\" *ngIf=\"!bookingForm || 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}.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%}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item{justify-content:flex-start}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .tokenName{text-transform:capitalize}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-action{margin-left:auto}}.exp-list-wrapper .exp-list .exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-wrapper .exp-list .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}.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 .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}.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;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}.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;white-space:nowrap}@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 .container{width:100%!important;padding:0}.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:baseline;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:baseline;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{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}@media screen and (max-width:600px){.mis-select-wrapper ::ng-deep mis-select-v2 .container{padding:0}.mis-select-wrapper ::ng-deep mis-select-v2 .popup-container{height:180px}}.disableBooking{opacity:.6}.disableRemoveMeal{pointer-events:none;opacity:.6}.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}"]}]}],"members":{"formConfigs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"create":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"update":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":3}}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":95,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":110,"character":20},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalService","line":115,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"handleRecurrenceData":[{"__symbolic":"method"}],"openAdhoc":[{"__symbolic":"method"}],"handleRecurrenceEvent":[{"__symbolic":"method"}],"setDatepickerDates":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"closeForm":[{"__symbolic":"method"}],"buildForm":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}],"setChangelisteners":[{"__symbolic":"method"}],"setFormFieldStates":[{"__symbolic":"method"}],"onOfficeChange":[{"__symbolic":"method"}],"expandAddon":[{"__symbolic":"method"}],"updateAddon":[{"__symbolic":"method"}],"checkAndGetShifts":[{"__symbolic":"method"}],"setdatepickerConfigs":[{"__symbolic":"method"}],"setMealCutoffInMinutes":[{"__symbolic":"method"}],"showCutOffMsg":[{"__symbolic":"method"}],"setParkingAndPremises":[{"__symbolic":"method"}],"setShifts":[{"__symbolic":"method"}],"setCommute":[{"__symbolic":"method"}],"onShiftChange":[{"__symbolic":"method"}],"updateSeat":[{"__symbolic":"method"}],"handleCommuteChange":[{"__symbolic":"method"}],"handleMealChange":[{"__symbolic":"method"}],"saveBooking":[{"__symbolic":"method"}],"setBookingReasons":[{"__symbolic":"method"}],"removeAddon":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","name":"ɵb"}]}],"setFormData":[{"__symbolic":"method"}],"setCommute":[{"__symbolic":"method"}],"genCommuteOptions":[{"__symbolic":"method"}],"setParkingStream":[{"__symbolic":"method"}],"setAllotedParkingData":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵv":{"__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":{}}},"ɵw":{"__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":10,"character":28},{"__symbolic":"reference","name":"EmpUserService"}]}],"changedGuid":[{"__symbolic":"method"}],"getMealData":[{"__symbolic":"method"}],"setMealData":[{"__symbolic":"method"}],"changedMealData":[{"__symbolic":"method"}],"bookingResponse":[{"__symbolic":"method"}],"selectedItemResponse":[{"__symbolic":"method"}],"mealDataSetter":[{"__symbolic":"method"}],"startEndShiftData":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"filterShiftsBefore"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"[mis-employee-web-exp-commute]","template":"<!-- @format -->\n\n<div\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        *ngFor=\"let choice of commuteChoices\"\n        class=\"choice\"\n        [ngClass]=\"{ active: commuteSvc.currentChoice === choice }\"\n        (click)=\"setChoice(choice)\"\n      >\n        <img [src]=\"commuteSvc.currentChoice === choice ? choice.activeIcon : choice.icon\" alt=\"\" />\n        <p class=\"text-ellipsis\">{{ choice.name }}</p>\n      </div>\n    </div>\n    <ng-container *ngIf=\"commuteSvc.currentChoice.id === 0\">\n      <div class=\"commute-options-wrapper\">\n        <div class=\"option reaching\">\n          <div class=\"name\">Reaching office (Check-in)</div>\n          <div class=\"option-list-wrapper\">\n            <div class=\"option-item\" *ngFor=\"let opt of reachingOptions\">\n              <div\n                class=\"form-radio\"\n                [ngClass]=\"{\n                  checked: !opt.disable && reachingSelection === opt,\n                  disable: opt.disable\n                }\"\n                (click)=\"setCommuteSelection(0, opt)\"\n                [tabindex]=\"opt.disable ? '-1' : '0'\"\n              >\n                <img [src]=\"!opt.disable && reachingSelection === opt ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\" class=\"radio-icon\" />\n                <span>{{ opt.name }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"option leaving\">\n          <div class=\"name\">Reaching home (Check-out)</div>\n          <div class=\"option-list-wrapper\">\n            <div class=\"option-item\" *ngFor=\"let opt of leavingOptions\">\n              <div\n                class=\"form-radio\"\n                [ngClass]=\"{\n                  checked: !opt.disable && leavingSelection === opt,\n                  disable: opt.disable\n                }\"\n                (click)=\"setCommuteSelection(1, opt)\"\n                [tabindex]=\"opt.disable ? '-1' : '0'\"\n              >\n                <img [src]=\"!opt.disable && leavingSelection === opt ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\" class=\"radio-icon\" />\n                <span>{{ opt.name }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"commuteSvc.currentChoice.id === 1\">\n      <div style=\"flex: 1 1 100%; display: flex; flex-direction: column\" mis-employee-web-exp-parking></div>\n    </ng-container>\n  </ng-container>\n  <ng-template #noShifts>\n    <div class=\"message\">\n      <p class=\"text\">Please select both check in and check out to view seats</p>\n    </div>\n  </ng-template>\n</div>\n","styles":[".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%}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item{justify-content:flex-start}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .tokenName{text-transform:capitalize}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-action{margin-left:auto}}.exp-list-wrapper .exp-list .exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-wrapper .exp-list .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}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.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 .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}"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setCommuteSelection":[{"__symbolic":"method"}],"setChoice":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"transportText"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"mis-employee-web-exp-delete-confirmation","template":"<!-- @format -->\n\n<div class=\"backdrop\">\n  <div class=\"delete-wrapper\">\n    <div class=\"delete-head\">\n      <div class=\"del-text\">\n        <div class=\"main\">Booking cancellation</div>\n        <span>\n          {{ booking.startTime | customDate: booking.timezone:\"MMM DD\" }}\n        </span>\n      </div>\n      <button mis-button type=\"none\" class=\"del-action\" (click)=\"modalRef.close()\">\n        <img [src]=\"Assets.ICONS.CLOSE\" alt=\"\" />\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            *ngFor=\"let opt of deleteOptions\"\n            [ngClass]=\"{ checked: opt.id === selection?.id }\"\n            (click)=\"selection = opt\"\n          >\n            <img [src]=\"opt.id === selection?.id ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\" alt=\"\" class=\"radio-icon\" />\n            <div class=\"opt-desc\">\n              <div class=\"main\">\n                <span>{{ opt.name }} </span>\n                <span class=\"timing\" *ngIf=\"opt.startTime || opt.endTime\">\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 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 class=\"main\">Cancel recurring booking</div>\n          <span>\n            {{ booking.startTime | customDate: booking.timezone:\"MMM DD\" }}\n          </span>\n        </div>\n        <div class=\"recurrence-delete-body\">\n          <mis-select-v2\n            label=\"Select Booking\"\n            [data]=\"deleteRecurrenceOptions\"\n            [selectedItem]=\"selectedRecurrenceDelete\"\n            [searchEnabled]=\"false\"\n            (onChange)=\"onRecurreceOptionChange($event)\"\n            displayKey=\"name\"\n          >\n          </mis-select-v2>\n        </div>\n      </div>\n    </div>\n    <div class=\"delete-action\">\n      <button mis-button type=\"primary\" (click)=\"confirmDelete()\">Confirm</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}.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":48,"character":21},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":52,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"onRecurreceOptionChange":[{"__symbolic":"method"}],"confirmDelete":[{"__symbolic":"method"}],"checkForSelectedOption":[{"__symbolic":"method"}],"requestCancelBookings":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"validateCutoff"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"mis-employee-web-exp-upcoming-bookings","template":"<!-- @format -->\n\n<div class=\"form-wrapper\" *ngIf=\"bookingPermissionStream | async as allowedActions\">\n  <div class=\"booking-form\">\n    <div class=\"form-header\">\n      <span class=\"name\">{{ formHeading }}</span>\n      <div class=\"type-name\">\n        <span class=\"booking-type\" [ngClass]=\"{ cerulean: booking.bookingRequestType === 'OFFICE' }\">\n          {{ booking.bookingRequestType === \"OFFICE\" ? \"WFO\" : \"WFH\" }}\n        </span>\n      </div>\n      <button mis-button size=\"sm\" (click)=\"close()\"><img [src]=\"Assets.ICONS.CLOSE\" alt=\"\" /></button>\n    </div>\n    <div class=\"form-body\">\n      <div class=\"form-fields\">\n        <div class=\"booking-header\">\n          <div class=\"status\">\n            <div class=\"current\" *ngIf=\"!configs.flattenedSettings.hideUserActivityTime && booking.requestStatus === 'SIGNED_IN'\">\n              <img [src]=\"Assets.ICONS.TICK_GREEN\" alt=\"\" />\n              Checked-In at {{ booking.signInTime | customTime: booking.timezone:configs?.flattenedSettings?.TIME_FORMAT }}\n            </div>\n            <div class=\"current\" *ngIf=\"!configs.flattenedSettings.hideUserActivityTime && booking.requestStatus === 'SIGNED_OUT'\">\n              <img [src]=\"Assets.ICONS.TICK_GREEN\" alt=\"\" />\n              Checked-Out at\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=\"\" />\n              <span>Booking Cancelled</span>\n            </div>\n            <div class=\"approvalEnabled\" *ngIf=\"booking?.list\">\n              <div class=\"approval-wrapper\">\n                <div class=\"approval-header\">\n                  <span\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 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 class=\"date-time\">\n            <span class=\"date\">\n              {{ booking.startTime | customDate: booking?.timezone:configs?.flattenedSettings?.DATE_FORMAT }}\n            </span>\n            <span class=\"circle\"></span>\n            <span 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        <ng-container *ngIf=\"booking.bookingRequestType === 'OFFICE'; else simpleBooking\">\n          <div [ngClass]=\"{ cancelledbooking: booking.requestStatus === 'CANCELLED' }\">\n            <div class=\"desk\" *ngIf=\"allowedActions.seatsEnabled\">\n              <img [src]=\"Assets.ICONS.DESK\" alt=\"\" />\n              <div [ngClass]=\"{ disabledSeat: booking.requestStatus === 'CANCELLED', seatName: booking.requestStatus !== 'CANCELLED' }\">\n                {{ booking.tokenName || \"Not selected\" }}\n              </div>\n              <!-- <img [src]=\"Assets.ICONS.CHEVRON_RIGHT\" alt=\"\" /> -->\n            </div>\n            <div class=\"booking-extra\" *ngIf=\"allowedActions.seatsEnabled\">\n              <span class=\"floor\">\n                {{ booking.premiseName }}\n              </span>\n              <span class=\"circle\" *ngIf=\"booking.premiseName\"></span>\n              <span 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=\"\" />\n              <div class=\"shift\">\n                <div class=\"name\">CHECK - IN</div>\n                <div class=\"desc\" *ngIf=\"booking.extras?.login; else notAvailed\">\n                  <span class=\"help\">PICK UP</span>\n                  <span class=\"data\">{{ booking.startTime | customTime: booking?.timezone:configs?.flattenedSettings?.TIME_FORMAT }}</span>\n                </div>\n                <ng-template #notAvailed>\n                  <div class=\"desc\">\n                    <span class=\"help\">Not Availed</span>\n                  </div>\n                </ng-template>\n              </div>\n              <div class=\"shift\">\n                <div class=\"name\">CHECK - OUT</div>\n                <div class=\"desc\" *ngIf=\"booking.extras?.logout; else notAvailed\">\n                  <span class=\"help\">PICK UP</span>\n                  <span class=\"data\">{{ booking.endTime | customTime: booking?.timezone:configs?.flattenedSettings?.TIME_FORMAT }}</span>\n                </div>\n                <ng-template #notAvailed>\n                  <div class=\"desc\">\n                    <span class=\"help\">Not Availed</span>\n                  </div>\n                </ng-template>\n              </div>\n            </div>\n            <div 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 class=\"simple\">\n            <img [src]=\"Assets.ICONS.CLOCK\" alt=\"\" />\n            <span 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        </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 class=\"commute-header\" [ngClass]=\"{ cancelledbooking: booking.requestStatus === 'CANCELLED' && !allowedActions.partiallyCancelled }\">\n          Commute <img *ngIf=\"allowedActions.partiallyCancelled\" [src]=\"Assets.ICONS.CANCEL_INFO\" alt=\"\" />\n        </div>\n        <div class=\"addon-opt\">\n          <div class=\"option-item\" *ngIf=\"loginOptPlace?.length > 0\">\n            <span class=\"ic-ui-check-24\"></span>\n            <span>Check-In: {{ loginOptPlace }}</span>\n          </div>\n          <div class=\"option-item\" *ngIf=\"logoutOptPlace?.length > 0\">\n            <span class=\"ic-ui-check-24\"></span>\n            <span>Check-Out: {{ logoutOptPlace }}</span>\n          </div>\n        </div>\n        <div class=\"cancel-msg\" *ngIf=\"allowedActions.partiallyCancelled\">\n          Your cab booking hasn't been cancelled.<br />\n          Please reach out to your transport manager.\n        </div>\n      </div>\n      <div class=\"addon-wrapper\" *ngIf=\"parkingData\">\n        <div class=\"wrapper-content\" [ngClass]=\"{ cancelledbooking: booking.requestStatus === 'CANCELLED' }\">\n          <div class=\"addon-header\">Parking</div>\n          <fieldset>\n            <legend>\n              {{ parkingData.premiseType }}\n            </legend>\n            <div class=\"slotName\" *ngIf=\"parkingData.tokenId\">\n              <img [src]=\"Assets.ICONS.PARKING_MODULE\" alt=\"\" />\n              <span class=\"slot\">{{ parkingData.tokenName }}</span>\n            </div>\n            <div class=\"premise\">\n              {{ parkingData.premiseName }}\n            </div>\n          </fieldset>\n        </div>\n      </div>\n      <div class=\"addon-wrapper\" *ngIf=\"mealEnabled && meal?.length && mealEnitity\">\n        <div class=\"addon-header\">Meal</div>\n        <div class=\"addon-content\" [ngClass]=\"{ cancelledbooking: booking.requestStatus === 'CANCELLED' }\">\n          <fieldset>\n            <legend>\n              {{ meal[0]?.premiseName }}\n            </legend>\n            <div class=\"mealName\" *ngFor=\"let item of mealEnitity\">\n              <div class=\"mealHeading\">{{ item.name }}</div>\n              <div 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>{{ itemy.value }}</span>\n                </div>\n              </div>\n            </div>\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        (click)=\"closeMenu('Edit')\"\n        #menuOrigin\n      >\n        <img [src]=\"Assets.ICONS.EDIT\" alt=\"\" />\n        Edit\n      </button>\n      <button\n        mis-button\n        type=\"outline\"\n        size=\"md\"\n        [disabled]=\"!allowedActions.bookingConversionAllowed && !allowedActions.cancelAllowed\"\n        (click)=\"showMenu(bookingOptions, menuOrigin)\"\n        #menuOrigin\n      >\n        More\n        <img [src]=\"Assets.ICONS.DOWN_ARROW\" alt=\"\" />\n      </button>\n    </div>\n  </div>\n  <ng-template #bookingOptions>\n    <div class=\"widget-menu\">\n      <div mis-button type=\"none\" (click)=\"closeMenu('Cancel')\" *ngIf=\"allowedActions.cancelAllowed\">\n        <div class=\"cancelIcon\">\n          <img [src]=\"Assets.ICONS.CANCEL_BIN\" alt=\"\" />\n        </div>\n        <div class=\"txt\">Cancel</div>\n      </div>\n      <div mis-button type=\"none\" (click)=\"closeMenu('Convert')\" *ngIf=\"allowedActions.bookingConversionAllowed\">\n        <div class=\"icon\">\n          <img [src]=\"booking.bookingRequestType === 'OFFICE' ? Assets.ICONS.WFH_CONVERT_DARK : Assets.ICONS.WFO_CONVERT_DARK\" alt=\"\" />\n        </div>\n        <div class=\"txt\">Convert to {{ booking.bookingRequestType === \"OFFICE\" ? \"WFH\" : \"WFO\" }}</div>\n      </div>\n    </div>\n  </ng-template>\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}.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%}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item{justify-content:flex-start}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .tokenName{text-transform:capitalize}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-action{margin-left:auto}}.exp-list-wrapper .exp-list .exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-wrapper .exp-list .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}.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:#000}.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:-webkit-max-content;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:-webkit-fit-content;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>*{font-style:normal;font-weight:400;color:#000;font-size:16px;line-height:24px;letter-spacing:.2px;display:inline-block}.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}.commute-header{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:-webkit-max-content;width:-moz-max-content;width:max-content}.widget-menu .mis-btn{display:flex;justify-content:left}.cancelIcon{width:23%}.desk,.simple{display:flex;align-items:center;flex-wrap:nowrap;background-color:#f5f7fc;margin-bottom:16px;border-radius:8px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;min-height:56px}.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{display:flex;align-items:center;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:#000}.txt-booking{color:#fff}fieldset{border:1px solid #e0e0e0;border-radius:20px;padding:20px}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}.mealName{display:flex;justify-content:space-between;margin-bottom:14px}.mealHeading{font-weight:400;font-size:16px;line-height:24px}.addon-wrapper{margin-bottom:32px}.addon-header{font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.2px;color:#181f33;margin-bottom:15px}.slotName{display:flex;align-items:center;background-color:#f5f7fc;min-height:40px;padding:9px;margin-bottom:16px;gap:10px;border-radius:8px;max-width:-webkit-fit-content;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}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":5},"arguments":[{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DRAWER_DATA_VAR","line":46,"character":12}]}],null,null],"parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerRef","line":42,"character":22},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":43,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":44,"character":30},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalService","line":45,"character":20},null,{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵu"}]}],"ngOnInit":[{"__symbolic":"method"}],"transportOptSetter":[{"__symbolic":"method"}],"showMenu":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}]}},"ɵbd":{"__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 class=\"confirm-wrapper\">\n    <div class=\"confirm-greet\">\n      <img class=\"main-img\" [src]=\"Assets.ICONS.SUCCESS_TICK\" alt=\"\" />\n      <p class=\"maintext\">Booking Created</p>\n    </div>\n    <div class=\"seat\" *ngIf=\"seatsEnabled && bookingSvc.createResp.bookingRequestType === 'OFFICE'\">\n      <div class=\"desk-details\" *ngIf=\"seatDetails.seat\">\n        <div class=\"desk\">{{ seatDetails.seat || \"Not selected\" }}</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 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</span>\n        </div>\n        <div class=\"option-item\" *ngIf=\"optLogout\">\n          <span class=\"ic-ui-check-24\"></span>\n          <span>Check-Out: Cab</span>\n        </div>\n        <div class=\"option-item\" *ngFor=\"let meal of mealNameArray\">\n          <span class=\"ic-ui-check-24\"></span>\n          <span>{{ meal }}</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=\"\" />\n          <span *ngIf=\"optLogin\">\n            Home <img class=\"arrowimage\" [src]=\"Assets.ICONS.ARROW\" alt=\"\" />\n            {{ loginDrop }}\n          </span>\n        </div>\n        <div class=\"sub\" *ngIf=\"optLogout\">\n          <img class=\"cabimage\" [src]=\"Assets.ICONS.CAB\" alt=\"\" />\n          <span class=\"office-info\">\n            {{ logoutPickUp }}\n            <img class=\"arrowimage\" [src]=\"Assets.ICONS.ARROW\" alt=\"\" /> Home\n          </span>\n        </div>\n      </div>\n    </div>\n    <div class=\"cab-opt errMsg\" *ngIf=\"!opt && displayMsg\">\n      {{ displayMsg }}\n    </div>\n    <div class=\"actions\">\n      <button mis-button type=\"primary\" (click)=\"backHome()\">OK</button>\n    </div>\n  </div>\n</div>\n","styles":[".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"}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"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    <p>Are you sure you want to check in?</p>\n  </ng-template>\n  <div class=\"checkin-actions\">\n    <button mis-button (click)=\"modalRef.close()\">Cancel</button>\n    <button mis-button type=\"primary\" (click)=\"handleCheckin()\">Proceed</button>\n  </div>\n</div>\n","styles":[".checkin-popup{width:400px;border-radius:8px;overflow:auto;padding:12px;background-color:#fff;position:relative}@media screen and (max-width:600px){.checkin-popup{width:100%}}.checkin-popup .checkin-actions,.checkin-popup p{flex:1 1 100%}.checkin-popup p{text-align:center;padding:32px 0}.checkin-popup .checkin-actions{display:flex;gap:16px;width:100%;height:100%;flex:0.2;justify-content:flex-end}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":40,"character":5},"arguments":[{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"MODAL_DATA_VAR","line":40,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalRef","line":34,"character":21},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":37,"character":19},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalService","line":39,"character":20},null,{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":43,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"iframeURL":[{"__symbolic":"method"}],"handleCheckin":[{"__symbolic":"method"}],"saveCheckin":[{"__symbolic":"method"}]}},"ɵbf":{"__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"}]},"statics":{"ɵprov":{}}},"ɵbg":{"__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"}]}},"ɵbh":{"__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\">\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 class=\"text\">Please select both check in and check out to view 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":"ɵv"},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"seatText"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbj":{"__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\">\n  <button class=\"menu-btn\" *ngFor=\"let act of quickActions\" (click)=\"quickActionEvent(act.id)\">\n    <img [src]=\"act.icon\" alt=\"\" />\n    {{ act.label }}\n  </button>\n</div>\n","styles":[".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"}]}},"ɵbk":{"__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":[".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%}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item{justify-content:flex-start}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .tokenName{text-transform:capitalize}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-action{margin-left:auto}}.exp-list-wrapper .exp-list .exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-wrapper .exp-list .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}.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"}]}},"ɵbl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"mis-employee-web-exp-calender-card","template":"<div class=\"calender-wrapper\">\n  <div class=\"loader-wrapper\" *ngIf=\"widgetControl?.loader | async\">\n    <mis-loader type=\"block\"></mis-loader>\n  </div>\n  <div 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=\"\" />\n      </div>\n      <div class=\"link\">\n        <button mis-button (click)=\"teamCalender($event)\">View Team Calendar</button>\n      </div>\n    </div>\n    <div class=\"text\">{{ message }}</div>\n  </div>\n</div>\n","styles":[".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%}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item{justify-content:flex-start}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .tokenName{text-transform:capitalize}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-action{margin-left:auto}}.exp-list-wrapper .exp-list .exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-wrapper .exp-list .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}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex-auto{flex:1 1 auto}.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;line-height:20px;margin:-16px}"]}]}],"members":{"showTeamCalender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"widgetControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"teamCalender":[{"__symbolic":"method"}],"capitalizeName":[{"__symbolic":"method"}]}},"ɵbm":{"__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"}]}},"ɵbn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"[mis-employee-web-exp-parking]","template":"<div class=\"parking-wrapper\" *ngIf=\"configs | async as cfg\">\n  <div class=\"vehicle-info\">\n    <div class=\"types\">\n      <span class=\"label\">Vehicle type</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        (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        />\n        <span>{{ type.premiseTypeDisplayName }}</span>\n      </div>\n    </div>\n    <div class=\"desc\" *ngIf=\"cfg.showRegistrationNumberInputFieldForParking\">\n      <span class=\"label text-ellipsis\">Registration no.</span>\n      <mis-input type=\"rounded\" [noHints]=\"true\">\n        <input type=\"text\" misInput placeholder=\"Enter\" [formControl]=\"commuteSvc.regNo\" />\n      </mis-input>\n    </div>\n  </div>\n  <div *ngIf=\"cfg.enableGridFloorPlan\" class=\"gridFloorPlan\" mis-employee-web-exp-parking-grid-floor-plan></div>\n  <div class=\"parking-desc\" *ngIf=\"!cfg.enableGridFloorPlan\">\n    <div class=\"premises\">\n      <div class=\"act\">\n        <span class=\"label\">Zone</span>\n        <mis-select-v2\n          label=\"Select\"\n          [data]=\"zones\"\n          [selectedItem]=\"parkingForm?.value?.zone || { label: '' }\"\n          [searchEnabled]=\"false\"\n          (onChange)=\"setPremise('zone', $event)\"\n          width=\"190px\"\n        ></mis-select-v2>\n      </div>\n      <div class=\"act\">\n        <span class=\"label\">Level</span>\n        <mis-select-v2\n          label=\"Select\"\n          [data]=\"levels\"\n          [selectedItem]=\"parkingForm?.value?.level || { label: '' }\"\n          [searchEnabled]=\"false\"\n          (onChange)=\"setPremise('level', $event)\"\n          width=\"190px\"\n        ></mis-select-v2>\n      </div>\n    </div>\n    <div class=\"map\">\n      <div class=\"text\">Your parking slot shall be auto-assigned post booking</div>\n      <img [src]=\"Assets.IMAGES.PARKING_BG\" alt=\"\" />\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}.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%}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item{justify-content:flex-start}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .tokenName{text-transform:capitalize}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-action{margin-left:auto}}.exp-list-wrapper .exp-list .exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-wrapper .exp-list .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}.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%}.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 .input-container{padding-bottom:0!important}.gridFloorPlan{border:1px solid #e0e0e0;box-sizing:border-box}.gridFloorPlan,.parking-desc{flex:1 1 100%;display:flex;flex-direction:column}.parking-desc{border-radius:8px;border:1px solid #e0e0e0}.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:#000}@media screen and (max-width:600px){.parking-desc .map img{width:100%;padding:10px}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":22,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"listenFormChanges":[{"__symbolic":"method"}],"groupBy":[{"__symbolic":"method"}],"buildForm":[{"__symbolic":"method"}],"setZones":[{"__symbolic":"method"}],"setLevels":[{"__symbolic":"method"}],"setPremise":[{"__symbolic":"method"}]}},"ɵbo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"additionalType"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"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":25,"character":5},"arguments":[{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DRAWER_DATA_VAR","line":25,"character":12}]}],null,null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerRef","line":23,"character":23},{"__symbolic":"reference","name":"ɵe"},null,{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerService","line":27,"character":23},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":29,"character":19},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"mis-design-system/mis-modal","name":"ModalService","line":31,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"requestCreateBookings":[{"__symbolic":"method"}],"requestUpdateBookings":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}]}},"ɵbq":{"__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 }}</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</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\" : \"Reserve Slot\" }}\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}.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%}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item{justify-content:flex-start}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .tokenName{text-transform:capitalize}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-action{margin-left:auto}}.exp-list-wrapper .exp-list .exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-wrapper .exp-list .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}.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":"ɵu"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerRef","line":20,"character":22},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"closeDrawer":[{"__symbolic":"method"}],"selectSeat":[{"__symbolic":"method"}],"selectCommute":[{"__symbolic":"method"}]}},"ɵbr":{"__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":[".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"}]}},"ɵbs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"filterOutBooking"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbt":{"__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 class=\"wrapper\">\n  <div class=\"header-wrapper\">\n    <span>Select {{ data }} time</span>\n    <button mis-button size=\"sm\" (click)=\"closeModal()\">\n      <img [src]=\"Assets.ICONS.CLOSE\" alt=\"\" />\n    </button>\n  </div>\n  <div *ngIf=\"adhocEnabled\" class=\"adhoc-content\">\n    <div class=\"circle\"></div>\n    Ad-hoc shifts\n  </div>\n  <div class=\"list-labels\">\n    <div class=\"shift-header\">Shift Time</div>\n    <div class=\"transport-header\">Transport</div>\n  </div>\n  <div class=\"content-scroll\" #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 class=\"shift-box\" (click)=\"shiftSelect(shifts)\" [ngClass]=\"{ selected: shifts | shiftStyle: selectedLoginShift:selectedLogoutShift }\">\n            <img *ngIf=\"shifts | shiftStyle: selectedLoginShift:selectedLogoutShift\" [src]=\"Assets.ICONS.CHOICE_CHIP\" alt=\"\" />\n            {{ shifts.label }}\n          </div>\n        </div>\n        <img *ngIf=\"!shifts.transportAvalability\" [src]=\"Assets.ICONS.TRANSPORT_UNAVAILABILTY\" alt=\"\" />\n        <img *ngIf=\"shifts.transportAvalability\" [src]=\"Assets.ICONS.TRANSPORT_AVAILABILTY\" alt=\"\" />\n      </div>\n    </div>\n    <div class=\"next-header-wrapper\" *ngIf=\"data === 'Check-Out'\">\n      <span>Next Day</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              (click)=\"shiftSelect(nextDay)\"\n              [ngClass]=\"{ selected: nextDay | shiftStyle: selectedLoginShift:selectedLogoutShift:nextDayLogoutShift }\"\n            >\n              <img *ngIf=\"nextDay | shiftStyle: selectedLoginShift:selectedLogoutShift:nextDayLogoutShift\" [src]=\"Assets.ICONS.CHOICE_CHIP\" alt=\"\" />\n              {{ nextDay.label }}\n            </div>\n          </div>\n          <img *ngIf=\"!nextDay.transportAvalability\" [src]=\"Assets.ICONS.TRANSPORT_UNAVAILABILTY\" alt=\"\" />\n          <img *ngIf=\"nextDay.transportAvalability\" [src]=\"Assets.ICONS.TRANSPORT_AVAILABILTY\" alt=\"\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n","styles":[".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"}]}},"ɵbu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"shiftStyle"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbv":{"__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</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      If you accept these terms, we and our partners (eg. Google) will use anonymized ID's (IP address or device ID) of your computer, tablet or phone\n      to improve the user experience, to analyise the use of our content to support and advertising.\n    </p>\n  </div>\n  <div class=\"footer\">\n    <button mis-button type=\"primary\" size=\"md\" (click)=\"confirm()\">Accept</button>\n  </div>\n</div>\n","styles":[".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":"ɵbf"}]}],"ngOnInit":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}]}},"ɵbw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"iconOverflowCheck"}]}],"members":{"transform":[{"__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-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 {{ status.vaxStatus }}</p>\n    <p class=\"hint-title\">Reason</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</button>\n    <p class=\"hint-text\">To ensure the safety of everyone in the office</p>\n  </div>\n</div>\n","styles":[".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"}]}},"ɵby":{"__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 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</div>\n        <div class=\"date-select\">\n          <input\n            misTzDp\n            type=\"text\"\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=\"\" 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 class=\"form-radio\" [ngClass]=\"{ checked: selectedOption === 0 }\" (click)=\"radioEventHandler(0)\">\n            <img [src]=\"selectedOption === 0 ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\" class=\"radio-icon\" />\n            <label for=\"repeats0ne\">Repeats Every</label>\n          </div>\n          <div class=\"days\">\n            <span\n              class=\"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 class=\"repeat-two\">\n          <div class=\"form-radio\" [ngClass]=\"{ checked: selectedOption === 1 }\" (click)=\"radioEventHandler(1)\">\n            <img [src]=\"selectedOption === 1 ? Assets.ICONS.IC_RADIO_ACTIVE : Assets.ICONS.IC_RADIO\" class=\"radio-icon\" />\n            <label for=\"repeatsTwo\">Repeats Every</label>\n          </div>\n          <div class=\"day-input\">\n            <input\n              [ngClass]=\"{ errorPresent: errorInput }\"\n              formControlName=\"repeatedDay\"\n              type=\"number\"\n              (change)=\"emitFormData('inputData')\"\n              misInput\n            />\n          </div>\n          <span>Days</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}.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%}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item{justify-content:flex-start}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .tokenName{text-transform:capitalize}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-action{margin-left:auto}}.exp-list-wrapper .exp-list .exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-wrapper .exp-list .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}.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:#000!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}}]}],"recurrenceForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":32,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"buildingForm":[{"__symbolic":"method"}],"toggleWorkingDay":[{"__symbolic":"method"}],"radioEventHandler":[{"__symbolic":"method"}],"emitFormData":[{"__symbolic":"method"}]}},"ɵbz":{"__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</p>\n    </div>\n    <div class=\"body\">\n      <p [ngClass]=\"{ noFailure: failedBookings?.length === 0 }\">\n        Created {{ successBookings?.length === 0 ? totalBookings : successBookings.length }} bookings\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</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</p>\n    </div>\n  </div>\n</ng-template>\n","styles":[".main{background-color:#fff;min-width:508px;padding:32px}.main .scrollContent{max-height:80vh;overflow:scroll}.main .head{display:flex;justify-content:center;align-items:center;flex-direction:column}.main .head p{font-family:Lato;font-size:40px;line-height:48px;letter-spacing:.25px;color:#181f33;margin:0}.main .body{padding:24px 0}.main .body p{color:#181f33;font-family:Lato;font-weight:700;font-size:15px;line-height:20px}.main .body .noFailure{display:flex;align-items:center;justify-content:center}.main .body p:nth-child(3){font-weight:400}.main .body .reasonFailed{white-space:pre-wrap;max-width:300px}.main .body .borderClass{border:1px solid #e0e0e0;box-sizing:border-box;border-radius:12px}.main .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}.main .body .bookings .content{display:flex;align-items:center;gap:24px;flex:0 1 80%}.main .body .bookings .icon{display:flex;align-self:flex-start}.main .footer{margin-top:17px;display:flex;flex-direction:column}.failed-body{background-color:#fff;min-width:466px;padding:32px}.failed-body .head{display:flex;justify-content:flex-end}.failed-body .content{display:flex;flex-direction:column;align-items:center;justify-content:center}.failed-body p{font-size:40px;line-height:48px}"]}]}],"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"}]}},"ɵca":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"userRequestDTOS"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵcb":{"__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 class=\"body\">\n    <p>Some components of your booking may not be available on some dates due to availability.</p>\n  </div>\n  <div class=\"footer\">\n    <button mis-button type=\"none\" size=\"md\" (click)=\"cancel()\">Go Back</button>\n    <button mis-button type=\"primary\" size=\"md\" #btnFocus [autofocus]=\"btnFocus.focus()\" (click)=\"confirm()\">Proceed</button>\n  </div>\n</div>\n","styles":[".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"}]}},"ɵcc":{"__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":[".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":"ɵcd"}]}]],"parameters":[{"__symbolic":"reference","name":"string"}]}]}},"ɵcd":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":35},"arguments":["MISWebExpLoaderData"]},"ɵce":{"__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 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":18,"character":3},"arguments":["frameElement"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"EmpUserService"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":24,"character":19},{"__symbolic":"reference","name":"WisConfigService"}]}],"ngOnInit":[{"__symbolic":"method"}],"createCommuteFormData":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵcg"},{"__symbolic":"reference","name":"ɵch"},{"__symbolic":"reference","name":"ɵci"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵcg"}],"entryComponents":[{"__symbolic":"reference","name":"ɵcg"},{"__symbolic":"reference","name":"ɵci"}]}]}],"members":{}},"ɵcg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"mis-employee-web-exp-meal-component","template":"<div *ngIf=\"!showMealList\" class=\"meal-time-selection\">\n  <div class=\"message\">Please select both check in and check out to view Meals</div>\n</div>\n<div class=\"meal\" *ngIf=\"mealData.length > 0 && showMealList\">\n  <div class=\"individual\">\n    <div class=\"premise\" *ngFor=\"let item of mealData; index as i\">\n      <div class=\"meal-wrapper\" [ngClass]=\"item == selectedItem ? 'blueBackground' : 'other'\" (click)=\"openPremise(item)\">\n        <div class=\"icon\"><img [src]=\"Assets.ICONS.MEAL_DARK\" alt=\"\" /></div>\n        <div class=\"premise-name\">\n          {{ item.premiseName }}\n        </div>\n        <div class=\"more\">\n          <img [src]=\"Assets.ICONS.CHEVRON_RIGHT\" alt=\"\" />\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"show\">\n    <mis-employee-web-exp-meal-option></mis-employee-web-exp-meal-option>\n  </div>\n</div>\n<div class=\"empty-cafeteria\" *ngIf=\"mealData.length === 0 && showMealList\">\n  <div class=\"check\">\n    <img [src]=\"Assets.IMAGES.EMPTY_PLATE\" />\n    <p>Cafeteria Not Found!</p>\n  </div>\n</div>\n","styles":[".meal{display:flex;flex-direction:row}.meal .individual{display:flex;flex-direction:column;margin-right:45px}.meal .name{display:flex;flex-direction:row;margin-bottom:12px;flex-wrap:wrap;align-items:baseline}.meal .label{flex:1 1 20%}.meal .premise-name{margin-left:12px;font-size:20px;line-height:28px;letter-spacing:.15px}.meal .peice-wrap{display:flex;flex-wrap:wrap;flex:1 1 80%}.meal .piece{display:flex;align-items:center;justify-content:center;border:1px solid #6a737d;box-sizing:border-box;border-radius:32px;width:auto;height:32px;margin-left:16px;margin-bottom:12px;padding:16px;cursor:pointer;font-weight:400;font-size:16px;color:#6a737d}.premise:not(:last-child){border-bottom:1px solid #e0e0e0;margin-bottom:32px}.meal-wrapper{display:flex;margin-bottom:22px;align-items:center;width:352px;height:60px;border-radius:6px;cursor:pointer}.meal-wrapper .icon{background:#f5f5f5;border-radius:16px;width:60px;height:60px;padding:15px}.meal-wrapper .name{display:flex;flex-wrap:wrap;align-items:baseline;margin-left:12px}.meal-wrapper .more{margin-left:auto;order:2}.meal-wrapper .more img{margin-right:16px;cursor:pointer}.firstOne{background-color:#0937b2;color:#fff!important}.blueBackground{background-color:#f5f7fc}.other{background-color:#fff}.show{position:-webkit-sticky;position:sticky;align-self:flex-start;top:0;overflow-y:auto}.check{display:block;text-align:center}.check img{margin-bottom:48px}.check p{font-size:20px;line-height:28px;letter-spacing:.15px}.meal-time-selection{width:100%;height:70vh;display:flex;justify-content:center;align-items:center;flex-direction:column}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerRef","line":30,"character":22},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerService","line":32,"character":22},{"__symbolic":"reference","name":"ɵf"}]}],"ngOnInit":[{"__symbolic":"method"}],"getMealBookingDetails":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"openPremise":[{"__symbolic":"method"}]}},"ɵch":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"mealStyle"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵci":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"mis-employee-web-exp-meal-option","template":"<div class=\"form-wrapper\">\n  <div class=\"booking-form\">\n    <div class=\"form-header\" *ngIf=\"configSvc.isMobile\">\n      <img class=\"close-img\" [src]=\"Assets.ICONS.ARROW\" (click)=\"close()\" alt=\"\" />\n      <span class=\"name\">{{ selectedItem?.premiseName }}</span>\n    </div>\n    <div [ngClass]=\"configSvc.isMobile ? 'form-body' : 'web-form-body'\">\n      <div class=\"option-wrapper\" *ngFor=\"let item of selectedItem?.meals\">\n        <div class=\"meal-name\">\n          {{ item.name }}\n        </div>\n        <div class=\"options\">\n          <div\n            class=\"meal-type\"\n            *ngFor=\"let itemx of item.mealOption | keyvalue; index as i\"\n            (click)=\"mealSelection(item, itemx, null)\"\n            [ngClass]=\"{ firstOne: mealMap | mealStyle: selectedItem:itemx:item, 'meal-type-cutoff': !item.mealCutOff }\"\n          >\n            <span>\n              <img *ngIf=\"mealMap | mealStyle: selectedItem:itemx:item\" [src]=\"Assets.ICONS.MEAL_CHECK\" alt=\"\" />\n              {{ itemx.value }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"form-actions\" *ngIf=\"configSvc.isMobile\">\n      <button class=\"mis-btn mis-primary mis-btn-md\" type=\"primary\" size=\"md\" [disabled]=\"mealMap.size === 0\" (click)=\"saveSelection()\">\n        Continue\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}.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%}@media screen and (max-width:600px){.exp-empty-card{padding:16px 24px}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item{justify-content:flex-start}}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile{display:flex;flex-direction:column;justify-content:center;width:100%}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-dates{flex:1 1 50%}.exp-list-wrapper .exp-list .exp-list-item .exp-list-mobile .exp-list-detail-mobile .exp-mobile-booking-status{border-radius:2px}.exp-list-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .tokenName{text-transform:capitalize}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons{display:flex;margin:12px 24px 12px 0}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon{margin-right:8px;max-width:none}.exp-list-wrapper .exp-list .exp-list-item .exp-list-icons .exp-list-icon:last-child{margin-right:0}.exp-list-wrapper .exp-list .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-wrapper .exp-list .exp-list-item .exp-list-action{margin-left:auto}}.exp-list-wrapper .exp-list .exp-list-item .exp-list-action .mis-btn{padding-right:0}.exp-list-wrapper .exp-list .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}.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 .web-form-body{flex:1 1 100%;overflow-y:auto}.form-wrapper .web-form-body::-webkit-scrollbar{display:none}.form-wrapper .form-body{flex:1 1 100%;padding:28px 24px;overflow-y:auto}.form-wrapper .close-img{transform:rotate(180deg)}.form-wrapper .options{display:flex;flex-wrap:wrap;gap:16px}.form-wrapper .option-wrapper{display:flex;flex-wrap:wrap;margin-bottom:24px}.form-wrapper .meal-name,.form-wrapper .name{flex:1 1 100%;font-weight:700;font-size:17px;line-height:24px;letter-spacing:.2px;color:#181f33}.form-wrapper .meal-name{margin-bottom:16px}.form-wrapper .meal-type{display:flex;align-items:center;justify-content:center;border:1px solid #6a737d;box-sizing:border-box;border-radius:32px;width:auto;height:32px;margin-bottom:12px;padding:16px;cursor:pointer;font-weight:400;font-size:16px;color:#6a737d}.form-wrapper .meal-type-cutoff{background-color:#f5f5f5;border:1px solid #f5f5f5;opacity:.5}.form-wrapper .form-actions{display:flex;justify-content:flex-end;padding:18px 24px;border-top:1px solid #e0e0e0}@media screen and (max-width:600px){.form-wrapper .form-actions button{width:100%}}.form-wrapper .firstOne{background-color:#0937b2;color:#fff!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":31,"character":5}}],null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":34,"character":17},"arguments":[{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DRAWER_DATA_VAR","line":34,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":29,"character":20},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","module":"mis-design-system/drawer","name":"DrawerRef","line":31,"character":35},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵf"},null]}],"ngOnInit":[{"__symbolic":"method"}],"getHoursAndMiutes":[{"__symbolic":"method"}],"openPremise":[{"__symbolic":"method"}],"setCutoffForMeal":[{"__symbolic":"method"}],"cutOffMealSelection":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"structuringInit":[{"__symbolic":"method"}],"initialSelectionHandler":[{"__symbolic":"method"}],"mealSelection":[{"__symbolic":"method"}],"structuringResponse":[{"__symbolic":"method"}],"saveSelection":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵm"}],"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":"ɵm"}]}]}],"members":{}}},"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","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","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/loader.service","ɵg":"./lib/services/preference-data.service","ɵh":"./lib/components/routings/body/body.component","ɵi":"./lib/services/widget.service","ɵj":"./lib/components/routings/calendar/calendar.component","ɵk":"./lib/services/team-calendar.service","ɵl":"./lib/components/header/header.component","ɵm":"./lib/modules/menu/menu.directive","ɵn":"./lib/components/cards/widget-card/widget-card.component","ɵo":"./lib/components/cards/list-card/list-card.component","ɵp":"./lib/components/cards/booking-card/booking-card.component","ɵq":"./lib/pipes/custom-date.pipe","ɵr":"./lib/pipes/custom-time.pipe","ɵs":"./lib/pipes/office-name.pipe","ɵt":"./lib/components/forms/booking-form/booking-form.component","ɵu":"./lib/services/commute.service","ɵv":"./lib/services/seat.service","ɵw":"./lib/modules/meal-module/meal.service","ɵx":"./lib/pipes/filter-shifts-before.pipe","ɵy":"./lib/components/forms/commute/commute.component","ɵz":"./lib/pipes/transport-text.pipe","ɵba":"./lib/components/forms/delete-confirmation/delete-confirmation.component","ɵbb":"./lib/pipes/validate-cutoff.pipe","ɵbc":"./lib/components/modals/upcoming-bookings/upcoming-bookings.component","ɵbd":"./lib/components/forms/booking-confirmation/booking-confirmation.component","ɵbe":"./lib/components/modals/checkin-confirm/checkin-confirm.component","ɵbf":"./lib/services/cookie.service","ɵbg":"./lib/pipes/safe.pipe","ɵbh":"./lib/components/forms/seat/seat.component","ɵbi":"./lib/pipes/seat-text.pipe","ɵbj":"./lib/components/modals/quick-actions/quick-actions.component","ɵbk":"./lib/components/cards/meeting-card/meeting-card.component","ɵbl":"./lib/components/cards/calender-card/calender-card.component","ɵbm":"./lib/components/modals/loader/loader.component","ɵbn":"./lib/components/forms/parking/parking.component","ɵbo":"./lib/pipes/additional-type.pipe","ɵbp":"./lib/components/modals/booking/booking.component","ɵbq":"./lib/components/modals/addon-wrapper/addon-wrapper.component","ɵbr":"./lib/components/modals/create-booking/create-booking.component","ɵbs":"./lib/pipes/filter-out-booking.pipe","ɵbt":"./lib/components/modals/adhoc-shifts/adhoc-shifts.component","ɵbu":"./lib/components/modals/adhoc-shifts/shift-style.pipe","ɵbv":"./lib/components/modals/ip-consent/ip-consent.component","ɵbw":"./lib/components/cards/list-card/icon-check.pipe","ɵbx":"./lib/components/modals/vaccination-eligibility/vaccination-eligibility.component","ɵby":"./lib/components/forms/recurrence-booking-form/recurrence-booking-form.component","ɵbz":"./lib/components/modals/recurrence-booking-success/recurrence-booking-success.component","ɵca":"./lib/pipes/user-request-dtos.pipe","ɵcb":"./lib/components/modals/recurrence-confirmation/recurrence-confirmation.component","ɵcc":"./lib/components/modals/loader-with-message/loader-with-message.component","ɵcd":"./lib/constants/loader.constants","ɵce":"./lib/components/forms/parking-grid-floor-plan/parking-grid-floor-plan.component","ɵcf":"./lib/modules/meal-module/meal-module.module","ɵcg":"./lib/modules/meal-module/meal-component/meal-component.component","ɵch":"./lib/modules/meal-module/meal-style.pipe","ɵci":"./lib/modules/meal-module/meal-option/meal-option.component","ɵcj":"./lib/modules/menu/menu.module"},"importAs":"mis-emp-web-exp"}