{"version":3,"file":"app-909a0efe.d152cf98c45d962fa693.bundle.js","mappings":";;;;;;;;;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAUA;AAAA;AAPA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAKA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAKA;AACA;AACA;;;;;;;;;;;;;;;;;;ACxFA;AACA;AACA;AACA;AAEA;AAGA;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;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AASA;AACA;;AAEA;AACA;;AAGA;AAAA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AAEA;AACA;AACA;AAEA;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;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAEA;AAEA;AACA;AAEA;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;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AAEA;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;AAAA;AAAA;AAAA;AAAA;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;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;ACxYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAYA;AAAA;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAGA;AAEA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;ACnKA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAQA;AAAA;AANA;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAIA;;;;;;;;;;;;;;;;;;AC3CA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;ACdA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAQA;AAAA;AANA;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;AC5EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAqBA;AAAA;AAnBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AA4GA;AAAA;AAAA;AAxGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAGA;AACA;AAMA;AACA;AACA;AACA;AAEA;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;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAGA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACnXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACXA;AACA;AACA;AACA;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACPA;AACA;AACA;AACA;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sources":["webpack://HRMSPortal/./src/components/recordingtime/dateformat.js","webpack://HRMSPortal/./src/components/recordingtime/recordingtime.js","webpack://HRMSPortal/./src/components/resignation/resignationcomponent.js","webpack://HRMSPortal/./src/components/resignationform/resignationformcomponent.js","webpack://HRMSPortal/./src/components/salaryrevision/employeesalary/employeesalarycomponent.js","webpack://HRMSPortal/./src/components/salaryrevision/otheremployeesinsameposition/otheremployeesinsameposition.js","webpack://HRMSPortal/./src/components/salaryrevision/promotionletter/promotionlettercomponent.js","webpack://HRMSPortal/./src/components/salaryrevision/questionnairePopup/questionnairePopup.js","webpack://HRMSPortal/./src/components/salaryrevision/salaryrevisioncomponent.js","webpack://HRMSPortal/./src/components/recordingtime/recordingtime.html","webpack://HRMSPortal/./src/components/resignation/resignationcomponent.html","webpack://HRMSPortal/./src/components/resignationform/resignationformcomponent.html","webpack://HRMSPortal/./src/components/salaryrevision/employeesalary/employeesalarycomponent.html","webpack://HRMSPortal/./src/components/salaryrevision/otheremployeesinsameposition/otheremployeesinsameposition.html","webpack://HRMSPortal/./src/components/salaryrevision/promotionletter/promotionlettercomponent.html","webpack://HRMSPortal/./src/components/salaryrevision/questionnairePopup/questionnairePopup.html","webpack://HRMSPortal/./src/components/salaryrevision/salaryrevisioncomponent.html"],"sourcesContent":["import moment from 'moment';\r\n\r\nexport class DateFormatValueConverter {\r\n    toView(value, format) {\r\n        return moment(value).format(format);\r\n    }\r\n}","import {inject } from 'aurelia-framework';\r\nimport {DashboardService} from '../../shared/services/dashboardservice';\r\nimport {Router} from 'aurelia-router';\r\nimport {JwtService} from '../../shared/services/jwtservice';\r\nimport {HeaderService} from '../../shared/services/headerservice';\r\nimport {AttendanceService} from '../../shared/services/attendanceservice';\r\nimport {LoginService} from \"../../shared/services/loginservice\";\r\n\r\n\r\n@inject(Router,DashboardService,JwtService,HeaderService,AttendanceService,LoginService)\r\nexport class RecordingTime {\r\n\r\n    time='';\r\n    comments='';\r\n    attendanceDetails=[];\r\n    inTime='';\r\n    outTime='';\r\n    record=[];\r\n    message='';\r\n    constructor(router,DashboardService,jwtService,headerservice,attendanceservice,loginService){\r\n        this.update();\r\n        this.jwtService = JwtService;\r\n        this.headerservice = headerservice;\r\n        this.attendanceService=attendanceservice;\r\n        setInterval(() => this.update(), 1000);\r\n        this.router = router;\r\n        this.jwtService = jwtService;\r\n        this.loginService = loginService;\r\n    }\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        setTimeout(() => {\r\n        this.isLoading = false;\r\n        }, 1000);\r\n        this.getAttendanceDetails();\r\n    }\r\n\r\n    /**\r\n     * To update the current time on every minute\r\n     */\r\n    update(){\r\n        this.currentDate=new Date();\r\n    }\r\n\r\n    /**\r\n     * Function to get the attendance details of a employee\r\n     */\r\n    getAttendanceDetails(){\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.attendanceService.GetAttendanceDetails(this.empid)\r\n            .then(data => {\r\n                this.attendanceDetails= data;\r\n                this.inTime = this.attendanceDetails.length !==0 ? this.attendanceDetails[this.attendanceDetails.length - 1].InTime: null;\r\n                this.outTime = this.attendanceDetails.length !==0 ? this.attendanceDetails[this.attendanceDetails.length - 1].OutTime : null;\r\n                this.attendanceId=this.attendanceDetails.length !==0 ? this.attendanceDetails[this.attendanceDetails.length - 1].AttendanceID : null;\r\n            });\r\n    };\r\n\r\n    /**\r\n     * Function for Punch In and Punch Out.\r\n     *\r\n     * calling getAttendanceDetails function to reload the punch In/punch Out section.\r\n     */\r\n    saveTime(){\r\n        event.preventDefault();\r\n        if(this.inTime !== null && this.outTime === null){\r\n            let inAndOut={AttendanceID:this.attendanceId,OutTime:this.record.Time, OutTimeComment:this.record.Comments,EmployeeID:this.record.EmployeeID};\r\n            const sendAttendanceDate = this.attendanceService.SaveAttendance(inAndOut);\r\n            sendAttendanceDate.then(\r\n                async () => await this.getAttendanceDetails(),\r\n                this.message=\"Successfully punched out\",\r\n                this.record.Comments=''\r\n            ).catch(e => console.error(e))\r\n        }else {\r\n            let inAndOut={InTime:this.record.Time,InTimeComment:this.record.Comments,EmployeeID:this.record.EmployeeID};\r\n            const sendAttendanceDate = this.attendanceService.SaveAttendance(inAndOut);\r\n            sendAttendanceDate.then(\r\n                async () => await this.getAttendanceDetails(),\r\n                this.message=\"Successfully punched in\",\r\n                this.record.Comments=''\r\n            ).catch(e => console.error(e))\r\n        }\r\n    }\r\n}\r\n","import {inject} from 'aurelia-framework';\r\nimport {JwtService} from '../../shared/services/jwtservice';\r\nimport {DialogController } from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\n\r\n@inject(DialogController,JwtService,DialogService)\r\nexport class Resignation {\r\n   \r\n    constructor(controller,JwtService,DialogService){\r\n        this.controller = controller;\r\n        this.jwtService= JwtService;\r\n        this.dialogService = DialogService;\r\n    }\r\n\r\n    filterClick() {\r\n        event.preventDefault();\r\n        const clickedDiv = event.target.parentNode.parentNode;\r\n        clickedDiv.classList.toggle('filter-open');\r\n        const divs = document.querySelectorAll('.filter-open');\r\n        divs.forEach((div) => {\r\n            if (div !== clickedDiv) {\r\n                div.classList.remove('filter-open');\r\n            }\r\n        });\r\n        const handleOutsideClick = (event) => {\r\n            if (!clickedDiv.contains(event.target)) {\r\n                divs.forEach((div) => {\r\n                    div.classList.remove('filter-open');\r\n                });\r\n                document.removeEventListener('click', handleOutsideClick);\r\n            }\r\n        };\r\n        if (clickedDiv.classList.contains('filter-open')) {\r\n            document.addEventListener('click', handleOutsideClick);\r\n        } else {\r\n            document.removeEventListener('click', handleOutsideClick);\r\n        }\r\n    }\r\n\r\n}\r\n","import {inject} from 'aurelia-dependency-injection';\r\nimport {EmployeeService} from '../../shared/services/employeeservice';\r\nimport {Router} from 'aurelia-router';\r\nimport {ValidationControllerFactory, ValidationRules} from 'aurelia-validation';\r\nimport Scrollbar from 'smooth-scrollbar';\r\nimport {JwtService} from '../../shared/services/jwtservice';\r\nimport {DialogController} from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\nimport {LoginService} from \"../../shared/services/loginservice\";\r\nimport flatpickr from 'flatpickr';\r\nimport 'flatpickr/dist/flatpickr.min.css';\r\nimport {OrganizationComponent} from '../organization/organizationcomponent';\r\nimport {ApproveCompOff} from \"../attendancetracking/compoff/approve/approve\";\r\n\r\n\r\n@inject(EmployeeService, Router, ValidationControllerFactory, JwtService, DialogController, DialogService, LoginService)\r\nexport class ResignationFormComponent {\r\n    questionError = false;\r\n    ApprovalsValidation = false;\r\n    isLoading = false;\r\n    questionError = false;\r\n    prevPass;\r\n    questionlist = [];\r\n    Reasonemployee = '';\r\n    RevokeWithdrawExitID = 0; // Assuming this is a property in your view-model\r\n    Statustext = ''; // Assuming this is a property in your view-model\r\n\r\n    selectedOptions = {}; // Object to hold selected radio options\r\n    textAreaValues = {}; // Object to hold values of text areas\r\n\r\n\r\n    constructor(employeeServices, router, controllerFactory, jwtService, loginservice) {\r\n        this.employeeServices = employeeServices;\r\n        this.router = router;\r\n        this.controller = controllerFactory.createForCurrentScope();\r\n        this.jwtService = jwtService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.dialogService = DialogService;\r\n        this.loginservice = loginservice;\r\n        this.policy;\r\n        ValidationRules\r\n            .ensure('comment').displayName(\"Comments\").required()\r\n            .ensure('resdate').displayName(\"Resignation date\").required()\r\n            .ensure('DateOfBirth').displayName(\"Requested last working day\").required()\r\n            .ensure('Reasonemployee').displayName(\"Reason\").required()\r\n            .ensure('Reasonforwithdraw').displayName(\"Reason for withdraw\").required()\r\n            .on(this);\r\n    }\r\n\r\n    async attached() {\r\n        this.employeeServices.GetApproversValidation(this.empid).then(data => {\r\n            this.Apprvol = data;\r\n\r\n        });\r\n\r\n        this.isLoading = true;\r\n        const exit = await this.employeeServices.GetEmployeeExitDetails(this.empid);\r\n        this.isLoading = false;\r\n        this.PolicyLWD = exit.PolicyLWD;\r\n        this.currentDate = new Date();\r\n        this.ResignationDate = this.formatDate(this.currentDate);\r\n        this.Reason = exit.ReasonToEnableExit;\r\n        this.status = exit.StatusCode;\r\n        this.personId = exit.PersonID;\r\n        this.enableexitID = exit.ExitID;\r\n        this.exitTypeID = exit.ExitTypeID;\r\n        this.PageFrom = \"ResignationForm\";\r\n        this.StatusCode = exit.StatusCode;\r\n        this.Statustext = exit.StatusCode;\r\n        this.Reasonemployees = exit.ReasonforResignation;\r\n        this.Reasonforwithdraw = exit.ReasonforWithdraw;\r\n        this.EmployeeName = exit.EmployeeName;\r\n        this.Designation = exit.DepartmentName;\r\n        this.photopath = exit.PhotoPath;\r\n        this.DeptPositionPositionLevelName = exit.DeptPositionPositionLevelName;\r\n        this.dateofjoining = exit.DateOfJoining;\r\n        this.Rmname = exit.ReportingMangerName;\r\n        this.resdates = exit.ResignationDate;\r\n        this.DateOfBirths = exit.RequestedLWDtxt;\r\n        this.Employeecode = exit.EmployeeCode;\r\n        this.StatusCodetxt = exit.StatusCodetxt;\r\n        this.VisibleToHr = exit.HRComments;\r\n        this.RevokeWithdrawExitID = exit.RevokeWithdrawExitID;\r\n        if (this.StatusCode === 'ENB') {\r\n            this.apply = 'Submit';\r\n            this.Submit = 'ACT';\r\n            this.StatusCode = 'ACT';\r\n        } else if (this.StatusCode === 'PEA') {\r\n            this.apply = 'Withdraw';\r\n            this.Withdraw = 'WIT';\r\n            this.StatusCode = 'PEA';\r\n        }\r\n\r\n\r\n        flatpickr(this.datePicker, {\r\n            dateFormat: 'd-m-Y',\r\n            minDate: new Date(),\r\n            maxDate: null,\r\n            defaultDate: null,\r\n            enableTime: false,\r\n            enableSeconds: false,\r\n            time_24hr: false,\r\n            minuteIncrement: 1,\r\n            hourIncrement: 1,\r\n            timeFormat: 'h:i K',\r\n            clickOpens: false,\r\n            onClose: function (selectedDates, dateStr, instance) {\r\n            }\r\n        });\r\n        this.calendarIcon.addEventListener('click', () => {\r\n            this.datePicker._flatpickr.open();\r\n        });\r\n\r\n        flatpickr(this.FromdatePicker, {\r\n            closeOnSelect: true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: new Date(Date.now() - 15 * 24 * 60 * 60 * 1000),\r\n            maxDate: null,\r\n            defaultDate: null,\r\n            enableTime: false,\r\n            enableSeconds: false,\r\n            time_24hr: false,\r\n            minuteIncrement: 1,\r\n            hourIncrement: 1,\r\n            timeFormat: 'h:i K',\r\n            clickOpens: false,\r\n            onClose: (selectedDates, dateStr, instance) => {\r\n                this.FromDate = dateStr;\r\n                if (this.ToDate && new Date(this.ToDate) < new Date(dateStr)) {\r\n                    this.ToDate = dateStr;\r\n                    this.ToCalendar.setDate(dateStr);\r\n                }\r\n\r\n            }\r\n        });\r\n        this.FromcalendarIcon.addEventListener('click', () => {\r\n            this.FromdatePicker._flatpickr.open();\r\n        });\r\n\r\n        this.isLoading = true;\r\n        const exitQuestions = await this.employeeServices.GetExitQuestions(this.empid, this.enableexitID, this.exitTypeID, this.PageFrom);\r\n        this.questionlist = exitQuestions.ListQuestion;\r\n        this.questionData = exitQuestions;\r\n        this.isLoading = false;\r\n    }\r\n\r\n    formatDate(date) {\r\n        const day = date.getDate().toString().padStart(2, '0');\r\n        const month = (date.getMonth() + 1).toString().padStart(2, '0'); // Month is zero-based\r\n        const year = date.getFullYear();\r\n        return `${day}-${month}-${year}`;\r\n    }\r\n\r\n    handleFileSelect(files) {\r\n        const file = files[0];\r\n        this.file = file;\r\n        let reader = new FileReader();\r\n        reader.readAsDataURL(file);\r\n        this.DocumentName = file.name;\r\n        reader.onload = () => {\r\n            this.file = reader.result;\r\n        };\r\n    }\r\n\r\n    openFileDialog() {\r\n        document.getElementById('attachments').click();\r\n    }\r\n\r\n    removeFile() {\r\n        this.file = null;\r\n        this.DocumentName = '';\r\n        const fileInput = document.getElementById('attachments');\r\n        if (fileInput) {\r\n            fileInput.value = '';\r\n        }\r\n    }\r\n\r\n    cancel() {\r\n        this.router.navigateToRoute('dashboard');\r\n    }\r\n\r\n    formatDate(dateString) {\r\n        const date = new Date(dateString);\r\n        const day = date.getDate().toString().padStart(2, '0');\r\n        const month = (date.getMonth() + 1).toString().padStart(2, '0'); // Months are zero-based\r\n        const year = date.getFullYear();\r\n        return `${day}-${month}-${year}`;\r\n    }\r\n\r\n    handleDateSelection() {\r\n\r\n        this.handleSearch();\r\n    }\r\n\r\n    async handleSearch() {\r\n        this.policydte = this.resdate;\r\n        this.employeeServices.GetNoticePeriodByPositionId(this.policydte, this.empid)\r\n            .then(response => {\r\n                this.isLoading = true;\r\n                this.policydate = response;\r\n                this.isLoading = false;\r\n            });\r\n    }\r\n\r\n\r\n    save(questionlist) {\r\n        event.preventDefault();\r\n        const formData = [];\r\n\r\n        this.controller.validate()\r\n            .then(result => {\r\n                if (result.valid) {\r\n                 if (this.StatusCode === \"PEA\" || this.StatusCode === \"APP\") {\r\n\r\n                        let data = {\r\n                            RequestedLWD: this.DateOfBirth,\r\n                            ExitID: this.enableexitID,\r\n                            DocumentName: this.DocumentName,\r\n                            Actions: this.StatusCode,\r\n                            DocumentPath: this.file,\r\n                            LogginEmployeeID: this.empid,\r\n                            //Actions:this.Actions,\r\n                            ReasonforResignation: this.Reasonemployee,\r\n                            ReasonforWithdraw: this.Reasonforwithdraw,\r\n                            HRComments: this.comment,\r\n                            PolicyLWD: this.policydatetxt,\r\n                            ResignationDate: this.resdate,\r\n                        };\r\n                        this.isLoading = true;\r\n                        this.employeeServices.PostResignationWithdraw(data)\r\n                            .then(() => {\r\n                                this.isLoading = false;\r\n                                this.message = \"Resignation withdrawn submitted \";\r\n                                this.attached();\r\n                                setTimeout(() => {\r\n                                    this.message = \"\";\r\n                                }, 3000);\r\n                            });\r\n                        this.comment = '';\r\n                        this.DocumentName = '';\r\n                        this.file = '';\r\n                        this.hrcomment = '';\r\n\r\n                        this.Reasonemployee = '';\r\n                        //  dashboard\r\n                        const errorElement = document.querySelector(\".scrolltoerrorsuccess\");\r\n                        if (errorElement) {\r\n                            errorElement.scrollIntoView({behavior: \"auto\", block: \"start\", inline: \"nearest\"});\r\n                            window.scrollBy(0, -200);\r\n                        }\r\n                    }\r\n                    else\r\n                    {\r\n                    const mandatoryRadioQuestions = questionlist.filter(question => question.FieldTypeName === 'Radio Option' && question.IsManditory === true);\r\n                    // Iterate through questionlist\r\n                    for (const question of questionlist) {\r\n\r\n                        // Check if the question is a Radio Option type\r\n                        if (question.FieldTypeName === 'Radio Option') {\r\n                            // Check if an option is selected\r\n                            if (this.selectedOptions[question.Seqno]) {\r\n                                const selectedOptionId = Number(this.selectedOptions[question.Seqno]);\r\n                                const selectedOption = question.ListofOptions.find(option => option.PreExitQuestionOptionID === selectedOptionId);\r\n                                formData.push({\r\n                                    ExitQuestionID: question.PreExitQuestionID,\r\n                                    // Response: this.selectedOptions[question.Seqno],\r\n                                    Response: selectedOption.Option,\r\n                                    FieldTypeName: question.FieldTypeName,\r\n                                    Option: selectedOption.Option\r\n\r\n                                });\r\n                            }\r\n                        } else if (question.FieldTypeName === 'TextBox Option') {\r\n                            // Check if Statustext is not 'PEA' or 'APP'\r\n                            if (this.Statustext !== 'PEA' && this.Statustext !== 'APP') {\r\n                                formData.push({\r\n                                    ExitQuestionID: question.PreExitQuestionID,\r\n                                    Response: this.textAreaValues[question.Seqno],\r\n                                    FieldTypeName: question.FieldTypeName,\r\n                                    Option: question.Option\r\n                                });\r\n                            }\r\n                        }\r\n                    }\r\n                    for (const question of mandatoryRadioQuestions) {\r\n                        // Check if there is no selected option for this question\r\n                        if (!this.selectedOptions[question.Seqno]) {\r\n                            // Throw an error and prevent form submission\r\n                            this.questionError = true;\r\n                            const errorElement = document.querySelector(\".scrolltoerrorsuccess\");\r\n                            if (errorElement) {\r\n                                errorElement.scrollIntoView({behavior: \"auto\", block: \"start\", inline: \"nearest\"});\r\n                                window.scrollBy(0, -200);\r\n                            }\r\n                            this.dynamicQuestionFormError = `Error: Mandatory question ${question.PreExitQuestionID} has no option selected.`;\r\n                            return; // Stop further processing\r\n                        }\r\n                    }\r\n                    const refreshEvent = new CustomEvent('refreshAddSkill');\r\n                    if (this.StatusCode != \"PEA\" && this.StatusCode != \"APP\") {\r\n                        let data = {\r\n                            RequestedLWD: this.DateOfBirth,\r\n                            ExitID: this.enableexitID,\r\n                            DocumentName: this.DocumentName,\r\n                            Actions: this.StatusCode,\r\n                            DocumentPath: this.file,\r\n                            LogginEmployeeID: this.empid,\r\n                            HRComments: this.comment,\r\n                            PolicyLWD: this.policydate.policydatetxt,\r\n                            PersonID: this.empid,\r\n                            ResignationDate: this.resdate,\r\n                            ReasonforResignation: this.Reasonemployee,\r\n                            HRComment: this.hrcomment,\r\n                            ListResponses: formData\r\n                        };\r\n\r\n                        const mandatoryQuestionsArray = this.questionData.MandatoryQueText.split(\",\").map(Number);\r\n                        const mandatoryobjectiveArray = this.questionData.MandatoryQueRadio.split(\",\").map(Number);\r\n                        const radioOptionQuestions = this.questionlist.filter(question => question.FieldTypeName === \"Radio Option\" && question.IsManditory === true);\r\n\r\n                        // Extract PreExitQuestionID from filtered items\r\n                        const preExitQuestionIDs = radioOptionQuestions.map(question => question.PreExitQuestionID);\r\n\r\n                        const emptyResponses = data.ListResponses.filter(question => mandatoryQuestionsArray.includes(question.ExitQuestionID) && (!question.Response || question.Response.trim() === \"\"));\r\n                        const radioEmptyResponses = data.ListResponses.filter(question => mandatoryobjectiveArray.includes(question.PreExitQuestionID) && (!question.Response || question.Response.trim() === \"\"));\r\n                        if (emptyResponses.length > 0) {\r\n\r\n                            this.questionError = true;\r\n                            const errorElement = document.querySelector(\".scrolltoerrorsuccess\");\r\n                            if (errorElement) {\r\n                                errorElement.scrollIntoView({behavior: \"auto\", block: \"start\", inline: \"nearest\"});\r\n                                window.scrollBy(0, -200);\r\n                            }\r\n                            this.dynamicQuestionFormError = `Error: Mandatory question ${emptyResponses.map(q => q.ExitQuestionID).join(', ')} has null or empty response.`\r\n                            // Handle error, display message or prevent form submission\r\n                            return;\r\n                        } else {\r\n                            if (this.Apprvol === true) {\r\n                                this.ApprovalsValidation = true;\r\n                                const errorElement = document.querySelector(\".scrolltoerrorsuccess\");\r\n                                if (errorElement) {\r\n                                    errorElement.scrollIntoView({behavior: \"auto\", block: \"start\", inline: \"nearest\"});\r\n                                    window.scrollBy(0, -200);\r\n                                }\r\n                            } else {\r\n                                // No empty responses, proceed with form submission\r\n                                this.isLoading = true;\r\n                                this.questionError = false;\r\n                                this.employeeServices.PostResignationRequest(data)\r\n                                    .then(() => {\r\n                                        this.isLoading = false;\r\n                                        this.message = \"Resignation form submitted successfully. \";\r\n                                        this.attached();\r\n                                        setTimeout(() => {\r\n                                            this.message = \"\";\r\n                                        }, 10000);\r\n                                    });\r\n                                this.comment = '';\r\n                                this.DocumentName = '';\r\n                                this.file = '';\r\n                                this.hrcomment = '';\r\n                                this.DateOfBirth = '';\r\n                                this.resdate = '';\r\n                                this.Reasonemployee = '';\r\n                                this.selectedOptions = {};\r\n                                this.textAreaValues = {};\r\n                            }\r\n\r\n                        }\r\n                    }\r\n                    \r\n                }\r\n                }\r\n            });\r\n\r\n\r\n    }\r\n\r\n    findTextarea(seqno) {\r\n        // Helper function to find the corresponding textarea based on seqno\r\n        const textareas = document.querySelectorAll('textarea');\r\n        for (const textarea of textareas) {\r\n            if (textarea.previousElementSibling.textContent.includes(`${seqno}.`)) {\r\n                return textarea;\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    organization(user) {\r\n        this.dialogService.open({viewModel: OrganizationComponent, model: user})\r\n    }\r\n}\r\n","import {inject} from 'aurelia-framework';\r\nimport {JwtService} from '../../../shared/services/jwtservice';\r\nimport {DialogController} from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\nimport {SalaryRevisionService} from '../../../shared/services/salaryrevisionservice';\r\nimport {QuestionnairePopup} from \"../questionnairePopup/questionnairePopup\";\r\nimport {OtherEmployeesInSamePosition} from \"../otheremployeesinsameposition/otheremployeesinsameposition\"\r\nimport {config} from \"../../../shared/services/config\";\r\nimport { AppreciationService } from '../../../shared/services/appreciationservice';\r\n\r\n@inject(DialogController, JwtService, DialogService, SalaryRevisionService,AppreciationService)\r\nexport class PromotionLetter {\r\n    ToDate = '14-12-2023';\r\n    FromDate = '11-01-2023';\r\n    pageSize1 = config.salaryGrid_PazeSize;\r\n    pageSize = config.salaryGrid_PazeSize;\r\n    pageSize2 = config.salaryGrid_PazeSize;\r\n    MyAppreciationSummay=[];\r\n    AppreciationDetails=[];\r\n    configimgurl=config.img_url;\r\n    previousYear = this.getPreviousYear();\r\n\r\n    constructor(controller, JwtService, DialogService, SalaryRevisionService,appreciationService) {\r\n        this.controller = controller;\r\n        this.jwtService = JwtService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n\r\n        this.dialogService = DialogService;\r\n        this.salaryRevisionService = SalaryRevisionService;\r\n        this.appreciationService=appreciationService;\r\n    }\r\n\r\n    activate(salaryData) {\r\n        this.params = salaryData;\r\n        this.SalaryRevisionID = this.params.SalaryRevisionID;\r\n        this.SelectedEmployeeID = this.params.selectedEmployeeID;\r\n        this.EmployeeID=this.params.EmployeeID;\r\n    }\r\n\r\n    attached() {\r\n        this.salaryRevisionService.getEmployeeDetails(this.SalaryRevisionID).then(data => {\r\n            this.getdetails = data;\r\n            console.log(data);\r\n            this.ActionName=this.getdetails.ActionName;\r\n            this.SalaryRevisionID=this.getdetails.SalaryRevisionID;\r\n            this.PersonId = this.getdetails.PersonId;\r\n            this.startdate = this.getdetails.RevisionPeriodFrom;\r\n            this.enddate = this.getdetails.RevisionPeriodTo;\r\n            this.Position = this.getdetails.Position;\r\n            this.LevelName = this.getdetails.LevelName;\r\n            this.DepartmentName=this.getdetails.DepartmentName;\r\n            this.WorkexperinceText=this.getdetails.WorkexperinceText;\r\n            this.EmployeeID=this.getdetails.EmployeeID;\r\n\r\n            this.salaryRevisionService.GetTimeoffSummaryByPersonID(this.getdetails.PersonId, this.getdetails.RevisionPeriodFrom, this.getdetails.RevisionPeriodTo).then(data => {\r\n                this.TimeoffSummary = data.List;\r\n\r\n            });\r\n            this.salaryRevisionService.AppreciationByEmployeeID(this.getdetails.EmployeeID,this.getdetails.RevisionPeriodFrom, this.getdetails.RevisionPeriodTo).then(data => {\r\n                this.appreciation = data;\r\n               // console.log('hii');\r\n               // console.log(this.appreciation);\r\n            });\r\n\r\n            this.salaryRevisionService.GetCertificationsByPersonID(this.PersonId,this.getdetails.RevisionPeriodFrom, this.getdetails.RevisionPeriodTo).then(data => {\r\n                this.certification = data;\r\n                console.log('hii');\r\n                console.log(this.certification);\r\n            });\r\n\r\n            this.appreciationService.getMyAppreciationSummary(this.EmployeeID,this.previousYear)\r\n            .then(MyAppreciationSummay =>{\r\n              this.MyAppreciationSummay = MyAppreciationSummay.EmployeeAppreciationModelList;  \r\n              console.log(this.MyAppreciationSummay);\r\n              });\r\n\r\n              this.appreciationService.getMyAppreciationDetails(this.EmployeeID,this.previousYear)\r\n              .then(AppreciationDetails =>{\r\n                this.AppreciationDetails = AppreciationDetails;  \r\n                this.selectedCategoryDetails=this.AppreciationDetails;\r\n                });\r\n        });\r\n\r\n    }\r\n\r\n    getPreviousYear() {\r\n        const myDate = new Date();\r\n        myDate.setFullYear(myDate.getFullYear() ); // -1\r\n        return myDate.getFullYear();\r\n      }\r\n\r\n    selectedCategoryDetails = [];\r\n    show(option)\r\n    {\r\n      if(option != '')\r\n      {\r\n        this.selectedCategoryDetails = this.AppreciationDetails.filter((getappreciation) => getappreciation.CategoryName === option.CategoryName);\r\n      }\r\n      else{\r\n        this.selectedCategoryDetails=this.AppreciationDetails;\r\n      }\r\n      \r\n    }\r\n\r\n    performanceClick() {\r\n        event.preventDefault();\r\n        const parentDiv = event.target.parentNode;\r\n        parentDiv.classList.toggle('performance-open');\r\n    }\r\n\r\n    QuestionnairePopup() {\r\n        const data = {\r\n            SalRevisionID: this.SalaryRevisionID,\r\n            EmployeeID: this.empid\r\n            //this.SelectedEmployeeID\r\n        };\r\n        this.dialogService.open({viewModel: QuestionnairePopup, model: data});\r\n\r\n    }\r\n    OtherEmployeesInSamePosition(){\r\n        const otherEmployee={\r\n            PersonId:this.PersonId,\r\n                Position:this.Position,\r\n            LevelName:this.LevelName,\r\n            DepartmentName:this.DepartmentName,\r\n        }\r\n        this.dialogService.open({viewModel:OtherEmployeesInSamePosition, model:otherEmployee })\r\n    }\r\n    openFileDialog() {\r\n        document.getElementById('attachments').click();\r\n    }\r\n\r\n    handleFileSelect(files) {\r\n        const file = files[0];\r\n        const maxSize = 2.5 * 1024 * 1024;\r\n        if (file.size > maxSize) {\r\n            this.fileMessage = 'File size should be less than 2.5 MB.';\r\n            setTimeout(() => {\r\n                this.fileMessage = null;\r\n            }, 4000);\r\n            this.removeFile();\r\n            return;\r\n        }\r\n        else if (file.size <= maxSize) {\r\n            this.files = file;\r\n            let reader = new FileReader();\r\n            reader.readAsDataURL(file);\r\n            this.DocumentNames = file.name;\r\n            reader.onload = () => {\r\n                this.files = reader.result;\r\n            };\r\n        }\r\n    }\r\n\r\n    removeFile() {\r\n        this.files = null;\r\n        this.DocumentNames = '';\r\n        const fileInput = document.getElementById('attachments');\r\n        if (fileInput) {\r\n            fileInput.value = '';\r\n        }\r\n    }\r\n\r\n}\r\n","import {inject} from 'aurelia-framework';\r\nimport {JwtService} from '../../../shared/services/jwtservice';\r\nimport {DialogController} from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\nimport {config} from \"../../../shared/services/config\";\r\nimport {SalaryRevisionService} from '../../../shared/services/salaryrevisionservice';\r\n\r\nimport flatpickr from \"flatpickr\";\r\n\r\n@inject(DialogController, JwtService, DialogService, SalaryRevisionService)\r\nexport class OtherEmployeesInSamePosition {\r\n    isLoading = false;\r\n    static inject = [DialogController, Element];\r\n    isDragging = false;\r\n    dialog;\r\n    pageSize = config.kra_PazeSize;\r\n\r\n    constructor(controller, JwtService, DialogService, SalaryRevisionService) {\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.salaryRevisionService = SalaryRevisionService\r\n\r\n    }\r\n\r\n    activate(data) {\r\n        console.log(data);\r\n        this.params = data;\r\n        this.LevelName = this.params.LevelName;\r\n        this.PersonId = this.params.PersonId;\r\n        this.Position = this.params.Position;\r\n        this.DepartmentName=this.params.DepartmentName;\r\n          }\r\n\r\n    attached() {\r\n        this.salaryRevisionService.GetOtherPositionDetails(this.Position, this.LevelName,this.DepartmentName,this.PersonId, this.empid).then(data => {\r\n            this.question = data;\r\n        })\r\n    }\r\n\r\n\r\n\r\n}\r\n","import {inject} from 'aurelia-framework';\r\nimport {JwtService} from '../../../shared/services/jwtservice';\r\nimport {DialogController } from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\n\r\n@inject(DialogController,JwtService,DialogService)\r\nexport class PromotionLetter {\r\n   \r\n    constructor(controller,JwtService,DialogService){\r\n        this.controller = controller;\r\n        this.jwtService= JwtService;\r\n        this.dialogService = DialogService;\r\n    }\r\n\r\n}\r\n","import {inject} from 'aurelia-framework';\r\nimport {JwtService} from '../../../shared/services/jwtservice';\r\nimport {DialogController} from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\nimport {config} from \"../../../shared/services/config\";\r\nimport {SalaryRevisionService} from '../../../shared/services/salaryrevisionservice';\r\n\r\nimport flatpickr from \"flatpickr\";\r\n\r\n@inject(DialogController, JwtService, DialogService, SalaryRevisionService)\r\nexport class QuestionnairePopup {\r\n    isLoading = false;\r\n    static inject = [DialogController, Element];\r\n    isDragging = false;\r\n    dialog;\r\n    pageSize = config.kra_PazeSize;\r\n\r\n    constructor(controller, JwtService, DialogService, SalaryRevisionService) {\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.salaryRevisionService = SalaryRevisionService\r\n\r\n    }\r\n\r\n    activate(data) {\r\n        this.params = data;\r\n        this.EmployeeID = this.params.EmployeeID;\r\n        this.SalRevisionID = this.params.SalRevisionID;\r\n\r\n\r\n    }\r\n\r\n    attached() {\r\n        this.salaryRevisionService.Questionlist(this.SalRevisionID, this.EmployeeID).then(data => {\r\n            this.question = data;\r\n        })\r\n    }\r\n\r\n    openFileDialog() {\r\n        document.getElementById('attachments').click();\r\n    }\r\n\r\n    handleFileSelect(files) {\r\n        const file = files[0];\r\n        const maxSize = 2.5 * 1024 * 1024;\r\n        if (file.size > maxSize) {\r\n            this.fileMessage = 'File size should be less than 2.5 MB.';\r\n            setTimeout(() => {\r\n                this.fileMessage = null;\r\n            }, 4000);\r\n            this.removeFile();\r\n            return;\r\n        }\r\n        else if (file.size <= maxSize) {\r\n            this.files = file;\r\n            let reader = new FileReader();\r\n            reader.readAsDataURL(file);\r\n            this.DocumentNames = file.name;\r\n            reader.onload = () => {\r\n                this.files = reader.result;\r\n            };\r\n        }\r\n    }\r\n\r\n    removeFile() {\r\n        this.files = null;\r\n        this.DocumentNames = '';\r\n        const fileInput = document.getElementById('attachments');\r\n        if (fileInput) {\r\n            fileInput.value = '';\r\n        }\r\n    }\r\n\r\n\r\n}\r\n","import {inject} from 'aurelia-framework';\r\nimport {JwtService} from '../../shared/services/jwtservice';\r\nimport {DialogController} from 'aurelia-dialog';\r\nimport {DialogService} from 'aurelia-dialog';\r\nimport {SalaryRevisionService} from '../../shared/services/salaryrevisionservice';\r\nimport flatpickr from \"flatpickr\";\r\nimport {constants} from '../../shared/services/constants';\r\nimport {config} from '../../shared/services/config';\r\nimport * as XLSX from 'xlsx';\r\nimport {LeavemanagementService} from \"../../shared/services/leavemanagementservice\";\r\nimport { PromotionLetter } from './employeesalary/employeesalarycomponent';\r\nimport { Router } from 'aurelia-router';\r\n\r\n\r\n@inject(DialogController, JwtService, DialogService, SalaryRevisionService, LeavemanagementService,Router)\r\nexport class SalaryRevision {\r\n    EmployeeSalaryRevisionList = [];\r\n    FromDate = '';\r\n    ToDate = '';\r\n    isDropdownOpen = false;\r\n    selectedStatus = 'ACT';\r\n    defaultToDate;\r\n    defaultFromDate;\r\n    showEmployeeDropdown = false;\r\n    FavoritesExist = false;\r\n    sitemapId = constants.employeesalaryrevisionlistsitemapid;\r\n    pageSize = config.grid_PazeSize;\r\n    statusOptions = [\r\n        {label: 'All', value: 'All', checked: false},\r\n        {label: 'Pending submission', value: 'ACT', checked: true},\r\n        {label: 'Pending approval', value: 'PEA', checked: true},\r\n        {label: 'Need clarification', value: 'NED', checked: false},\r\n        {label: 'Approved', value: 'APP', checked: false}\r\n    ];\r\n\r\n    constructor(controller, JwtService, DialogService, SalaryRevisionService, LeavemanagementService,router) {\r\n\r\n        this.controller = controller;\r\n        this.jwtService = JwtService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.salaryrevisionService = SalaryRevisionService;\r\n        this.leavemanagementService = LeavemanagementService;\r\n        this.dialogService = DialogService;\r\n        this.router = router;\r\n\r\n    }\r\n\r\n    attached() {\r\n      \r\n        \r\n        this.LoginempId = window.localStorage['EmployeeID'];\r\n        const fromDate = new Date();\r\n        fromDate.setMonth(fromDate.getMonth() - 1);\r\n        this.FDate = fromDate.toLocaleDateString().replace(/\\//g, '-');\r\n        this.From = this.FDate;\r\n        const toDate = new Date();\r\n        toDate.setMonth(toDate.getMonth() + 1);\r\n        this.TDate = toDate.toLocaleDateString().replace(/\\//g, '-');\r\n        this.To = this.TDate;\r\n        flatpickr(this.FromdatePicker, {\r\n            closeOnSelect: true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: null,\r\n            maxDate: null,\r\n            defaultDate: fromDate,\r\n            enableTime: false,\r\n            enableSeconds: false,\r\n            time_24hr: false,\r\n            minuteIncrement: 1,\r\n            hourIncrement: 1,\r\n            timeFormat: 'h:i K',\r\n            clickOpens: false,\r\n            onClose: function (selectedDates, dateStr, instance) {\r\n                this.FromDate = dateStr;\r\n            }\r\n        });\r\n        this.FromcalendarIcon.addEventListener('click', () => {\r\n            this.FromdatePicker._flatpickr.open();\r\n        });\r\n        flatpickr(this.TodatePicker, {\r\n            closeOnSelect: true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: null,\r\n            maxDate: null,\r\n            defaultDate: toDate,\r\n            enableTime: false,\r\n            enableSeconds: false,\r\n            time_24hr: false,\r\n            minuteIncrement: 1,\r\n            hourIncrement: 1,\r\n            timeFormat: 'h:i K',\r\n            clickOpens: false,\r\n            onClose: function (selectedDates, dateStr, instance) {\r\n                this.default = dateStr;\r\n            }\r\n        });\r\n        this.TocalendarIcon.addEventListener('click', () => {\r\n            this.TodatePicker._flatpickr.open();\r\n        });\r\n        this.leavemanagementService.GetPersonFavoriteItems(this.empid, this.sitemapId)\r\n        .then(data => {\r\n            this.FavoritesExist = data;\r\n        });\r\n    this.addToRecentItems();\r\n    this.LoginempId = window.localStorage['EmployeeID'];\r\n        this.salaryrevisionService.DepartmentDropdown(this.LoginempId, 'ACT')\r\n            .then(data => {\r\n                this.departments = data;\r\n            });\r\n        const selectedStatusList = this.statusOptions\r\n            .filter(status => status.checked)\r\n            .map(status => status.value);\r\n        const listData = {\r\n            FromDateText: this.From,\r\n            ToDateText: this.To,\r\n            Status: selectedStatusList.join(\",\"),\r\n            EmployeeID: this.empid,\r\n        }\r\n        this.isLoading = true;\r\n        this.salaryrevisionService.getEmployeeSalaryRevision(this.FromDateText,this.ToDateText,this.Status,this.EmployeeID)\r\n                .then(data =>{\r\n                this.EmployeeSalaryRevisionList = data; \r\n                console.log(data);        \r\n                });\r\n\r\n        this.salaryrevisionService.PostEmployeeSalaryRevision(listData)\r\n            .then(data => {\r\n                this.EmployeeSalaryRevisionList = data;\r\n                this.isLoading = false;\r\n            });\r\n\r\n        this.salaryrevisionService.GetPersonFavoriteItems(this.LoginempId, this.sitemapId)\r\n            .then(data => {\r\n                this.FavoritesExist = data;\r\n            });\r\n\r\n           \r\n        this.addToRecentItems();\r\n    }\r\n\r\n    filters = [\r\n        {value: '', keys: ['EmployeeName', 'PositionlevelName', 'RevisionPeriod', 'NextRevisionDueDate']},\r\n    ];\r\n\r\n    addToFavourites() {\r\n        this.salaryrevisionService.AddToFavourites(this.LoginempId, this.sitemapId).then(data => {\r\n            this.FavoritesExist = data;\r\n            window.location.reload();\r\n\r\n        });\r\n    }\r\n\r\n    filterClick() {\r\n        event.preventDefault();\r\n        const clickedDiv = event.target.parentNode;\r\n        clickedDiv.classList.toggle('filter-open');\r\n        const divs = document.querySelectorAll('.filter-open');\r\n        divs.forEach((div) => {\r\n            if (div !== clickedDiv) {\r\n                div.classList.remove('filter-open');\r\n            }\r\n        });\r\n        const handleOutsideClick = (event) => {\r\n            if (!clickedDiv.contains(event.target)) {\r\n                divs.forEach((div) => {\r\n                    div.classList.remove('filter-open');\r\n                });\r\n                document.removeEventListener('click', handleOutsideClick);\r\n            }\r\n        };\r\n        if (clickedDiv.classList.contains('filter-open')) {\r\n            document.addEventListener('click', handleOutsideClick);\r\n        } else {\r\n            document.removeEventListener('click', handleOutsideClick);\r\n        }\r\n    }\r\n\r\n    async displayEmployeess(event) {\r\n        this.showEmployeeDropdown = true;\r\n        const statusVal = event.target.value;\r\n        this.salaryrevisionService.DepartmentDropdown(this.LoginempId, statusVal)\r\n            .then(data => {\r\n                this.departments = data;\r\n            });\r\n\r\n    }\r\n\r\n    selectEmployees(empOptions) {\r\n        const modifiedOption = {...empOptions, ID: empOptions.EmployeeID};\r\n        this.eName = modifiedOption.EmployeeName;\r\n        this.eNameID = modifiedOption.EmployeeID;\r\n        this.showEmployeeDropdown = false;\r\n        this.selectedEmployee = modifiedOption;\r\n        const finalToDate = this.ToDate ? this.ToDate : this.defaultToDate;\r\n        const finalFromDate = this.FromDate ? this.FromDate : this.defaultFromDate;\r\n        const timeoff = {\r\n            Fromdate: finalFromDate,\r\n            Todate: finalToDate,\r\n            EmployeeId: this.eNameID,\r\n        };\r\n    }\r\n\r\n    ApproveShowDialog(SalaryRevisionID, EmployeeID) {\r\n        const salaryData = {\r\n            SalaryRevisionID: SalaryRevisionID,\r\n            selectedEmployeeID: EmployeeID,\r\n        };\r\n        const queryString = new URLSearchParams(salaryData).toString();\r\n        const salaryURL = `/#/employeesalary?${queryString}`;\r\n        window.location.href = salaryURL;\r\n    }\r\n\r\n    Search() {\r\n        const filterOpenElements = document.querySelectorAll('.filter-open');\r\n        filterOpenElements.forEach(element => element.classList.remove('filter-open'));\r\n        const selectedStatusLists = this.selectedStatuses.map(status => status.value);\r\n        const selectedStatusList = this.statusOptions\r\n            .filter(status => status.checked)\r\n            .map(status => status.value);\r\n\r\n        const finalToDate = this.ToDate ? this.ToDate : this.defaultToDate;\r\n        const finalFromDate = this.FromDate ? this.FromDate : this.defaultFromDate;\r\n        const selectedRadio = document.querySelector('input[name=\"employees\"]:checked');\r\n        this.selectedValue = selectedRadio ? selectedRadio.value : '';\r\n        const listData = {\r\n            FromDateText: finalFromDate,\r\n            ToDateText: finalToDate,\r\n            EmployeeStatus: this.selectedValue,\r\n            Status: selectedStatusList.includes('All') ? ['All'] : selectedStatusList.filter(status => status !== 'All').join(\",\"),\r\n            DepartmentID: this.department,\r\n            EmployeeID: this.empid,\r\n            LoggedInEmployeeId: this.LoginempId,\r\n        };\r\n        //this.isLoading = true;\r\n\r\n        this.salaryrevisionService.PostEmployeeSalaryRevision(listData)\r\n            .then(data => {\r\n                this.EmployeeSalaryRevisionList = data;\r\n\r\n            });\r\n    }\r\n\r\n    selectAllChanged(event) {\r\n        const isChecked = this.statusOptions[0].checked;\r\n        this.statusOptions.forEach((status, index) => {\r\n            if (index !== 0) {\r\n                status.checked = isChecked;\r\n            }\r\n        });\r\n    }\r\n\r\n    handleCheckboxChange(event, status) {\r\n        if (status.value === 'All') {\r\n            this.statusOptions.forEach((statusOption, index) => {\r\n                if (index !== 0) {\r\n                    statusOption.checked = false;\r\n                }\r\n            });\r\n        } else {\r\n            const allChecked = this.statusOptions.slice(1).every(statusOption => statusOption.checked);\r\n            this.statusOptions[0].checked = allChecked;\r\n        }\r\n\r\n        //status.checked = event.target.checked;\r\n    }\r\n\r\n    resetDepartmentDropdown() {\r\n        this.department = ''; // Reset the selected department to empty value\r\n    }\r\n\r\n    resetStatusDropdown() {\r\n        this.statusOptions.forEach((status, index) => {\r\n            if (index === 1 || index === 2) {\r\n                status.checked = true; // Select 'Pending approval' and 'Pending with me'\r\n            } else {\r\n                status.checked = false; // Deselect other statuses\r\n            }\r\n        });\r\n        // Update the selectedStatusList if needed\r\n        this.selectedStatusList = this.statusOptions.filter(status => status.checked);\r\n    }\r\n\r\n    exportData() {\r\n        const data = this.EmployeeSalaryRevisionList;\r\n        const filename = 'EmployeeSalaryRevision';\r\n        this.exportToExcel(data, filename);\r\n    }\r\n\r\n    exportToExcel(data, filename) {\r\n        const headers = {\r\n            Employeename: 'Employee name',\r\n            Department: 'Department',\r\n            Position: 'Position',\r\n            Revisionperiod: 'Revision period',\r\n            Revisionduedate: 'Revision due date',\r\n            Status: 'Status',\r\n        };\r\n        const filteredData = data.map(revision => {\r\n            return {\r\n                Employeename: revision.EmployeeName,\r\n                Department: revision.DepartmentName,\r\n                Position: revision.PositionlevelName,\r\n                Revisionperiod: revision.RevisionPeriod,\r\n                Revisionduedate: revision.NextRevisionDueDate,\r\n                Status: revision.StatusCode,\r\n\r\n            };\r\n        });\r\n        const headerRow = Object.values(headers);\r\n        const dataRows = filteredData.map(leave => Object.values(leave));\r\n        const worksheet = XLSX.utils.aoa_to_sheet([headerRow, ...dataRows]);\r\n        const workbook = XLSX.utils.book_new();\r\n        XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet 1');\r\n        XLSX.writeFile(workbook, `${filename}.xlsx`);\r\n    }\r\n\r\n    // addToFavourites() {\r\n    //     this.leavemanagementService.AddToFavourites(this.empid, this.sitemapId).then(data => {\r\n    //         window.location.reload();\r\n    //     });\r\n    // }\r\n\r\n    addToRecentItems() {\r\n        this.leavemanagementService.AddToRecentItems(this.empid, this.sitemapId).then(data => {\r\n\r\n        });\r\n    }\r\n\r\n    resetPage() {\r\n        this.attached();\r\n        this.selectedStatus = 'ACT';\r\n    }\r\n\r\n    Reset() {\r\n        this.attached();\r\n    }\r\n\r\n    get selectedStatuses() {\r\n\r\n        return this.statusOptions\r\n            .filter(status => status.checked);\r\n\r\n    }\r\n\r\n    removeFilter(Allstatus, status) {\r\n        if (status.label === 'All') {\r\n            this.statusOptions.forEach(option => {\r\n                option.checked = false;\r\n            });\r\n        } else {\r\n            status.checked = false;\r\n        }\r\n    }\r\n\r\n    // showDialog(){\r\n    //     this.dialogService.open({viewModel: PromotionLetter, model: \"\"});\r\n    // }\r\n\r\n    ViewSalaryRevision(){\r\n        this.router.navigate('employeesalary');\r\n    }\r\n\r\n    ViewEmployeeSalary(ActionName,SalaryRevisionID) {\r\n        const approveData = {\r\n            ActionName: ActionName,\r\n            SalaryRevisionID:SalaryRevisionID\r\n        };\r\n        const queryString = new URLSearchParams(approveData).toString();\r\n        const performancereviewURL = `/#/employeesalary?${queryString}`;\r\n        window.location.href = performancereviewURL;\r\n    }\r\n}\r\n","// 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=\\\"./dateformat\\\"></require>\\r\\n    <require from=\\\"../../resources/value-converters/date\\\"></require>\\r\\n    <require from=\\\"../../shared/styles/recordingtime.css\\\"></require>\\r\\n    <div class=\\\"loading-indicator\\\" if.bind=\\\"isLoading\\\">\\r\\n    <div class=\\\"loading-spinner\\\">\\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    <main>\\r\\n        <div class=\\\"recoding-section w-full px-4 p-6 md:px-6\\\">\\r\\n            <h2 class=\\\"text-2xl font-extrabold mb-7\\\" if.bind=\\\"(inTime === null && outTime === null) || (inTime !== null && outTime !== null)\\\">Punch In</h2>\\r\\n            <h2 class=\\\"text-2xl font-extrabold mb-7\\\" if.bind=\\\"outTime === null && inTime !== null\\\">Punch Out</h2>\\r\\n            <form ref=\\\"form\\\" role=\\\"form\\\" submit.delegate=\\\"saveTime()\\\">\\r\\n                <div class=\\\"date mb-2.5\\\">\\r\\n                    <label class=\\\"text-base font-extrabold\\\" for=\\\"inline-full-name\\\">Date</label>\\r\\n                    <span>  ${currentDate | date:'D-M-YYYY'} </span>\\r\\n                </div>\\r\\n                <div class=\\\"date mb-5\\\">\\r\\n                    <label class=\\\"text-base font-extrabold\\\" for=\\\"inline-full-name\\\">Time</label>\\r\\n                    <span>${currentDate | dateFormat:'h:mm A'}</span>\\r\\n                </div>\\r\\n                <div class=\\\"comments\\\">\\r\\n                    <label class=\\\"text-base font-extrabold block\\\" for=\\\"inline-full-name\\\">Comments</label>\\r\\n                    <input type=\\\"hidden\\\" value.bind=\\\"record.Time\\\" value=\\\"${currentDate | date} ${currentDate | dateFormat:'h:mm A'}\\\" name=\\\"InTime\\\" id=\\\"InTime\\\">\\r\\n                    <textarea class=\\\"text-sm appearance-none border-2 rounded-md resize-none h-20 p-2.5\\\" value.bind=\\\"record.Comments\\\" name=\\\"Comments\\\" id=\\\"Comments\\\" rows=\\\"4\\\" cols=\\\"28\\\" placeholder=\\\"Type your message here\\\"></textarea>\\r\\n                    <input type=\\\"hidden\\\" value.bind=\\\"record.EmployeeID\\\" value=\\\"${empid}\\\" name=\\\"EmployeeID\\\" >\\r\\n                </div>\\r\\n                <div if.bind=\\\"message\\\" class=\\\"inline-block text-2xs py-2 success-message\\\">${message}</div>\\r\\n                <div class=\\\"submit\\\">\\r\\n                    <div if.bind=\\\"(inTime === null && outTime === null) || (inTime !== null && outTime !== null)\\\">\\r\\n                        <button class=\\\"text-white text-base rounded-md py-2.5 px-4\\\" type=\\\"submit\\\">In</button>\\r\\n                    </div>\\r\\n                    <div if.bind=\\\"outTime === null && inTime !== null\\\">\\r\\n                        <button class=\\\"text-white text-base rounded-md py-2.5 px-4\\\" type=\\\"submit\\\">Out</button>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </form>\\r\\n            <div class=\\\"punching-details mt-12\\\">\\r\\n                <h2 class=\\\"text-2xl font-extrabold mb-5\\\">Punch In / Out details</h2>\\r\\n                <div>\\r\\n                    <table class=\\\"w-full bg-white rounded-lg\\\">\\r\\n                        <thead>\\r\\n                            <tr>\\r\\n                                <th class=\\\"px-4 py-2.5 pb-2\\\">Tracking Mode</th>\\r\\n                                <th class=\\\"px-4 py-2.5 pb-2\\\">In Time</th>\\r\\n                                <th class=\\\"px-4 py-2.5 pb-2\\\">Out Time</th>\\r\\n                                <th class=\\\"px-4 py-2.5 pb-2\\\">In Time Comments</th>\\r\\n                                <th class=\\\"px-4 py-2.5 pb-2\\\">Out Time Comments</th>\\r\\n                            </tr>\\r\\n                        </thead>\\r\\n                        <tbody>\\r\\n                            <tr repeat.for=\\\"attendance of attendanceDetails\\\">\\r\\n                                <td class=\\\"border px-4 py-2\\\">${attendance.TrackingType}</td>\\r\\n                                <td class=\\\"border px-4 py-2\\\"><span if.bind=\\\"attendance.InTime\\\">${attendance.InTime | dateFormat:'DD-MM-YYYY h:mm A'}</span></td>\\r\\n                                <td class=\\\"border px-4 py-2\\\"><span if.bind=\\\"attendance.OutTime\\\">${attendance.OutTime | dateFormat:'DD-MM-YYYY h:mm A'}</span></td>\\r\\n                                <td class=\\\"border px-4 py-2\\\">${attendance.InTimeComment}</td>\\r\\n                                <td class=\\\"border px-4 py-2\\\">${attendance.OutTimeComment}</td>\\r\\n                            </tr>\\r\\n                        </tbody>\\r\\n                    </table>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </main>\\r\\n</div>\\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/resignation-icon.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_1___ = new URL(\"../../images/datepicker.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_2___ = new URL(\"../../images/view-icon.svg\", import.meta.url);\n// Module\nvar ___HTML_LOADER_REPLACEMENT_0___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_0___);\nvar ___HTML_LOADER_REPLACEMENT_1___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_1___);\nvar ___HTML_LOADER_REPLACEMENT_2___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_2___);\nvar code = \"<template>\\r\\n    <require from=\\\"../../shared/styles/resignation.css\\\"></require>\\r\\n    <main>\\r\\n        <div class=\\\"resignation-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-5 flex pb-4 absolute bottom-0 left-0 right-0 md:pb-6\\\">\\r\\n            <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"organization-icon\\\">\\r\\n            <h1 class=\\\"text-3xl lg:text-4xl xl:text-5xl text-white ml-2.5\\\">Resignations</h1>\\r\\n          </div>\\r\\n        </div>\\r\\n        <div class=\\\"resignation-container xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-3 md:px-5\\\">\\r\\n            <h3 class=\\\"text-2xl mb-4\\\">Resignation Headline</h3>\\r\\n            <p class=\\\"mb-12\\\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat</p>\\r\\n            <div class=\\\"xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto\\\">\\r\\n            <div class=\\\"flex mb-9 flex-col lg:flex-row\\\">\\r\\n                <div class=\\\"exitlist w-[60%] h-fit bg-white py-5 px-3 md:px-5 rounded-[16px] mb-5 lg:mr-6 lg:mb-0\\\">\\r\\n                    <h4 class=\\\"text-xl text-[#4C9076] pl-9 mb-6\\\">Exit List</h4>\\r\\n                    <div class=\\\"md:flex items-center mb-6\\\">\\r\\n                        <div class=\\\"md:flex items-center md:mr-5 mb-4 md:mb-0\\\">\\r\\n                            <label class=\\\"text-[#212B36] mr-4\\\">From</label>\\r\\n                            <div>\\r\\n                                <input id=\\\"from-date\\\" value.bind=\\\"From\\\" ref=\\\"datePicker\\\" name=\\\"calender\\\" class=\\\"w-[128px] text-sm border h-9 rounded-md px-2.5 mr-1 md:mr-2\\\" type=\\\"datepicker\\\" placeholder=\\\"dd-mm-yyyy\\\">\\r\\n                                <span  class=\\\"hidden align-middle xl:inline-block\\\" ref=\\\"calendarIcon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"datePicker\\\" id=\\\"datePic\\\"></span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex items-center md:mr-5 mb-4 md:mb-0\\\" validation-errors.bind=\\\"ToDateError\\\" class.bind=\\\"ToDateError.length ? 'has-error' : 'ToDateErrorsfield'\\\">\\r\\n                            <label class=\\\"text-[#212B36] mr-4\\\">To</label>\\r\\n                            <div>\\r\\n                                <input id=\\\"to-date\\\" ref=\\\"datePickerss\\\" value.bind=\\\"To\\\" type=\\\"datepickerss\\\" name=\\\"calenderss\\\" class=\\\"w-[128px] text-sm border h-9 rounded-md px-2.5 mr-1 md:mr-2\\\" placeholder=\\\"dd-mm-yyyy\\\">\\r\\n                                <span  class=\\\"hidden align-middle xl:inline-block\\\" ref=\\\"calendarIconEnd\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"datePickerss\\\" id=\\\"datePickerss\\\"></span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"disable-desktop-scroll 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: filteredEmployeesSummery; 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\\\" >Employee Name</th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                    <div class=\\\"relative\\\">\\r\\n                                        <button style=\\\"font-family: 'Avenir-Black'\\\" click.trigger=\\\"filterClick()\\\" class=\\\"action-btn !bg-inherit p-0 text-[#1B2738]\\\">Department</button>\\r\\n                                        <div class=\\\"hidden dropdown absolute left-0 w-52 p-3.5 bg-white border border-solid border-slate-300 z-10\\\">\\r\\n                                            <div class=\\\"flex mb-3\\\">\\r\\n                                                <input class=\\\"!mr-0 md:!mr-2.5\\\"\\r\\n                                                       type=\\\"checkbox\\\"\\r\\n                                                       name=\\\"status\\\"\\r\\n                                                       value.bind=\\\"status.value\\\"\\r\\n                                                       checked.bind=\\\"status.checked\\\"\\r\\n                                                       change.trigger=\\\"handleCheckboxChange($event, status)\\\">\\r\\n                                                <label class=\\\"!ml-2 md:!ml-0\\\">Department</label>\\r\\n                                            </div>\\r\\n                                        </div>\\r\\n                                    </div>\\r\\n                                </th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                    <div class=\\\"relative\\\">\\r\\n                                        <button style=\\\"font-family: 'Avenir-Black'\\\" click.trigger=\\\"filterClick()\\\" class=\\\"action-btn !bg-inherit p-0 text-[#1B2738]\\\">Exit Type</button>\\r\\n                                        <div class=\\\"hidden dropdown absolute left-0 w-52 p-3.5 bg-white border border-solid border-slate-300 z-10\\\">\\r\\n                                            <div class=\\\"flex mb-3\\\">\\r\\n                                                <input class=\\\"!mr-0 md:!mr-2.5\\\"\\r\\n                                                       type=\\\"checkbox\\\"\\r\\n                                                       name=\\\"status\\\"\\r\\n                                                       value.bind=\\\"status.value\\\"\\r\\n                                                       checked.bind=\\\"status.checked\\\"\\r\\n                                                       change.trigger=\\\"handleCheckboxChange($event, status)\\\">\\r\\n                                                <label class=\\\"!ml-2 md:!ml-0\\\">Exit Type</label>\\r\\n                                            </div>\\r\\n                                        </div>\\r\\n                                    </div>\\r\\n                                </th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                    <div class=\\\"relative\\\">\\r\\n                                        <button style=\\\"font-family: 'Avenir-Black'\\\" click.trigger=\\\"filterClick()\\\" class=\\\"action-btn !bg-inherit p-0 text-[#1B2738]\\\">Status</button>\\r\\n                                        <div class=\\\"hidden dropdown absolute left-0 w-52 p-3.5 bg-white border border-solid border-slate-300 z-10\\\">\\r\\n                                            <div class=\\\"flex mb-3\\\">\\r\\n                                                <input class=\\\"!mr-0 md:!mr-2.5\\\"\\r\\n                                                       type=\\\"checkbox\\\"\\r\\n                                                       name=\\\"status\\\"\\r\\n                                                       value.bind=\\\"status.value\\\"\\r\\n                                                       checked.bind=\\\"status.checked\\\"\\r\\n                                                       change.trigger=\\\"handleCheckboxChange($event, status)\\\">\\r\\n                                                <label class=\\\"!ml-2 md:!ml-0\\\">Status</label>\\r\\n                                            </div>\\r\\n                                        </div>\\r\\n                                    </div>\\r\\n                                </th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\"></th>\\r\\n                            </tr>\\r\\n                            </thead>\\r\\n                            <tbody>\\r\\n                            <tr>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Zory Alonso</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Creative Services</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Formal Resignation</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0 text-[#FFA70B]\\\">Pending Approval<br> - Aneesha M</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                    <button class=\\\"!bg-inherit p-0 text-[#1B2738]\\\">\\r\\n                                        <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"view-icon\\\">\\r\\n                                    </button>\\r\\n                                </td>\\r\\n                            </tr>\\r\\n                            <tr>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Bhuvaneshwari S</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Big Commerce</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Formal Resignation</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0 text-[#4C9076]\\\">Approved<br> - Aneesha M</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                    <button class=\\\"!bg-inherit p-0 text-[#1B2738]\\\">\\r\\n                                        <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"view-icon\\\">\\r\\n                                    </button>\\r\\n                                </td>\\r\\n                            </tr>\\r\\n                            <tr>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Zory Alonso</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Creative Services</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Formal Resignation</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0 text-[#FFA70B]\\\">Pending Approval<br> - Aneesha M</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                    <button class=\\\"!bg-inherit p-0 text-[#1B2738]\\\">\\r\\n                                        <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"view-icon\\\">\\r\\n                                    </button>\\r\\n                                </td>\\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                </div>\\r\\n                <div class=\\\"enableexit w-[40%] bg-white py-5 px-3 md:px-5 rounded-[16px] mb-5 lg:mb-0\\\">\\r\\n                    <div class=\\\"flex justify-between items-start mb-6\\\">\\r\\n                        <h4 class=\\\"text-xl text-[#4C9076] pl-9\\\">Enable Exit</h4>\\r\\n                        <a class=\\\"exitpolicies text-base pl-8 text-[#4C9076]\\\" href=\\\"#\\\">Exit Policies</a>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex items-center mb-6\\\">\\r\\n                        <label style=\\\"font-family: 'Avenir-Black';\\\" class=\\\"w-[140px] min-w-[140px] mr-2\\\">Exit Type</label>\\r\\n                        <select class=\\\"w-full bg-white rounded-[6px] h-9 px-3 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none\\\">\\r\\n                            <option>Select</option>\\r\\n                            <option>Select</option>\\r\\n                        </select>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex items-center mb-6\\\">\\r\\n                        <label style=\\\"font-family: 'Avenir-Black';\\\" class=\\\"w-[140px] min-w-[140px] mr-2\\\">Department</label>\\r\\n                        <select class=\\\"w-full bg-white rounded-[6px] h-9 px-3 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none\\\">\\r\\n                            <option>Select</option>\\r\\n                            <option>Select</option>\\r\\n                        </select>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex items-center mb-6\\\">\\r\\n                        <label style=\\\"font-family: 'Avenir-Black';\\\" class=\\\"w-[140px] min-w-[140px] mr-2\\\">Position</label>\\r\\n                        <select class=\\\"w-full bg-white rounded-[6px] h-9 px-3 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none\\\">\\r\\n                            <option>Select</option>\\r\\n                            <option>Select</option>\\r\\n                        </select>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex items-center mb-6\\\">\\r\\n                        <label style=\\\"font-family: 'Avenir-Black';\\\" class=\\\"w-[140px] min-w-[140px] mr-2\\\">Position Level</label>\\r\\n                        <select class=\\\"w-full bg-white rounded-[6px] h-9 px-3 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none\\\">\\r\\n                            <option>Select</option>\\r\\n                            <option>Select</option>\\r\\n                        </select>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex items-center mb-6\\\">\\r\\n                        <label style=\\\"font-family: 'Avenir-Black';\\\" class=\\\"w-[140px] min-w-[140px] mr-2\\\">Employee</label>\\r\\n                        <select class=\\\"w-full bg-white rounded-[6px] h-9 px-3 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none\\\">\\r\\n                            <option>Select</option>\\r\\n                            <option>Select</option>\\r\\n                        </select>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex items-center mb-6\\\">\\r\\n                        <label style=\\\"font-family: 'Avenir-Black';\\\" class=\\\"w-[140px] min-w-[140px] mr-2\\\">Resignation Date</label>\\r\\n                        <div>\\r\\n                            <input id=\\\"from-date\\\" value.bind=\\\"From\\\" ref=\\\"datePicker\\\" name=\\\"calender\\\" class=\\\"w-[128px] text-sm border h-9 rounded-md px-2.5 mr-1 md:mr-2\\\" type=\\\"datepicker\\\" placeholder=\\\"dd-mm-yyyy\\\">\\r\\n                            <span  class=\\\"hidden align-middle xl:inline-block\\\" ref=\\\"calendarIcon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"datePicker\\\" id=\\\"datePic\\\"></span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex items-center mb-6\\\">\\r\\n                        <label style=\\\"font-family: 'Avenir-Black';\\\" class=\\\"w-[140px] min-w-[140px] mr-2\\\">Last Working Day (Requested)</label>\\r\\n                        <div>\\r\\n                            <input id=\\\"from-date\\\" value.bind=\\\"From\\\" ref=\\\"datePicker\\\" name=\\\"calender\\\" class=\\\"w-[128px] text-sm border h-9 rounded-md px-2.5 mr-1 md:mr-2\\\" type=\\\"datepicker\\\" placeholder=\\\"dd-mm-yyyy\\\">\\r\\n                            <span  class=\\\"hidden align-middle xl:inline-block\\\" ref=\\\"calendarIcon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"datePicker\\\" id=\\\"datePic\\\"></span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex items-center mb-6\\\">\\r\\n                        <label style=\\\"font-family: 'Avenir-Black';\\\" class=\\\"w-[140px] min-w-[140px] mr-2\\\">Last Working Day (Per Policy)</label>\\r\\n                        <div>\\r\\n                            <input id=\\\"from-date\\\" value.bind=\\\"From\\\" ref=\\\"datePicker\\\" name=\\\"calender\\\" class=\\\"w-[128px] text-sm border h-9 rounded-md px-2.5 mr-1 md:mr-2\\\" type=\\\"datepicker\\\" placeholder=\\\"dd-mm-yyyy\\\">\\r\\n                            <span  class=\\\"hidden align-middle xl:inline-block\\\" ref=\\\"calendarIcon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"datePicker\\\" id=\\\"datePic\\\"></span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"mb-5 w-full\\\">\\r\\n                        <label class=\\\"text-[#212B36] mb-2 block\\\" style=\\\"font-family:'Avenir-Black';\\\">Reason to enable exit</label>\\r\\n                        <div class=\\\"w-full\\\">\\r\\n                            <textarea class=\\\"w-full border h-[80px] resize-none rounded-[3px] p-2.5\\\" placeholder=\\\"Type here\\\"></textarea>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"md:flex mb-5 mt-5 w-full items-center\\\">\\r\\n                        <label class=\\\"text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-2 md:w-[120px]\\\" style=\\\"font-family: 'Avenir-Black';\\\">Upload<br> Documents</label>\\r\\n                        <div>\\r\\n                            <div class=\\\"flex items-center\\\">\\r\\n                                <input accept=\\\".xls, .xlsx, .doc, .pdf, .jpg, .png\\\" id=\\\"attachments\\\" style=\\\"display: none;\\\" name=\\\"attachments\\\" type=\\\"file\\\">\\r\\n                                <button class=\\\"browse\\\">Browse</button>\\r\\n                            </div>\\r\\n                            <span class=\\\"error-messages text-sm\\\" >${fileMessage}</span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <button class=\\\"transition !py-0 !px-5 w-[126px]\\\" type=\\\"submit\\\" value=\\\"Submit\\\">Enable</button>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        </div>\\r\\n    </main>\\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/resignation-icon.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_1___ = new URL(\"../../images/loader.gif\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_2___ = new URL(\"../../images/datepicker.svg\", import.meta.url);\n// Module\nvar ___HTML_LOADER_REPLACEMENT_0___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_0___);\nvar ___HTML_LOADER_REPLACEMENT_1___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_1___);\nvar ___HTML_LOADER_REPLACEMENT_2___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_2___);\nvar code = \"<template>\\r\\n    <require from=\\\"../../shared/styles/myprofile.css\\\"></require>\\r\\n    <require from=\\\"../../shared/styles/slick-theme.css\\\"></require>\\r\\n    <require from=\\\"../../shared/styles/slick.css\\\"></require>\\r\\n    <require from=\\\"../../shared/styles/changepassword.css\\\"></require>\\r\\n    <require from=\\\"../../resources/value-converters/date\\\"></require>\\r\\n    <require from=\\\"../../shared/styles/resignation.css\\\"></require>\\r\\n    <main>\\r\\n        <div class=\\\"resignation-banner !bg-cover w-full h-[120px] !bg-center md:h-[250px] relative mb-7\\\">\\r\\n            <div\\r\\n                class=\\\"xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-5 flex pb-4 absolute bottom-0 left-0 right-0 md:pb-6\\\">\\r\\n                <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"organization-icon\\\">\\r\\n                <h1 class=\\\"text-3xl lg:text-4xl xl:text-5xl text-white ml-2.5\\\">Resignation</h1>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"resignation-container xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-3 md:px-5\\\">\\r\\n            <div class=\\\"loading-indicator1 fixed left-0 w-full h-full top-0 flex items-center z-10 justify-center\\\"\\r\\n                if.bind=\\\"isLoading\\\">\\r\\n                <div class=\\\"loading-spinner1\\\">\\r\\n                    <img class=\\\"loading-message\\\" src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"loader\\\" width=\\\"30\\\">\\r\\n                </div>\\r\\n            </div>\\r\\n            <h3 class=\\\"text-2xl mb-4\\\">Resignation Form</h3>\\r\\n            <p class=\\\"mb-12\\\">\\r\\n                Initiating your exit? The \\\"Resignation\\\" screen is here to help. Fill in your intended last day and\\r\\n                provide a short explanation for your departure to formally begin the process. Please note your manager\\r\\n                and Human Resources team will need to approve the exit and confirm the last working day.\\r\\n            </p>\\r\\n            <div class=\\\"\\\">\\r\\n                <form class=\\\"scrolltoerrorsuccess flex flex-wrap rounded-[16px] mb-[60px]\\\">\\r\\n                    <!--Resignation Date\\r\\n          -->\\r\\n                    <div\\r\\n                        class=\\\"lg:basis-[50%] relative basis-[100%] shrink-0 grow-0 lg:p-[40px] p-[20px] bg-[#ffffff] lg:rounded-l-[16px] rounded-t-[16px]\\\">\\r\\n                        <div if.bind=\\\"message\\\">\\r\\n                            <span class=\\\"success block mt-2\\\">${message}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"ApprovalsValidation\\\">\\r\\n                            <span class=\\\"error-message block mt-2\\\">Approvers are not configured, please contact\\r\\n                                admin.</span>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"flex justify-between flex-wrap items-center\\\">\\r\\n                            <!--<div class=\\\"flex items-center gap-[15px]\\\">-->\\r\\n                            <!--<svg width=\\\"26\\\" height=\\\"26\\\" viewBox=\\\"0 0 26 26\\\" fill=\\\"none\\\"-->\\r\\n                            <!--xmlns=\\\"http://www.w3.org/2000/svg\\\">-->\\r\\n                            <!--<path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\"-->\\r\\n                            <!--d=\\\"M8.08069 2.15479C8.08069 1.55976 8.56305 1.07739 9.15808 1.07739H16.6998C17.2949 1.07739 17.7772 1.55976 17.7772 2.15479V2.69348H20.4707C21.6608 2.69348 22.6255 3.65822 22.6255 4.84827V22.6252C22.6255 23.8153 21.6608 24.78 20.4707 24.78H5.38721C4.19716 24.78 3.23242 23.8153 3.23242 22.6252V4.84827C3.23242 3.65821 4.19715 2.69348 5.38721 2.69348H8.08069V2.15479ZM10.2355 4.30957V3.23218H15.6224V4.30957H10.2355ZM17.7772 4.84827V5.38696C17.7772 5.98199 17.2949 6.46436 16.6998 6.46436H9.15808C8.56305 6.46436 8.08069 5.98199 8.08069 5.38696V4.84827H5.38721V22.6252H20.4707V4.84827H17.7772Z\\\"-->\\r\\n                            <!--fill=\\\"#4C9076\\\"/>-->\\r\\n                            <!--<path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\"-->\\r\\n                            <!--d=\\\"M13.0749 15.3028L15.7634 17.9914L17.3767 16.3781L14.6882 13.6895L17.3773 11.0004L15.764 9.38714L13.0749 12.0762L10.3858 9.38714L8.77251 11.0004L11.4616 13.6895L8.77308 16.3781L10.3864 17.9914L13.0749 15.3028Z\\\"-->\\r\\n                            <!--fill=\\\"#4C9076\\\"/>-->\\r\\n                            <!--</svg>-->\\r\\n                            <!--<h2 class=\\\"text-2xl changepasslabel\\\">Resignation Form</h2>-->\\r\\n                            <!--</div>-->\\r\\n                            <div class=\\\"flex items-center gap-[10px] absolute right-[20px] lg:right-[40px]\\\">\\r\\n                                <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"21\\\" height=\\\"22\\\" viewBox=\\\"0 0 21 22\\\"\\r\\n                                    fill=\\\"none\\\">\\r\\n                                    <path\\r\\n                                        d=\\\"M8.3125 10.125C8.3125 9.64175 8.70425 9.25 9.1875 9.25H14.4375C14.9207 9.25 15.3125 9.64175 15.3125 10.125C15.3125 10.6082 14.9207 11 14.4375 11H9.1875C8.70425 11 8.3125 10.6082 8.3125 10.125Z\\\"\\r\\n                                        fill=\\\"#4C9076\\\" />\\r\\n                                    <path\\r\\n                                        d=\\\"M9.1875 12.75C8.70425 12.75 8.3125 13.1418 8.3125 13.625C8.3125 14.1082 8.70425 14.5 9.1875 14.5H14.4375C14.9207 14.5 15.3125 14.1082 15.3125 13.625C15.3125 13.1418 14.9207 12.75 14.4375 12.75H9.1875Z\\\"\\r\\n                                        fill=\\\"#4C9076\\\" />\\r\\n                                    <path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\"\\r\\n                                        d=\\\"M3.5 1.375C2.77513 1.375 2.1875 1.96263 2.1875 2.6875V17.125C2.1875 17.6082 2.57925 18 3.0625 18H4.8125V19.75C4.8125 20.2332 5.20425 20.625 5.6875 20.625H17.9375C18.4207 20.625 18.8125 20.2332 18.8125 19.75V4.875C18.8125 4.39175 18.4207 4 17.9375 4H16.1875V2.25C16.1875 1.76675 15.7957 1.375 15.3125 1.375H3.5ZM14.4375 4V3.125H3.9375V16.25H4.8125V4.875C4.8125 4.39175 5.20425 4 5.6875 4H14.4375ZM6.5625 18.875H17.0625V5.75H6.5625V18.875Z\\\"\\r\\n                                        fill=\\\"#4C9076\\\" />\\r\\n                                </svg>\\r\\n                                <a class=\\\"text-[16px] font-medium text-[#0000ff] hover:underline\\\" href=\\\"https://ithrms.kensium.com/Content/images/PolicyDocument/2023/29-July/Kensium%20Employee%20Manual%20-%20India_2023.pdf\\\"\\r\\n                                    target=\\\"_blank\\\">Exit Policies</a>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex gap-[22px] items-center mb-[20px]\\\">\\r\\n                            <img class=\\\"block rounded-full w-[97px] h-[97px]\\\" src.bind=\\\"photopath\\\" title=\\\"img\\\"\\r\\n                                alt=\\\"Employee Image\\\" />\\r\\n                            <div>\\r\\n                                <!--${EmployeeName}-->\\r\\n                                <div class=\\\"w-full changepasslabel\\\">${EmployeeName}</div>\\r\\n                                <div class=\\\"w-full\\\">${Designation}</div>\\r\\n                                <div class=\\\"w-full\\\">${DeptPositionPositionLevelName}</div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex flex-wrap justify-between\\\">\\r\\n                            <div class=\\\"flex lg:block xl:flex mb-5\\\">\\r\\n                                <label\\r\\n                                    class=\\\"mb-2 mt-1.5 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base font-bold text-[#212B36] w-[145px] lg:w-[165px]\\\">Date\\r\\n                                    of joining\\r\\n                                </label>\\r\\n                                <div class=\\\"mb-2 mt-1.5 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base text-[#212B36]\\\">\\r\\n                                    <span>${dateofjoining}</span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n\\r\\n                            <div class=\\\"flex lg:block lg:w-1/2 xl:w-auto xl:flex mb-5 relative\\\">\\r\\n                                <label\\r\\n                                    class=\\\"mt-1.5 mb-2 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base font-bold text-[#212B36] w-[145px] lg:w-[165px]\\\">Employee\\r\\n                                    code</label>\\r\\n                                <div class=\\\"mb-2 mt-1.5 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base text-[#212B36]\\\">\\r\\n                                    <span>${Employeecode}</span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"flex lg:block xl:flex mb-5\\\">\\r\\n                            <label\\r\\n                                class=\\\"mb-2 mt-1.5 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base font-bold w-[145px] lg:w-[165px] text-[#212B36]\\\">Reporting\\r\\n                                manager</label>\\r\\n                            <div\\r\\n                                class=\\\"mb-2 mt-1.5 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base w-[145px] lg:w-[165px] text-[#212B36]\\\">\\r\\n                                <span>${Rmname}</span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"md:flex justify-between\\\">\\r\\n                            <div class=\\\"md:flex lg:block xl:flex mb-5\\\"\\r\\n                                if.bind=\\\"Statustext !== 'PEA' && Statustext !== 'APP'\\\">\\r\\n                                <label\\r\\n                                    class=\\\"mt-1.5 mb-2 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base font-bold w-[145px] lg:w-[165px] text-[#212B36]\\\">\\r\\n                                    Resignation date<span style=\\\"color: red\\\">*</span></label>\\r\\n\\r\\n                                <div validation-errors.bind=\\\"resdateError\\\"\\r\\n                                    class.bind=\\\"resdateError.length ? 'has-error' : 'resdatefield'\\\">\\r\\n                                    <input value.bind=\\\"resdate & validate\\\" change.delegate=\\\"handleDateSelection()\\\"\\r\\n                                        ref=\\\"FromdatePicker\\\"\\r\\n                                        class=\\\"md:w-[11rem] w-[calc(100%-40px)] lg:w-72 xl:w-32 border h-9 rounded-md px-2.5 mr-2 md:mr-4\\\"\\r\\n                                        type=\\\"datepicker\\\" name=\\\"calender\\\" placeholder=\\\"dd-mm-yyyy\\\" />\\r\\n                                    <span class=\\\"align-middle inline-block\\\" value.bind=\\\"resdate \\\"\\r\\n                                        ref=\\\"FromcalendarIcon\\\">\\r\\n                                        <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"datepicker\\\" id=\\\"datepic\\\" /></span>\\r\\n                                    <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of resdateError\\\">\\r\\n                                        ${errorInfo.error.message}\\r\\n                                    </span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"md:flex lg:block xl:flex mb-5\\\"\\r\\n                                if.bind=\\\"Statustext === 'PEA' || Statustext === 'APP'\\\">\\r\\n                                <label\\r\\n                                    class=\\\"mt-1.5 mb-2 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base font-bold w-[145px] lg:w-[165px] text-[#212B36]\\\">\\r\\n                                    Resignation date</label>\\r\\n                                <div\\r\\n                                    class=\\\"mb-2 mt-1.5 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base w-[145px] lg:w-[165px] text-[#212B36]\\\">\\r\\n                                    <span>${resdates}</span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex justify-between\\\">\\r\\n                            <div class=\\\"flex lg:block xl:flex mb-5\\\">\\r\\n                                <!--if.bind=\\\"Statustext === 'PEA' || StatusCode ==='WIT' \\\"-->\\r\\n\\r\\n                                <label\\r\\n                                    class=\\\"mt-1.5 mb-2 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base font-bold w-[145px] lg:w-[165px] text-[#212B36]\\\">Last\\r\\n                                    working day as per policy</label>\\r\\n                                <div\\r\\n                                    class=\\\"mb-2 mt-1.5 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base w-[145px] lg:w-[190px] text-[#212B36]\\\">\\r\\n                                    <span if.bind=\\\"policydate\\\">${policydate.policydatetxt}, ${policydate.Day}\\r\\n                                        ${policydate.noticePeriodText}</span>\\r\\n                                    <span if.bind=\\\"policydate.policydatetxt === false\\\">N/A</span>\\r\\n                                    <span if.bind=\\\"Statustext !== null\\\">${PolicyLWD}</span>\\r\\n\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex lg:block lg:w-1/2 xl:w-auto xl:flex mb-5 relative\\\"\\r\\n                            if.bind=\\\"Statustext !== 'PEA' && Statustext !== 'APP'\\\">\\r\\n                            <label\\r\\n                                class=\\\"mt-1.5 mb-2 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base font-bold w-[145px] lg:w-[165px] text-[#212B36]\\\">Requested\\r\\n                                last working day<span style=\\\"color: red\\\">*</span></label>\\r\\n                            <div validation-errors.bind=\\\"DateOfBirthError\\\"\\r\\n                                class.bind=\\\"DateOfBirthError.length ? 'has-error' : 'DateOfBirthfield'\\\">\\r\\n                                <input value.bind=\\\"DateOfBirth & validate\\\" ref=\\\"datePicker\\\"\\r\\n                                    class=\\\"md:w-[11rem] lg:w-72 w-[calc(100%-40px)] xl:w-32 border h-9 rounded-md px-2.5 mr-2 md:mr-4\\\"\\r\\n                                    name=\\\"calender\\\" placeholder=\\\"dd-mm-yyyy\\\" readonly />\\r\\n                                <span value.bind=\\\"DateOfBirths \\\" class=\\\"align-middle inline-block\\\"\\r\\n                                    ref=\\\"calendarIcon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"datepicker\\\"\\r\\n                                        id=\\\"datepics\\\" /></span>\\r\\n                                <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of DateOfBirthError\\\">\\r\\n                                    ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex lg:block lg:w-1/2 xl:w-auto xl:flex mb-5 relative\\\"\\r\\n                            if.bind=\\\"Statustext === 'PEA' || Statustext === 'APP'\\\">\\r\\n                            <label\\r\\n                                class=\\\"mt-1.5 mb-2 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base font-bold w-[145px] lg:w-[165px] text-[#212B36]\\\">Requested\\r\\n                                last working day</label>\\r\\n                            <div\\r\\n                                class=\\\"mb-2 mt-1.5 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base w-[145px] lg:w-[165px] text-[#212B36]\\\">\\r\\n                                <span>${DateOfBirths}</span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" if.bind=\\\"Statustext !== null \\\">\\r\\n                            <label\\r\\n                                class=\\\"md:w-[160px] text-[#212B36] mb-2 font-bold block md:mb-0 md:inline-block md:mt-1.5\\\">Status</label>\\r\\n                            <div\\r\\n                                class=\\\"mb-2 mt-1.5 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base w-[145px] lg:w-[165px] text-[#212B36]\\\">\\r\\n                                <span>${StatusCodetxt}</span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"ReasonError\\\"\\r\\n                            class.bind=\\\"ReasonError.length ? 'has-error' : 'Reasonfield'\\\"\\r\\n                            if.bind=\\\"Statustext !== 'PEA' && Statustext !== 'APP'\\\">\\r\\n                            <label\\r\\n                                class=\\\"w-full text-[#212B36] font-bold mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Reason<span\\r\\n                                    style=\\\"color: red;\\\">*</span></label>\\r\\n\\r\\n                            <textarea value.bind=\\\"Reasonemployee & validate\\\"\\r\\n                                class=\\\"w-full border resize-none rounded-md p-2.5 h-[90px]\\\">\\r\\n                             <!--show.bind=\\\"Statustext !== 'PEA' && Statustext !== 'WIT' \\\"-->\\r\\n                        </textarea>\\r\\n                            <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of ReasonError\\\">\\r\\n                                ${errorInfo.error.message}\\r\\n                            </span>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full\\\" validation-errors.bind=\\\"ReasonError\\\"\\r\\n                            class.bind=\\\"ReasonError.length ? 'has-error' : 'Reasonfield'\\\"\\r\\n                            if.bind=\\\"Statustext === 'PEA' || Statustext === 'APP'\\\">\\r\\n                            <label\\r\\n                                class=\\\"md:w-[160px] text-[#212B36] mb-2 font-bold block md:mb-0 md:inline-block md:mt-1.5\\\">Reason</label>\\r\\n                            <div\\r\\n                                class=\\\"mb-2 mt-1.5 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base w-full md:w-[calc(100%-160px)] text-[#212B36]\\\">\\r\\n                                <span>${Reasonemployees}</span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"mb-5 w-full md:w-[75%]\\\" if.bind=\\\"Statustext !== 'PEA' && Statustext !== 'APP'\\\">\\r\\n                            <label class=\\\"w-full text-[#212B36] font-bold mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">\\r\\n                                Visible to HR only</label>\\r\\n                            <textarea value.bind=\\\"hrcomment\\\"\\r\\n                                class=\\\"w-full border resize-none rounded-md p-2.5 h-[90px]\\\"></textarea>\\r\\n                            <!--show.bind=\\\"Statustext !== 'PEA' && Statustext !== 'WIT' \\\"-->\\r\\n\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"md:flex mb-5 w-full\\\" if.bind=\\\"Statustext === 'PEA' || Statustext === 'APP'\\\">\\r\\n                            <label\\r\\n                                class=\\\"md:w-[160px] text-[#212B36] mb-2 font-bold block md:mb-0 md:inline-block md:mt-1.5\\\">\\r\\n                                Visible to HR only</label>\\r\\n                            <div\\r\\n                                class=\\\"mb-2 mt-1.5 md:mb-0 lg:mb-2 xl:mb-0 text-sm lg:text-base w-full md:w-[calc(100%-160px)] text-[#212B36]\\\">\\r\\n                                <span>${VisibleToHr}</span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"RevokeWithdrawExitID === 0\\\">\\r\\n                            <div class=\\\"mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"withdrawError\\\"\\r\\n                                class.bind=\\\"withdrawError.length ? 'has-error' : 'withdrawfield'\\\"\\r\\n                                if.bind=\\\"StatusCode === 'PEA' || StatusCode === 'APP' \\\">\\r\\n                                <label\\r\\n                                    class=\\\"w-full text-[#212B36] font-bold mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Reason\\r\\n                                    for withdraw<span style=\\\"color: red\\\">*</span></label>\\r\\n\\r\\n                                <textarea value.bind=\\\"Reasonforwithdraw & validate\\\"\\r\\n                                    class=\\\"w-full border resize-none rounded-md p-2.5 h-[90px]\\\"></textarea>\\r\\n                                <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of withdrawError\\\">\\r\\n                                    ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                            </div>\\r\\n                            <div class=\\\"mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"commentError\\\"\\r\\n                                class.bind=\\\"commentError.length ? 'has-error' : 'commentfield'\\\"\\r\\n                                if.bind=\\\"Statustext === 'PEA'|| Statustext === 'APP'|| Statustext === 'null'\\\">\\r\\n                                <label\\r\\n                                    class=\\\"w-full text-[#212B36] font-bold mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Comments<span\\r\\n                                        style=\\\"color: red\\\">*</span></label>\\r\\n                                <textarea value.bind=\\\"comment  & validate\\\"\\r\\n                                    class=\\\"w-full border resize-none rounded-md p-2.5 h-[90px]\\\"></textarea>\\r\\n                                <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of commentError\\\">\\r\\n                                    ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                            </div>\\r\\n\\r\\n                            <div class=\\\"md:block hidden DivRight rule_lbl tpad2 mb-[30px]\\\">\\r\\n                                <div class=\\\"t-widget t-upload myCustomClass\\\">\\r\\n                                    <div class=\\\"t-button t-upload-button flex items-center mb-5\\\"\\r\\n                                        class.bind=\\\"uploadErrors.length ? 'has-error' : 'uploadfield'\\\">\\r\\n                                        <span class=\\\"w-[160px]\\\"><strong>Upload documents</strong></span>\\r\\n                                        <input id=\\\"attachments\\\" style=\\\"display: none\\\" files.bind=\\\"upload\\\"\\r\\n                                            name=\\\"attachments\\\" type=\\\"file\\\"\\r\\n                                            change.delegate=\\\"handleFileSelect($event.target.files)\\\"\\r\\n                                            accept=\\\".jpg,.png,.doc,.pdf\\\" />\\r\\n                                        <button class=\\\"browse\\\" click.delegate=\\\"openFileDialog()\\\">\\r\\n                                            Browse\\r\\n                                        </button>\\r\\n                                        <span class=\\\"error-messages text-sm\\\"\\r\\n                                            repeat.for=\\\"errorInfo of uploadErrors\\\">${errorInfo.error.message}\\r\\n                                            ${fileMessage ? 'and ' + fileMessage : ''}\\r\\n                                        </span>\\r\\n                                    </div>\\r\\n                                    <div if.bind=\\\"file\\\" class=\\\"md:ml-40\\\">\\r\\n                                        <span class=\\\"uploaddoc\\\">${DocumentName}</span>\\r\\n                                        <button class=\\\"remove-button text-xs h-7 leading-[30px] px-3.5 ml-3\\\"\\r\\n                                            click.delegate=\\\"removeFile()\\\">\\r\\n                                            Remove\\r\\n                                        </button>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"md:block hidden mb-[30px]\\\">\\r\\n                                <div class=\\\"md:flex lg:block xl:flex mb-5 items-center\\\">\\r\\n                                    <label\\r\\n                                        class=\\\"text-sm md:w-[160px] md:min-w-[160px] text-[#4C9076] mb-2 block md:mb-0 md:inline-block pr-2\\\"\\r\\n                                        style=\\\"font-family: 'Avenir-Black'\\\">Action</label>\\r\\n                                    <div>\\r\\n                                        <select ref=\\\"specializationInput\\\" value.bind=\\\"apply\\\"\\r\\n                                            class=\\\"w-full text-[#637381] md:w-[200px] bg-white rounded-md h-9 px-3 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none au-target\\\">\\r\\n                                            <option if.bind=\\\"StatusCode === null ||StatusCode === 'WIT'\\\" value=\\\"Submit\\\">\\r\\n                                                Submit\\r\\n                                            </option>\\r\\n                                            <!--<option show.bind=\\\"StatusCode === null ||StatusCode === 'WIT'\\\" value=\\\"Withdraw\\\">-->\\r\\n                                            <!--Withdraw-->\\r\\n                                            <!--</option>-->\\r\\n                                            <option if.bind=\\\"StatusCode === 'PEA' || StatusCode === 'APP'\\\"\\r\\n                                                value=\\\"Withdraw\\\">Withdraw\\r\\n                                            </option>\\r\\n                                        </select>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"search-field md:flex hidden items-center\\\">\\r\\n                                <button class=\\\"transition w-32 mr-4\\\" type=\\\"submit\\\" click.trigger=\\\"save(questionlist)\\\">\\r\\n                                    Submit\\r\\n                                </button>\\r\\n                                <button class=\\\"w-32 h-10 rounded-[30px] !bg-[#1B2738] hover:!bg-[#2f3b4c]\\\"\\r\\n                                    click.delegate=\\\"cancel()\\\">\\r\\n                                    Back\\r\\n                                </button>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"RevokeWithdrawExitID > 0\\\">\\r\\n                            <button class=\\\"w-32 h-10 rounded-[30px] !bg-[#1B2738] hover:!bg-[#2f3b4c]\\\"\\r\\n                                click.delegate=\\\"cancel()\\\">\\r\\n                                Back\\r\\n                            </button>\\r\\n                        </div>\\r\\n                        <!--<div-->\\r\\n                        <!--class=\\\"search-field flex items-center\\\"-->\\r\\n                        <!--if.bind=\\\"Statustext === 'WIT'\\\"-->\\r\\n                        <!--&gt;-->\\r\\n                        <!--<button-->\\r\\n                        <!--class=\\\"w-32 h-10 rounded-[30px] !bg-[#1B2738] hover:!bg-[#2f3b4c]\\\"-->\\r\\n                        <!--click.delegate=\\\"cancel()\\\"-->\\r\\n                        <!--&gt;-->\\r\\n                        <!--Back-->\\r\\n                        <!--</button>-->\\r\\n                        <!--</div>-->\\r\\n                    </div>\\r\\n\\r\\n                    <div\\r\\n                        class=\\\"lg:basis-[50%] basis-[100%] shrink-0 grow-0 lg:p-[40px] p-[20px] bg-[#fafafa] lg:rounded-r-[16px] rounded-b-[16px]\\\">\\r\\n\\r\\n\\r\\n\\r\\n                        <div class=\\\"flex items-center gap-[8px] mb-[30px] flex-wrap\\\"\\r\\n                            if.bind=\\\"RevokeWithdrawExitID === 0\\\">\\r\\n                            <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\"\\r\\n                                fill=\\\"none\\\">\\r\\n                                <path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\"\\r\\n                                    d=\\\"M1 3C1 2.44772 1.44772 2 2 2H22C22.5523 2 23 2.44772 23 3V18C23 18.5523 22.5523 19 22 19H11.7361L6.94721 21.3944C6.63723 21.5494 6.26909 21.5329 5.97427 21.3507C5.67945 21.1684 5.5 20.8466 5.5 20.5V19H2C1.44772 19 1 18.5523 1 18V3ZM3 4V17H6.5C7.05228 17 7.5 17.4477 7.5 18V18.882L11.0528 17.1056C11.1916 17.0361 11.3448 17 11.5 17H21V4H3ZM7 8.75C7.55228 8.75 8 9.19772 8 9.75V11.25C8 11.8023 7.55228 12.25 7 12.25C6.44772 12.25 6 11.8023 6 11.25V9.75C6 9.19772 6.44772 8.75 7 8.75ZM12 8.75C12.5523 8.75 13 9.19772 13 9.75V11.25C13 11.8023 12.5523 12.25 12 12.25C11.4477 12.25 11 11.8023 11 11.25V9.75C11 9.19772 11.4477 8.75 12 8.75ZM17 8.75C17.5523 8.75 18 9.19772 18 9.75V11.25C18 11.8023 17.5523 12.25 17 12.25C16.4477 12.25 16 11.8023 16 11.25V9.75C16 9.19772 16.4477 8.75 17 8.75Z\\\"\\r\\n                                    fill=\\\"#4C9076\\\" />\\r\\n                            </svg>\\r\\n                            <h2 class=\\\"text-2xl changepasslabel\\\">Exit Questionnaire</h2>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"questionError == true\\\" class=\\\"mt-[-20px]\\\"><span class=\\\"error-message\\\">Response\\r\\n                                field cannot be empty for all questions</span>\\r\\n                        </div>\\r\\n                        <div repeat.for=\\\"question of questionlist\\\" validation-errors.bind=\\\"questionError\\\"\\r\\n                            class.bind=\\\"questionError.length ? 'has-error' : 'questionfield'\\\"\\r\\n                            if.bind=\\\"RevokeWithdrawExitID === 0\\\">\\r\\n                            <label class=\\\"mb-[14px] block text-sm font-bold lg:text-base w-full text-[#212B36]\\\">\\r\\n                                ${question.Seqno}. ${question.Question}\\r\\n                                <span if.bind=\\\"question.IsManditory\\\" style=\\\"color: red\\\"> *</span>\\r\\n                                <span class=\\\"font-normal text-[14px]\\\"\\r\\n                                    if.bind=\\\"!question.ShowRepManagerIND &&question.QuestionFilledBy\\\"\\r\\n                                    style=\\\"color: orange\\\">&nbsp;&nbsp;Visible to HR only\\r\\n                                </span>\\r\\n                            </label>\\r\\n                            <div if.bind=\\\"question.FieldTypeName === 'Radio Option'\\\">\\r\\n                                <div repeat.for=\\\"option of question.ListofOptions\\\" if.bind=\\\"Statustext !== 'PEA' && Statustext !== 'APP'\\\" class=\\\"flex items-center mb-[10px]\\\">\\r\\n                                    <input type=\\\"radio\\\" id.bind=\\\"option.ReferenceCheckQuestionOptionID\\\"\\r\\n                                        name=\\\"question_${question.Seqno}\\\" order.bind=\\\"option.DisplayOrder\\\"\\r\\n                                        value.bind=\\\"option.PreExitQuestionOptionID\\\"\\r\\n                                        checked.bind=\\\"selectedOptions[question.Seqno]\\\">\\r\\n                                    <label for.bind=\\\"option.ReferenceCheckQuestionOptionID\\\">${option.Option}</label><br>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div if.bind=\\\"question.FieldTypeName === 'TextBox Option'\\\">\\r\\n                                <textarea if.bind=\\\"Statustext !== 'PEA' && Statustext !== 'APP'\\\"\\r\\n                                    class=\\\"w-full border h-[90px] mb-[20px] resize-none rounded-md p-2.5\\\"\\r\\n                                    value.bind=\\\"textAreaValues[question.Seqno]\\\"></textarea>\\r\\n                            </div>\\r\\n                            <div if.bind=\\\"Statustext === 'PEA' || Statustext === 'APP'\\\" class=\\\"mb-[20px]\\\">\\r\\n                                <span class=\\\"font-bold\\\">Ans.</span> <span>${question.Response}</span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"block md:hidden DivRight rule_lbl tpad2 mb-[30px]\\\"  if.bind=\\\"RevokeWithdrawExitID === 0\\\">\\r\\n                            <div class=\\\"t-widget t-upload myCustomClass\\\">\\r\\n                                <div class=\\\"t-button t-upload-button flex items-center mb-5\\\"\\r\\n                                    class.bind=\\\"uploadErrors.length ? 'has-error' : 'uploadfield'\\\">\\r\\n                                    <span class=\\\"w-[160px]\\\"><strong>Upload documents</strong></span>\\r\\n                                    <input id=\\\"attachments\\\" style=\\\"display: none\\\" files.bind=\\\"upload\\\" name=\\\"attachments\\\"\\r\\n                                        type=\\\"file\\\" change.delegate=\\\"handleFileSelect($event.target.files)\\\"\\r\\n                                        accept=\\\".jpg,.png,.doc,.pdf\\\" />\\r\\n                                    <button class=\\\"browse\\\" click.delegate=\\\"openFileDialog()\\\">\\r\\n                                        Browse\\r\\n                                    </button>\\r\\n                                    <span class=\\\"error-messages text-sm\\\"\\r\\n                                        repeat.for=\\\"errorInfo of uploadErrors\\\">${errorInfo.error.message} ${fileMessage\\r\\n                                        ? 'and ' + fileMessage : ''}\\r\\n                                    </span>\\r\\n                                </div>\\r\\n                                <div if.bind=\\\"file\\\" class=\\\"md:ml-40\\\">\\r\\n                                    <span class=\\\"uploaddoc\\\">${DocumentName}</span>\\r\\n                                    <button class=\\\"remove-button text-xs h-7 leading-[30px] px-3.5 ml-3\\\"\\r\\n                                        click.delegate=\\\"removeFile()\\\">\\r\\n                                        Remove\\r\\n                                    </button>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"block md:hidden mb-[30px]\\\"  if.bind=\\\"RevokeWithdrawExitID === 0\\\">\\r\\n                            <div class=\\\"md:flex lg:block xl:flex mb-5 items-center\\\">\\r\\n                                <label\\r\\n                                    class=\\\"text-sm md:w-[160px] md:min-w-[160px] text-[#4C9076] mb-2 block md:mb-0 md:inline-block pr-2\\\"\\r\\n                                    style=\\\"font-family: 'Avenir-Black'\\\">Action</label>\\r\\n                                <div>\\r\\n                                    <select ref=\\\"specializationInput\\\" value.bind=\\\"apply\\\"\\r\\n                                        class=\\\"w-full text-[#637381] md:w-[200px] bg-white rounded-md h-9 px-3 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none au-target\\\">\\r\\n                                        <option if.bind=\\\"StatusCode === null ||StatusCode === 'WIT'\\\" value=\\\"Submit\\\">\\r\\n                                            Submit\\r\\n                                        </option>\\r\\n                                        <!--<option show.bind=\\\"StatusCode === null ||StatusCode === 'WIT'\\\" value=\\\"Withdraw\\\">-->\\r\\n                                        <!--Withdraw-->\\r\\n                                        <!--</option>-->\\r\\n                                        <option if.bind=\\\"StatusCode === 'PEA' || StatusCode === 'APP'\\\" value=\\\"Withdraw\\\">\\r\\n                                            Withdraw\\r\\n                                        </option>\\r\\n                                    </select>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"search-field flex items-center md:hidden\\\"  if.bind=\\\"RevokeWithdrawExitID === 0\\\">\\r\\n                            <button class=\\\"transition w-32 mr-4\\\" type=\\\"submit\\\" click.trigger=\\\"save(questionlist)\\\">\\r\\n                                Submit\\r\\n                            </button>\\r\\n                            <button class=\\\"w-32 h-10 rounded-[30px] !bg-[#1B2738] hover:!bg-[#2f3b4c]\\\"\\r\\n                                click.delegate=\\\"cancel()\\\">\\r\\n                                Back\\r\\n                            </button>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </form>\\r\\n            </div>\\r\\n        </div>\\r\\n        </div>\\r\\n    </main>\\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/salary-icon.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_1___ = new URL(\"../../../images/trophy.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_2___ = new URL(\"../../../images/gift.svg\", import.meta.url);\n// Module\nvar ___HTML_LOADER_REPLACEMENT_0___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_0___);\nvar ___HTML_LOADER_REPLACEMENT_1___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_1___);\nvar ___HTML_LOADER_REPLACEMENT_2___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_2___);\nvar code = \"<template>\\r\\n    <require from=\\\"../../../shared/styles/salaryrevision.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/appreciation.css\\\"></require>\\r\\n    <main>\\r\\n        <div class=\\\"salaryrevision-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-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=\\\"organization-icon\\\">\\r\\n                <h1 class=\\\"text-3xl lg:text-4xl xl:text-5xl text-white ml-2.5\\\">Salary Revision</h1>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"salaryrevision-container xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-3 md:px-5\\\">\\r\\n            <h3 class=\\\"text-2xl mb-4\\\">Promotion Letter</h3>\\r\\n\\r\\n            <div class=\\\"md:flex justify-between mb-6\\\">\\r\\n                <div class=\\\"exitlist promotion-employee-details md:w-1/2 mb-6 md:mb-0 md:mr-3 bg-white py-5 px-3 md:px-5 rounded-[16px]\\\">\\r\\n                    <h3 class=\\\"text-xl text-[#4C9076] pl-9 mb-6\\\">Employee Details</h3>\\r\\n                    <div class=\\\"flex mb-6\\\">\\r\\n                        <div class=\\\"relative h-max\\\">\\r\\n                            <!--<img class=\\\"rounded-full min-w-[97px] w-[97px] h-[97px] object-cover\\\" src=\\\"${userPhoto}\\\"-->\\r\\n                            <!--alt=\\\"Profile\\\" width=\\\"178\\\"-->\\r\\n                            <!--onerror=\\\"this.src='https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png'\\\"/>-->\\r\\n                        </div>\\r\\n                        <div class=\\\"ml-4\\\">\\r\\n                            <strong class=\\\"text-2xl block\\\">${getdetails.EmployeeName}</strong>\\r\\n                            <small class=\\\"block text-base\\\">${getdetails.DepartmentName}</small>\\r\\n                            <small class=\\\"block text-sm\\\">${getdetails.PositionlevelName}</small>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <ul class=\\\"md:flex flex-wrap\\\">\\r\\n                        <!--<li class=\\\"md:w-1/2 mb-2 flex\\\">-->\\r\\n                            <!--<strong class=\\\"text-sm\\\">Name</strong>-->\\r\\n                            <!--<span class=\\\"text-sm\\\">${getdetails.EmployeeName}</span>-->\\r\\n                        <!--</li>-->\\r\\n                        <!--<li class=\\\"md:w-1/2 mb-2 flex\\\">-->\\r\\n                            <!--<strong class=\\\"text-sm\\\">Position Level</strong>-->\\r\\n                            <!--<span class=\\\"text-sm\\\">${getdetails.PositionlevelName}</span>-->\\r\\n                        <!--</li>-->\\r\\n                        <!--<li class=\\\"md:w-1/2 mb-2 flex\\\">-->\\r\\n                            <!--<strong class=\\\"text-sm\\\">Department</strong>-->\\r\\n                            <!--<span class=\\\"text-sm\\\">${getdetails.DepartmentName}</span>-->\\r\\n                        <!--</li>-->\\r\\n                        <li class=\\\"md:w-1/2 mb-2 flex\\\">\\r\\n                            <strong class=\\\"text-sm\\\">Date of Joining</strong>\\r\\n                            <span class=\\\"text-sm\\\">${getdetails.DateofJoin}</span>\\r\\n                        </li>\\r\\n                        <li class=\\\"md:w-1/2 mb-2 flex\\\">\\r\\n                            <strong class=\\\"text-sm\\\">Employee Status</strong>\\r\\n                            <span class=\\\"text-sm\\\">${getdetails.EmployeeClass}</span>\\r\\n                        </li>\\r\\n                        <li class=\\\"md:w-1/2 mb-2 flex\\\">\\r\\n                            <strong class=\\\"text-sm\\\">Reporting Manager</strong>\\r\\n                            <span class=\\\"text-sm\\\">${getdetails.ReportingManagerName}</span>\\r\\n                        </li>\\r\\n                        <li class=\\\"md:w-1/2 mb-2 flex\\\">\\r\\n                            <strong class=\\\"text-sm\\\">Revision<br> Period</strong>\\r\\n                            <span class=\\\"text-sm\\\">${getdetails.RevisionPeriod}</span>\\r\\n                        </li>\\r\\n                        <li class=\\\"md:w-1/2 mb-2 flex\\\">\\r\\n                            <strong class=\\\"text-sm\\\">Time in Organization</strong>\\r\\n                            <span class=\\\"text-sm\\\">${getdetails.WorkexperinceText}</span>\\r\\n                        </li>\\r\\n                    </ul>\\r\\n                    <div class=\\\"questionnaire mt-6\\\">\\r\\n                        <button class=\\\"text-base h-auto leading-[normal] !bg-inherit p-0 text-[#4C9076] pl-5\\\"\\r\\n                                click.trigger=\\\"QuestionnairePopup(goalsheet.LeaveApplicationID)\\\">Questionnaire*\\r\\n                        </button>\\r\\n                        <button class=\\\"text-base h-auto leading-[normal] !bg-inherit p-0 text-[#4C9076] pl-5\\\"\\r\\n                                click.trigger=\\\"OtherEmployeesInSamePosition()\\\">Other employees in the position*\\r\\n                        </button>\\r\\n                    </div>\\r\\n                    <div class=\\\"my-6\\\">\\r\\n                        <label class=\\\"block mb-1\\\">Comments</label>\\r\\n                        <textarea\\r\\n                                class=\\\"h-[90px] px-2 py-2 text-base rounded-[6px] resize-none w-full border\\\"></textarea>\\r\\n                    </div>\\r\\n\\r\\n                    <div class=\\\"md:flex mb-5 mt-5 w-full items-center\\\" validation-errors.bind=\\\"uploadErrors\\\"\\r\\n                         class.bind=\\\"uploadErrors.length ? 'has-error' : 'uploadfield'\\\">\\r\\n                        <label class=\\\"text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-2 w-[120px]\\\"\\r\\n                               style=\\\"font-family: 'Avenir-Black';\\\">Upload<br> Document</label>\\r\\n                        <div validation-errors.bind=\\\"uploadErrors\\\"\\r\\n                             class.bind=\\\"uploadErrors.length ? 'has-error' : 'uploadfield'\\\">\\r\\n                            <div class=\\\"flex items-center\\\">\\r\\n                                <input accept=\\\".xls, .xlsx, .doc, .pdf, .jpg, .png\\\" id=\\\"attachments\\\"\\r\\n                                       style=\\\"display: none;\\\" name=\\\"attachments\\\" type=\\\"file\\\"\\r\\n                                       change.delegate=\\\"handleFileSelect($event.target.files)\\\">\\r\\n                                <button class=\\\"browse\\\" click.delegate=\\\"openFileDialog()\\\">Browse</button>\\r\\n                            </div>\\r\\n                            <span class=\\\"error-messages text-sm\\\">${fileMessage}</span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div if.bind=\\\"files\\\" class=\\\"flex items-center mb-5 md:ml-[165px]\\\">\\r\\n                        <span class=\\\"uploaddoc\\\" title=\\\"${DocumentNames}\\\">${DocumentNames}</span>\\r\\n                        <button class=\\\"remove-button text-xs h-7 leading-[30px] px-3.5 ml-3\\\"\\r\\n                                click.delegate=\\\"removeFile()\\\">Remove\\r\\n                        </button>\\r\\n                    </div>\\r\\n                    <div class=\\\"flex\\\">\\r\\n                        <button class=\\\"mr-2 w-[126px]\\\">Submit</button>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"employee-performance md:w-1/2 mb-6 md:mb-0 md:ml-3\\\">\\r\\n                   <div>\\r\\n                    <div class=\\\"bg-white rounded-[16px] mb-6\\\">\\r\\n                        <strong click.trigger=\\\"performanceClick()\\\" class=\\\"cursor-pointer p-5 block relative\\\">\\r\\n                            <img class=\\\"inline align-middle\\\" src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"trophy-icon\\\">\\r\\n                            <span class=\\\"text-xl text-[#4C9076] inline align-middle\\\">Employee Performance</span>\\r\\n                        </strong>\\r\\n                        <div class=\\\"given-appreciation received-appreciation bg-white py-5 rounded-xl mb-4\\\">\\r\\n                          <!-- <strong class=\\\"text-lg md:text-xl bg-[#4C9076] text-center rounded-[10px] block text-white h-12 !leading-[50px] mx-5\\\">Total Appreciations Received: ${AppreciationDetails.length}</strong> -->\\r\\n                          <h4 class=\\\"text-lg md:text-xl text-[#4C9076] pl-9 leading-[34px] mt-5 mb-3 mx-5\\\">Appreciations</h4>\\r\\n                          <ul class=\\\"flex mt-5 mb-5 mx-5 flex-wrap\\\">\\r\\n                            <li data-tab-trigger=\\\"1\\\"  class=\\\"text-center mb-3 md:mb-0 w-1/3 md:w-1/5 \\\" repeat.for=\\\"option of MyAppreciationSummay\\\">\\r\\n                              <div class=\\\"w-[50px] h-[50px] rounded-md mx-auto mb-2\\\">\\r\\n                                <img class=\\\"mx-auto block\\\"  src=\\\"${configimgurl}${option.ImagePath}\\\" alt=\\\"customer-advocate\\\">\\r\\n                              </div>\\r\\n                              <span click.delegate=\\\"show(option)\\\" class=\\\"text-xs text-[#1B2738] block leading-[14px] underline cursor-pointer mb-1\\\">${option.CategoryName}</span>\\r\\n                              <strong class=\\\"text-xs leading-[14px] block\\\">${option.Score}</strong>\\r\\n                            </li>\\r\\n                          </ul>\\r\\n                          <p class=\\\"display-items px-5\\\" if.bind=\\\"totalItems1 > 5\\\">\\r\\n                              Displaying items ${(totalItems4 > 0 ? (currentPage4 - 1) * pageSize4 + 1 : 0)} - ${(totalItems4 > 0 ? (currentPage4 - 1) * pageSize4 + $displayData1.length : 0)} of ${totalItems4}\\r\\n                          </p>\\r\\n                                           \\r\\n                          <div class=\\\"overflow-auto\\\">\\r\\n                          <table class=\\\"table text-sm table-striped\\\" aurelia-table=\\\"data.bind: selectedCategoryDetails; display-data.bind: $displayData1;\\r\\n                          current-page.bind: currentPage4; page-size.bind: pageSize4; total-items.bind: totalItems4; filters.bind: filters1\\\">\\r\\n                            <thead>\\r\\n                              <tr>\\r\\n                                <th class=\\\"w-2/6 bg-inherit border-0 text-left pl-5 px-2.5\\\">Type</th>\\r\\n                                <th class=\\\"w-2/6 bg-inherit border-0 text-left py-2.5 px-2.5\\\">Details</th>\\r\\n                                <!-- <th class=\\\"w-2/6 bg-inherit border-0 text-left pr-5 py-2.5\\\">Feedback</th> -->\\r\\n                              </tr>\\r\\n                            </thead>\\r\\n                            <tbody>\\r\\n                              <tr repeat.for=\\\"getappreciation of $displayData1\\\">\\r\\n                                <!-- <td class=\\\"w-2/6 border-0 text-left align-top pl-5 py-2.5\\\">${getappreciation.EmployeeName}</td> -->\\r\\n                                <td class=\\\"w-2/6 border-0 text-left align-top py-2.5 px-2.5\\\">${getappreciation.CategoryName}</td>\\r\\n                                <td class=\\\"w-2/6 border-0 text-left align-top pr-2.5 py-2.5\\\">\\r\\n                                <p class=\\\"leading-[20px]\\\">\\r\\n                                  <span>${getappreciation.Feedback}</span>\\r\\n                                  <!-- <strong class=\\\"mt-2 block text-[#FFA70B]\\\">Points: ${getappreciation.Score}</strong> -->\\r\\n                                </p>\\r\\n                                </td>\\r\\n                                <!-- <td class=\\\"border-0 pr-5 py-2.5 align-top\\\" click.trigger=\\\"onToggleClick()\\\"><div class=\\\"toggle\\\"></div></td> -->\\r\\n                              </tr>\\r\\n                            </tbody>\\r\\n                          </table>\\r\\n                          <div if.bind=\\\"totalItems4 < 1\\\" class=\\\"no-records text-center mt-4\\\">No records found</div>\\r\\n                        </div>\\r\\n                            <div>\\r\\n                            <aut-pagination current-page.bind=\\\"currentPage4\\\" page-size.bind=\\\"pageSize4\\\" total-items.bind=\\\"totalItems4\\\" pagination-size.bind=\\\"5\\\" if.bind=\\\"totalItems4 > 5\\\">\\r\\n                              <template replace-part=\\\"pagination\\\">\\r\\n                                <ul class=\\\"custom-pagination flex-wrap\\\" hide.bind=\\\"hideSinglePage && totalPages4 === 1\\\">\\r\\n                                  <li>\\r\\n                                    <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                                       class-name.bind=\\\"currentPage4 === 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=\\\"currentPage4 === 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=\\\"currentPage4 === 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=\\\"currentPage4 === 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=\\\"currentPage4 === 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=\\\"total-given text-right pt-5 pr-5\\\">Total Points : ${AppreciationDetails.length*5}</div>\\r\\n\\r\\n                        </div>\\r\\n                    </div>\\r\\n                   </div>\\r\\n                    <div class=\\\"bg-white rounded-[16px] mb-6\\\">\\r\\n                        <strong click.trigger=\\\"performanceClick()\\\" class=\\\"cursor-pointer p-5 block relative\\\">\\r\\n                            <img class=\\\"inline align-middle\\\" src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"trophy-icon\\\">\\r\\n                            <span class=\\\"text-xl text-[#4C9076] inline align-middle\\\">Employee Appreciation</span>\\r\\n                        </strong>\\r\\n                        <div class=\\\"px-5 pb-5 hidden\\\">\\r\\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\\r\\n                                has\\r\\n                                been the industry's standard dummy text ever since the 1500s, when an unknown printer\\r\\n                                took a\\r\\n                                galley of type and scrambled it to make a type specimen book</p>\\r\\n                            <div class=\\\"given-appreciation received-appreciation bg-white py-5 rounded-xl mb-4\\\">\\r\\n                                <p class=\\\"display-items px-5\\\" if.bind=\\\"totalItems1 > 5\\\">\\r\\n                                    Displaying items ${(totalItems1 > 0 ? (currentPage1 - 1) * pageSize1 + 1 : 0)} -\\r\\n                                    ${(totalItems1 > 0 ? (currentPage1 - 1) * pageSize1 + $appreciation.length : 0)} of\\r\\n                                    ${totalItems1}\\r\\n                                </p>\\r\\n\\r\\n                                <div class=\\\"overflow-auto\\\">\\r\\n                                    <table class=\\\"table text-sm table-striped\\\" aurelia-table=\\\"data.bind: appreciation; display-data.bind: $appreciation;\\r\\n                                       current-page.bind: currentPage1; page-size.bind: pageSize1; total-items.bind: totalItems1; filters.bind: filters1\\\">\\r\\n                                        <thead>\\r\\n                                        <tr>\\r\\n                                            <th class=\\\"w-2/6 bg-inherit border-0 text-left pl-5 px-2.5\\\">Employee name\\r\\n                                            </th>\\r\\n                                            <th class=\\\"w-2/6 bg-inherit border-0 text-left py-2.5 px-2.5\\\">Category\\r\\n                                                name\\r\\n                                            </th>\\r\\n                                            <th class=\\\"w-2/6 bg-inherit border-0 text-left pr-5 py-2.5\\\">Feedback</th>\\r\\n                                        </tr>\\r\\n                                        </thead>\\r\\n                                        <tbody>\\r\\n                                        <tr repeat.for=\\\"appreciationdata of $appreciation\\\">\\r\\n                                            <td class=\\\"w-2/6 border-0 text-left align-top pl-5 py-2.5\\\">\\r\\n                                                ${appreciationdata.EmployeeName}\\r\\n                                            </td>\\r\\n                                            <td class=\\\"w-2/6 border-0 text-left align-top py-2.5 px-2.5\\\">\\r\\n                                                ${appreciationdata.Name}\\r\\n                                            </td>\\r\\n\\r\\n                                            <td class=\\\"w-2/6 border-0 text-left align-top py-2.5 px-2.5\\\">\\r\\n                                                ${appreciationdata.Feedback}\\r\\n                                            </td>\\r\\n\\r\\n                                        </tr>\\r\\n                                        </tbody>\\r\\n                                    </table>\\r\\n                                    <div if.bind=\\\"totalItems1 < 1\\\" class=\\\"no-records text-center mt-4\\\">No records\\r\\n                                        found\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                                <div>\\r\\n                                    <aut-pagination current-page.bind=\\\"currentPage1\\\" page-size.bind=\\\"pageSize1\\\"\\r\\n                                                    total-items.bind=\\\"totalItems1\\\" pagination-size.bind=\\\"5\\\"\\r\\n                                                    if.bind=\\\"totalItems1 > 5\\\">\\r\\n                                        <template replace-part=\\\"pagination\\\">\\r\\n                                            <ul class=\\\"custom-pagination flex-wrap\\\"\\r\\n                                                hide.bind=\\\"hideSinglePage && totalPages1 === 1\\\">\\r\\n                                                <li>\\r\\n                                                    <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                                                       class-name.bind=\\\"currentPage1 === 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=\\\"currentPage1 === 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)\\\"\\r\\n                                                       class-name.bind=\\\"currentPage1 === 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=\\\"currentPage1 === 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=\\\"currentPage1 === 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>\\r\\n                    <div class=\\\"bg-white rounded-[16px] mb-6\\\">\\r\\n                        <strong click.trigger=\\\"performanceClick()\\\" class=\\\"cursor-pointer p-5 block relative\\\">\\r\\n                            <img class=\\\"inline align-middle\\\" src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"gift-icon\\\">\\r\\n                            <span class=\\\"text-xl text-[#4C9076] inline align-middle\\\">Employee timeoff</span>\\r\\n                        </strong>\\r\\n                        <div class=\\\"px-5 pb-5 hidden\\\">\\r\\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\\r\\n                                has\\r\\n                                been the industry's standard dummy text ever since the 1500s, when an unknown printer\\r\\n                                took a\\r\\n                                galley of type and scrambled it to make a type specimen book</p>\\r\\n                            <div class=\\\"given-appreciation received-appreciation bg-white py-5 rounded-xl mb-4\\\">\\r\\n                                <p class=\\\"display-items px-5\\\" if.bind=\\\"totalItems > 5\\\">\\r\\n                                    Displaying items ${(totalItems > 0 ? (currentPage - 1) * pageSize + 1 : 0)} -\\r\\n                                    ${(totalItems > 0 ? (currentPage - 1) * pageSize + $TimeoffSummary.length : 0)} of\\r\\n                                    ${totalItems}\\r\\n                                </p>\\r\\n\\r\\n                                <div class=\\\"overflow-auto\\\">\\r\\n                                    <table class=\\\"table text-sm table-striped\\\" aurelia-table=\\\"data.bind: TimeoffSummary; display-data.bind: $TimeoffSummary;\\r\\n            current-page.bind: currentPage; page-size.bind: pageSize; total-items.bind: totalItems; filters.bind: filters\\\">\\r\\n                                        <thead>\\r\\n                                        <tr>\\r\\n                                            <th class=\\\"w-2/6 bg-inherit border-0 text-left pl-5 px-2.5\\\">Time off type\\r\\n                                            </th>\\r\\n                                            <th class=\\\"w-2/6 bg-inherit border-0 text-left py-2.5 px-2.5\\\">Time off\\r\\n                                                from\\r\\n                                            </th>\\r\\n                                            <th class=\\\"w-2/6 bg-inherit border-0 text-left pr-5 py-2.5\\\">Time off to</th>\\r\\n                                            <th class=\\\"w-2/6 bg-inherit border-0 text-left py-2.5 px-2.5\\\">Number of time\\r\\n                                                off(s)\\r\\n                                            </th>\\r\\n                                            <th class=\\\"w-2/6 bg-inherit border-0 text-left pr-5 py-2.5\\\">Number of loss\\r\\n                                                of pay time off(s)\\r\\n                                            </th>\\r\\n                                        </tr>\\r\\n                                        </thead>\\r\\n                                        <tbody>\\r\\n                                        <tr repeat.for=\\\"timeoffsummary of $TimeoffSummary\\\">\\r\\n                                            <td class=\\\"w-2/6 border-0 text-left align-top pl-5 py-2.5\\\">\\r\\n                                                ${timeoffsummary.Type}\\r\\n                                            </td>\\r\\n                                            <td class=\\\"w-2/6 border-0 text-left align-top py-2.5 px-2.5\\\">\\r\\n                                                ${timeoffsummary.FromDateTime}\\r\\n                                            </td>\\r\\n                                            <td class=\\\"w-2/6 border-0 text-left align-top py-2.5 px-2.5\\\">\\r\\n                                                ${timeoffsummary.ToDateTime}\\r\\n                                            </td>\\r\\n                                            <td class=\\\"w-2/6 border-0 text-left align-top py-2.5 px-2.5\\\">\\r\\n                                                ${timeoffsummary.NoofDays}\\r\\n                                            </td>\\r\\n                                            <td class=\\\"w-2/6 border-0 text-left align-top py-2.5 px-2.5\\\">\\r\\n                                                ${timeoffsummary.NoofLOPDays}\\r\\n                                            </td>\\r\\n                                        </tr>\\r\\n                                        </tbody>\\r\\n                                    </table>\\r\\n                                    <div if.bind=\\\"totalItems1 < 1\\\" class=\\\"no-records text-center mt-4\\\">No records\\r\\n                                        found\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                                <div>\\r\\n                                    <aut-pagination current-page.bind=\\\"currentPage\\\" page-size.bind=\\\"pageSize1\\\"\\r\\n                                                    total-items.bind=\\\"totalItems\\\" pagination-size.bind=\\\"5\\\"\\r\\n                                                    if.bind=\\\"totalItems > 5\\\">\\r\\n                                        <template replace-part=\\\"pagination\\\">\\r\\n                                            <ul class=\\\"custom-pagination flex-wrap\\\"\\r\\n                                                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)\\\"\\r\\n                                                       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>\\r\\n                    <div class=\\\"bg-white rounded-[16px] mb-6\\\">\\r\\n                        <strong click.trigger=\\\"performanceClick()\\\" class=\\\"cursor-pointer p-5 block relative\\\">\\r\\n                            <img class=\\\"inline align-middle\\\" src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"gift-icon\\\">\\r\\n                            <span class=\\\"text-xl text-[#4C9076] inline align-middle\\\">Employee certifiactions</span>\\r\\n                        </strong>\\r\\n                        <div class=\\\"px-5 pb-5 hidden\\\">\\r\\n                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has\\r\\n                            been the industry's standard dummy text ever since the 1500s, when an unknown printer took a\\r\\n                            galley of type and scrambled it to make a type specimen book\\r\\n\\r\\n                            <div class=\\\"given-appreciation received-appreciation bg-white py-5 rounded-xl mb-4\\\">\\r\\n                                <p class=\\\"display-items px-5\\\" if.bind=\\\"totalItems2 > 5\\\">\\r\\n                                    Displaying items ${(totalItems2 > 0 ? (currentPage2 - 1) * pageSize2 + 1 : 0)} -\\r\\n                                    ${(totalItems2 > 0 ? (currentPage2 - 1) * pageSize2 + $certification.length : 0)} of\\r\\n                                    ${totalItems2}\\r\\n                                </p>\\r\\n    \\r\\n                                <div class=\\\"overflow-auto\\\">\\r\\n                                    <table class=\\\"table text-sm table-striped\\\" aurelia-table=\\\"data.bind: certification; display-data.bind: $certification;\\r\\n                                    current-page.bind: currentPage2; page-size.bind: pageSize2; total-items.bind: totalItems2; filters.bind: filters2\\\">\\r\\n                                        <thead>\\r\\n                                        <tr>\\r\\n                                            <th class=\\\"w-2/6 bg-inherit border-0 text-left pl-5 px-2.5\\\">Certification name\\r\\n                                            </th>\\r\\n                                            <th class=\\\"w-2/6 bg-inherit border-0 text-left py-2.5 px-2.5\\\">Valid from\\r\\n                                            </th>\\r\\n                                            <th class=\\\"w-2/6 bg-inherit border-0 text-left pr-5 py-2.5\\\">Valid to</th>\\r\\n                                        </tr>\\r\\n                                        </thead>\\r\\n                                        <tbody>\\r\\n                                        <tr repeat.for=\\\"certificationdata of $certification\\\">\\r\\n                                            <td class=\\\"w-2/6 border-0 text-left align-top pl-5 py-2.5\\\">\\r\\n                                                ${certificationdata.EmployeeName}\\r\\n                                            </td>\\r\\n                                            <td class=\\\"w-2/6 border-0 text-left align-top py-2.5 px-2.5\\\">\\r\\n                                                ${certificationdata.Name}\\r\\n                                            </td>\\r\\n    \\r\\n                                            <td class=\\\"w-2/6 border-0 text-left align-top py-2.5 px-2.5\\\">\\r\\n                                                ${certificationdata.Feedback}\\r\\n                                            </td>\\r\\n                                        </tr>\\r\\n                                        </tbody>\\r\\n                                    </table>\\r\\n                                    <div if.bind=\\\"totalItems2 < 1\\\" class=\\\"no-records text-center mt-4\\\">No records\\r\\n                                        found\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                                <div>\\r\\n                                    <aut-pagination current-page.bind=\\\"currentPage2\\\" page-size.bind=\\\"pageSize2\\\"\\r\\n                                                    total-items.bind=\\\"totalItems2\\\" pagination-size.bind=\\\"5\\\"\\r\\n                                                    if.bind=\\\"totalItems2 > 5\\\">\\r\\n                                        <template replace-part=\\\"pagination\\\">\\r\\n                                            <ul class=\\\"custom-pagination flex-wrap\\\"\\r\\n                                                hide.bind=\\\"hideSinglePage && totalPages2 === 1\\\">\\r\\n                                                <li>\\r\\n                                                    <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                                                       class-name.bind=\\\"currentPage2 === 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=\\\"currentPage2 === 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)\\\"\\r\\n                                                       class-name.bind=\\\"currentPage2 === 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=\\\"currentPage2 === 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=\\\"currentPage2 === 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>\\r\\n            </div>\\r\\n        </div>\\r\\n    </main>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"../../../shared/styles/popup.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n\\r\\n    <ai-dialog class=\\\"modal-popup letter-popup questionnairePop\\\">\\r\\n        <ai-dialog-header>\\r\\n            <h1 class=\\\"text-[#4C9076]\\\">Other employees in the position</h1>\\r\\n            <button click.trigger=\\\"controller.cancel()\\\" class=\\\"au-right cancel\\\"></button>\\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-[60vh] md:overflow-auto\\\">\\r\\n                    <div class=\\\"requested-asset\\\">\\r\\n                        <div class=\\\"feedback-details\\\">\\r\\n                            <div class=\\\"overflow-auto mr-2\\\">\\r\\n                                <label><strong>Position level  </strong>  ${Position}</label>\\r\\n                                <table class=\\\"w-full\\\" class=\\\"table table-striped\\\"\\r\\n                                       aurelia-table=\\\"data.bind: question; display-data.bind: $Question;\\r\\n                           current-page.bind: currentPage; page-size.bind: pageSize; total-items.bind: totalItems;\\\">\\r\\n                                    <thead>\\r\\n                                    <tr>\\r\\n                                        <th class=\\\"w-2/4 p-2 text-left bg-inherit border-0\\\"\\r\\n                                            aut-sort=\\\"key.bind: nameLength\\\">Employee name\\r\\n                                        </th>\\r\\n                                        <th class=\\\"p-2 text-left bg-inherit border-0\\\" aut-sort=\\\"key.bind: nameLength\\\">\\r\\n                                            Department\\r\\n                                        </th>\\r\\n                                        <th class=\\\"p-2 text-left bg-inherit border-0 w-[120px]\\\"\\r\\n                                            aut-sort=\\\"key.bind: nameLength\\\">Salary (₹)\\r\\n                                        </th>\\r\\n                                    </tr>\\r\\n                                    </thead>\\r\\n                                    <tbody>\\r\\n                                    <tr repeat.for=\\\"question of $Question\\\">\\r\\n                                        <td class=\\\"w-2/4 p-2 text-left border-0 text-[#000000]\\\">${question.EmployeeName}\\r\\n                                        </td>\\r\\n                                        <td class=\\\"p-2 text-left border-0\\\">${question.Department} </td>\\r\\n                                        <td class=\\\"p-2 text-left border-0\\\">${question.Salary} </td>\\r\\n\\r\\n\\r\\n                                    </tr>\\r\\n                                    </tbody>\\r\\n                                </table>\\r\\n                                <div class=\\\"text-center mt-4 \\\" if.bind=\\\"totalItems < 1\\\">No records found</div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"pop-buttons flex justify-end border-t border-solid border-slate-300 pt-5 pr-4\\\">\\r\\n                    <input class=\\\"transition !bg-[#efefef] !text-[#1B2738] hover:!bg-[#dcdcdc]\\\" type=\\\"submit\\\"\\r\\n                           click.trigger=\\\"controller.cancel()\\\" value=\\\"Close\\\">\\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;","// 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/salary-icon.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/salaryrevision.css\\\"></require>\\r\\n    <main>\\r\\n        <div class=\\\"salaryrevision-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-5 flex pb-4 absolute bottom-0 left-0 right-0 md:pb-6\\\">\\r\\n            <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"organization-icon\\\">\\r\\n            <h1 class=\\\"leading-[normal] text-3xl lg:text-4xl xl:text-5xl text-white ml-2.5\\\">Salary Revision</h1>\\r\\n          </div>\\r\\n        </div>\\r\\n        <div class=\\\"salaryrevision-container xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-3 md:px-5\\\">\\r\\n            <h3 class=\\\"text-2xl mb-4\\\">Promotion Letter</h3>\\r\\n            <p class=\\\"mb-10\\\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat</p>\\r\\n            <div class=\\\"md:flex justify-between mb-6\\\">\\r\\n                <div class=\\\"exitlist promotion-employee-details md:w-1/2 mb-6 md:mb-0 md:mr-3 bg-white py-5 px-3 md:px-5 rounded-[16px]\\\">\\r\\n                    <h3 class=\\\"text-xl text-[#4C9076] pl-9 mb-6\\\">Employee Details</h3>\\r\\n                    <div class=\\\"flex mb-6\\\">\\r\\n                      <div class=\\\"relative h-max\\\">\\r\\n                        <img class=\\\"rounded-full min-w-[97px] w-[97px] h-[97px] 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>\\r\\n                      <div class=\\\"ml-4\\\">\\r\\n                        <strong class=\\\"text-2xl block\\\">Zory Alonso</strong>\\r\\n                        <small class=\\\"block text-base\\\">Graphic Designer</small>\\r\\n                        <small class=\\\"block text-sm\\\">Creative Services</small>\\r\\n                      </div>\\r\\n                    </div>\\r\\n                    <ul class=\\\"md:flex flex-wrap\\\">\\r\\n                       <li class=\\\"md:w-1/2 mb-2 flex\\\">\\r\\n                          <strong class=\\\"text-sm\\\">Name</strong>\\r\\n                          <span class=\\\"text-sm\\\">Zory Alonso</span>\\r\\n                       </li>\\r\\n                       <li class=\\\"md:w-1/2 mb-2 flex\\\">\\r\\n                          <strong class=\\\"text-sm\\\">Fixed Pay</strong>\\r\\n                          <span class=\\\"text-sm\\\">$xx,xxx</span>\\r\\n                       </li>\\r\\n                        <li class=\\\"md:w-1/2 mb-2 flex\\\">\\r\\n                          <strong class=\\\"text-sm\\\">Department</strong>\\r\\n                          <span class=\\\"text-sm\\\">Marketing</span>\\r\\n                        </li>\\r\\n                        <li class=\\\"md:w-1/2 mb-2 flex\\\">\\r\\n                          <strong class=\\\"text-sm\\\">Variable Pay</strong>\\r\\n                          <span class=\\\"text-sm\\\">$xx,xxx</span>\\r\\n                        </li>\\r\\n                        <li class=\\\"md:w-1/2 mb-2 flex\\\">\\r\\n                          <strong class=\\\"text-sm\\\">Employee Status</strong>\\r\\n                          <span class=\\\"text-sm\\\">Permanent</span>\\r\\n                        </li>\\r\\n                        <li class=\\\"md:w-1/2 mb-2 flex\\\">\\r\\n                          <strong class=\\\"text-sm\\\">Total Revised Pay</strong>\\r\\n                          <span class=\\\"text-sm\\\">$xx,xxx</span>\\r\\n                        </li>\\r\\n                      </ul>\\r\\n                      <div class=\\\"md:flex items-center mt-6\\\">\\r\\n                          <label class=\\\"mb-2 md:mb-0 md:mr-2 w-[120px] min-w-[120px] block\\\">Select Letter<br> Template</label>\\r\\n                          <div class=\\\"flex items-center\\\">\\r\\n                              <div class=\\\"flex mr-4\\\">\\r\\n                                  <input type=\\\"radio\\\" name=\\\"template\\\">\\r\\n                                  <label style=\\\"font-family: 'Avenir-Regular';\\\">Existing Template</label>\\r\\n                              </div>\\r\\n                              <div class=\\\"flex\\\">\\r\\n                                  <input type=\\\"radio\\\" name=\\\"template\\\">\\r\\n                                  <label style=\\\"font-family: 'Avenir-Regular';\\\">New Template</label>\\r\\n                              </div>\\r\\n                          </div>\\r\\n                      </div>\\r\\n                      <div class=\\\"md:flex items-center my-6\\\">\\r\\n                          <label class=\\\"mb-2 md:mb-0 md:mr-2 w-[120px] min-w-[120px] block\\\">Signature<br> Authority</label>\\r\\n                          <input type=\\\"text\\\" name=\\\"text\\\" class=\\\"w-full border h-9 rounded-[28px] px-2.5\\\">\\r\\n                      </div>\\r\\n                      <div class=\\\"mb-6\\\">\\r\\n                          <select class=\\\"w-full border h-9 rounded-md px-2.5 appearance-none bg-white\\\">\\r\\n                              <option>Increment Letter</option>\\r\\n                              <option>Increment Letter</option>\\r\\n                          </select>\\r\\n                      </div>\\r\\n                      <div class=\\\"flex\\\">\\r\\n                          <button class=\\\"mr-2\\\">Generate</button>\\r\\n                          <button class=\\\"mr-2\\\">Preview</button>\\r\\n                          <button>Back</button>\\r\\n                      </div>\\r\\n                </div>\\r\\n                <div class=\\\"salary-breakdown md:w-1/2 mb-6 md:mb-0 md:ml-3 bg-white py-5 px-3 md:px-5 rounded-[16px]\\\">\\r\\n                    <h3 class=\\\"text-xl text-[#4C9076] pl-9 mb-6\\\">Salary Breakdown</h3>\\r\\n                    <table class=\\\"employee-list-table text-[#1B2738] text-sm whitespace-nowrap table table-striped w-full\\\">\\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\\\" >Name</th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"key.bind: nameLength\\\" >Type</th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"key.bind: nameLength\\\" >Monthly</th>\\r\\n                                <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"key.bind: nameLength\\\" >Yearly</th>\\r\\n                            </tr>\\r\\n                        </thead>\\r\\n                        <tbody>\\r\\n                            <tr>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Basic</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Earnings</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >$xx,xxx</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >$xx,xxx</td>\\r\\n                            </tr>\\r\\n                            <tr>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Basic</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Earnings</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >$xx,xxx</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >$xx,xxx</td>\\r\\n                            </tr>\\r\\n                            <tr>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Basic</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Earnings</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >$xx,xxx</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >$xx,xxx</td>\\r\\n                            </tr>\\r\\n                            <tr>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Basic</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >Earnings</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >$xx,xxx</td>\\r\\n                                <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" >$xx,xxx</td>\\r\\n                            </tr>\\r\\n                        </tbody>\\r\\n                    </table>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </main>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;","// Module\nvar code = \"<template>\\r\\n    <require from=\\\"../../../shared/styles/popup.css\\\"></require>\\r\\n    <require from=\\\"../../../shared/styles/au-tablePagination.css\\\"></require>\\r\\n\\r\\n    <ai-dialog class=\\\"modal-popup letter-popup questionnairePop\\\">\\r\\n        <ai-dialog-header>\\r\\n            <h1 class=\\\"text-[#4C9076]\\\">Salary revision questionnaire</h1>\\r\\n            <button click.trigger=\\\"controller.cancel()\\\" class=\\\"au-right cancel\\\"></button>\\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-[60vh] md:overflow-auto\\\">\\r\\n                    <div class=\\\"requested-asset\\\">\\r\\n                        <div class=\\\"feedback-details\\\">\\r\\n                            <div class=\\\"overflow-auto mr-2\\\">\\r\\n                                <table class=\\\"w-full\\\" class=\\\"table table-striped\\\"\\r\\n                                       aurelia-table=\\\"data.bind: question; display-data.bind: $Question;\\r\\n                           current-page.bind: currentPage; page-size.bind: pageSize; total-items.bind: totalItems;\\\">\\r\\n                                    <thead>\\r\\n                                    <tr>\\r\\n                                        <th class=\\\"w-2/4 p-2 text-left bg-inherit border-0\\\"\\r\\n                                            aut-sort=\\\"key.bind: nameLength\\\">Question\\r\\n                                        </th>\\r\\n                                        <th class=\\\"p-2 text-left bg-inherit border-0\\\" aut-sort=\\\"key.bind: nameLength\\\">\\r\\n                                            Comment\\r\\n                                        </th>\\r\\n                                        <th class=\\\"p-2 text-left bg-inherit border-0 w-[120px]\\\"\\r\\n                                            aut-sort=\\\"key.bind: nameLength\\\">Rating\\r\\n                                        </th>\\r\\n                                    </tr>\\r\\n                                    </thead>\\r\\n                                    <tbody>\\r\\n                                    <tr repeat.for=\\\"question of $Question\\\">\\r\\n                                        <td class=\\\"w-2/4 p-2 text-left border-0 text-[#000000]\\\">${question.Question}\\r\\n                                        </td>\\r\\n                                        <td class=\\\"p-2 text-left border-0\\\">\\r\\n                                            <textarea\\r\\n                                                    class=\\\"w-full border h-[68px] resize-none rounded-[6px] p-2.5 border-[#898989]\\\"></textarea>\\r\\n                                        </td>\\r\\n                                        <td class=\\\"p-2 text-left border-0 w-[120px]\\\">\\r\\n                                            <select class=\\\"text-[#4C9076] appearance-none w-[90px]\\\"\\r\\n                                                    style=\\\"font-family: 'Avenir-Black';\\\">\\r\\n                                                <option>1/2</option>\\r\\n                                                <option>2/3</option>\\r\\n                                                <option>3/4</option>\\r\\n                                                <option>4/4</option>\\r\\n                                            </select>\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                    </tbody>\\r\\n                                </table>\\r\\n                                <div class=\\\"text-center mt-4 \\\" if.bind=\\\"totalItems < 1\\\">No records found</div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"bg-white border-t border-solid border-[#898989] py-6 rounded-bl-[10px] rounded-br-[10px]\\\">\\r\\n                            <div class=\\\"md:flex mb-5 mt-5 w-full items-center\\\" validation-errors.bind=\\\"uploadErrors\\\"\\r\\n                                 class.bind=\\\"uploadErrors.length ? 'has-error' : 'uploadfield'\\\">\\r\\n                                <label class=\\\"text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-2 w-[120px]\\\"\\r\\n                                       style=\\\"font-family: 'Avenir-Black';\\\">Upload<br> Document</label>\\r\\n                                <div validation-errors.bind=\\\"uploadErrors\\\"\\r\\n                                     class.bind=\\\"uploadErrors.length ? 'has-error' : 'uploadfield'\\\">\\r\\n                                    <div class=\\\"flex items-center\\\">\\r\\n                                        <input accept=\\\".xls, .xlsx, .doc, .pdf, .jpg, .png\\\" id=\\\"attachments\\\"\\r\\n                                               style=\\\"display: none;\\\" name=\\\"attachments\\\" type=\\\"file\\\"\\r\\n                                               change.delegate=\\\"handleFileSelect($event.target.files)\\\">\\r\\n                                        <button class=\\\"browse\\\" click.delegate=\\\"openFileDialog()\\\">Browse</button>\\r\\n                                    </div>\\r\\n                                    <span class=\\\"error-messages text-sm\\\">${fileMessage}</span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div if.bind=\\\"files\\\" class=\\\"flex items-center mb-5 md:ml-[165px]\\\">\\r\\n                                <span class=\\\"uploaddoc\\\" title=\\\"${DocumentNames}\\\">${DocumentNames}</span>\\r\\n                                <button class=\\\"remove-button text-xs h-7 leading-[30px] px-3.5 ml-3\\\"\\r\\n                                        click.delegate=\\\"removeFile()\\\">Remove\\r\\n                                </button>\\r\\n                            </div>\\r\\n                            <div class=\\\"md:flex mb-5 w-full\\\">\\r\\n                                <label class=\\\"text-[#212B36] mb-2 block w-[120px]\\\" style=\\\"font-family:'Avenir-Black';\\\">Comments</label>\\r\\n                                <div class=\\\"w-full md:w-[70%]\\\">\\r\\n                                    <textarea class=\\\"w-full border h-[80px] resize-none rounded-[3px] p-2.5\\\"\\r\\n                                              placeholder=\\\"Type here\\\" value.bind=\\\"WorkflowComments\\\"></textarea>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"pop-buttons flex justify-end border-t border-solid border-slate-300 pt-5 pr-4\\\">\\r\\n                    <input class=\\\"transition !bg-[#efefef] !text-[#1B2738] hover:!bg-[#dcdcdc]\\\" type=\\\"submit\\\"\\r\\n                                   click.trigger=\\\"controller.cancel()\\\" value=\\\"Close\\\">\\r\\n                    <input class=\\\"transition\\\" type=\\\"submit\\\" click.delegate=\\\"SubmitAchievements()\\\" value=\\\"Submit\\\">\\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;","// 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);\nvar ___HTML_LOADER_IMPORT_1___ = new URL(\"../../images/salary-icon.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_2___ = new URL(\"../../images/favourite.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_3___ = new URL(\"../../images/leave-calendar-days.svg\", import.meta.url);\n// Module\nvar ___HTML_LOADER_REPLACEMENT_0___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_0___);\nvar ___HTML_LOADER_REPLACEMENT_1___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_1___);\nvar ___HTML_LOADER_REPLACEMENT_2___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_2___);\nvar ___HTML_LOADER_REPLACEMENT_3___ = ___HTML_LOADER_GET_SOURCE_FROM_IMPORT___(___HTML_LOADER_IMPORT_3___);\nvar code = \"<template>\\r\\n    <require from=\\\"../../shared/styles/salaryrevision.css\\\"></require>\\r\\n    <div class=\\\"loading-indicator\\\" if.bind=\\\"isLoading\\\">\\r\\n      <div class=\\\"loading-spinner\\\">\\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    <main>\\r\\n        <div class=\\\"salaryrevision-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-5 flex items-center pb-4 absolute bottom-0 left-0 right-0 md:pb-6\\\">\\r\\n                <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" alt=\\\"organization-icon\\\">\\r\\n                <h1 class=\\\"text-3xl lg:text-4xl xl:text-5xl text-white ml-2.5\\\">Salary Revision</h1>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"salaryrevision-container xl:max-w-[1226px] 2xl:max-w-[1600px] mx-auto px-3 md:px-5\\\">\\r\\n            <h1 class=\\\"text-2xl mb-4\\\">Employee Salary Revisions</h1>\\r\\n            <p class=\\\"mb-6 md:mb-10\\\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor\\r\\n                incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco\\r\\n                laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate\\r\\n                velit esse cillum dolore eu fugiat</p>\\r\\n            <div class=\\\"exitlist bg-white py-5 px-3 md:px-5 rounded-[16px] mb-5\\\">\\r\\n                <div class=\\\"flex justify-between items-baseline my-4 mt-0 md:mt-4\\\">\\r\\n                    <!--anchor-->\\r\\n                    <h4 class=\\\"text-xl text-[#4C9076] pl-9\\\">Revision List</h4>\\r\\n                    <div class=\\\"flex justify-between\\\">\\r\\n                        <div class=\\\"favourites-add\\\">\\r\\n                            <a class=\\\"!bg-inherit !p-0 !h-auto !leading-[normal] cursor-pointer\\\"\\r\\n                               click.trigger=\\\"addToFavourites()\\\" if.bind=\\\"!FavoritesExist\\\">\\r\\n                                <img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_2___ + \"\\\" alt=\\\"favourite\\\">\\r\\n                                <span>Add to favorites</span>\\r\\n                            </a>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"md:flex justify-between items-center mb-6\\\">\\r\\n                    <div class=\\\"md:flex items-center mb-2 md:mb-0\\\">\\r\\n                        <ul class=\\\"flex flex-col md:flex-row flex-wrap\\\">\\r\\n                            <li class=\\\"flex md:mr-2 mb-4 md:mb-0\\\">\\r\\n                                <input type=\\\"radio\\\" name=\\\"employees\\\" value=\\\"ACT\\\" checked.bind=\\\"selectedStatus\\\"\\r\\n                                       change.delegate=\\\"displayEmployeess($event)\\\" checked>\\r\\n                                <label class=\\\"pl-1.5\\\">Active employees </label>\\r\\n                            </li>\\r\\n                            <li class=\\\"flex md:mr-2 mb-4 md:mb-0\\\">\\r\\n                                <input type=\\\"radio\\\" name=\\\"employees\\\" value=\\\"INA\\\" checked.bind=\\\"selectedStatus\\\"\\r\\n                                       change.delegate=\\\"displayEmployeess($event)\\\">\\r\\n                                <label class=\\\"pl-1.5\\\">Inactive employees</label>\\r\\n                            </li>\\r\\n\\r\\n                        </ul>\\r\\n                    </div>\\r\\n\\r\\n                    <div class=\\\"export-excel flex justify-end md:justify-normal\\\">\\r\\n                        <button class=\\\"!bg-inherit border-2 p-0 text-[#1B2738] h-auto leading-[normal]\\\"\\r\\n                                click.delegate=\\\"exportData()\\\">Export XLS\\r\\n                        </button>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"md:flex items-center mb-6\\\">\\r\\n                    <div class=\\\"w-full flex items-center md:w-auto mb-4 md:mb-0 md:mr-2\\\">\\r\\n                        <label class=\\\"w-[58px] min-w-[58px] text-[#212B36] block flex pr-2\\\">From<span class=\\\"ml-1\\\"\\r\\n                                                                                                      style=\\\"color: red;\\\"> *</span></label>\\r\\n                        <div class=\\\"w-full flex items-center\\\">\\r\\n                            <input value.bind=\\\"FromDate\\\" ref=\\\"FromdatePicker\\\" value=\\\"${FromDate}\\\"\\r\\n                                   class=\\\"w-full md:w-[150px] text-sm border h-9 rounded-md px-2.5 mr-1 md:mr-4\\\"\\r\\n                                   type=\\\"datepicker\\\" name=\\\"calender\\\" placeholder=\\\"dd-mm-yyyy\\\">\\r\\n                            <span class=\\\"hidden align-middle xl:inline-block xl:mx-2\\\" ref=\\\"FromcalendarIcon\\\"><img\\r\\n                                    src=\\\"\" + ___HTML_LOADER_REPLACEMENT_3___ + \"\\\" alt=\\\"datepicker\\\" id=\\\"datepic\\\"></span>\\r\\n                            <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of FromDateError\\\">\\r\\n                     ${errorInfo.error.message}\\r\\n                    </span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"to-timeoff w-full flex items-center md:w-auto mb-4 md:mb-0 md:mr-2\\\"\\r\\n                         validation-errors.bind=\\\"ToDateErrors\\\"\\r\\n                         class.bind=\\\"ToDateErrors.length ? 'has-error' : 'ToDatefield'\\\">\\r\\n                        <label class=\\\"w-[58px] min-w-[58px] text-[#212B36] block flex pr-2\\\">To<span class=\\\"ml-1\\\"\\r\\n                                                                                                    style=\\\"color: red;\\\"> *</span></label>\\r\\n                        <div class=\\\"w-full items-center flex\\\">\\r\\n                            <input value.bind=\\\"ToDate \\\" ref=\\\"TodatePicker\\\" value=\\\"${ToDate}\\\"\\r\\n                                   class=\\\"w-full md:w-[150px] text-sm border h-9 rounded-md px-2.5 mr-1 md:mr-4\\\"\\r\\n                                   type=\\\"datepicker\\\" name=\\\"calender\\\" placeholder=\\\"dd-mm-yyyy\\\">\\r\\n                            <span class=\\\"hidden align-middle xl:inline-block xl:mx-2\\\" ref=\\\"TocalendarIcon\\\"><img\\r\\n                                    src=\\\"\" + ___HTML_LOADER_REPLACEMENT_3___ + \"\\\" alt=\\\"datepicker\\\" id=\\\"datepics\\\"></span>\\r\\n                            <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of ToDateErrors\\\">\\r\\n                    ${errorInfo.error.message}\\r\\n                </span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"search-field\\\">\\r\\n                        <button class=\\\"!h-[32px] !leading-[34px] mr-2\\\" id=\\\"search-button\\\" click.delegate=\\\"Search()\\\">\\r\\n                            Search\\r\\n                        </button>\\r\\n                        <button class=\\\"w-24 !h-[32px] !leading-[34px] !bg-[#1B2738] hover:!bg-[#2f3b4c] leading-[34px]\\\"\\r\\n                                id=\\\"search-buttons\\\" click.delegate=\\\"resetStatusDropdown()\\\">Reset\\r\\n                        </button>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"flex justify-between mb-2 flex-wrap\\\">\\r\\n                    <div class=\\\"flex mt-2 selected-filters\\\">\\r\\n                        <strong class=\\\"block mt-1.5 mr-2 md:mr-4\\\">Filters Applied:</strong>\\r\\n                        <ul class=\\\"flex items-center flex-wrap\\\">\\r\\n                            <li repeat.for=\\\"status of selectedStatuses\\\">\\r\\n                            <span class=\\\"flex items-center\\\">${status.label}\\r\\n                            <button class=\\\"close-icon !p-0 !bg-inherit !h-[10px] !leading-[normal] ml-2\\\"\\r\\n                                    click.trigger=\\\"removeFilter(Allstatus,status)\\\"></button>\\r\\n                            </span>\\r\\n                            </li>\\r\\n                        </ul>\\r\\n                    </div>\\r\\n\\r\\n                </div>\\r\\n                <p class=\\\"display-items\\\" if.bind=\\\"totalItems >= 1\\\">\\r\\n                    Displaying items ${(totalItems > 0 ? (currentPage - 1) * pageSize + 1 : 0)} - ${(totalItems > 0 ? (currentPage - 1) * pageSize + $displayData.length : 0)} of ${totalItems}\\r\\n                  </p>\\r\\n                <div class=\\\"disable-desktop-scroll bg-white rounded-[16px]\\\" if.bind=\\\"!isLoading\\\">\\r\\n                    <table class=\\\"employee-list-table text-[#1B2738] text-sm table table-striped w-full\\\" aurelia-table=\\\"data.bind: EmployeeSalaryRevisionList; display-data.bind: $displayData;\\r\\n                     current-page.bind: currentPage; page-size.bind: pageSize; total-items.bind: totalItems; filters.bind: filters\\\">\\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\\\">Employee\\r\\n                                Name\\r\\n                            </th>\\r\\n                            <th class=\\\"tefilters.bind: filtersxt-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                <div class=\\\"relative\\\">\\r\\n                                    <button style=\\\"font-family: 'Avenir-Black'\\\" click.trigger=\\\"filterClick()\\\"\\r\\n                                            class=\\\"action-btn !bg-inherit p-0 text-[#1B2738]\\\">Department\\r\\n                                    </button>\\r\\n                                    <!--<div class=\\\"hidden dropdown absolute left-0 w-52 p-3.5 bg-white border border-solid border-slate-300 z-10\\\">-->\\r\\n\\r\\n                                    <!--</div>-->\\r\\n                                    <div class=\\\"hidden dropdown absolute left-0 w-[17.5rem] p-3.5 bg-white border border-solid border-slate-300 z-10\\\">\\r\\n                                        <select value.bind=\\\"department\\\"\\r\\n                                                class=\\\"w-full md:w-[250px] text-sm border h-9 rounded-md px-2.5 appearance-none bg-white\\\">\\r\\n                                            <option>All</option>\\r\\n                                            <option repeat.for=\\\"department of departments\\\"\\r\\n                                                    value.bind=\\\"department.DepartmentId\\\">${department.Name}\\r\\n                                            </option>\\r\\n                                        </select>\\r\\n                                        <div class=\\\"flex mt-4\\\">\\r\\n                                            <button type=\\\"submit\\\"\\r\\n                                                    class=\\\"!h-8 btn btn-primary w-32 mr-3 !rounded-[30px] block !leading-[34px]\\\"\\r\\n                                                    click.delegate=\\\"Search()\\\">Search\\r\\n                                            </button>\\r\\n                                            <button class=\\\"w-32 h-8 rounded-[30px] !bg-[#1B2738] hover:!bg-[#2f3b4c] block leading-[34px]\\\"\\r\\n                                                    click.delegate=\\\"resetDepartmentDropdown()\\\">Reset\\r\\n                                            </button>\\r\\n                                        </div>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                            </th>\\r\\n                            <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"key.bind: nameLength\\\">\\r\\n                                Position\\r\\n                            </th>\\r\\n                            <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"key.bind: nameLength\\\">Revision\\r\\n                                Period\\r\\n                            </th>\\r\\n                            <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\" aut-sort=\\\"key.bind: nameLength\\\">Revision\\r\\n                                due date\\r\\n                            </th>\\r\\n                            <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                <div class=\\\"relative\\\">\\r\\n                                    <button style=\\\"font-family: 'Avenir-Black'\\\" click.trigger=\\\"filterClick()\\\"\\r\\n                                            class=\\\"action-btn !bg-inherit p-0 text-[#1B2738]\\\">Status\\r\\n                                    </button>\\r\\n                                    <div class=\\\"hidden dropdown absolute left-0 w-52 p-3.5 bg-white border border-solid border-slate-300 z-10\\\">\\r\\n                                        <div class=\\\"flex mb-3\\\">\\r\\n                                            <input class=\\\"!mr-0 md:!mr-2.5\\\"\\r\\n                                                   type=\\\"checkbox\\\"\\r\\n                                                   name=\\\"status\\\"\\r\\n                                                   value=\\\"All\\\"\\r\\n                                                   checked.bind=\\\"statusOptions[0].checked\\\"\\r\\n                                                   change.trigger=\\\"selectAllChanged($event)\\\">\\r\\n                                            <label class=\\\"!ml-2 md:!ml-0\\\">All</label>\\r\\n                                        </div>\\r\\n                                        <div class=\\\"flex mb-3\\\" repeat.for=\\\"status of statusOptions.slice(1)\\\">\\r\\n                                            <input class=\\\"!mr-0 md:!mr-2.5\\\"\\r\\n                                                   type=\\\"checkbox\\\"\\r\\n                                                   name=\\\"status\\\"\\r\\n                                                   value.bind=\\\"status.value\\\"\\r\\n                                                   checked.bind=\\\"status.checked\\\"\\r\\n                                                   change.trigger=\\\"handleCheckboxChange($event, status)\\\">\\r\\n                                            <label class=\\\"!ml-2 md:!ml-0\\\">${status.label}</label>\\r\\n                                        </div>\\r\\n                                        <div class=\\\"flex mt-4\\\">\\r\\n                                            <button type=\\\"submit\\\"\\r\\n                                                    class=\\\"!h-8 btn btn-primary w-32 mr-3 !rounded-[30px] block !leading-[34px]\\\"\\r\\n                                                    click.delegate=\\\"calculateDateDifference()\\\">Search\\r\\n                                            </button>\\r\\n                                            <button class=\\\"w-32 h-8 rounded-[30px] !bg-[#1B2738] hover:!bg-[#2f3b4c] block leading-[34px]\\\"\\r\\n                                                    click.delegate=\\\"resetStatusDropdown()\\\">Reset\\r\\n                                            </button>\\r\\n                                        </div>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                            </th>\\r\\n                            <th class=\\\"text-left py-3 px-3 bg-inherit border-0\\\"></th>\\r\\n                        </tr>\\r\\n                        </thead>\\r\\n                        <tbody>\\r\\n                        <tr repeat.for=\\\"salaryrevision of $displayData\\\">\\r\\n                            <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">${salaryrevision.EmployeeName}</td>\\r\\n                            <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">${salaryrevision.DepartmentName}</td>\\r\\n                            <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">${salaryrevision.PositionlevelName}</td>\\r\\n                            <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">${salaryrevision.RevisionPeriod}</td>\\r\\n                            <td class=\\\"text-left py-3 px-3 bg-inherit border-0\\\">\\r\\n                                ${salaryrevision.NextRevisionDueDatetext}\\r\\n                            </td>\\r\\n                            <td class=\\\"w-1/4 border-0 text-left align-top pr-5 py-2.5\\\">\\r\\n                                ${salaryrevision.StatusCodeText}\\r\\n                            </td>\\r\\n                            <td style=\\\"display: revert;\\\" class=\\\"py-3 px-3 bg-inherit border-0\\\">\\r\\n                                <div if.bind=\\\"salaryrevision.Actions.length > 0\\\" class=\\\"relative inline\\\">\\r\\n                                    <button click.trigger=\\\"filterClick()\\\"\\r\\n                                            class=\\\"action-btn !bg-inherit p-0 text-[#1B2738]\\\">Action\\r\\n                                    </button>\\r\\n                                    <div class=\\\"hidden dropdown absolute right-0 w-48 bg-white border border-solid border-slate-300 z-10\\\">\\r\\n                                        <button repeat.for=\\\"action of salaryrevision.Actions\\\"\\r\\n                                                class=\\\"flex rounded-none !bg-inherit pt-2.5 pb-2.5 pl-3 text-slate-900 w-full h-auto leading-[normal] hover:!bg-zinc-200 transition\\\"\\r\\n                                                click.trigger=\\\"ApproveShowDialog(salaryrevision.SalaryRevisionID,salaryrevision.EmployeeID)\\\">\\r\\n                                            <span>${action.ActionName}</span>\\r\\n                                        </button>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                                <div class=\\\"relative inline\\\" if.bind=\\\"salaryrevision.Views.length > 0\\\">\\r\\n                                    <button click.trigger=\\\"filterClick()\\\"\\r\\n                                            class=\\\"action-btn !bg-inherit p-0 text-[#1B2738]\\\">View\\r\\n                                    </button>\\r\\n                                    <div class=\\\"hidden dropdown absolute right-0 w-48 bg-white border border-solid border-slate-300 z-10\\\">\\r\\n                                        <button repeat.for=\\\"view of salaryrevision.Views\\\"\\r\\n                                                class=\\\"flex rounded-none !bg-inherit pt-2.5 pb-2.5 pl-3 text-slate-900 w-full h-auto leading-[normal] hover:!bg-zinc-200 transition\\\"\\r\\n                                                click.trigger=\\\"ViewEmployeeSalary(view.ActionName,salaryrevision.SalaryRevisionID)\\\">\\r\\n                                            <span>${view.ActionName}</span>\\r\\n                                        </button>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n\\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                    <aut-pagination current-page.bind=\\\"currentPage\\\" page-size.bind=\\\"pageSize\\\" total-items.bind=\\\"totalItems\\\" pagination-size.bind=\\\"5\\\" >\\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    </main>\\r\\n  </div>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;"],"names":[],"sourceRoot":""}