{"version":3,"file":"app-6cb72908.d152cf98c45d962fa693.bundle.js","mappings":";;;;;;;;;;;;;;AAAA;AAEA;AAMA;AAAA;AAJA;AACA;AA8BA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAvCA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAiBA;AA/CA;;;;;;;;;;;;;;;;;;;;;;;;;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAUA;AAAA;AAPA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;AC/FA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AC3CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAWA;AAAA;AATA;AACA;AACA;AACA;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAQA;AAAA;AANA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;;AASA;AAAA;AARA;AACA;AACA;AACA;AAEA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;ACzDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAWA;AAAA;AATA;AACA;AACA;AACA;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;ACrHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAWA;AAAA;AATA;AACA;AACA;AACA;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACxGA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACPA;AACA;AACA;AACA;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACPA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA;;;;;;;;;;;ACHA;AACA;AACA;AACA","sources":["webpack://HRMSPortal/./src/components/leavemanagement/useralertpopup/noofdaysconfirmation.js","webpack://HRMSPortal/./src/components/leavemanagement/viewapplytimeoffpopup/viewapplytimeoffpopup.js","webpack://HRMSPortal/./src/components/leavemanagement/viewemployeetimeoffdetails/viewemployeetimeoffdetailscomponent.js","webpack://HRMSPortal/./src/components/leavemanagement/viewemptimeoffrequestpopup/viewemptimeoffrequestpopupcomponent.js","webpack://HRMSPortal/./src/components/leavemanagement/viewkraprsettings/viewkraprsettingscomponent.js","webpack://HRMSPortal/./src/components/leavemanagement/viewmytimeoffsummary/viewmytimeoffsummarycomponent.js","webpack://HRMSPortal/./src/components/leavemanagement/viewtimeoffadjustment/viewtimeoffadjustmentcomponent.js","webpack://HRMSPortal/./src/components/leavemanagement/viewtimeoffrequest/viewtimeoffrequestcomponent.js","webpack://HRMSPortal/./src/components/leavemanagement/useralertpopup/noofdaysconfirmation.html","webpack://HRMSPortal/./src/components/leavemanagement/viewapplytimeoffpopup/viewapplytimeoffpopup.html","webpack://HRMSPortal/./src/components/leavemanagement/viewemployeetimeoffdetails/viewemployeetimeoffdetailscomponent.html","webpack://HRMSPortal/./src/components/leavemanagement/viewemptimeoffrequestpopup/viewemptimeoffrequestpopupcomponent.html","webpack://HRMSPortal/./src/components/leavemanagement/viewkraprsettings/viewkraprsettingscomponent.html","webpack://HRMSPortal/./src/components/leavemanagement/viewmytimeoffsummary/viewmytimeoffsummarycomponent.html","webpack://HRMSPortal/./src/components/leavemanagement/viewtimeoffadjustment/viewtimeoffadjustmentcomponent.html","webpack://HRMSPortal/./src/components/leavemanagement/viewtimeoffrequest/viewtimeoffrequestcomponent.html"],"sourcesContent":["import { DialogController } from 'aurelia-dialog';\r\n\r\nexport class ConfirmationModal {\r\n    static inject = [DialogController,Element];\r\n    isDragging = false;\r\n    dialog;\r\n\r\n\r\n    constructor(dialogController,element) {\r\n        this.dialogController = dialogController;\r\n        this.element = element;\r\n\r\n    }\r\n    activate(message) {\r\n        this.message = message;\r\n    }\r\n    Yes() {\r\n        this.dialogController.ok();\r\n    }\r\n    No() {\r\n        this.dialogController.cancel();\r\n    }\r\n\r\n    startDragging(event) {\r\n        if (event.button === 0) {\r\n            this.isDragging = true;\r\n            this.offsetX = event.clientX - this.dialogElement.getBoundingClientRect().left;\r\n            this.offsetY = event.clientY - this.dialogElement.getBoundingClientRect().top;\r\n\r\n            window.addEventListener('mousemove', this.drag);\r\n            window.addEventListener('mouseup', this.stopDragging);\r\n        }\r\n    }\r\n\r\n    drag = (event) => {\r\n        if (this.isDragging) {\r\n            const x = event.clientX - this.offsetX;\r\n            const y = event.clientY - this.offsetY;\r\n\r\n            this.dialogElement.style.left = `${x}px`;\r\n            this.dialogElement.style.top = `${y}px`;\r\n        }\r\n    }\r\n\r\n    stopDragging = () => {\r\n        this.isDragging = false;\r\n        window.removeEventListener('mousemove', this.drag);\r\n        window.removeEventListener('mouseup', this.stopDragging);\r\n    }\r\n}","import {inject } from 'aurelia-framework';\r\nimport { DialogController } from 'aurelia-dialog';\r\nimport { ProfileService } from '../../../shared/services/profielservice';\r\nimport { JwtService } from '../../../shared/services/jwtservice';\r\nimport Scrollbar from 'smooth-scrollbar';\r\nimport {LeavemanagementService} from \"../../../shared/services/leavemanagementservice\";\r\nimport {config} from \"../../../shared/services/config\";\r\nimport { constants } from '../../../shared/services/constants';\r\nimport {HeaderService} from '../../../shared/services/headerservice';\r\nimport {LoginService} from \"../../../shared/services/loginservice\";\r\nimport {Router} from 'aurelia-router';\r\n@inject(DialogController,ProfileService,JwtService,LeavemanagementService,HeaderService,LoginService,Router)\r\nexport class ViewApplyTimeOffPopup {\r\n    static inject = [DialogController,Element];\r\n    isDragging = false;\r\n    dialog;\r\n    pageSize = 10;\r\n    topicsPageSize=10;\r\n    OnlineTopic = [];\r\n    additionalcomments = [];\r\n    CategoryId=constants.leaveworkflowcategoryid;\r\n    constructor(controller, ProfileService,JwtService,LeavemanagementService,headerservice,loginservice,router,element) {\r\n        this.headerservice = headerservice;\r\n        this.controller = controller;\r\n        this.profileService = ProfileService;\r\n        this.jwtService = JwtService;\r\n        this.leavemanagementService = LeavemanagementService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.router = router;\r\n        this.loginservice = loginservice;\r\n        this.element = element;\r\n    }\r\n    activate(viewData){\r\n        this.leavemanagement = viewData.LeaveApplicationID;\r\n        this.LeaveApplicationIDS=viewData.split(',');\r\n        const firstValue =this.LeaveApplicationIDS[0];\r\n        this.LeaveApplicationID=firstValue;\r\n        if(this.LeaveApplicationIDFromSave > 1){\r\n            this.LeaveApplicationID = this.LeaveApplicationIDFromSave;\r\n        }\r\n        if(viewData> 1){\r\n            this.message = \"Time off applied successfully\"\r\n        }\r\n    }\r\n    downloadFile() {\r\n        const downloadUrl = config.img_url+ this.Files;\r\n        const link = document.createElement('a');\r\n        link.href = downloadUrl;\r\n        link.target = '_blank';\r\n        link.download = downloadUrl;\r\n        link.click();\r\n    }\r\n    attached(){\r\n        this.leavemanagementService.GetLeaveApplicationDetails(this.LeaveApplicationID).then(data=>\r\n        {\r\n            this.timeoffRequest=data;\r\n        });\r\n        this.leavemanagementService.GetMultiuLeaveApplicationDetails(this.LeaveApplicationIDS).then(data=>\r\n        {\r\n            this.MultiutimeoffRequest=data;\r\n        });\r\n        this.leavemanagementService.GetAdditionalComments(this.LeaveApplicationID,this.CategoryId)\r\n            .then(data =>{\r\n                this.additionalcomments = data;\r\n                this.Files =  this.additionalcomments.map(option => option.DocumentPath);\r\n                if ( this.additionalcomments.map(option => option.DocumentPath)) {\r\n                    this.file =  this.additionalcomments.map(option => option.DocumentPath);\r\n                    this.DocumentName = this.additionalcomments.map(option => option.DocumentPath);\r\n                }\r\n            });\r\n            this.headerservice.dynamicHeader(this.empid)\r\n                .then(data => {\r\n                    this.employeedetails = data;\r\n                    this.userPhoto=config.img_url + data.PhotoPath;\r\n                    this.designation = data.Designation;\r\n                });\r\n    }\r\n    dateSort(a, b, sortOrder) {\r\n        let date1 = new Date(a.registered);\r\n        let date2 = new Date(b.registered);\r\n        if (date1 === date2) {\r\n            return 0;\r\n        }\r\n        if (date1 > date2) {\r\n            return 1 * sortOrder;\r\n        }\r\n        return -1 * sortOrder;\r\n    }\r\n    nameLength(row) {\r\n        return row.Type.length;\r\n    }\r\n    cancel(){\r\n        this.controller.cancel();\r\n        this.router.navigatetoroute('employeetimeoffdetails');\r\n    }\r\n}\r\n","import { DialogController } from 'aurelia-dialog';\r\nimport {inject} from 'aurelia-framework';\r\nimport { JwtService } from '../../../shared/services/jwtservice';\r\nimport {LeavemanagementService} from \"../../../shared/services/leavemanagementservice\";\r\nimport {config} from \"../../../shared/services/config\";\r\n@inject(DialogController,LeavemanagementService,JwtService)\r\nexport class ViewEmployeeTimeOffDetailsComponent {\r\n    static inject = [DialogController,Element];\r\n    \r\n    pageSize = config.grid_PazeSize;\r\n   // isLoading = false;\r\n    constructor(dialogController,LeavemanagementService,JwtService,element) {\r\n        this.dialogController = dialogController;\r\n        this.element = element;\r\n        this.leavemanagementService = LeavemanagementService;\r\n        this.jwtService= JwtService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n\r\n    }\r\n    activate(modeldata) {\r\n\r\n        this.statuscode = modeldata.headerText;\r\n        this.LeaveTypeID = modeldata.leaveData.LeaveTypeId;\r\n        this.EmployeeID=modeldata.leaveData.EmployeeId;\r\n        this.Year=modeldata.leaveData.Year;\r\n        \r\n\r\n    }\r\n    attached(){\r\n         // this.isLoading = true;\r\n        this.leavemanagementService.ViewEmployeeTimeOffgrid(this.statuscode,this.EmployeeID,this.LeaveTypeID,this.Year)\r\n            .then(data => {\r\n                this.GridData = data.List;\r\n                // this.isLoading = false;\r\n                \r\n\r\n            })\r\n    }\r\n\r\n    cancel() {\r\n        this.dialogController.cancel();\r\n    }\r\n\r\n}","import {inject } from 'aurelia-framework';\r\nimport {DialogController, DialogService} from 'aurelia-dialog';\r\nimport { ProfileService } from '../../../shared/services/profielservice';\r\nimport { JwtService } from '../../../shared/services/jwtservice';\r\nimport Scrollbar from 'smooth-scrollbar';\r\nimport {LeavemanagementService} from \"../../../shared/services/leavemanagementservice\";\r\nimport {config} from \"../../../shared/services/config\";\r\nimport { constants } from '../../../shared/services/constants';\r\nimport {LoginService} from \"../../../shared/services/loginservice\";\r\nimport {Router} from 'aurelia-router';\r\n\r\n@inject(DialogController,ProfileService,JwtService,LeavemanagementService,LoginService,Router)\r\nexport class ViewEmpTimeOffRequestPopupComponent {\r\n    pageSize = 10;\r\n    topicsPageSize=10;\r\n    OnlineTopic = [];\r\n    additionalcomments = [];\r\n    static inject = [DialogController,Element];\r\n    isDragging = false;\r\n    dialog;\r\n\r\n    CategoryId=constants.leaveworkflowcategoryid;\r\n    constructor(controller, ProfileService,JwtService,LeavemanagementService,loginservice,router) {\r\n        this.controller = controller;\r\n        this.profileService = ProfileService;\r\n        this.jwtService = JwtService;\r\n        this.leavemanagementService = LeavemanagementService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.router = router;\r\n        this.loginservice = loginservice;\r\n\r\n    }\r\n    activate(viewData){\r\n        this.LeaveApplicationIDFromSave = viewData.viewdata;\r\n        this.LeaveApplicationIDFromView = viewData.leaveId;\r\n        this.EmployeePic = viewData.PhotoPath;\r\n        this.LeaveApplicationID=viewData.selectedRecordId;\r\n        if(this.LeaveApplicationIDFromSave > 1){\r\n            this.LeaveApplicationID = this.LeaveApplicationIDFromSave;\r\n        }\r\n        if(this.LeaveApplicationIDFromView > 1){\r\n            this.LeaveApplicationID = this.LeaveApplicationIDFromView;\r\n        }\r\n        if(this.LeaveApplicationIDFromSave > 1){\r\n            this.message = \"Time off applied successfully\"\r\n        }\r\n    }\r\n    downloadFile() {\r\n        const downloadUrl = config.img_url+ this.Files;\r\n        const link = document.createElement('a');\r\n        link.href = downloadUrl;\r\n        link.target = '_blank';\r\n        link.download = downloadUrl;\r\n        link.click();\r\n    }\r\n    async bind() {\r\n        setTimeout(()=>{\r\n            Scrollbar.init(document.querySelector('.viewtimeoff-pop-scrollbar'));\r\n        },1000);\r\n        this.userPhoto = config.img_url + this.EmployeePic;\r\n    }\r\n    attached(){\r\n        // if(this.jwtService.getToken() === undefined){\r\n        //     this.loginservice.purgeAuth();\r\n        //     this.router.navigateToRoute('login')\r\n        // }\r\n        this.leavemanagementService.GetLeaveApplicationDetails(this.LeaveApplicationID).then(data=>\r\n        {\r\n            this.timeoffRequest=data;\r\n        });\r\n        this.leavemanagementService.GetAdditionalComments(this.LeaveApplicationID,this.CategoryId)\r\n            .then(data =>{\r\n                this.additionalcomments = data;\r\n                this.Files =  this.additionalcomments.map(option => option.DocumentPath);\r\n                if ( this.additionalcomments.map(option => option.DocumentPath)) {\r\n                    this.file =  this.additionalcomments.map(option => option.DocumentPath);\r\n                    this.DocumentName = this.additionalcomments.map(option => option.DocumentPath);\r\n                }\r\n            });\r\n    }\r\n    RefreshProfileImage(data){\r\n        this.userPhotoElement = document.querySelector('.rounded-full.dropdown.inline-block');\r\n        this.userPhotoElement.src = data;\r\n    }\r\n    dateSort(a, b, sortOrder) {\r\n        let date1 = new Date(a.registered);\r\n        let date2 = new Date(b.registered);\r\n        if (date1 === date2) {\r\n            return 0;\r\n        }\r\n        if (date1 > date2) {\r\n            return 1 * sortOrder;\r\n        }\r\n        return -1 * sortOrder;\r\n    }\r\n    nameLength(row) {\r\n        return row.Type.length;\r\n    }\r\n    \r\n\r\n    Cancel(){\r\n        this.controller.cancel();\r\n        this.router.navigateToRoute('mytimeoffdetails');\r\n    }\r\n}\r\n","import {inject,bindingMode,bindable } from 'aurelia-framework';\r\nimport flatpickr from \"flatpickr\";\r\nimport { JwtService } from '../../../shared/services/jwtservice';\r\nimport { DialogController } from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\nimport {LeavemanagementService} from \"../../../shared/services/leavemanagementservice\";\r\nimport { Viewtimeoffrequestcomponent } from '../viewtimeoffrequest/viewtimeoffrequestcomponent';\r\nimport * as XLSX from 'xlsx';\r\nimport {config} from '../../../shared/services/config';\r\nimport {ApproveTimeOffComponent} from \"../approvetimeoff/approvetimeoffcomponent\";\r\nimport { constants } from '../../../shared/services/constants';\r\nimport Scrollbar from 'smooth-scrollbar';\r\nimport { LoginService } from '../../../shared/services/loginservice';\r\nimport { PerformanceMangemantService } from '../../../shared/services/performancereviewservice';\r\nimport {Router} from 'aurelia-router';\r\nimport {ValidationControllerFactory, ValidationRules} from 'aurelia-validation';\r\n\r\n\r\n@inject(DialogController,JwtService,LeavemanagementService,PerformanceMangemantService,ValidationControllerFactory,DialogService,Router,LoginService)\r\nexport class Addtimeoffadjustmentcomponent{\r\n    pageSize = config.grid_PazeSize;\r\n    isLoading = false;\r\n   FavoritesExist = false;\r\n   sitemapId=constants.mytimeoffdetailssitemapid;\r\n   controllerFactory;\r\n\r\n    constructor(controller,JwtService,LeavemanagementService,PerformanceMangemantService,DialogService,loginservice,router){\r\n        this.controller = controller;\r\n        this.jwtService= JwtService;\r\n        this.dialogService = DialogService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.leavemanagementService = LeavemanagementService;\r\n        this.router = router;\r\n        this.loginservice = loginservice;\r\n        this.performaceService =PerformanceMangemantService;\r\n    }\r\n   \r\n   async attached(){\r\n        const windowWidth = window.innerWidth;\r\n        if (windowWidth <= 1280) {\r\n            Scrollbar.init(document.querySelector('.disable-desktop-scroll'));\r\n        } \r\n       \r\n        this.PeriodID =1;\r\n        this.performaceService.ViewKRAPRSettings(this.PeriodID).then(data => {\r\n            this.filteredEmployeesSummery = data;\r\n            this.isLoading = false;\r\n            console.log(this.filteredEmployeesSummery );\r\n        });\r\n\r\n    }\r\n}","import {inject,bindingMode,bindable } from 'aurelia-framework';\r\nimport { JwtService } from '../../../shared/services/jwtservice';\r\nimport { DialogController } from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\nimport {LeavemanagementService} from \"../../../shared/services/leavemanagementservice\";\r\nimport { constants} from '../../../shared/services/constants';\r\nimport {LoginService} from \"../../../shared/services/loginservice\";\r\nimport {Router} from 'aurelia-router';\r\n\r\n@inject(DialogController,JwtService,LeavemanagementService,DialogService,LoginService,Router)\r\nexport class ViewMyTimeoffSummaryComponent{\r\n    //LeaveType = \"\";\r\n    leaveViewList = []; \r\n    isLoading = false;\r\n    FavoritesExist = false;\r\n    sitemapId=constants.mytimeoffsummarysitemapid;\r\n    static inject = [DialogController,Element];\r\n    isDragging = false;\r\n    dialog;\r\n\r\n    constructor(controller,JwtService,LeavemanagementService,DialogService,loginservice,router){\r\n        this.controller = controller;\r\n        this.jwtService= JwtService;\r\n        this.dialogService = DialogService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.leavemanagementService = LeavemanagementService;\r\n        this.router = router;\r\n        this.loginservice = loginservice;\r\n    }\r\n    activate(viewData){\r\n        this.LeaveTypeId =viewData ;\r\n    }\r\n    attached(){\r\n        this.isLoading = true;\r\n        // if(this.jwtService.getToken() === undefined){\r\n        //     this.loginservice.purgeAuth();\r\n        //     this.router.navigateToRoute('login')\r\n        // }\r\n        this.leavemanagementService.GetMyTimeOffSummaryByLeaveTypeId(this.empid,this.LeaveTypeId).then(data=>\r\n        {\r\n            this.LeaveTypeName=data.LeaveTypeName;\r\n            this.LeaveCreditDays=data.LeaveCreditDays;\r\n            this.LeaveAppliedDays=data.LeaveAppliedDays;\r\n            this.ScheduleBalance=data.ScheduleBalance;\r\n            this.LeaveBalanceDays=data.LeaveBalanceDays;\r\n            this.Pendingforapproval=data.Pendingforapproval;\r\n            this.ApprovedLossofPay=data.ApprovedLossofPay;\r\n            this.Nooflopspending=data.Nooflopspending;\r\n            this.CanceledLeaves=data.CanceledLeaves;\r\n            this.isLoading = false;\r\n        });\r\n    }\r\n   \r\n    cancel(){\r\n        this.controller.cancel();\r\n    }\r\n   \r\n}\r\n","import {inject } from 'aurelia-framework';\r\nimport {DialogController, DialogService} from 'aurelia-dialog';\r\nimport { ProfileService } from '../../../shared/services/profielservice';\r\nimport { JwtService } from '../../../shared/services/jwtservice';\r\nimport Scrollbar from 'smooth-scrollbar';\r\nimport {LeavemanagementService} from \"../../../shared/services/leavemanagementservice\";\r\nimport {config} from \"../../../shared/services/config\";\r\nimport { constants } from '../../../shared/services/constants';\r\nimport {LoginService} from \"../../../shared/services/loginservice\";\r\nimport {Router} from 'aurelia-router';\r\n\r\n@inject(DialogController,ProfileService,JwtService,LeavemanagementService,LoginService,Router)\r\nexport class Viewtimeoffadjustmentcomponent {\r\n    pageSize = 10;\r\n    topicsPageSize=10;\r\n    OnlineTopic = [];\r\n    additionalcomments = [];\r\n    static inject = [DialogController,Element];\r\n    isDragging = false;\r\n    dialog;\r\n\r\n    CategoryId=constants.CreditLeaveApprovalWorkflowCategoryId;\r\n    constructor(controller, ProfileService,JwtService,LeavemanagementService,loginservice,router) {\r\n        this.controller = controller;\r\n        this.profileService = ProfileService;\r\n        this.jwtService = JwtService;\r\n        this.leavemanagementService = LeavemanagementService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.router = router;\r\n        this.loginservice = loginservice;\r\n\r\n    }\r\n    activate(viewData){\r\n        console.log(viewData);\r\n        this.LeaveApplicationIDFromSave = viewData.viewdata;\r\n        // this.LeaveApplicationIDFromView = viewData.leaveId;\r\n        // this.EmployeePic = viewData.PhotoPath;\r\n        this.LeaveCreditId=viewData.LeaveCreditId;\r\n        this.LeaveTypid=viewData.LeaveTypeID;\r\n        this.EmployeeID=viewData.EmployeeId;\r\n        this.Type =viewData.Type;\r\n        this.DepartmentName =viewData.DepartmentName;\r\n        this.EmployeeName =viewData.EmployeeName;\r\n        this.SendMailIND = this.showCertificationFields,\r\n        this.DateOfJoining=viewData.DateOfJoining;\r\n        console.log( this.EmployeeName);\r\n        // if(this.LeaveApplicationIDFromSave > 1){\r\n        //     this.LeaveApplicationID = this.LeaveApplicationIDFromSave;\r\n        // }\r\n        // if(this.LeaveApplicationIDFromView > 1){\r\n        //     this.LeaveApplicationID = this.LeaveApplicationIDFromView;\r\n        // }\r\n        if(this.LeaveApplicationIDFromSave > 1){\r\n            this.message = \"Time off applied successfully\"\r\n        }\r\n    }\r\n    downloadFile() {\r\n        const downloadUrl = config.img_url+ this.Files;\r\n        const link = document.createElement('a');\r\n        link.href = downloadUrl;\r\n        link.target = '_blank';\r\n        link.download = downloadUrl;\r\n        link.click();\r\n    }\r\n    async bind() {\r\n        setTimeout(()=>{\r\n            Scrollbar.init(document.querySelector('.viewtimeoff-pop-scrollbar'));\r\n        },1000);\r\n        this.userPhoto = config.img_url + this.EmployeePic;\r\n    }\r\n    attached(){\r\n        // if(this.jwtService.getToken() === undefined){\r\n        //     this.loginservice.purgeAuth();\r\n        //     this.router.navigateToRoute('login')\r\n        // }\r\n        console.log(this.LeaveCreditId,this.LeaveTypid,this.EmployeeID);\r\n        this.leavemanagementService.GetLeaveCreditsEditView(this.LeaveCreditId,this.LeaveTypid,this.EmployeeID).then(data=>\r\n        {\r\n            this.timeoffRequest=data;\r\n            console.log(this.timeoffRequest);\r\n        });\r\n\r\n\r\n        this.leavemanagementService.GetAdditionalComments(this.LeaveCreditId,this.CategoryId)\r\n            .then(data =>{\r\n                this.additionalcomments = data;\r\n                console.log(this.additionalcomments);\r\n                this.Files =  this.additionalcomments.map(option => option.DocumentPath);\r\n                if ( this.additionalcomments.map(option => option.DocumentPath)) {\r\n                    this.file =  this.additionalcomments.map(option => option.DocumentPath);\r\n                    this.DocumentName = this.additionalcomments.map(option => option.DocumentPath);\r\n                }\r\n            });\r\n    }\r\n    RefreshProfileImage(data){\r\n        this.userPhotoElement = document.querySelector('.rounded-full.dropdown.inline-block');\r\n        this.userPhotoElement.src = data;\r\n    }\r\n    dateSort(a, b, sortOrder) {\r\n        let date1 = new Date(a.registered);\r\n        let date2 = new Date(b.registered);\r\n        if (date1 === date2) {\r\n            return 0;\r\n        }\r\n        if (date1 > date2) {\r\n            return 1 * sortOrder;\r\n        }\r\n        return -1 * sortOrder;\r\n    }\r\n    nameLength(row) {\r\n        return row.Type.length;\r\n    }\r\n   \r\n\r\n    cancel(){\r\n        this.controller.cancel();\r\n    }\r\n}\r\n","import {inject } from 'aurelia-framework';\r\nimport {DialogController, DialogService} from 'aurelia-dialog';\r\nimport { ProfileService } from '../../../shared/services/profielservice';\r\nimport { JwtService } from '../../../shared/services/jwtservice';\r\nimport Scrollbar from 'smooth-scrollbar';\r\nimport {LeavemanagementService} from \"../../../shared/services/leavemanagementservice\";\r\nimport {config} from \"../../../shared/services/config\";\r\nimport { constants } from '../../../shared/services/constants';\r\nimport {LoginService} from \"../../../shared/services/loginservice\";\r\nimport {Router} from 'aurelia-router';\r\n\r\n@inject(DialogController,ProfileService,JwtService,LeavemanagementService,LoginService,Router)\r\nexport class Viewtimeoffrequestcomponent {\r\n    pageSize = 10;\r\n    topicsPageSize=10;\r\n    OnlineTopic = [];\r\n    additionalcomments = [];\r\n    static inject = [DialogController,Element];\r\n    isDragging = false;\r\n    dialog;\r\n\r\n    CategoryId=constants.leaveworkflowcategoryid;\r\n    constructor(controller, ProfileService,JwtService,LeavemanagementService,loginservice,router) {\r\n        this.controller = controller;\r\n        this.profileService = ProfileService;\r\n        this.jwtService = JwtService;\r\n        this.leavemanagementService = LeavemanagementService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.router = router;\r\n        this.loginservice = loginservice;\r\n\r\n    }\r\n    activate(viewData){\r\n        this.LeaveApplicationIDFromSave = viewData.viewdata;\r\n        this.LeaveApplicationIDFromView = viewData.leaveId;\r\n        this.EmployeePic = viewData.PhotoPath;\r\n        this.LeaveApplicationID=viewData.selectedRecordId;\r\n        if(this.LeaveApplicationIDFromSave > 1){\r\n            this.LeaveApplicationID = this.LeaveApplicationIDFromSave;\r\n        }\r\n        if(this.LeaveApplicationIDFromView > 1){\r\n            this.LeaveApplicationID = this.LeaveApplicationIDFromView;\r\n        }\r\n        if(this.LeaveApplicationIDFromSave > 1){\r\n            this.message = \"Time off applied successfully\"\r\n        }\r\n    }\r\n    downloadFile() {\r\n        const downloadUrl = config.img_url+ this.Files;\r\n        const link = document.createElement('a');\r\n        link.href = downloadUrl;\r\n        link.target = '_blank';\r\n        link.download = downloadUrl;\r\n        link.click();\r\n    }\r\n    async bind() {\r\n        setTimeout(()=>{\r\n            Scrollbar.init(document.querySelector('.viewtimeoff-pop-scrollbar'));\r\n        },1000);\r\n        this.userPhoto = config.img_url + this.EmployeePic;\r\n    }\r\n    attached(){\r\n        // if(this.jwtService.getToken() === undefined){\r\n        //     this.loginservice.purgeAuth();\r\n        //     this.router.navigateToRoute('login')\r\n        // }\r\n        this.leavemanagementService.GetLeaveApplicationDetails(this.LeaveApplicationID).then(data=>\r\n        {\r\n            this.timeoffRequest=data;\r\n        });\r\n        this.leavemanagementService.GetAdditionalComments(this.LeaveApplicationID,this.CategoryId)\r\n            .then(data =>{\r\n                this.additionalcomments = data;\r\n                this.Files =  this.additionalcomments.map(option => option.DocumentPath);\r\n                if ( this.additionalcomments.map(option => option.DocumentPath)) {\r\n                    this.file =  this.additionalcomments.map(option => option.DocumentPath);\r\n                    this.DocumentName = this.additionalcomments.map(option => option.DocumentPath);\r\n                }\r\n            });\r\n    }\r\n    RefreshProfileImage(data){\r\n        this.userPhotoElement = document.querySelector('.rounded-full.dropdown.inline-block');\r\n        this.userPhotoElement.src = data;\r\n    }\r\n    dateSort(a, b, sortOrder) {\r\n        let date1 = new Date(a.registered);\r\n        let date2 = new Date(b.registered);\r\n        if (date1 === date2) {\r\n            return 0;\r\n        }\r\n        if (date1 > date2) {\r\n            return 1 * sortOrder;\r\n        }\r\n        return -1 * sortOrder;\r\n    }\r\n    nameLength(row) {\r\n        return row.Type.length;\r\n    }\r\n    \r\n\r\n    Cancel(){\r\n        this.controller.cancel();\r\n        this.router.navigateToRoute('employeetimeoffdetails');\r\n    }\r\n}\r\n","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"../../../shared/styles/popup.css\\\"></require>\\r\\n    <ai-dialog class=\\\"modal-popup !w-[400px] draggable-popup\\\" ref=\\\"dialogElement\\\" mousedown.trigger=\\\"startDragging($event)\\\">\\r\\n        <ai-dialog-body class=\\\"w-full\\\" >\\r\\n            <div class=\\\"popup\\\">\\r\\n                <div class=\\\"relative py-4 text-center bg-white rounded-lg sm:py-5\\\">\\r\\n                    <h3 class=\\\"mb-2\\\" style=\\\"font-family: 'Avenir-Black';\\\">Confirmation</h3>\\r\\n                    <p class=\\\"mb-4 text-gray-500 dark:text-gray-300\\\">${message}</p>\\r\\n                    <div class=\\\"flex justify-center items-center space-x-4\\\">\\r\\n                     <button type=\\\"submit\\\" class=\\\"!bg-[#efefef] !text-[#1B2738] !rounded-[6px] hover:!bg-[#dcdcdc] !transition-none hover:!transition\\\" click.trigger=\\\"Yes()\\\">Yes</button>\\r\\n                     <button type=\\\"button\\\" class=\\\"!bg-[#efefef] !text-[#1B2738] !rounded-[6px] hover:!bg-[#dcdcdc] !transition-none hover:!transition\\\"click.trigger=\\\"No()\\\">No</button>\\r\\n                    </div>\\r\\n                    </div>\\r\\n            </div>\\r\\n        </ai-dialog-body>\\r\\n    </ai-dialog>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"../../../shared/styles/timeoffsummarypop.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/popup.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n    <ai-dialog class=\\\"modal-popup letter-popup viewtimeoff-details \\\" >\\r\\n        <ai-dialog-header>\\r\\n            <h1 class=\\\"text-[#4C9076] mb-2\\\">View Time Off Request</h1>\\r\\n            <button click.delegate=\\\"cancel()\\\" class=\\\"au-right cancel\\\"></button>\\r\\n            <img class=\\\"rounded-full w-[100px] h-[100px] object-cover\\\" src=\\\"${userPhoto}\\\" alt=\\\"Profile\\\" width=\\\"178\\\"  onerror=\\\"this.src='https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png'\\\"/>\\r\\n            <div if.bind=\\\"message\\\"><span class=\\\"success block mt-2\\\">${message}</span></div>\\r\\n        </ai-dialog-header>\\r\\n        <ai-dialog-body class=\\\"w-full\\\">\\r\\n            <div class=\\\"popup\\\">\\r\\n                <div class=\\\"md:max-h-[50vh] md:overflow-auto viewtimeoff-pop-scrollbar\\\">\\r\\n                    <div class=\\\"overflow-auto mr-2\\\">\\r\\n                        <table class=\\\"text-[#1B2738] text-sm whitespace-nowrap w-full\\\" class=\\\"table table-striped\\\"\\r\\n                               aurelia-table=\\\"data.bind: MultiutimeoffRequest; display-data.bind: $LeaveData;\\r\\n                      current-page.bind: topicsCurrentPage; page-size.bind: topicsPageSize; total-items.bind: topicsTotalItems;\\\">\\r\\n                            <thead>\\r\\n                            <tr>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"key.bind: nameLength\\\" >Time off type</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"custom.bind: dateSort\\\" >From</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\"  aut-sort=\\\"custom.bind: dateSort\\\">To</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\"  aut-sort=\\\"key: Amount; default: desc\\\">Amount (in days)</th>\\r\\n                            </tr>\\r\\n                            </thead>\\r\\n                            <tbody>\\r\\n                            <tr repeat.for=\\\"leave of $LeaveData\\\">\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${leave.Type}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${leave.From}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${leave.To}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${leave.Days}</td>\\r\\n                            </tr>\\r\\n                            </tbody>\\r\\n                        </table>\\r\\n                    </div><br>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Status</strong>\\r\\n                            <label>${timeoffRequest.StatusText}</label>\\r\\n                        </div>\\r\\n                        <!-- <div class=\\\"flex\\\">\\r\\n                            <strong>Employee class</strong>\\r\\n                            <label>${timeoffRequest.EmployeeClass}</label>\\r\\n                        </div> -->\\r\\n                        <div class=\\\"flex\\\">\\r\\n                          <strong>Applied date</strong >\\r\\n                          <label>${timeoffRequest.AppliedDate}</label>\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <!-- <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Applicant name</strong>\\r\\n                            <label>${timeoffRequest.ApplicantName}</label>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Applied date</strong >\\r\\n                            <label>${timeoffRequest.AppliedDate}</label>\\r\\n                        </div>\\r\\n                    </div> -->\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Reason</strong>\\r\\n                            <label class=\\\"md:min-w-[300px]\\\">${timeoffRequest.Reason}</label>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong >Message to peers</strong>\\r\\n                            <label>${timeoffRequest.MessageToPeers}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Employees to be notified</strong>\\r\\n                            <label>${timeoffRequest.EmployeesToBeNotified}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex justify-between mt-4 mr-2\\\">\\r\\n                        <caption class=\\\"text-left\\\"><strong class=\\\"mb-2 text-base block\\\">Additional notes / Comments</strong></caption>\\r\\n                        <p class=\\\"display-items\\\" if.bind=\\\"topicsTotalItems >= 1\\\">\\r\\n                            Displaying items ${(topicsTotalItems > 0 ? (topicsCurrentPage - 1) * topicsPageSize + 1 : 0)} - ${(topicsTotalItems > 0 ? (topicsCurrentPage - 1) * topicsPageSize + $topicData.length : 0)} of ${topicsTotalItems}\\r\\n                        </p>\\r\\n                    </div>\\r\\n                    <div class=\\\"overflow-auto mr-2\\\">\\r\\n                        <table class=\\\"text-[#1B2738] text-sm whitespace-nowrap w-full\\\" class=\\\"table table-striped\\\"\\r\\n                               aurelia-table=\\\"data.bind: additionalcomments; display-data.bind: $topicData;\\r\\n                      current-page.bind: topicsCurrentPage; page-size.bind: topicsPageSize; total-items.bind: topicsTotalItems;\\\">\\r\\n                            <thead>\\r\\n                            <tr>\\r\\n                                <th  class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"key.bind: nameLength\\\" >From</th>\\r\\n                                <th  class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"custom.bind: dateSort\\\" >Status</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\"  aut-sort=\\\"custom.bind: dateSort\\\">Notes</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\"  aut-sort=\\\"key: Amount; default: desc\\\">Document</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"custom.bind: dateSort\\\">Date</th>\\r\\n                            </tr>\\r\\n                            </thead>\\r\\n                            <tbody>\\r\\n                            <tr repeat.for=\\\"comments of $topicData\\\">\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${comments.EmployeeName}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${comments.DisplayStatus}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3 whitespace-normal\\\">${comments.Comments}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">\\r\\n                                    <a href.bind=\\\"Files\\\" click.delegate=\\\"downloadFile()\\\" value.bind=\\\"FileName\\\"  class=\\\"text-blue-500 underline font-bold cursor-pointer\\\">${comments.DocumentName}</a><span class=\\\"text-right font-extrabold\\\"></span>\\r\\n                                </td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${comments.Workflowactivitydate}</td>\\r\\n                            </tr>\\r\\n                            </tbody>\\r\\n                        </table>\\r\\n                    </div>\\r\\n                    <div if.bind=\\\"topicsTotalItems < 1\\\" class=\\\"no-records text-center mt-4\\\">No records found</div>\\r\\n                    <aut-pagination current-page.bind=\\\"topicsCurrentPage\\\" page-size.bind=\\\"topicsPageSize\\\" total-items.bind=\\\"topicsTotalItems\\\" pagination-size.bind=\\\"5\\\" boundary-links.bind=\\\"true\\\" >\\r\\n                        <template replace-part=\\\"pagination\\\">\\r\\n                            <ul class=\\\"custom-pagination\\\" hide.bind=\\\"hideSinglePage && totalPages === 1\\\">\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"Previous\\\" click.delegate=\\\"previousPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li repeat.for=\\\"page of displayPages\\\">\\r\\n                                    <a click.delegate=\\\"selectPage(page.value)\\\" class-name.bind=\\\"topicsCurrentPage === page.value ? 'active' : ''\\\">\\r\\n                                        ${page.title}\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"Next\\\" click.delegate=\\\"nextPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === totalPages ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"LastPage\\\" click.delegate=\\\"lastPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                            </ul>\\r\\n                        </template>\\r\\n                    </aut-pagination>\\r\\n                </div>\\r\\n                <div class=\\\"flex justify-end border-t border-solid border-slate-300 pt-5\\\">\\r\\n                    <input class=\\\"transition !bg-[#efefef] !text-[#1B2738] hover:!bg-[#dcdcdc]\\\" type=\\\"submit\\\" click.trigger = \\\"controller.cancel()\\\" value=\\\"Close\\\" >\\r\\n                </div>\\r\\n            </div>\\r\\n        </ai-dialog-body>\\r\\n    </ai-dialog>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Imports\nimport ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___ from \"../../../../node_modules/html-loader/dist/runtime/getUrl.js\";\nvar ___HTML_LOADER_IMPORT_0___ = new URL(\"../../../images/loader.gif\", import.meta.url);\n// Module\nvar ___HTML_LOADER_REPLACEMENT_0___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_0___);\nvar code = \"<template>\\r\\n    <require from=\\\"../../../shared/styles/viewtimeoffgrid.css\\\"></require>\\r\\n    <ai-dialog class=\\\"modal-popup !w-[980px] draggable-popup\\\" >\\r\\n        <ai-dialog-header>\\r\\n            <h1 class=\\\"text-base md:text-xl text-[#4C9076]\\\">Employee Time Off Details</h1>\\r\\n            <button click.delegate=\\\"cancel()\\\" class=\\\"au-right cancel\\\"></button>\\r\\n        </ai-dialog-header>\\r\\n        <ai-dialog-body class=\\\"w-full\\\">\\r\\n            <div class=\\\"popup md:max-h-[50vh] md:overflow-auto\\\">\\r\\n                <div class=\\\"dialog-container\\\">\\r\\n                    <div class=\\\"loading-indicator1\\\" if.bind=\\\"isLoading\\\">\\r\\n                        <div class=\\\"loading-spinner1\\\">\\r\\n                            <img class=\\\"loading-message\\\" src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"loader\\\" width=\\\"30\\\">\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div if.bind=\\\"!isLoading\\\">\\r\\n                    <div class=\\\"relative py-4 text-center bg-white rounded-lg sm:py-5\\\">\\r\\n                        <table class=\\\"employee-list-table text-[#1B2738] text-sm whitespace-nowrap table table-striped w-full\\\" aurelia-table=\\\"data.bind: GridData; display-data.bind: $timeoffdetailsData; current-page.bind: currentPage; page-size.bind: pageSize; total-items.bind: totalItems;\\\"  >\\r\\n                            <thead>\\r\\n                            <tr>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"key.bind: nameLength\\\" >Time off type</th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"custom.bind: dateSort\\\">Time off from</th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"custom.bind: dateSort\\\">Time off to</th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"key: NoofDays; default: desc\\\">Time offs<br> (in days)</th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"key: NoofLOPDays; default: desc\\\">Lop time offs<br> (in days)</th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"custom.bind: dateSort\\\">Applied date</th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"key.bind: nameLength\\\" >Reason</th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">Status</th>\\r\\n\\r\\n                            </tr>\\r\\n                            </thead>\\r\\n                            <tbody>\\r\\n                            <tr repeat.for=\\\"employee of $timeoffdetailsData\\\" >\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >${employee.Type}</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >${employee.From}</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >${employee.To}</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">${employee.NoofDays}</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">${employee.NoofLOPDays}</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >${employee.AppliedDate}</td>\\r\\n                                <td style=\\\"word-break: break-word;\\\" class=\\\"text-left py-3 px-3 bg-inherit border-0 !whitespace-normal\\\">${employee.Reason}</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0 min-w-[135px] w-[135px] md:min-w-[141px] md:w-[141px] !whitespace-normal\\\">${employee.Status}</td>\\r\\n\\r\\n                            </tr>\\r\\n                            </tr>\\r\\n                            </tbody>\\r\\n                        </table>\\r\\n                        <div if.bind=\\\"totalItems < 1\\\" class=\\\"text-center mt-4 mb-4\\\">No records found</div>\\r\\n                    </div>\\r\\n\\r\\n                    <aut-pagination current-page.bind=\\\"currentPage\\\" page-size.bind=\\\"pageSize\\\" total-items.bind=\\\"totalItems\\\" pagination-size.bind=\\\"5\\\" boundary-links.bind=\\\"true\\\" if.bind=\\\"GridData && GridData.length > 0\\\" >\\r\\n                        <template replace-part=\\\"pagination\\\" >\\r\\n                            <ul class=\\\"custom-pagination flex-wrap\\\" hide.bind=\\\"hideSinglePage && totalPages === 1\\\">\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                                       class-name.bind=\\\"currentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"Previous\\\" click.delegate=\\\"previousPage()\\\"\\r\\n                                       class-name.bind=\\\"currentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n\\r\\n                                <li repeat.for=\\\"page of displayPages\\\">\\r\\n                                    <a click.delegate=\\\"selectPage(page.value)\\\" class-name.bind=\\\"currentPage === page.value ? 'active' : ''\\\">\\r\\n                                        ${page.title}\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"Next\\\" click.delegate=\\\"nextPage()\\\"\\r\\n                                       class-name.bind=\\\"currentPage === totalPages ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"LastPage\\\" click.delegate=\\\"lastPage()\\\"\\r\\n                                       class-name.bind=\\\"currentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                            </ul>\\r\\n                        </template>\\r\\n                    </aut-pagination>\\r\\n                </div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"flex justify-end border-t border-solid border-slate-300 pt-5\\\">\\r\\n                <input class=\\\"transition !bg-[#efefef] !text-[#1B2738] hover:!bg-[#dcdcdc]\\\" type=\\\"submit\\\" click.delegate=\\\"cancel()\\\" value=\\\"Close\\\" >\\r\\n            </div>\\r\\n        </ai-dialog-body>\\r\\n        <ai-dialog-footer>\\r\\n\\r\\n        </ai-dialog-footer>\\r\\n    </ai-dialog>\\r\\n\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"../../../shared/styles/timeoffsummarypop.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/popup.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n    <ai-dialog class=\\\"modal-popup letter-popup viewtimeoff-details \\\" >\\r\\n        <ai-dialog-header>\\r\\n            <h1 class=\\\"text-[#4C9076] mb-2\\\">View Time Off Request</h1>\\r\\n            <button click.delegate=\\\"Cancel()\\\" class=\\\"au-right cancel\\\"></button>\\r\\n            <img class=\\\"rounded-full w-[100px] h-[100px] object-cover\\\" src=\\\"${userPhoto}\\\" alt=\\\"Profile\\\" width=\\\"178\\\"  onerror=\\\"this.src='https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png'\\\"/>\\r\\n            <div if.bind=\\\"message\\\"><span class=\\\"success block mt-2\\\">${message}</span></div>\\r\\n        </ai-dialog-header>\\r\\n        <ai-dialog-body class=\\\"w-full\\\">\\r\\n            <div class=\\\"popup\\\">\\r\\n                <div class=\\\"md:max-h-[50vh] md:overflow-auto viewtimeoff-pop-scrollbar\\\">\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Status</strong>\\r\\n                            <label>${timeoffRequest.StatusText}</label>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Employee class</strong>\\r\\n                            <label>${timeoffRequest.EmployeeClass}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Applicant name</strong>\\r\\n                            <label>${timeoffRequest.ApplicantName}</label>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Time off type</strong>\\r\\n                            <label>${timeoffRequest.Type}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>From</strong>\\r\\n                            <label>${timeoffRequest.From}</label>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Applied date</strong >\\r\\n                            <label>${timeoffRequest.AppliedDate}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>To</strong>\\r\\n                            <label>${timeoffRequest.To}</label>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Amount (in days)</strong>\\r\\n                            <label>${timeoffRequest.Days}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Reason</strong>\\r\\n                            <label>${timeoffRequest.Reason}</label>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong >Message to peers</strong>\\r\\n                            <label>${timeoffRequest.MessageToPeers}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Employees to be notified</strong>\\r\\n                            <label>${timeoffRequest.EmployeesToBeNotified}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex justify-between mt-4 mr-2\\\">\\r\\n                        <caption class=\\\"text-left\\\"><strong class=\\\"mb-2 text-base block\\\">Additional notes / Comments</strong></caption>\\r\\n                        <p class=\\\"display-items\\\" if.bind=\\\"topicsTotalItems >= 1\\\">\\r\\n                            Displaying items ${(topicsTotalItems > 0 ? (topicsCurrentPage - 1) * topicsPageSize + 1 : 0)} - ${(topicsTotalItems > 0 ? (topicsCurrentPage - 1) * topicsPageSize + $topicData.length : 0)} of ${topicsTotalItems}\\r\\n                        </p>\\r\\n                    </div>\\r\\n                    <div class=\\\"overflow-auto mr-2\\\">\\r\\n                        <table class=\\\"text-[#1B2738] text-sm whitespace-nowrap w-full\\\" class=\\\"table table-striped\\\"\\r\\n                               aurelia-table=\\\"data.bind: additionalcomments; display-data.bind: $topicData;\\r\\n                      current-page.bind: topicsCurrentPage; page-size.bind: topicsPageSize; total-items.bind: topicsTotalItems;\\\">\\r\\n                            <thead>\\r\\n                            <tr>\\r\\n                                <th  class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"key.bind: nameLength\\\" >From</th>\\r\\n                                <th  class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"custom.bind: dateSort\\\" >Status</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\"  aut-sort=\\\"custom.bind: dateSort\\\">Notes</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\"  aut-sort=\\\"key: Amount; default: desc\\\">Document</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"custom.bind: dateSort\\\">Date</th>\\r\\n                            </tr>\\r\\n                            </thead>\\r\\n                            <tbody>\\r\\n                            <tr repeat.for=\\\"comments of $topicData\\\">\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${comments.EmployeeName}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${comments.DisplayStatus}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3 whitespace-normal\\\">${comments.Comments}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">\\r\\n                                    <a href.bind=\\\"Files\\\" click.delegate=\\\"downloadFile()\\\" value.bind=\\\"FileName\\\"  class=\\\"text-blue-500 underline font-bold cursor-pointer\\\">${comments.DocumentName}</a><span class=\\\"text-right font-extrabold\\\"></span>\\r\\n                                </td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${comments.Workflowactivitydate}</td>\\r\\n                            </tr>\\r\\n                            </tbody>\\r\\n                        </table>\\r\\n                    </div>\\r\\n                    <div if.bind=\\\"topicsTotalItems < 1\\\" class=\\\"no-records text-center mt-4\\\">No records found</div>\\r\\n                    <aut-pagination current-page.bind=\\\"topicsCurrentPage\\\" page-size.bind=\\\"topicsPageSize\\\" total-items.bind=\\\"topicsTotalItems\\\" pagination-size.bind=\\\"5\\\" boundary-links.bind=\\\"true\\\" >\\r\\n                        <template replace-part=\\\"pagination\\\">\\r\\n                            <ul class=\\\"custom-pagination\\\" hide.bind=\\\"hideSinglePage && totalPages === 1\\\">\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"Previous\\\" click.delegate=\\\"previousPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li repeat.for=\\\"page of displayPages\\\">\\r\\n                                    <a click.delegate=\\\"selectPage(page.value)\\\" class-name.bind=\\\"topicsCurrentPage === page.value ? 'active' : ''\\\">\\r\\n                                        ${page.title}\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"Next\\\" click.delegate=\\\"nextPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === totalPages ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"LastPage\\\" click.delegate=\\\"lastPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                            </ul>\\r\\n                        </template>\\r\\n                    </aut-pagination>\\r\\n            </div>\\r\\n            <div class=\\\"flex justify-end border-t border-solid border-slate-300 pt-5\\\">\\r\\n                <input class=\\\"transition !bg-[#efefef] !text-[#1B2738] hover:!bg-[#dcdcdc]\\\" type=\\\"submit\\\" click.delegate=\\\"Cancel()\\\" value=\\\"Close\\\" >\\r\\n            </div>\\r\\n        </div>\\r\\n        </ai-dialog-body>\\r\\n    </ai-dialog>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Imports\nimport ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___ from \"../../../../node_modules/html-loader/dist/runtime/getUrl.js\";\nvar ___HTML_LOADER_IMPORT_0___ = new URL(\"../../../images/palmtree.svg\", import.meta.url);\n// Module\nvar ___HTML_LOADER_REPLACEMENT_0___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_0___);\nvar code = \"<template >\\r\\n    <require from=\\\"../../../shared/styles/timeoffsummary.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/leavemanagement.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n    <div class=\\\"flex mb-9 flex-col lg:flex-row\\\"  >\\r\\n        <div class=\\\"w-full\\\">\\r\\n            <main>\\r\\n                <div class=\\\"leavemanagement-banner !bg-cover w-full h-[120px] !bg-center md:h-[250px] relative mb-7\\\">\\r\\n                    <div class=\\\"xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-3 md:px-5 flex items-center pb-4 absolute bottom-0 left-0 right-0 md:pb-6\\\">\\r\\n                        <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"palmtree\\\">\\r\\n                        <h1 class=\\\"text-3xl lg:text-4xl xl:text-5xl text-white ml-2.5\\\">Leave Management</h1>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"my-timeoff-details relative xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-3 md:px-5\\\">\\r\\n                  <div>  \\r\\n                    <div class=\\\"flex justify-between mb-6\\\">\\r\\n                        <h1 class=\\\"text-xl text-[#4C9076]\\\">View Performance Review Settings </h1>\\r\\n                        \\r\\n                        \\r\\n                        <!-- <div class=\\\"favourites-add\\\">\\r\\n                            <a class=\\\"!bg-inherit !p-0 !h-auto !leading-[normal] cursor-pointer\\\" click.trigger=\\\"addToFavourites()\\\" if.bind=\\\"!FavoritesExist\\\">\\r\\n                                <img src=\\\"../../../images/favourite.svg\\\" alt=\\\"favourite\\\">\\r\\n                                <span>Add to favorites</span>\\r\\n                            </a>\\r\\n                        </div> -->\\r\\n                    </div>\\r\\n\\r\\n                    <div class=\\\"md:flex mb-5 w-full md:w-[75%] adddocument-scrollbar\\\" >\\r\\n                        <!-- <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5 pr-2\\\">Department</label>\\r\\n                        <div class=\\\"w-full\\\">\\r\\n                           <select class=\\\"bg-white w-full rounded-full h-9 px-5 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none\\\" value.bind=\\\"selectedDepartment\\\" >\\r\\n                              <option model.bind=\\\"null\\\">All</option>\\r\\n                              <option repeat.for=\\\"docType of documentTypesDropdown\\\" model.bind=\\\"docType\\\">\\r\\n                                 ${docType.value.Name}\\r\\n                              </option>\\r\\n                           </select> -->\\r\\n                           <!-- <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of DocumentTypeError\\\">\\r\\n                           ${errorInfo.error.message}\\r\\n                           </span> -->\\r\\n                        <!-- </div> -->\\r\\n                     </div>\\r\\n\\r\\n                     \\r\\n                    \\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Performance review type </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.KRAPRReviewTypetext}</label>\\r\\n                     </div>\\r\\n\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Performance review frequency  </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.ReviewFrequencyTypetext}</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Performance review period start from  </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.KRAPRPeriodStartFromText}</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Maximum number of times that the KRAs/Goals can be modified before the rating period begins </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.ModificationTimes}</label>\\r\\n                     </div>\\r\\n                     <h6>Initiators for the goal setting </h6>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Please select the appropriate option only if there are more than one employee with same position</label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.EachPersonInitiateINDValueText}</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Position level </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.PositionLevelText}</label>\\r\\n                     </div>\\r\\n                     <h6>Goals & Commitments  </h6>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Goals need to be set  </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.DaysToSetGoals}&nbsp;<label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\"> day(s) before the end of review period </label></label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Notify initiator </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.NotifyInitiatorGoalSettingText}&nbsp;<label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.NotifyInitiatorGoalSettingDays} &nbsp; day(s) before the completion of goal setting period</label></label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Grace period </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.NotifyInitiatorGoalSettingDays}&nbsp; day(s) after due date</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Notify initiator </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.NotifyInitiatorGracePeriodText}&nbsp; ${filteredEmployeesSummery.NotifyInitiatorGracePeriodDays}&nbsp; day(s) to set goals before the completion of grace period</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Commitments need to be given within  </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.DaysToGiveCommitments}&nbsp;  day(s) from receiving the goals </label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Notify team members </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.NotifyTeamMembersCommitmentsText}&nbsp; ${filteredEmployeesSummery.NotifyTeamMembersCommitmentDays}&nbsp;day(s) before the due date for giving commitments</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Grace period to give the commitments </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.GracePeriodToGiveCommitments}&nbsp;  day(s) after due date</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Notify team members </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.NotifyTeamMemberGracePeridDueDateText}&nbsp; ${filteredEmployeesSummery.NotifyTeamMemberGracePeridDueDateDays}&nbsp; day(s) give commitments before the completion of grace period</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Weightages to be shown to employee </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.GoalWeightagesShownToEmployeeText}</label>\\r\\n                     </div>\\r\\n                     <h3>KRA Settings Section </h3>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">KRA's need to be assigned  </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.DaysToSetKRAFromBeginning}&nbsp;  day(s) before the end of review period  </label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Notify managers </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.NotifyManagersKRADueDateText}&nbsp; ${filteredEmployeesSummery.NotifyManagersKRADueDateDays}&nbsp; day(s) before the KRA setting period</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Grace period to set the KRA's </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.GracePeriodDaysKRA}&nbsp;  day(s) after due date</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Notify managers </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.NotifyManagerKRADueDateText}&nbsp; ${filteredEmployeesSummery.NotifyManagerKRADueDateDays}&nbsp; day(s) to set the KRA's before completion of grace period</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Weightages to be shown to employee  </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">${filteredEmployeesSummery.KRAWeightagesShownToEmployeeText}</label>\\r\\n                     </div>\\r\\n                     <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Employee eligible from </label>\\r\\n                        <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">\\r\\n                            ${filteredEmployeesSummery.EmployeeEligibleFromText}&nbsp;\\r\\n                            <template if.bind=\\\"filteredEmployeesSummery.AfterCompletionType === 1\\\">\\r\\n                                <label>${filteredEmployeesSummery.ApplicableFromMonthText}</label>\\r\\n                            </template>\\r\\n                            <template if.bind=\\\"filteredEmployeesSummery.AfterCompletionType === 2\\\">\\r\\n                                <label>${filteredEmployeesSummery.ApplicableFromDaysText}</label>\\r\\n                            </template>\\r\\n                            <template if.bind=\\\"filteredEmployeesSummery.AfterCompletionType !== 1 && filteredEmployeesSummery.AfterCompletionType !== 2\\\">\\r\\n                                <label>${filteredEmployeesSummery.ApplicableFromHoursText}</label>\\r\\n                            </template>\\r\\n                        </label>\\r\\n                    </div>\\r\\n                    \\r\\n\\r\\n                </div>\\r\\n            </main>\\r\\n        </div></div></template>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template >\\r\\n    <require from=\\\"../../../shared/styles/timeoffsummarypop.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/popup.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n   <ai-dialog class=\\\"modal-popup letter-popup viewtimeoff-details \\\" >\\r\\n    <ai-dialog-body class=\\\"w-full\\\">\\r\\n      <div class=\\\"popup\\\">\\r\\n          <div class=\\\"md:max-h-[50vh] md:overflow-auto viewtimeoff-pop-scrollbar\\\">  \\r\\n                     <h1 class=\\\"text-xl text-[#4C9076] mb-4\\\">${LeaveTypeName}</h1>\\r\\n              <button click.delegate=\\\"cancel()\\\" class=\\\"au-right cancel\\\"></button>\\r\\n              <div>\\r\\n                        <div class=\\\"overflow-auto bg-white rounded-[16px]\\\"  if.bind=\\\"!isLoading\\\">\\r\\n                            <table class=\\\"employee-list-table text-[#1B2738] text-sm whitespace-nowrap table table-striped w-full\\\" aurelia-table=\\\"data.bind: leaveViewList.List; display-data.bind: $display; current-page.bind: currentPage; page-size.bind: pageSize; total-items.bind: totalItems;\\\" >\\r\\n                              <thead>\\r\\n                                <tr>\\r\\n                                   <!-- <th class=\\\"bg-inherit border-0 text-left py-3 px-3 \\\">Time off type</th> -->\\r\\n                                  <th class=\\\"bg-inherit border-0 text-left py-3 px-3\\\">Time off credits</th>\\r\\n                                  <th class=\\\"bg-inherit border-0 text-left py-3 px-3\\\">Time offs taken</th>\\r\\n                                  <th class=\\\"bg-inherit border-0 text-left py-3 px-3\\\">Time offs scheduled</th>\\r\\n                                  <th class=\\\"bg-inherit border-0 text-left py-3 px-3\\\">Time offs balance</th>\\r\\n                                  <th class=\\\"bg-inherit border-0 text-left py-3 px-3\\\">Pending approval</th>\\r\\n                                    <th class=\\\"bg-inherit border-0 text-left py-3 px-3\\\">Pending loss of pay</th>\\r\\n                                    <th class=\\\"bg-inherit border-0 text-left py-3 px-3\\\">Approved loss of pay</th>\\r\\n                                    <th class=\\\"bg-inherit border-0 text-left py-3 px-3\\\">Cancelled time off</th>\\r\\n                                </tr>\\r\\n                              </thead>\\r\\n                              <tbody>\\r\\n                                   <!-- <td class=\\\"border-0 text-left py-3 px-3 whitespace-normal\\\"> ${LeaveTypeName}</td> -->\\r\\n                                  <td class=\\\"border-0 text-left py-3 px-3\\\">${LeaveCreditDays ? LeaveCreditDays :0.00}</td>\\r\\n                                  <td class=\\\"border-0 text-left py-3 px-3\\\">${LeaveAppliedDays ? LeaveAppliedDays :0.00}</td>\\r\\n                                  <td class=\\\"border-0 text-left py-3 px-3\\\">${ScheduleBalance ? ScheduleBalance :0.00}</td>\\r\\n                                  <td class=\\\"border-0 text-left py-3 px-3\\\">${LeaveBalanceDays ? LeaveBalanceDays:0.00}</td>\\r\\n                                  <td class=\\\"border-0 text-left py-3 px-3\\\">${Pendingforapproval ? Pendingforapproval :0.00}</td>\\r\\n                                <td class=\\\"border-0 text-left py-3 px-3\\\">${Nooflopspending ? Nooflopspending :0.00}</td>\\r\\n                                   <td class=\\\"border-0 text-left py-3 px-3\\\">${ApprovedLossofPay ? ApprovedLossofPay :0.00}</td>\\r\\n                                   <td class=\\\"border-0 text-left py-3 px-3\\\">${CanceledLeaves ? CanceledLeaves :0.00}</td>\\r\\n                              </tbody></table>\\r\\n                            </table>\\r\\n                            <div if.bind=\\\"totalItems < 1\\\" class=\\\"text-center mt-4\\\">No records found</div>\\r\\n                        </div>\\r\\n                       \\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex justify-end mt-4 \\\">\\r\\n                      <input class=\\\"transition !bg-[#efefef] !text-[#1B2738] hover:!bg-[#dcdcdc]\\\" type=\\\"submit\\\" click.trigger = \\\"controller.cancel()\\\" value=\\\"Close\\\" >\\r\\n                    </div>\\r\\n            </main>  \\r\\n  </div>\\r\\n</div>\\r\\n    </ai-dialog-body>\\r\\n</ai-dialog>\\r\\n</template>\\r\\n  \";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"../../../shared/styles/timeoffsummarypop.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/popup.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n    <ai-dialog class=\\\"modal-popup letter-popup viewtimeoff-details \\\" >\\r\\n        <ai-dialog-header>\\r\\n            <h1 class=\\\"text-[#4C9076] mb-2\\\">View Time Off Adjustment</h1>\\r\\n            <button click.delegate=\\\"cancel()\\\" class=\\\"au-right cancel\\\"></button>\\r\\n            \\r\\n        </ai-dialog-header>\\r\\n        <ai-dialog-body class=\\\"w-full\\\">\\r\\n            <div class=\\\"popup\\\">\\r\\n                <div class=\\\"md:max-h-[50vh] md:overflow-auto viewtimeoff-pop-scrollbar\\\">\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Department name</strong>\\r\\n                            <label>${DepartmentName}</label>\\r\\n                        </div>\\r\\n                       \\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Employee name</strong>\\r\\n                            <label>${EmployeeName}</label>\\r\\n                        </div>\\r\\n                        \\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Employee class</strong>\\r\\n                            <label>${timeoffRequest.EmployeeClass}</label>\\r\\n                        </div>\\r\\n                        \\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Date of joining</strong>\\r\\n                            <label>${timeoffRequest.DateOfJoining}</label>\\r\\n                        </div>\\r\\n                        \\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Time off type</strong>\\r\\n                            <label>${Type}</label>\\r\\n                        </div>\\r\\n                        \\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        \\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong >Send mail to employee</strong>\\r\\n                            <div class=\\\"w-full md:w-[52%]\\\">\\r\\n                                <input checked.bind=\\\"timeoffRequest.SendMailIND\\\" class=\\\"w-full border h-9 rounded-md px-2.5\\\" type=\\\"checkbox\\\" disabled=\\\"disabled\\\">\\r\\n                            </div>\\r\\n                            <!-- <label>${timeoffRequest.SendMailIND}</label> -->\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Leaves added in the current year</strong>\\r\\n                            <label>${timeoffRequest.BalanceLeaves} days</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Current time off balance</strong>\\r\\n                            <label>${timeoffRequest.BalanceLeaves} days</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Number of time off(s) adjustments</strong>\\r\\n                            <label>${timeoffRequest.IsDaysorHours} days</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Total time off(s) added for year</strong>\\r\\n                            <label>${timeoffRequest.TotalDays} days</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Reason</strong>\\r\\n                            <label>${timeoffRequest.Reason}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <!-- <h3>Documents</h3>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Upload documents</strong>\\r\\n                            <label>${timeoffRequest.DocumentName}</label>\\r\\n                        </div>\\r\\n                    </div> -->\\r\\n                    <div class=\\\"flex justify-between mt-4 mr-2\\\">\\r\\n                        <caption class=\\\"text-left\\\"><strong class=\\\"mb-2 text-base block\\\">Additional notes / Comments</strong></caption>\\r\\n                        <p class=\\\"display-items\\\" if.bind=\\\"topicsTotalItems >= 1\\\">\\r\\n                            Displaying items ${(topicsTotalItems > 0 ? (topicsCurrentPage - 1) * topicsPageSize + 1 : 0)} - ${(topicsTotalItems > 0 ? (topicsCurrentPage - 1) * topicsPageSize + $topicData.length : 0)} of ${topicsTotalItems}\\r\\n                        </p>\\r\\n                    </div>\\r\\n                    <div class=\\\"overflow-auto mr-2\\\">\\r\\n                        <table class=\\\"text-[#1B2738] text-sm whitespace-nowrap w-full\\\" class=\\\"table table-striped\\\"\\r\\n                               aurelia-table=\\\"data.bind: additionalcomments; display-data.bind: $topicData;\\r\\n                      current-page.bind: topicsCurrentPage; page-size.bind: topicsPageSize; total-items.bind: topicsTotalItems;\\\">\\r\\n                            <thead>\\r\\n                            <tr>\\r\\n                                <th  class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"key.bind: nameLength\\\" >From</th>\\r\\n                                <th  class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"custom.bind: dateSort\\\" >Status</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\"  aut-sort=\\\"custom.bind: dateSort\\\">Notes</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\"  aut-sort=\\\"key: Amount; default: desc\\\">Document</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"custom.bind: dateSort\\\">Date</th>\\r\\n                            </tr>\\r\\n                            </thead>\\r\\n                            <tbody>\\r\\n                            <tr repeat.for=\\\"comments of $topicData\\\">\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${comments.EmployeeName}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${comments.DisplayStatus}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3 whitespace-normal\\\">${comments.Comments}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">\\r\\n                                    <a href.bind=\\\"Files\\\" click.delegate=\\\"downloadFile()\\\" value.bind=\\\"FileName\\\"  class=\\\"text-blue-500 underline font-bold cursor-pointer\\\">${comments.DocumentName}</a><span class=\\\"text-right font-extrabold\\\"></span>\\r\\n                                </td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${comments.Workflowactivitydate}</td>\\r\\n                            </tr>\\r\\n                            </tbody>\\r\\n                        </table>\\r\\n                    </div>\\r\\n                    <div if.bind=\\\"topicsTotalItems < 1\\\" class=\\\"no-records text-center mt-4\\\">No records found</div>\\r\\n                    <aut-pagination current-page.bind=\\\"topicsCurrentPage\\\" page-size.bind=\\\"topicsPageSize\\\" total-items.bind=\\\"topicsTotalItems\\\" pagination-size.bind=\\\"5\\\" boundary-links.bind=\\\"true\\\" >\\r\\n                        <template replace-part=\\\"pagination\\\">\\r\\n                            <ul class=\\\"custom-pagination\\\" hide.bind=\\\"hideSinglePage && totalPages === 1\\\">\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"Previous\\\" click.delegate=\\\"previousPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li repeat.for=\\\"page of displayPages\\\">\\r\\n                                    <a click.delegate=\\\"selectPage(page.value)\\\" class-name.bind=\\\"topicsCurrentPage === page.value ? 'active' : ''\\\">\\r\\n                                        ${page.title}\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"Next\\\" click.delegate=\\\"nextPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === totalPages ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"LastPage\\\" click.delegate=\\\"lastPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                            </ul>\\r\\n                        </template>\\r\\n                    </aut-pagination>\\r\\n            </div>\\r\\n            <div class=\\\"flex justify-end border-t border-solid border-slate-300 pt-5\\\">\\r\\n                <input class=\\\"transition !bg-[#efefef] !text-[#1B2738] hover:!bg-[#dcdcdc]\\\" type=\\\"submit\\\" click.trigger = \\\"controller.cancel()\\\" value=\\\"Close\\\" >\\r\\n            </div>\\r\\n        </div>\\r\\n        </ai-dialog-body>\\r\\n    </ai-dialog>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"../../../shared/styles/timeoffsummarypop.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/popup.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n    <ai-dialog class=\\\"modal-popup letter-popup viewtimeoff-details \\\" >\\r\\n        <ai-dialog-header>\\r\\n            <h1 class=\\\"text-[#4C9076] mb-2\\\">View Time Off Request</h1>\\r\\n            <button click.delegate=\\\"Cancel()\\\" class=\\\"au-right cancel\\\"></button>\\r\\n            <img class=\\\"rounded-full w-[100px] h-[100px] object-cover\\\" src=\\\"${userPhoto}\\\" alt=\\\"Profile\\\" width=\\\"178\\\"  onerror=\\\"this.src='https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png'\\\"/>\\r\\n            <div if.bind=\\\"message\\\"><span class=\\\"success block mt-2\\\">${message}</span></div>\\r\\n        </ai-dialog-header>\\r\\n        <ai-dialog-body class=\\\"w-full\\\">\\r\\n            <div class=\\\"popup\\\">\\r\\n                <div class=\\\"md:max-h-[50vh] md:overflow-auto viewtimeoff-pop-scrollbar\\\">\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Status</strong>\\r\\n                            <label>${timeoffRequest.StatusText}</label>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Employee class</strong>\\r\\n                            <label>${timeoffRequest.EmployeeClass}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Applicant name</strong>\\r\\n                            <label>${timeoffRequest.ApplicantName}</label>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Time off type</strong>\\r\\n                            <label>${timeoffRequest.Type}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>From</strong>\\r\\n                            <label>${timeoffRequest.From}</label>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Applied date</strong >\\r\\n                            <label>${timeoffRequest.AppliedDate}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>To</strong>\\r\\n                            <label>${timeoffRequest.To}</label>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Amount (in days)</strong>\\r\\n                            <label>${timeoffRequest.Days}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Reason</strong>\\r\\n                            <label>${timeoffRequest.Reason}</label>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong >Message to peers</strong>\\r\\n                            <label>${timeoffRequest.MessageToPeers}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"viewtimeoff-data md:flex justify-between\\\">\\r\\n                        <div class=\\\"flex\\\">\\r\\n                            <strong>Employees to be notified</strong>\\r\\n                            <label>${timeoffRequest.EmployeesToBeNotified}</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex justify-between mt-4 mr-2\\\">\\r\\n                        <caption class=\\\"text-left\\\"><strong class=\\\"mb-2 text-base block\\\">Additional notes / Comments</strong></caption>\\r\\n                        <p class=\\\"display-items\\\" if.bind=\\\"topicsTotalItems >= 1\\\">\\r\\n                            Displaying items ${(topicsTotalItems > 0 ? (topicsCurrentPage - 1) * topicsPageSize + 1 : 0)} - ${(topicsTotalItems > 0 ? (topicsCurrentPage - 1) * topicsPageSize + $topicData.length : 0)} of ${topicsTotalItems}\\r\\n                        </p>\\r\\n                    </div>\\r\\n                    <div class=\\\"overflow-auto mr-2\\\">\\r\\n                        <table class=\\\"text-[#1B2738] text-sm whitespace-nowrap w-full\\\" class=\\\"table table-striped\\\"\\r\\n                               aurelia-table=\\\"data.bind: additionalcomments; display-data.bind: $topicData;\\r\\n                      current-page.bind: topicsCurrentPage; page-size.bind: topicsPageSize; total-items.bind: topicsTotalItems;\\\">\\r\\n                            <thead>\\r\\n                            <tr>\\r\\n                                <th  class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"key.bind: nameLength\\\" >From</th>\\r\\n                                <th  class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"custom.bind: dateSort\\\" >Status</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\"  aut-sort=\\\"custom.bind: dateSort\\\">Notes</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\"  aut-sort=\\\"key: Amount; default: desc\\\">Document</th>\\r\\n                                <th class=\\\"text-left py-2 px-3\\\" aut-sort=\\\"custom.bind: dateSort\\\">Date</th>\\r\\n                            </tr>\\r\\n                            </thead>\\r\\n                            <tbody>\\r\\n                            <tr repeat.for=\\\"comments of $topicData\\\">\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${comments.EmployeeName}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${comments.DisplayStatus}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3 whitespace-normal\\\">${comments.Comments}</td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">\\r\\n                                    <a href.bind=\\\"Files\\\" click.delegate=\\\"downloadFile()\\\" value.bind=\\\"FileName\\\"  class=\\\"text-blue-500 underline font-bold cursor-pointer\\\">${comments.DocumentName}</a><span class=\\\"text-right font-extrabold\\\"></span>\\r\\n                                </td>\\r\\n                                <td class=\\\"text-left py-2 px-3\\\">${comments.Workflowactivitydate}</td>\\r\\n                            </tr>\\r\\n                            </tbody>\\r\\n                        </table>\\r\\n                    </div>\\r\\n                    <div if.bind=\\\"topicsTotalItems < 1\\\" class=\\\"no-records text-center mt-4\\\">No records found</div>\\r\\n                    <aut-pagination current-page.bind=\\\"topicsCurrentPage\\\" page-size.bind=\\\"topicsPageSize\\\" total-items.bind=\\\"topicsTotalItems\\\" pagination-size.bind=\\\"5\\\" boundary-links.bind=\\\"true\\\" >\\r\\n                        <template replace-part=\\\"pagination\\\">\\r\\n                            <ul class=\\\"custom-pagination\\\" hide.bind=\\\"hideSinglePage && totalPages === 1\\\">\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"Previous\\\" click.delegate=\\\"previousPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li repeat.for=\\\"page of displayPages\\\">\\r\\n                                    <a click.delegate=\\\"selectPage(page.value)\\\" class-name.bind=\\\"topicsCurrentPage === page.value ? 'active' : ''\\\">\\r\\n                                        ${page.title}\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"Next\\\" click.delegate=\\\"nextPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === totalPages ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    <a aria-label=\\\"LastPage\\\" click.delegate=\\\"lastPage()\\\"\\r\\n                                       class-name.bind=\\\"topicsCurrentPage === 1 ? 'disabled' : ''\\\">\\r\\n                                    </a>\\r\\n                                </li>\\r\\n                            </ul>\\r\\n                        </template>\\r\\n                    </aut-pagination>\\r\\n            </div>\\r\\n            <div class=\\\"flex justify-end border-t border-solid border-slate-300 pt-5\\\">\\r\\n                <input class=\\\"transition !bg-[#efefef] !text-[#1B2738] hover:!bg-[#dcdcdc]\\\" type=\\\"submit\\\" click.delegate=\\\"Cancel()\\\" value=\\\"Close\\\" >\\r\\n            </div>\\r\\n        </div>\\r\\n        </ai-dialog-body>\\r\\n    </ai-dialog>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;"],"names":[],"sourceRoot":""}