{"version":3,"file":"app-162eb8c9.d152cf98c45d962fa693.bundle.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAeA;AAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA8IA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAxJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAIA;AASA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAiBA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;ACnYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAUA;AAAA;AAPA;AACA;AACA;AAAA;AACA;AACA;AACA;AA+FA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhHA;AACA;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;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAuBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;AC/IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAmBA;AAAA;AAhBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAoHA;AACA;AAAA;AAEA;AACA;AAAA;AAEA;AACA;AAAA;AAyMA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AA9UA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AAIA;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAUA;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;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;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;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;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;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;AAiBA;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;AAEA;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;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;AC7bA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sources":["webpack://HRMSPortal/./src/components/myprofile/ctcrevisionhistory/addnewctc/addctccomponent.js","webpack://HRMSPortal/./src/components/myprofile/ctcrevisionhistory/ctcrevisionhistory.js","webpack://HRMSPortal/./src/components/myprofile/ctcrevisionhistory/editctcreversion/editctccomponent.js","webpack://HRMSPortal/./src/components/myprofile/ctcrevisionhistory/addnewctc/addctccomponent.html","webpack://HRMSPortal/./src/components/myprofile/ctcrevisionhistory/ctcrevisionhistory.html","webpack://HRMSPortal/./src/components/myprofile/ctcrevisionhistory/editctcreversion/editctccomponent.html"],"sourcesContent":["import {inject,bindable } from 'aurelia-framework';\r\nimport { ProfileService } from '../../../../shared/services/profielservice';\r\nimport { JwtService } from '../../../../shared/services/jwtservice';\r\nimport { DialogController } from 'aurelia-dialog';\r\nimport flatpickr from \"flatpickr\";\r\nimport {ValidationControllerFactory, ValidationRules} from \"aurelia-validation\";\r\nimport Scrollbar from 'smooth-scrollbar';\r\nimport {LoginService} from \"../../../../shared/services/loginservice\";\r\nimport { Router } from 'aurelia-router';\r\n\r\n@inject(DialogController,ProfileService,JwtService,ValidationControllerFactory,Router,LoginService)\r\n\r\nexport class AddCTCComponent {\r\n    fixedPay = '';\r\n    variablePay = '';\r\n    dropdownOptions = [];\r\n    showEmployeeDropdown = false;\r\n    selectedOption = null;\r\n    selectedEmployees = [];\r\n    showEmpDropdown = false;\r\n    EmployeeListIDs = [];\r\n    isDisabled = true;\r\n    isDragging = false;\r\n    dialog;\r\n    static inject = [Element];\r\n    constructor(controller,ProfileService,JwtService,controllerFactory,router,loginService) {\r\n        this.controller = controller;\r\n        this.profileService=ProfileService;\r\n        this.jwtService= JwtService;\r\n        this.router = router;\r\n        this.loginService = loginService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.controllerFactory = controllerFactory.createForCurrentScope();\r\n        ValidationRules.customRule(\r\n            'file',\r\n            () =>{\r\n                if(this.fileValidatorRule === true){\r\n                    return false;\r\n                }else{\r\n                    return true;\r\n                }\r\n            },\r\n            '${$displayName} is required'\r\n        );\r\n\r\n        ValidationRules\r\n            .ensure('AppraisalDate').required()\r\n            .ensure('departmentID').required().withMessage(\"The department field is required.\")\r\n            .ensure('positionID').required().withMessage(\"The position field is required.\")\r\n            .ensure('positionlevelID').required().withMessage(\"The position level field is required.\")\r\n            .ensure('AppraiserName').required().withMessage(\"The Appraiser Name is required\")\r\n            .ensure('upload')\r\n            .satisfiesRule('file')\r\n            .on(this);\r\n    }\r\n    async bind() {\r\n       setTimeout(()=>{       \r\n         Scrollbar.init(document.querySelector('.addctc-scrollbar'));\r\n       },1000)\r\n    }\r\n\r\n    attached(){\r\n\r\n        flatpickr(this.ApprasialDatePicker, {\r\n            closeOnSelect:true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: null,\r\n            maxDate: null,\r\n            defaultDate: this.dateValue,\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.ApprasialDate=dateStr;\r\n            }\r\n        });\r\n        this.apprasialdateIcon.addEventListener('click', () => {\r\n            this.ApprasialDatePicker._flatpickr.open();\r\n        });\r\n        flatpickr(this.EffectivedatePicker, {\r\n            closeOnSelect:true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: null,\r\n            maxDate: null,\r\n            defaultDate: this.dateValue,\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.EffectiveDate=dateStr;\r\n            }\r\n        });\r\n        this.effectiveIcon.addEventListener('click', () => {\r\n            this.EffectivedatePicker._flatpickr.open();\r\n        });\r\n        flatpickr(this.duedatePicker, {\r\n            closeOnSelect:true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: null,\r\n            maxDate: null,\r\n            defaultDate: this.dateValue,\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.DueDate=dateStr;\r\n            }\r\n        });\r\n        this.duedateIcon.addEventListener('click', () => {\r\n            this.duedatePicker._flatpickr.open();\r\n        });\r\n        this.profileService.DepartmentDropdown()\r\n            .then(data => {\r\n                this.departments= data;\r\n            });\r\n        this.profileService.PositionDropdown()\r\n            .then(data => {\r\n                this.postions= data;\r\n            });\r\n        this.profileService.PositionLevelDropdown()\r\n            .then(data => {\r\n                this.positionlevels= data;\r\n            });\r\n        this.fileValidator();\r\n    }\r\n    returnDateSelected() {\r\n        this.isDisabled = false;\r\n    }\r\n    updateFormattedValue(property) {\r\n        const fixedPayValue = parseFloat(this.fixedPay.replace(/[^0-9.]/g, '')) || 0;\r\n        const variablePayValue = parseFloat(this.variablePay.replace(/[^0-9.]/g, '')) || 0;\r\n        const sum = fixedPayValue + variablePayValue;\r\n        const formattedSum = sum.toLocaleString('en-IN', {\r\n            style: 'currency',\r\n            currency: 'INR'\r\n        });\r\n        this.revisedCTC = formattedSum; // Set revisedCTC to zero if it's empty\r\n    }\r\n    cancel() {\r\n        this.controller.cancel();\r\n    }\r\n    startDragging(event) {\r\n        if (event.button === 0) {\r\n            this.isDragging = true;\r\n            this.offsetX = event.clientX - this.dialogElement.getBoundingClientRect().left;\r\n            this.offsetY = event.clientY - this.dialogElement.getBoundingClientRect().top;\r\n\r\n            window.addEventListener('mousemove', this.drag);\r\n            window.addEventListener('mouseup', this.stopDragging);\r\n        }\r\n    }\r\n\r\n    drag = (event) => {\r\n        if (this.isDragging) {\r\n            const x = event.clientX - this.offsetX;\r\n            const y = event.clientY - this.offsetY;\r\n\r\n            this.dialogElement.style.left = `${x}px`;\r\n            this.dialogElement.style.top = `${y}px`;\r\n        }\r\n    }\r\n\r\n    stopDragging = () => {\r\n        this.isDragging = false;\r\n        window.removeEventListener('mousemove', this.drag);\r\n        window.removeEventListener('mouseup', this.stopDragging);\r\n    }\r\n    async selectposition(data){\r\n        const position = await this.profileService.PositionDropdown();\r\n        this.positiondropdowns = position.filter(option => option.DepartmentID == data);\r\n    }\r\n    async selectpositionlevel(data){\r\n        const positionlevel = await this.profileService.PositionLevelDropdown();\r\n        this.positionleveldropdowns = positionlevel.filter(option => option.PositionID == data);\r\n    }\r\n    togglePositionFields(checked){\r\n        this.showPositionFields = checked;\r\n        flatpickr(this.Effectivedate2Picker, {\r\n            closeOnSelect:true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: null,\r\n            maxDate: null,\r\n            defaultDate: this.dateValue,\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.EffectiveDate2=dateStr;\r\n            }\r\n        });\r\n        this.effective2Icon.addEventListener('click', () => {\r\n            this.Effectivedate2Picker._flatpickr.open();\r\n        });\r\n    }\r\n    async onAppraiserNameSelected() {\r\n        if (this.AppraiserName) {\r\n            this.showEmployeeDropdown = true;\r\n            try {\r\n                const response = await this.profileService.EmployeeDropdown(this.AppraiserName);\r\n                const datas = await response;\r\n                const filterOption = this.AppraiserName.toLowerCase();\r\n                this.dropdownOptionss = datas.filter(empname => empname.EmployeeName.toLowerCase().includes(filterOption));\r\n                if (this.dropdownOptionss.length === 0) {\r\n                    const errorInfo = {\r\n                        error: {\r\n                            message: \"Please select valid employee\"\r\n                        }\r\n                    };\r\n                    this.AppraiserNameError = [errorInfo];\r\n                } else {\r\n                    this.AppraiserNameError = [];\r\n                }\r\n            } catch (error) {\r\n                console.error(error);\r\n            }\r\n        } else {\r\n            this.showEmployeeDropdown = false;\r\n            this.dropdownOptionss = [];\r\n        }\r\n    }\r\n    selectEmployee(EmpOptions) {\r\n        const modifiedOption = { ...EmpOptions, ID: EmpOptions.EmployeeID };\r\n        this.AppraiserName = modifiedOption.EmployeeName;\r\n        this.AppraiserID = modifiedOption.EmployeeID;\r\n        this.showEmployeeDropdown = false;\r\n        this.selectedEmployee = modifiedOption;\r\n    }\r\n    async onEmployeeSelected() {\r\n        if (this.searchQuery) {\r\n            this.showEmpDropdown = true;\r\n            try {\r\n                const response = await this.profileService.EmployeeDropdown(this.searchQuery);\r\n                const data = await response;\r\n                const filterOption = this.searchQuery.toLowerCase();\r\n                this.dropdownOptions = data.filter(option => option.EmployeeName.toLowerCase().includes(filterOption));\r\n                if (this.dropdownOptions.length === 0) {\r\n                    const errorInfo = {\r\n                        error: {\r\n                            message: \"Please select valid employee\"\r\n                        }\r\n                    };\r\n                    this.searchQueryError = [errorInfo];\r\n                } else {\r\n                    this.searchQueryError = [];\r\n                }\r\n            } catch (error) {\r\n                console.error(error);\r\n            }\r\n        } else {\r\n            this.showEmpDropdown = false;\r\n            this.dropdownOptions = [];\r\n        }\r\n    }\r\n    selectaddEmployee(EmpOption) {\r\n        const modifiedOption = {...EmpOption, ID: EmpOption.EmployeeID};\r\n        this.searchQuery = modifiedOption.EmployeeName;\r\n        this.showEmpDropdown = false;\r\n        this.selectedEmployee = modifiedOption;\r\n        return false;\r\n    }\r\n    addToSelectedOptions(id) {\r\n        if (!this.searchQuery) {\r\n            const errorInfo = {\r\n                error: {\r\n                    message: \"Please select an employee\"\r\n                }\r\n            };\r\n            this.searchQueryError = [errorInfo];\r\n            return;\r\n        }\r\n        this.profileService.GetEmployeesForAdd(id).then(data => {\r\n            const selectedEmployee = this.selectedEmployees.find(employee => employee.EmployeeID === data.EmployeeID);\r\n            if (selectedEmployee) {\r\n                const errorInfo = {\r\n                    error: {\r\n                        message: \"Employee name already exists\"\r\n                    }\r\n                };\r\n                this.searchQueryError = [errorInfo];\r\n            } else {\r\n                this.searchQueryError = [];\r\n                this.Ids = data.EmployeeID;\r\n                this.EmployeeListIDs.push(this.Ids);\r\n                this.selectedEmployees.push(data);\r\n                this.searchQuery = '';\r\n            }\r\n        });\r\n    }\r\n\r\n    deleteEmployee(emp) {\r\n        const index = this.selectedEmployees.indexOf(emp);\r\n        if (index !== -1) {\r\n            this.selectedEmployees.splice(index, 1);\r\n        }\r\n        const deletedIds = emp.EmployeeID;\r\n        this.EmployeeListIDs = this.EmployeeListIDs.filter(id => id !== deletedIds);\r\n        this.Ids = this.EmployeeListIDs;\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    fileValidator(){\r\n        const fileInput = document.querySelector('input[type=\"file\"]');\r\n        const allowedTypes = ['image/jpeg', 'image/png','application/msword','application/pdf'];\r\n        fileInput.addEventListener('change', (event) => {\r\n            const file = event.target.files[0];\r\n            const fileType = file.type;\r\n            if (!allowedTypes.includes(fileType)) {\r\n                this.fileMessage=\"Only JPEG, PNG, PDF and DOC files are allowed.\";\r\n                this.fileValidatorRule = true;\r\n            } else {\r\n                this.fileMessage=null;\r\n                this.fileValidatorRule = false;\r\n            }\r\n        });\r\n    }\r\n    openFileDialog() {\r\n        document.getElementById('attachments').click();\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 = ''; // Clear the file input value\r\n        }\r\n    }\r\n    save() {\r\n        const refreshEvent = new CustomEvent('refreshCTCADD');\r\n        this.controllerFactory.validate()\r\n            .then(result => {\r\n                if (result.valid) {\r\n                    let data = {\r\n                    EmployeeID: this.empid,\r\n                    DateofAppraisal: this.AppraisalDate,\r\n                    AppraiseeId: this.AppraiserID,\r\n                    RevisedCTC: this.revisedCTC,\r\n                    DepartmentId: this.departmentID,\r\n                     PositionLevelIND: this.PositionLevelIND ? 1 : 0,\r\n                    PositionId:this.positionID,\r\n                    PositionLevelId:this.positionlevelID,\r\n                    Reason:this.comments,\r\n                    NextRevisionDueDate:this.dueDate,\r\n                    PositionlevelEffectiveDate:this.EffectiveDate2,\r\n                    RevisedCTCEffectiveDate:this.EffectiveDate,\r\n                    DaysToRemindsHR:this.remaindBefore,\r\n                    VariablePay:this.variablePay,\r\n                    TotalPay:this.fixedPay,\r\n                    AuthorizeeList:this.EmployeeListIDs,\r\n                    AppraisalLetter:this.file,\r\n                    AppraisalLetterName:this.DocumentName,\r\n                    };\r\n                    this.profileService.SaveCTCData(data)\r\n                        .then(() => {\r\n                            this.controller.cancel();\r\n                            this.profileService.GetEmployeeCTCData(this.empid)\r\n                                .then(data => {\r\n                                    this.employeectc = data;\r\n                                    document.dispatchEvent(refreshEvent);\r\n                                     });\r\n                        });\r\n                }\r\n            });\r\n    }\r\n}\r\n\r\n","import {inject } from 'aurelia-framework';\r\nimport { ProfileService } from '../../../shared/services/profielservice';\r\nimport { JwtService } from '../../../shared/services/jwtservice';\r\nimport {DialogService} from 'aurelia-dialog';\r\nimport {AlertpopupComponent} from \"../../alertpopup/alertpopupcomponent\";\r\nimport {AddCTCComponent} from \"./addnewctc/addctccomponent\";\r\nimport {EditCTCComponent} from \"./editctcreversion/editctccomponent\";\r\nimport {config} from \"../../../shared/services/config\";\r\nimport { Router } from 'aurelia-router';\r\nimport Scrollbar from 'smooth-scrollbar';\r\nimport {LoginService} from \"../../../shared/services/loginservice\";\r\n\r\n@inject(ProfileService,JwtService,DialogService,Router,LoginService)\r\nexport class Ctcrevisionhistory {\r\n    sortConfig = {\r\n        column: '',\r\n        direction: 'asc'\r\n    };\r\n    pageSize = config.grid_PazeSize;\r\n    deletemessage = false;\r\n    contactmessage = false;\r\n\r\n    constructor(profileService,jwtService,dialogService,router,loginService) {\r\n        this.profileService = profileService;\r\n        this.jwtService = jwtService;\r\n        this.dialogService = dialogService;\r\n        this.router = router;\r\n        this.loginService = loginService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n\r\n    }\r\n    async bind() {\r\n       setTimeout(()=>{       \r\n         Scrollbar.init(document.querySelector('.ctc-scrollbar'));\r\n       },1000)\r\n    }\r\n    activate(){\r\n        this.employeectc = this.GetEmployeeCTCDetailsADD();\r\n        this.employeectc = this.GetEmployeeCTCDetailsEDIT();\r\n    }\r\n    sortBy(column) {\r\n        if (this.sortConfig.column === column) {\r\n            this.sortConfig.direction = this.sortConfig.direction === 'asc' ? 'desc' : 'asc';\r\n        } else {\r\n            this.sortConfig.column = column;\r\n            this.sortConfig.direction = 'asc';\r\n        }\r\n\r\n        this.performSorting();\r\n    }\r\n    performSorting() {\r\n        const { column, direction } = this.sortConfig;\r\n        if (column) {\r\n            this.employeectc.sort((a, b) => {\r\n                const aValue = a[column];\r\n                const bValue = b[column];\r\n                let comparison = 0;\r\n                if (typeof aValue === 'string' && typeof bValue === 'string') {\r\n                    comparison = aValue.localeCompare(bValue);\r\n                } else {\r\n                    comparison = aValue - bValue;\r\n                }\r\n                return direction === 'asc' ? comparison : -comparison;\r\n            });\r\n        }\r\n    }\r\n    async attached(params) {\r\n\r\n        const id = this.router.currentInstruction.queryParams.id;\r\n            if(id != null && id !='' && id !=undefined)\r\n            {\r\n                this.empid=id;\r\n            }\r\n            else{\r\n                this.empid=this.jwtService.getEmployeeId();\r\n            }\r\n            const employeeCTCData = await this.profileService.GetEmployeeCTCData(this.empid);\r\n            this.employeectc = await employeeCTCData;\r\n            const anotherobject = this.employeectc;\r\n            anotherobject.filter(data => {\r\n                this.FilePath = data.AppraisalLetter;\r\n                if (data.AppraisalLetter) {\r\n                this.file = data.AppraisalLetter;\r\n                this.DocumentName = data.AppraisalLetter;\r\n            }\r\n        });\r\n            document.addEventListener('refreshCTCADD', this.GetEmployeeCTCDetailsADD);\r\n            document.addEventListener('refreshCTCEdit', this.GetEmployeeCTCDetailsEDIT);\r\n    }\r\n    async deleteEmployeeCTC(data) {\r\n        const salaryreversionID = data.SalaryRevisionId;\r\n        const result = await this.dialogService.open({\r\n            viewModel: AlertpopupComponent,\r\n            model: \"\",\r\n        }).whenClosed(response => response);\r\n        if (result.wasCancelled) {\r\n            return;\r\n        }\r\n        const deletedata =  await this.profileService.DeleteEmployeeCTCData(salaryreversionID, this.empid);\r\n        const deleteresponse = await deletedata;\r\n        const employeeCTC = await this.profileService.GetEmployeeCTCData(this.empid);\r\n        this.employeectc = employeeCTC;\r\n        this.Deletesucess = \"Employee CTC Reversion history Deleted successfully\";\r\n        this.deletemessage = true;\r\n        setTimeout(() =>{\r\n            this.Deletesucess = null;\r\n        },3000)\r\n    }\r\n    AddnewCTCPopup(data) {\r\n        this.dialogService.open({viewModel: AddCTCComponent, model: data});\r\n    }\r\n    EditCTCPopup(data) {\r\n        this.dialogService.open({viewModel: EditCTCComponent, model: data});\r\n    }\r\n    GetEmployeeCTCDetailsADD = () => {\r\n        this.profileService.GetEmployeeCTCData(this.empid)\r\n            .then(data => {\r\n                this.employeectc = data;\r\n                this.contactsucess = \"CTC / Position revision details added successfully.\";\r\n                this.contactmessage = true;\r\n                setTimeout(() =>{\r\n                    this.contactsucess = null;\r\n                },3000)\r\n            });\r\n    };\r\n    GetEmployeeCTCDetailsEDIT = () => {\r\n        this.profileService.GetEmployeeCTCData(this.empid)\r\n            .then(data => {\r\n                this.employeectc = data;\r\n                this.contactsucess = \"CTC / Position revision details updated successfully.\";\r\n                this.contactmessage = true;\r\n                setTimeout(() =>{\r\n                    this.contactsucess = null;\r\n                },3000)\r\n            });\r\n    };\r\n    downloadFile() {\r\n        const downloadUrl = config.api_img_url + this.FilePath;\r\n        const link = document.createElement('a');\r\n        link.href = downloadUrl;\r\n        link.download = this.FilePath;\r\n        link.click();\r\n    }\r\n}","import {inject,bindable } from 'aurelia-framework';\r\nimport { ProfileService } from '../../../../shared/services/profielservice';\r\nimport { JwtService } from '../../../../shared/services/jwtservice';\r\nimport { DialogController } from 'aurelia-dialog';\r\nimport flatpickr from \"flatpickr\";\r\nimport {ValidationControllerFactory, ValidationRules} from \"aurelia-validation\";\r\nimport {config} from \"../../../../shared/services/config\";\r\nimport Scrollbar from 'smooth-scrollbar';\r\nimport {LoginService} from \"../../../../shared/services/loginservice\";\r\nimport { Router } from 'aurelia-router';\r\n\r\n@inject(DialogController,ProfileService,JwtService,ValidationControllerFactory,Router,LoginService)\r\n\r\nexport class EditCTCComponent {\r\n    fixedPay = '';\r\n    variablePay = '';\r\n    revisedCTC = '₹0';\r\n    dropdownOptions = [];\r\n    showEmployeeDropdown = false;\r\n    selectedOption = null;\r\n    selectedEmployees = [];\r\n    showEmpDropdown = false;\r\n    EmployeeListIDs = [];\r\n    EmployeeList = [];\r\n    EmployeeListNames = [];\r\n    AddedEmployeeId = [];\r\n    isDisabled = true;\r\n    isDragging = false;\r\n    dialog;\r\n    static inject = [Element];\r\n    constructor(controller,ProfileService,JwtService,controllerFactory,router,loginService) {\r\n        this.controller = controller;\r\n        this.profileService=ProfileService;\r\n        this.jwtService= JwtService;\r\n        this.router = router;\r\n        this.loginService = loginService;\r\n        this.empid = this.jwtService.getEmployeeId();\r\n        this.controllerFactory = controllerFactory.createForCurrentScope();\r\n\r\n        ValidationRules.customRule(\r\n            'file',\r\n            () =>{\r\n                if(this.fileValidatorRule === true){\r\n                    return false;\r\n                }else{\r\n                    return true;\r\n                }\r\n            },\r\n            '${$displayName} is required'\r\n        );\r\n\r\n        ValidationRules\r\n            .ensure('ApprasialDate').required().withMessage(\"The Apprasial Date is required\")\r\n            .ensure('selecteddepartment').required().withMessage(\"The department field is required.\")\r\n            .ensure('selectedposition').required().withMessage(\"The position field is required.\")\r\n            .ensure('selectedpositionlevel').required().withMessage(\"The position level field is required.\")\r\n            .ensure('AppraiseeName').required().withMessage(\"The Appraiser Name is required\")\r\n            .ensure('searchQuery').required().withMessage(\"The authorized by field is required.\")\r\n            .ensure('upload')\r\n            .satisfiesRule('file')\r\n            .on(this);\r\n    }\r\n    async bind() {\r\n       setTimeout(()=>{       \r\n         Scrollbar.init(document.querySelector('.editctc-scrollbar'));\r\n       },1000)\r\n    }\r\n    async  attached(){\r\n\r\n        flatpickr(this.ApprasialDatePicker, {\r\n            closeOnSelect:true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: null,\r\n            maxDate: null,\r\n            defaultDate: this.dateValue,\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.ApprasialDate=dateStr;\r\n            }\r\n        });\r\n        this.apprasialdateIcon.addEventListener('click', () => {\r\n            this.ApprasialDatePicker._flatpickr.open();\r\n        });\r\n        flatpickr(this.EffectivedatePicker, {\r\n            closeOnSelect:true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: null,\r\n            maxDate: null,\r\n            defaultDate: this.dateValue,\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.EffectiveDate=dateStr;\r\n            }\r\n        });\r\n        this.effectiveIcon.addEventListener('click', () => {\r\n            this.EffectivedatePicker._flatpickr.open();\r\n        });\r\n        flatpickr(this.duedatePicker, {\r\n            closeOnSelect:true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: null,\r\n            maxDate: null,\r\n            defaultDate: this.dateValue,\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.DueDate=dateStr;\r\n            }\r\n        });\r\n        this.duedateIcon.addEventListener('click', () => {\r\n            this.duedatePicker._flatpickr.open();\r\n        });\r\n        this.profileService.DepartmentDropdown()\r\n            .then(data => {\r\n                this.departments= data;\r\n            });\r\n        this.profileService.PositionDropdown()\r\n            .then(data => {\r\n                this.postions= data;\r\n            });\r\n        this.profileService.PositionLevelDropdown()\r\n            .then(data => {\r\n                this.positionlevels= data;\r\n            });\r\n        this.fileValidator();\r\n    }\r\n    departmentMatcher = (a, b) => {\r\n        return a.key === b.key;\r\n    };\r\n    positionMatcher = (a, b) => {\r\n        return a.key === b.key;\r\n    };\r\n    positionlevelMatcher = (a, b) => {\r\n        return a.key === b.key;\r\n    };\r\n    returnDateSelected() {\r\n        this.isDisabled = false;\r\n    }\r\n    updateFormattedValue(property) {\r\n        const fixedPayValue = parseFloat(this.fixedPay) || 0;\r\n        const variablePayValue = parseFloat(this.variablePay) || 0;\r\n        const sum = fixedPayValue + variablePayValue;\r\n        const formattedSum = sum.toLocaleString('en-IN', {\r\n            style: 'currency',\r\n            currency: 'INR'\r\n        });\r\n        this.revisedCTC = formattedSum || '₹0'; // Set revisedCTC to zero if it's empty\r\n    }\r\n    cancel() {\r\n        this.controller.cancel();\r\n    }\r\n    async selectposition(data){\r\n        const position = await this.profileService.PositionDropdown();\r\n        const positionid = data.DepartmentId ? data.DepartmentId : data;\r\n        this.positiondropdowns = position.filter(option => option.DepartmentID === positionid);\r\n    }\r\n    async selectpositionlevel(data){\r\n        const positionlevels = await this.profileService.PositionLevelDropdown();\r\n        const positionlevelids = data.PositionID ? data.PositionID : data;\r\n        this.positionleveldropdowns = positionlevels.filter(option => option.PositionID === positionlevelids);\r\n    }\r\n    togglePositionFields(checked){\r\n        this.showPositionFields = checked;\r\n        flatpickr(this.Effectivedate2Picker, {\r\n            closeOnSelect:true,\r\n            dateFormat: 'd-m-Y',\r\n            minDate: null,\r\n            maxDate: null,\r\n            defaultDate: this.dateValue,\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.EffectiveDate2=dateStr;\r\n            }\r\n        });\r\n        this.effective2Icon.addEventListener('click', () => {\r\n            this.Effectivedate2Picker._flatpickr.open();\r\n        });\r\n    }\r\n    async onAppraiserNameSelected() {\r\n        if (this.AppraiseeName) {\r\n            this.showEmployeeDropdown = true;\r\n            try {\r\n                const response = await this.profileService.EmployeeDropdown(this.AppraiseeName);\r\n                const data = await response;\r\n                const filterOption = this.AppraiseeName.toLowerCase();\r\n                this.dropdownOptionss = data.filter(empname => empname.EmployeeName.toLowerCase().includes(filterOption));\r\n                if (this.dropdownOptionss.length === 0) {\r\n                    const errorInfo = {\r\n                        error: {\r\n                            message: \"Please select valid employee\"\r\n                        }\r\n                    };\r\n                    this.NameError = [errorInfo];\r\n                } else {\r\n                    this.NameError = [];\r\n                }\r\n            } catch (error) {\r\n                console.error(error);\r\n            }\r\n        } else {\r\n            this.showEmployeeDropdown = false;\r\n            this.dropdownOptionss = [];\r\n        }\r\n    }\r\n    selectEmployee(EmpOption) {\r\n        const modifiedOption = { ...EmpOption, ID: EmpOption.EmployeeID };\r\n        this.AppraiseeName = modifiedOption.EmployeeName;\r\n        this.AppraiseeID = modifiedOption.EmployeeID;\r\n        this.showEmployeeDropdown = false;\r\n        this.selectedEmployee = modifiedOption;\r\n    }\r\n    async onEmployeeSelected() {\r\n        if (this.searchQuery) {\r\n            this.showEmpDropdown = true;\r\n            try {\r\n                const response = await this.profileService.EmployeeDropdown(this.searchQuery);\r\n                const data = await response;\r\n                const filterOption = this.searchQuery.toLowerCase();\r\n                this.dropdownOptions = data.filter(option => option.EmployeeName.toLowerCase().includes(filterOption));\r\n            } catch (error) {\r\n                console.error(error);\r\n            }\r\n        } else {\r\n            this.showEmpDropdown = false;\r\n            this.dropdownOptions = [];\r\n        }\r\n    }\r\n    selectaddEmployee(EmpOption) {\r\n        const modifiedOption = {\r\n            ...EmpOption,\r\n            ID: EmpOption.EmployeeID\r\n        };\r\n        this.searchQuery = modifiedOption.EmployeeName;\r\n        this.showEmpDropdown = false;\r\n        this.selectedEmployee = modifiedOption;\r\n        return false;\r\n    }\r\n    addToSelectedOptions(id) {\r\n        if (!this.searchQuery) {\r\n            const errorInfo = {\r\n                error: {\r\n                    message: \"Please select an employee\"\r\n                }\r\n            };\r\n            this.searchQueryError = [errorInfo];\r\n            return;\r\n        }\r\n        if (this.AddedEmployeeId.includes(id)) {\r\n            const errorInfo = {\r\n                error: {\r\n                    message: \"Employee name already exists\"\r\n                }\r\n            };\r\n            this.searchQueryError = [errorInfo];\r\n            return;\r\n        }\r\n        this.profileService.GetEmployeeNamesForGrid(id)\r\n            .then(data => {\r\n                this.AddedEmployeeId.push(data.EmployeeID);\r\n                this.profileService.GetEmployeeNamesForGrid(data.EmployeeID)\r\n                    .then(data => {\r\n                        this.EmployeeListNames.push(data.EmployeeName);\r\n                    });\r\n                this.searchQuery = '';\r\n            });\r\n    }\r\n    deleteEmployee(emp) {\r\n        const index = this.EmployeeListNames.indexOf(emp);\r\n        if (index !== -1) {\r\n            this.EmployeeListNames.splice(index, 1);\r\n        }\r\n        const deletedIds = emp.EmployeeID;\r\n        this.AddedEmployeeId = this.AddedEmployeeId.filter(id => id !== deletedIds);\r\n        this.Ids = this.AddedEmployeeId;\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    fileValidator(){\r\n        const fileInput = document.querySelector('input[type=\"file\"]');\r\n        const allowedTypes = ['image/jpeg', 'image/png','application/msword','application/pdf'];\r\n        fileInput.addEventListener('change', (event) => {\r\n            const file = event.target.files[0];\r\n            const fileType = file.type;\r\n            if (!allowedTypes.includes(fileType)) {\r\n                this.fileMessage=\"Only JPEG, PNG, PDF and DOC files are allowed.\";\r\n                this.fileValidatorRule = true;\r\n            } else {\r\n                this.fileMessage=null;\r\n                this.fileValidatorRule = false;\r\n            }\r\n        });\r\n    }\r\n    openFileDialog() {\r\n        document.getElementById('attachments').click();\r\n    }\r\n    downloadFile() {\r\n        const downloadUrl = config.api_img_url + this.file;\r\n        const link = document.createElement('a');\r\n        link.href = downloadUrl;\r\n        link.click();\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 = ''; // Clear the file input value\r\n        }\r\n    }\r\n    startDragging(event) {\r\n        if (event.button === 0) {\r\n            this.isDragging = true;\r\n            this.offsetX = event.clientX - this.dialogElement.getBoundingClientRect().left;\r\n            this.offsetY = event.clientY - this.dialogElement.getBoundingClientRect().top;\r\n\r\n            window.addEventListener('mousemove', this.drag);\r\n            window.addEventListener('mouseup', this.stopDragging);\r\n        }\r\n    }\r\n\r\n    drag = (event) => {\r\n        if (this.isDragging) {\r\n            const x = event.clientX - this.offsetX;\r\n            const y = event.clientY - this.offsetY;\r\n\r\n            this.dialogElement.style.left = `${x}px`;\r\n            this.dialogElement.style.top = `${y}px`;\r\n        }\r\n    }\r\n\r\n    stopDragging = () => {\r\n        this.isDragging = false;\r\n        window.removeEventListener('mousemove', this.drag);\r\n        window.removeEventListener('mouseup', this.stopDragging);\r\n    }\r\n    async activate(data){\r\n        this.employeectc = data;\r\n        this.ApprasialDate = data.DateofAppraisal;\r\n        this.employeeList = data.AuthorizeeList;\r\n        this.revisedCTC = data.RevisedCTC;\r\n        this.departmentname = data.DepartmentId;\r\n        this.positionname = data.PositionId;\r\n        this.positionlevelname = data.PositionLevelId;\r\n        this.comments = data.Reason;\r\n        this.variablePay = data.VariablePay;\r\n        this.fixedPay = data.TotalPay;\r\n        this.ispositionlevel = data.PositionLevelIND;\r\n        if( this.ispositionlevel === 1){\r\n            this.ispositionlevel = true;\r\n        }else if(this.ispositionlevel === 0){\r\n            this.ispositionlevel = false;\r\n        }\r\n        this.DueDate = data.NextRevisionDueDate;\r\n        this.EffectiveDate2 = data.PositionlevelEffectiveDate;\r\n        this.EffectiveDate = data.RevisedCTCEffectiveDate;\r\n        this.remaindBefore = data.DaysToRemindsHR;\r\n        this.SalaryRevisionId = data.SalaryRevisionId;\r\n        this.AppraiseeName = data.PositionLevelName;\r\n        this.DocumentName = data.AppraisalLetterName;\r\n        this.AppraisalLetter = data.AppraisalLetter;\r\n        if (data.AppraisalLetter) {\r\n            this.file = data.AppraisalLetter;\r\n            this.DocumentName = data.AppraisalLetter;\r\n            this.DocumentNameDisplay = data.AppraisalLetterName;\r\n        }\r\n        this.employeeList.filter(response => {\r\n            this.profileService.GetEmployeeNamesForGrid(response).then(\r\n                data => {\r\n                    this.EmployeeListNames.push(data.EmployeeName);\r\n                }\r\n            )\r\n        });\r\n        await this.selectposition(this.departmentname);\r\n        await this.selectpositionlevel(this.positionname);\r\n    }\r\n    save() {\r\n        const refreshEvent = new CustomEvent('refreshCTCEdit');\r\n        this.controllerFactory.validate()\r\n            .then(result => {\r\n                if (result.valid) {\r\n                    let data = {\r\n                        EmployeeID: this.empid,\r\n                        DateofAppraisal: this.ApprasialDate,\r\n                        AppraiseeId: this.AppraiseeID,\r\n                        RevisedCTC: this.revisedCTC,\r\n                        DepartmentId: this.selecteddepartment ? this.selecteddepartment.DepartmentId : this.departmentname,\r\n                        PositionID:this.selectedposition ? this.selectedposition.PositionID : this.positionname,\r\n                        PositionLevelIND: this.ispositionlevel ? 1 : 0,\r\n                        PositionLevelId:this.selectedpositionlevel ? this.selectedpositionlevel.PositionLevelId : this.positionlevelname,\r\n                        Reason:this.comments,\r\n                        NextRevisionDueDate:this.DueDate,\r\n                        PositionlevelEffectiveDate:this.EffectiveDate2,\r\n                        RevisedCTCEffectiveDate:this.EffectiveDate,\r\n                        DaysToRemindsHR:this.remaindBefore,\r\n                        VariablePay:this.variablePay,\r\n                        TotalPay:this.fixedPay,\r\n                        AuthorizeeList:this.AddedEmployeeId,\r\n                        AppraisalLetter:this.file,\r\n                        AppraisalLetterName:this.DocumentName,\r\n                        SalaryRevisionId:this.SalaryRevisionId,\r\n\r\n                    };\r\n                    this.profileService.SaveCTCData(data)\r\n                        .then((response) => {\r\n                            this.controller.cancel();\r\n                            this.profileService.GetEmployeeCTCData(this.empid)\r\n                                .then(data => {\r\n                                    this.employeectc = data;\r\n                                    document.dispatchEvent(refreshEvent);\r\n                                });\r\n                        });\r\n                }\r\n            });\r\n    }\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/datepicker.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/popup.css\\\"></require>\\r\\n    <ai-dialog class=\\\"modal-popup orientaion-pop\\\" >\\r\\n        <ai-dialog-header>\\r\\n            <h1>Revise CTC / PositionClose</h1>\\r\\n            <button click.delegate=\\\"cancel()\\\" class=\\\"au-right cancel\\\"></button>\\r\\n        </ai-dialog-header>\\r\\n        <ai-dialog-body class=\\\"w-full\\\">\\r\\n            <div class=\\\"popup\\\">\\r\\n                <form submit.trigger=\\\"save()\\\">\\r\\n                    <div class=\\\"md:max-h-[60vh] md:overflow-auto addctc-scrollbar\\\">\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"AppraisalDateError\\\" class.bind=\\\"AppraisalDateError.length ? 'has-error' : 'AppraisalDateErrorfield'\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Date of appraisal<span style=\\\"color: red;\\\"> *</span></label>\\r\\n                            <div class=\\\"w-full\\\">\\r\\n                                <input value.bind=\\\"AppraisalDate\\\" ref=\\\"ApprasialDatePicker\\\" value=\\\"${ApprasialDate}\\\" class=\\\"w-full xl:w-48 text-sm border h-9 rounded-md px-2.5 xl:mr-4\\\" type=\\\"datepicker\\\" name=\\\"calender\\\">\\r\\n                                <span class=\\\"hidden align-middle xl:inline-block\\\" value.bind=\\\"AppraisalDate & validate \\\" ref=\\\"apprasialdateIcon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"datepicker\\\" id=\\\"appraisaldatepic\\\"></span>\\r\\n                                <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of AppraisalDateError\\\">\\r\\n                                 ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"ValidFromError\\\" class.bind=\\\"ValidFromError.length ? 'has-error' : 'ValidFromErrorfield'\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Effective date </label>\\r\\n                            <div class=\\\"w-full\\\">\\r\\n                                <input value.bind=\\\"EffectiveDate\\\" ref=\\\"EffectivedatePicker\\\" value=\\\"${EffectiveDate}\\\" class=\\\"w-full xl:w-48 text-sm border h-9 rounded-md px-2.5 xl:mr-4\\\" type=\\\"datepicker\\\" name=\\\"calender\\\">\\r\\n                                <span class=\\\"hidden align-middle xl:inline-block\\\" value.bind=\\\"EffectiveDate\\\" ref=\\\"effectiveIcon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"datepicker\\\" id=\\\"effectivedatepic\\\"></span>\\r\\n                                <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of ValidFromError\\\">\\r\\n                                 ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-1.5\\\">Fixed pay </label>\\r\\n                            <div class=\\\"w-full\\\">\\r\\n                                <div class=\\\"relative\\\">\\r\\n                                    <span class=\\\"rupee-symbol absolute top-1/2 left-2 transform -translate-y-1/2 text-[#212B36]\\\">&#8377;</span>\\r\\n                                    <input value.bind=\\\"fixedPay \\\" class=\\\"w-full text-sm border h-9 rounded-md md:px-5 currency-input\\\" id=\\\"fixedPay\\\" name=\\\"fixedPay\\\" type=\\\"text\\\" maxlength=\\\"200\\\"   oninput=\\\"this.value = this.value.replace(/[^0-9]/g, '')\\\" input.trigger=\\\"updateFormattedValue('fixedPay')\\\">\\r\\n\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-1.5\\\">Variable pay </label>\\r\\n                            <div class=\\\"w-full\\\">\\r\\n                                <div class=\\\"relative\\\">\\r\\n                                    <span class=\\\"rupee-symbol absolute top-1/2 left-2 transform -translate-y-1/2 text-[#212B36]\\\">&#8377;</span>\\r\\n                                    <input value.bind=\\\"variablePay \\\" class=\\\"w-full text-sm border h-9 rounded-md px-9 md:px-10 currency-input\\\" id=\\\"VariablePay\\\" name=\\\"variablePay\\\" type=\\\"text\\\" maxlength=\\\"200\\\" name=\\\"VariablePay\\\"  oninput=\\\"this.value = this.value.replace(/[^0-9]/g, '')\\\" input.trigger=\\\"updateFormattedValue('variablePay')\\\">\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-1.5\\\">Total Pay </label>\\r\\n                            <div>\\r\\n                                <span value.bind=\\\"revisedCTC\\\">${revisedCTC}</span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-1.5\\\" id=\\\"Others\\\">Is position level changed ?</label>\\r\\n                            <input class=\\\"ml-1.5\\\" type=\\\"checkbox\\\" checked.bind=\\\"PositionLevelIND\\\" id=\\\"isposition\\\"   change.delegate=\\\"togglePositionFields($event.target.checked)\\\" name=\\\"isposition\\\" >\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"showPositionFields\\\">\\r\\n                            <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"departmentIDError\\\" class.bind=\\\"departmentIDError.length ? 'has-error' : 'departmentIDErrorfield'\\\">\\r\\n                                <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Department<span style=\\\"color: red;\\\"> *</span></label>\\r\\n                                <div class=\\\"w-full\\\">\\r\\n                                    <select  class=\\\"bg-white w-full rounded-full h-9 px-5 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none\\\" value.bind=\\\"departmentID & validate\\\" change.delegate=\\\"selectposition(departmentID)\\\" >\\r\\n                                        <option value=\\\"\\\">Select </option>\\r\\n                                        <option repeat.for=\\\"department of departments\\\" value.bind=\\\"department.DepartmentId\\\">${department.Name}</option>\\r\\n                                    </select>\\r\\n                                    <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of departmentIDError\\\">\\r\\n                                      ${errorInfo.error.message}\\r\\n                                    </span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"positionIDError\\\" class.bind=\\\"positionIDError.length ? 'has-error' : 'positionIDErrorfield'\\\">\\r\\n                                <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Position<span style=\\\"color: red;\\\"> *</span></label>\\r\\n                                <div class=\\\"w-full\\\">\\r\\n                                    <select  class=\\\"bg-white w-full rounded-full h-9 px-5 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none\\\" value.bind=\\\"positionID & validate\\\" change.delegate=\\\"selectpositionlevel(positionID)\\\" >\\r\\n                                        <option value=\\\"\\\">Select </option>\\r\\n                                        <option repeat.for=\\\"position of positiondropdowns\\\" value.bind=\\\"position.PositionID\\\">${position.Name}</option>\\r\\n                                    </select>\\r\\n                                    <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of positionIDError\\\">\\r\\n                                      ${errorInfo.error.message}\\r\\n                                    </span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"positionlevelIDError\\\" class.bind=\\\"positionlevelIDError.length ? 'has-error' : 'positionlevelIDErrorfield'\\\">\\r\\n                                <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Position level <span style=\\\"color: red;\\\"> *</span></label>\\r\\n                                <div class=\\\"w-full\\\">\\r\\n                                    <select  class=\\\"bg-white w-full rounded-full h-9 px-5 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none\\\" value.bind=\\\"positionlevelID & validate\\\" >\\r\\n                                        <option value=\\\"\\\">Select </option>\\r\\n                                        <option repeat.for=\\\"posionlevel of positionleveldropdowns\\\" value.bind=\\\"posionlevel.PositionLevelId\\\">${posionlevel.Name}</option>\\r\\n                                    </select>\\r\\n                                    <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of positionlevelIDError\\\">\\r\\n                                      ${errorInfo.error.message}\\r\\n                                    </span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"ValidFromError\\\" class.bind=\\\"ValidFromError.length ? 'has-error' : 'ValidFromErrorfield'\\\">\\r\\n                                <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Effective date </label>\\r\\n                                <div class=\\\"w-full\\\">\\r\\n                                    <input value.bind=\\\"EffectiveDate2 \\\" ref=\\\"Effectivedate2Picker\\\" value=\\\"${EffectiveDate2}\\\" class=\\\"w-full xl:w-48 text-sm border h-9 rounded-md px-2.5 xl:mr-4\\\" type=\\\"datepicker\\\" name=\\\"calender\\\">\\r\\n                                    <span class=\\\"hidden align-middle xl:inline-block\\\" value.bind=\\\"EffectiveDate2\\\" ref=\\\"effective2Icon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"datepicker\\\" id=\\\"effectivedate2pic\\\"></span>\\r\\n                                    <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of ValidFromError\\\">\\r\\n                                 ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%] relative\\\" validation-errors.bind=\\\"AppraiserNameError\\\" class.bind=\\\"AppraiserNameError.length ? 'has-error' : 'AppraiserNameErrorfield'\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Appraiser Name<span style=\\\"color: red;\\\"> *</span></label>\\r\\n                            <div class=\\\"w-full\\\">\\r\\n                                <input type=\\\"text\\\" class=\\\"w-full border h-9 rounded-md px-2.5\\\" value.bind=\\\"AppraiserName & validate\\\" input.trigger=\\\"onAppraiserNameSelected()\\\">\\r\\n                                <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of AppraiserNameError\\\">\\r\\n                                 ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                                <div if.bind=\\\"showEmployeeDropdown \\\" class=\\\"dropdown-container shadow-[0_5px_10px_rgba(30,32,37,0.12)] absolute max-h-64 z-50 bg-white w-[98%] overflow-auto md:left-[160px] md:w-[62%] top-full left-0.5 md:left-0\\\">\\r\\n                                    <ul class=\\\"dropdown-list\\\" >\\r\\n                                        <li class=\\\"text-sm list-items px-4 py-1.5 cursor-pointer hover:bg-zinc-200 transition\\\" repeat.for=\\\"empname of dropdownOptionss\\\" click.trigger=\\\"selectEmployee(empname)\\\" value.bind=\\\"empname.EmployeeID\\\">\\r\\n                                            ${empname.EmployeeName}\\r\\n                                        </li>\\r\\n                                    </ul>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"form-group\\\" >\\r\\n                            <div class=\\\"form-group relative\\\" >\\r\\n                                <div class=\\\"md:flex mb-5 w-full\\\" validation-errors.bind=\\\"searchQueryError\\\" class.bind=\\\"searchQueryError.length ? 'has-error' : 'searchQueryErrorfield'\\\">\\r\\n                                    <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Authorized by<span style=\\\"color: red;\\\"> *</span></label>\\r\\n                                    <div class=\\\"search-bar flex\\\">\\r\\n                                        <div class=\\\"w-[250px] mr-2.5\\\">\\r\\n                                            <input type=\\\"text\\\" class=\\\"w-full border h-9 rounded-md px-2.5\\\" value.bind=\\\"searchQuery\\\" input.trigger=\\\"onEmployeeSelected()\\\">\\r\\n                                            <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of searchQueryError\\\">\\r\\n                                              ${errorInfo.error.message}\\r\\n                                            </span>\\r\\n                                        </div>\\r\\n                                        <button class=\\\"whitespace-nowrap\\\" click.trigger=\\\"addToSelectedOptions(selectedEmployee.EmployeeID)\\\">Add to list</button>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                                <div if.bind=\\\"showEmpDropdown\\\" class=\\\"dropdown-container shadow-[0_5px_10px_rgba(30,32,37,0.12)] absolute max-h-64 z-50 bg-white w-[98%] overflow-auto md:left-[160px] md:w-[46%] top-[36px] left-0.5 md:left-0\\\">\\r\\n                                    <ul class=\\\"dropdown-list\\\" >\\r\\n                                        <li class=\\\"text-sm list-items px-4 py-1.5 cursor-pointer hover:bg-zinc-200 transition\\\" repeat.for=\\\"option of dropdownOptions\\\" click.trigger=\\\"selectaddEmployee(option)\\\" value.bind=\\\"option.EmployeeID\\\" >\\r\\n                                            ${option.EmployeeName}\\r\\n                                        </li>\\r\\n                                    </ul>\\r\\n                                </div>\\r\\n                                <div class=\\\"whitespace-nowrap overflow-y-auto mr-2\\\">\\r\\n                                    <table class=\\\"w-full mb-5\\\">\\r\\n                                        <thead class=\\\"thead-black\\\">\\r\\n                                        <tr class=\\\"bg-gray-50 border-b border-gray-200 text-xs leading-4 text-gray-500 tracking-wider\\\">\\r\\n                                            <th class=\\\"bg-[#1B2738] text-white px-3 py-2 text-left w-4/12\\\">\\r\\n                                                Employee name\\r\\n                                            </th>\\r\\n\\r\\n                                            <th class=\\\"bg-[#1B2738] text-white px-3 py-2 text-left w-2/12\\\">\\r\\n                                                Action\\r\\n                                            </th>\\r\\n                                        </tr>\\r\\n                                        </thead>\\r\\n                                        <tr repeat.for=\\\"emp of selectedEmployees\\\">\\r\\n                                            <td class=\\\"px-3 py-2 text-left w-4/12\\\">${emp.EmployeeName}</td>\\r\\n\\r\\n                                            <td class=\\\"px-3 py-2 text-left w-2/12\\\"><button class=\\\"!text-xs !h-7 !leading-[30px]\\\" type=\\\"button\\\" click.trigger=\\\"deleteEmployee(emp)\\\">Delete</button></td>\\r\\n                                        </tr>\\r\\n                                    </table>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"DivRight rule_lbl tpad2 mb-10\\\">\\r\\n                            <div class=\\\"t-widget t-upload myCustomClass\\\">\\r\\n                                <div class=\\\"t-button t-upload-button flex items-center mb-5\\\" validation-errors.bind=\\\"uploadErrors\\\" class.bind=\\\"uploadErrors.length ? 'has-error' : 'uploadfield'\\\">\\r\\n                                    <label class=\\\"w-[160px]\\\">Upload document</label>\\r\\n                                    <input id=\\\"attachments\\\" style=\\\"display: none;\\\" files.bind=\\\"upload & validate\\\" name=\\\"attachments\\\" type=\\\"file\\\" change.delegate=\\\"handleFileSelect($event.target.files)\\\" accept=\\\".jpg,.png,.doc,.pdf\\\" >\\r\\n                                    <button class=\\\"browse\\\" click.delegate=\\\"openFileDialog()\\\">Browse</button>\\r\\n                                    <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of uploadErrors\\\">\\r\\n                                      ${errorInfo.error.message} ${fileMessage ? 'and ' + fileMessage : ''}\\r\\n                                    </span>\\r\\n                                </div>\\r\\n                                <div if.bind=\\\"file\\\" class=\\\"flex items-center mb-5 md:ml-40\\\">\\r\\n                                    <span class=\\\"uploaddoc\\\" title=\\\"${DocumentName}\\\">${DocumentName}</span>\\r\\n                                    <button class=\\\"remove-button text-xs h-7 leading-[30px] px-3.5 ml-3\\\" click.delegate=\\\"removeFile()\\\">Remove</button>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Comment</label>\\r\\n                            <textarea value.bind=\\\"comments\\\" class=\\\"w-full border h-20 resize-none rounded-md p-2.5\\\"></textarea>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"ValidFromError\\\" class.bind=\\\"ValidFromError.length ? 'has-error' : 'ValidFromErrorfield'\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Next revision due date </label>\\r\\n                            <div class=\\\"w-full\\\">\\r\\n                                <input value.bind=\\\"dueDate \\\" ref=\\\"duedatePicker\\\" value=\\\"${DueDate}\\\" class=\\\"w-full xl:w-48 text-sm border h-9 rounded-md px-2.5 xl:mr-4\\\" type=\\\"datepicker\\\" name=\\\"calender\\\" change.delegate=\\\"returnDateSelected()\\\">\\r\\n                                <span class=\\\"hidden align-middle xl:inline-block\\\" value.bind=\\\"dueDate \\\" ref=\\\"duedateIcon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"datepicker\\\" id=\\\"nextduedate\\\"></span>\\r\\n                                <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of ValidFromError\\\">\\r\\n                                 ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-1.5\\\">Remind HR before </label>\\r\\n                            <div>\\r\\n                                <input value.bind=\\\"remaindBefore\\\" class=\\\"FourDigitNumber tpad4 w-[15%] border h-9 rounded-md px-2\\\" id=\\\"RemidDaysBeforeExpiryDate\\\" maxlength=\\\"2\\\" name=\\\"RemidDaysBeforeExpiryDate\\\" type=\\\"text\\\" oninput=\\\"this.value = this.value.replace(/[^0-9]/g, '')\\\" >\\r\\n                                <span class=\\\"md:ml-4\\\"><label for=\\\"day_s__from_expiry_date\\\">day(s)</label></span>\\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\\\" click.trigger = \\\"controller.cancel()\\\" value=\\\"Close\\\">\\r\\n                        <input class=\\\"transition\\\" type=\\\"submit\\\" click.trigger = \\\"save()\\\" value=\\\"Save\\\">\\r\\n                    </div>\\r\\n                </form>\\r\\n            </div>\\r\\n        </ai-dialog-body>\\r\\n        <ai-dialog-footer>\\r\\n        </ai-dialog-footer>\\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/edit.svg\", import.meta.url);\nvar ___HTML_LOADER_IMPORT_1___ = new URL(\"../../../images/x-square.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 code = \"<template>\\r\\n    <div class=\\\"my-details flex mb-9 flex-col lg:flex-row\\\">\\r\\n        <div class=\\\"languages w-full bg-white py-5 px-5 rounded-2xl mb-5\\\">\\r\\n            <div class=\\\"flex justify-between mb-3\\\">\\r\\n                <h3 class=\\\"text-base md:text-xl text-[#4C9076] !bg-none\\\">CTC / position revision history</h3>\\r\\n                <a class=\\\"languages-all text-base md:text-lg text-[#4C9076]\\\" href=\\\"\\\" click.trigger=\\\"AddnewCTCPopup()\\\">Add new CTC / position revision history <span>+</span> </a>\\r\\n            </div>\\r\\n            <div if.bind=\\\"contactmessage\\\"><span class=\\\"success block\\\">${contactsucess}</span></div>\\r\\n            <div if.bind=\\\"deletemessage\\\"><span class=\\\"success block\\\">${Deletesucess}</span></div>\\r\\n            <p class=\\\"display-items\\\">\\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=\\\"ctc-scrollbar overflow-auto\\\">\\r\\n                <table class=\\\"text-[#1B2738] text-sm whitespace-nowrap w-full\\\" class=\\\"table table-striped\\\" aurelia-table=\\\"data.bind: employeectc; display-data.bind: $displayData;\\r\\n                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-2 px-3\\\" click.delegate=\\\"sortBy('DateofAppraisal')\\\">Date of appraisal</th>\\r\\n                        <th class=\\\"text-left py-2 px-3\\\" click.delegate=\\\"sortBy('RevisedCTC')\\\">Revised CTC (₹)</th>\\r\\n                        <th class=\\\"text-left py-2 px-3 whitespace-normal\\\" click.delegate=\\\"sortBy('PositionLevelName')\\\" >New position level</th>\\r\\n                        <th class=\\\"text-left py-2 px-3\\\" click.delegate=\\\"sortBy('LastUpdatedName')\\\">Updated by</th>\\r\\n                        <th class=\\\"text-left py-2 px-3\\\" click.delegate=\\\"sortBy('AppraisalLetterName')\\\">Appraisal letter</th>\\r\\n                        <th class=\\\"text-center py-2 px-3 w-[85px] min-w-[85px]\\\">Action</th>\\r\\n                    </tr>\\r\\n                    </thead>\\r\\n                    <tbody>\\r\\n\\r\\n                    <tr repeat.for=\\\"employee of $displayData\\\">\\r\\n                        <td class=\\\"text-left py-2 px-3\\\">${employee.DateofAppraisal}</td>\\r\\n                        <td class=\\\"text-left py-2 px-3\\\">${employee.RevisedCTC}</td>\\r\\n                        <td class=\\\"text-left py-2 px-3 whitespace-normal\\\">${employee.PositionLevelName}</td>\\r\\n                        <td class=\\\"text-left py-2 px-3\\\">${employee.LastUpdatedName}</td>\\r\\n                        <td class=\\\"text-left py-2 px-3\\\" > <a href.bind=\\\"FilePath\\\" click.delegate=\\\"downloadFile()\\\">${employee.AppraisalLetterName}</a><span class=\\\"text-right font-extrabold\\\"></span>\\r\\n                        </td>\\r\\n\\r\\n                        <td class=\\\"text-center py-2 px-3 whitespace-nowrap w-[85px] min-w-[85px]\\\">\\r\\n                            <button class=\\\"!bg-inherit p-0 mr-2.5\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" click.trigger=\\\"EditCTCPopup(employee)\\\" alt=\\\"edit\\\" ></button>\\r\\n                            <button class=\\\"!bg-inherit p-0\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_1___ + \"\\\" click.trigger=\\\"deleteEmployeeCTC(employee)\\\" alt=\\\"x-square\\\"></button>\\r\\n                        </td>\\r\\n                    </tr>\\r\\n                    </tbody>\\r\\n                </table>\\r\\n                <div if.bind=\\\"totalItems < 1\\\" class=\\\"no-records text-center mt-4\\\">No records found</div>\\r\\n            </div>\\r\\n            <aut-pagination current-page.bind=\\\"currentPage\\\" page-size.bind=\\\"pageSize\\\" total-items.bind=\\\"totalItems\\\">\\r\\n            <template replace-part=\\\"pagination\\\">\\r\\n                <ul class=\\\"custom-pagination\\\" hide.bind=\\\"hideSinglePage && totalPages === 1\\\">\\r\\n                    <li>\\r\\n                        <a aria-label=\\\"FirstPage\\\" click.delegate=\\\"firstPage()\\\"\\r\\n                           class-name.bind=\\\"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</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/datepicker.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/popup.css\\\"></require>\\r\\n    <ai-dialog class=\\\"modal-popup orientaion-pop draggable-popup\\\" ref=\\\"dialogElement\\\" mousedown.trigger=\\\"startDragging($event)\\\">\\r\\n        <ai-dialog-header>\\r\\n            <h1>Revise CTC / PositionClose</h1>\\r\\n            <button click.delegate=\\\"cancel()\\\" class=\\\"au-right cancel\\\"></button>\\r\\n        </ai-dialog-header>\\r\\n        <ai-dialog-body class=\\\"w-full\\\">\\r\\n            <div class=\\\"popup\\\">\\r\\n                <form submit.trigger=\\\"save()\\\">\\r\\n                    <div class=\\\"md:max-h-[60vh] md:overflow-auto editctc-scrollbar\\\">\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"ApprasialDateError\\\" class.bind=\\\"ApprasialDateError.length ? 'has-error' : 'ApprasialDateErrorfield'\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Date of appraisal<span style=\\\"color: red;\\\"> *</span></label>\\r\\n                            <div class=\\\"w-full\\\">\\r\\n                                <input value.bind=\\\"ApprasialDate \\\" ref=\\\"ApprasialDatePicker\\\" value=\\\"${ApprasialDate}\\\" class=\\\"w-full xl:w-48 text-sm border h-9 rounded-md px-2.5 xl:mr-4\\\" type=\\\"datepicker\\\" name=\\\"calender\\\">\\r\\n                                <span class=\\\"hidden align-middle xl:inline-block\\\" value.bind=\\\"ApprasialDate & validate \\\" ref=\\\"apprasialdateIcon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"datepicker\\\" id=\\\"appraisaldatepic\\\"></span>\\r\\n                                <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of ApprasialDateError\\\">\\r\\n                                 ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"ValidFromError\\\" class.bind=\\\"ValidFromError.length ? 'has-error' : 'ValidFromErrorfield'\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Effective date </label>\\r\\n                            <div class=\\\"w-full\\\">\\r\\n                                <input value.bind=\\\"EffectiveDate \\\" ref=\\\"EffectivedatePicker\\\" value=\\\"${EffectiveDate}\\\" class=\\\"w-full xl:w-48 text-sm border h-9 rounded-md px-2.5 xl:mr-4\\\" type=\\\"datepicker\\\" name=\\\"calender\\\">\\r\\n                                <span class=\\\"hidden align-middle xl:inline-block\\\" value.bind=\\\"EffectiveDate \\\" ref=\\\"effectiveIcon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"datepicker\\\" id=\\\"effectivedatepic\\\"></span>\\r\\n                                <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of ValidFromError\\\">\\r\\n                                 ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-1.5\\\">Fixed pay</label>\\r\\n                            <div class=\\\"w-full\\\">\\r\\n                                <div class=\\\"relative\\\">\\r\\n                                    <span class=\\\"rupee-symbol absolute top-1/2 left-2 transform -translate-y-1/2 text-[#212B36]\\\">&#8377;</span>\\r\\n                                    <input value.bind=\\\"fixedPay\\\" class=\\\"w-full text-sm border h-9 rounded-md md:px-5 currency-input\\\" id=\\\"fixedPay\\\" name=\\\"fixedPay\\\" type=\\\"text\\\" maxlength=\\\"200\\\" change.trigger=\\\"updateFormattedValue('fixedPay')\\\">\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-1.5\\\">Variable pay</label>\\r\\n                            <div class=\\\"w-full\\\">\\r\\n                                <div class=\\\"relative\\\">\\r\\n                                    <span class=\\\"rupee-symbol absolute top-1/2 left-2 transform -translate-y-1/2 text-[#212B36]\\\">&#8377;</span>\\r\\n                                    <input value.bind=\\\"variablePay\\\" class=\\\"w-full text-sm border h-9 rounded-md px-9 md:px-10 currency-input\\\" id=\\\"VariablePay\\\" name=\\\"variablePay\\\" type=\\\"text\\\" maxlength=\\\"200\\\" change.trigger=\\\"updateFormattedValue('variablePay')\\\">\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-1.5\\\">Revised CTC</label>\\r\\n                            <div>\\r\\n\\r\\n                                <span>${revisedCTC}</span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-1.5\\\" id=\\\"Others\\\">Is position level changed ?</label>\\r\\n                            <input class=\\\"ml-1.5\\\" type=\\\"checkbox\\\" checked.bind=\\\"ispositionlevel\\\" id=\\\"isposition\\\"   change.delegate=\\\"togglePositionFields($event.target.checked)\\\" name=\\\"actionChk\\\" >\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"showPositionFields\\\">\\r\\n                            <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"selecteddepartmentError\\\" class.bind=\\\"selecteddepartmentError.length ? 'has-error' : 'selecteddepartmentErrorfield'\\\">\\r\\n                                <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Department<span style=\\\"color: red;\\\"> *</span></label>\\r\\n                                <div class=\\\"w-full\\\">\\r\\n                                    <select id=\\\"department\\\" class=\\\"bg-white w-full rounded-full h-9 px-5 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none\\\" value.bind=\\\"selecteddepartment \\\" matcher.bind=\\\"departmentMatcher\\\" change.delegate=\\\"selectposition(selecteddepartment)\\\">\\r\\n                                        <option model.bind=\\\"null\\\">Select </option>\\r\\n                                        <option repeat.for=\\\"department of departments\\\" model.bind=\\\"department\\\" selected.bind=\\\"department.DepartmentId == departmentname\\\">${department.Name}</option>\\r\\n                                    </select>\\r\\n                                    <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of selecteddepartmentError\\\">\\r\\n                                      ${errorInfo.error.message}\\r\\n                                    </span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"selectedpositionError\\\" class.bind=\\\"selectedpositionError.length ? 'has-error' : 'selectedpositionErrorfield'\\\">\\r\\n                                <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Position<span style=\\\"color: red;\\\"> *</span></label>\\r\\n                                <div class=\\\"w-full\\\">\\r\\n                                    <select  id=\\\"position\\\" class=\\\"bg-white w-full rounded-full h-9 px-5 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none\\\" value.bind=\\\"selectedposition\\\" matcher.bind=\\\"positionMatcher\\\" change.delegate=\\\"selectpositionlevel(selectedposition)\\\">\\r\\n                                        <option model.bind=\\\"null\\\">Select </option>\\r\\n                                        <option repeat.for=\\\"position of positiondropdowns\\\" model.bind=\\\"position\\\" selected.bind=\\\"position.PositionID == positionname\\\">${position.Name}</option>\\r\\n                                    </select>\\r\\n                                    <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of selectedpositionError\\\">\\r\\n                                      ${errorInfo.error.message}\\r\\n                                    </span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"selectedpositionlevelError\\\" class.bind=\\\"selectedpositionlevelError.length ? 'has-error' : 'selectedpositionlevelErrorfield'\\\">\\r\\n                                <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Position level <span style=\\\"color: red;\\\"> *</span></label>\\r\\n                                <div class=\\\"w-full\\\">\\r\\n                                    <select  id=\\\"posionlevel\\\" class=\\\"bg-white w-full rounded-full h-9 px-5 text-sm text-[#212B36] border border-solid border-slate-200 appearance-none\\\" value.bind=\\\"selectedpositionlevel\\\" matcher.bind=\\\"positionlevelMatcher\\\">\\r\\n                                        <option model.bind=\\\"null\\\">Select </option>\\r\\n                                        <option repeat.for=\\\"posionlevel of positionleveldropdowns\\\" model.bind=\\\"posionlevel\\\" selected.bind=\\\"posionlevel.PositionLevelId == positionlevelname\\\">${posionlevel.Name}</option>\\r\\n                                    </select>\\r\\n                                    <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of selectedpositionlevelError\\\">\\r\\n                                      ${errorInfo.error.message}\\r\\n                                    </span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"ValidFromError\\\" class.bind=\\\"ValidFromError.length ? 'has-error' : 'ValidFromErrorfield'\\\">\\r\\n                                <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Effective date </label>\\r\\n                                <div class=\\\"w-full\\\">\\r\\n                                    <input value.bind=\\\"EffectiveDate2 \\\" ref=\\\"Effectivedate2Picker\\\" value=\\\"${EffectiveDate2}\\\" class=\\\"w-full xl:w-48 text-sm border h-9 rounded-md px-2.5 xl:mr-4\\\" type=\\\"datepicker\\\" name=\\\"calender\\\">\\r\\n                                    <span class=\\\"hidden align-middle xl:inline-block\\\" value.bind=\\\"EffectiveDate2 \\\" ref=\\\"effective2Icon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"datepicker\\\" id=\\\"effectivedate2pic\\\"></span>\\r\\n                                    <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of ValidFromError\\\">\\r\\n                                 ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%] relative\\\" validation-errors.bind=\\\"AppraiseeNameError\\\" class.bind=\\\"AppraiseeNameError.length ? 'has-error' : 'AppraiseeNameErrorfield'\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Appraiser Name<span style=\\\"color: red;\\\"> *</span></label>\\r\\n                            <div class=\\\"w-full\\\">\\r\\n                                <input type=\\\"text\\\" class=\\\"w-full border h-9 rounded-md px-2.5\\\" value.bind=\\\"AppraiseeName & validate\\\" input.trigger=\\\"onAppraiserNameSelected()\\\">\\r\\n                                <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of AppraiseeNameError\\\">\\r\\n                                 ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                                <div if.bind=\\\"showEmployeeDropdown \\\" class=\\\"dropdown-container shadow-[0_5px_10px_rgba(30,32,37,0.12)] absolute max-h-64 z-50 bg-white w-[98%] overflow-auto md:left-[160px] md:w-[62%] top-full left-0.5 md:left-0\\\">\\r\\n                                    <ul class=\\\"dropdown-list\\\" >\\r\\n                                        <li class=\\\"text-sm list-items px-4 py-1.5 cursor-pointer hover:bg-zinc-200 transition\\\" repeat.for=\\\"empname of dropdownOptionss\\\" click.trigger=\\\"selectEmployee(empname)\\\" value.bind=\\\"empname.EmployeeID\\\" selected.bind=\\\"empname.AppraiseeID == data.AppraiseeID\\\">\\r\\n                                            ${empname.EmployeeName}\\r\\n                                        </li>\\r\\n                                    </ul>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"form-group\\\" >\\r\\n                            <div class=\\\"form-group relative\\\" >\\r\\n                                <div class=\\\"md:flex mb-5 w-full\\\" validation-errors.bind=\\\"searchQueryError\\\" class.bind=\\\"searchQueryError.length ? 'has-error' : 'searchQueryErrorfield'\\\">\\r\\n                                    <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Authorized by<span style=\\\"color: red;\\\"> *</span></label>\\r\\n                                    <div class=\\\"search-bar flex\\\">\\r\\n                                        <div class=\\\"w-[250px] mr-2.5\\\">\\r\\n                                            <input type=\\\"text\\\" class=\\\"w-full border h-9 rounded-md px-2.5\\\" value.bind=\\\"searchQuery\\\" input.trigger=\\\"onEmployeeSelected()\\\">\\r\\n                                            <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of searchQueryError\\\">\\r\\n                                               ${errorInfo.error.message}\\r\\n                                             </span>\\r\\n                                        </div>\\r\\n                                        <button class=\\\"whitespace-nowrap\\\" click.trigger=\\\"addToSelectedOptions(selectedEmployee.EmployeeID)\\\">Add to list</button>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                                <div if.bind=\\\"showEmpDropdown\\\" class=\\\"dropdown-container shadow-[0_5px_10px_rgba(30,32,37,0.12)] absolute max-h-64 z-50 bg-white w-[98%] overflow-auto md:left-[160px] md:w-[46%] top-[36px] left-0.5 md:left-0\\\">\\r\\n                                    <ul class=\\\"dropdown-list\\\" >\\r\\n                                        <li class=\\\"text-sm list-items px-4 py-1.5 cursor-pointer hover:bg-zinc-200 transition\\\" repeat.for=\\\"option of dropdownOptions\\\" click.trigger=\\\"selectaddEmployee(option)\\\" value.bind=\\\"option.EmployeeID\\\" >\\r\\n                                            ${option.EmployeeName}\\r\\n                                        </li>\\r\\n                                    </ul>\\r\\n                                </div>\\r\\n                                <div class=\\\"whitespace-nowrap overflow-y-auto mr-2\\\">\\r\\n                                    <table class=\\\"w-full mb-5\\\">\\r\\n                                        <thead class=\\\"thead-black\\\">\\r\\n                                        <tr class=\\\"bg-gray-50 border-b border-gray-200 text-xs leading-4 text-gray-500 tracking-wider\\\">\\r\\n                                            <th class=\\\"bg-[#1B2738] text-white px-3 py-2 text-left w-4/12\\\">\\r\\n                                                Employee name\\r\\n                                            </th>\\r\\n\\r\\n                                            <th class=\\\"bg-[#1B2738] text-white px-3 py-2 text-left w-2/12\\\">\\r\\n                                                Action\\r\\n                                            </th>\\r\\n                                        </tr>\\r\\n                                        </thead>\\r\\n                                        <tr repeat.for=\\\"emp of EmployeeListNames\\\">\\r\\n                                            <td class=\\\"px-3 py-2 text-left w-4/12\\\">${emp}</td>\\r\\n\\r\\n                                            <td class=\\\"px-3 py-2 text-left w-2/12\\\"><button class=\\\"!text-xs !h-7 !leading-[30px]\\\" type=\\\"button\\\" click.trigger=\\\"deleteEmployee(emp)\\\">Delete</button></td>\\r\\n                                        </tr>\\r\\n                                    </table>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"DivRight rule_lbl tpad2\\\">\\r\\n                            <div class=\\\"t-widget t-upload myCustomClass\\\" validation-errors.bind=\\\"uploadErrors\\\" class.bind=\\\"uploadErrors.length ? 'has-error' : 'uploadfield'\\\">\\r\\n                                <div class=\\\"t-button t-upload-button md:flex items-center mb-5\\\">\\r\\n                                    <label class=\\\"text-sm md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5 pr-2\\\" style=\\\"font-family: 'Avenir-Black';\\\">Upload document</label>\\r\\n                                    <input id=\\\"attachments\\\" style=\\\"display: none;\\\" files.bind=\\\"upload & validate\\\" name=\\\"attachments\\\" type=\\\"file\\\" change.delegate=\\\"handleFileSelect($event.target.files)\\\" accept=\\\".jpg,.png,.doc,.pdf\\\">\\r\\n                                <div>\\r\\n                                <div class=\\\"flex\\\">\\r\\n                                <button class=\\\"browse\\\" click.delegate=\\\"openFileDialog()\\\">Browse</button>\\r\\n                                </div>\\r\\n                                </div>\\r\\n                                </div>\\r\\n                                <div if.bind=\\\"file\\\" class=\\\"flex items-center mb-5 md:ml-40\\\">\\r\\n                                    <span class=\\\"uploaddoc\\\" title=\\\"${DocumentNameDisplay}\\\">${DocumentNameDisplay}</span>\\r\\n                                    <button class=\\\"text-xs h-7 leading-[30px] px-3.5 ml-3\\\">\\r\\n                                    <a href.bind=\\\"file\\\" click.delegate=\\\"downloadFile()\\\">View File</a>\\r\\n                                    </button>\\r\\n                                    <button class=\\\"remove-button text-xs h-7 leading-[30px] px-3.5 ml-3 ml-4\\\" click.delegate=\\\"removeFile()\\\">Remove</button>\\r\\n                                </div>\\r\\n                                <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of uploadErrors\\\">\\r\\n                                  ${errorInfo.error.message} ${fileMessage ? 'and ' + fileMessage : ''}\\r\\n                                </span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Comment</label>\\r\\n                            <textarea value.bind=\\\"comments\\\" class=\\\"w-full border h-20 resize-none rounded-md p-2.5\\\"></textarea>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\" validation-errors.bind=\\\"ValidFromError\\\" class.bind=\\\"ValidFromError.length ? 'has-error' : 'ValidFromErrorfield'\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block md:mt-1.5\\\">Next revision due date </label>\\r\\n                            <div class=\\\"w-full\\\">\\r\\n                                <input value.bind=\\\"DueDate \\\" ref=\\\"duedatePicker\\\" value=\\\"${DueDate}\\\" class=\\\"w-full xl:w-48 text-sm border h-9 rounded-md px-2.5 xl:mr-4\\\" type=\\\"datepicker\\\" name=\\\"calender\\\" change.delegate=\\\"returnDateSelected()\\\">\\r\\n                                <span class=\\\"hidden align-middle xl:inline-block\\\" value.bind=\\\"DueDate \\\" ref=\\\"duedateIcon\\\"><img src=\\\"\" + ___HTML_LOADER_REPLACEMENT_0___ + \"\\\" alt=\\\"datepicker\\\" id=\\\"nextduedate\\\"></span>\\r\\n                                <span class=\\\"error-messages text-sm\\\" repeat.for=\\\"errorInfo of ValidFromError\\\">\\r\\n                                 ${errorInfo.error.message}\\r\\n                                </span>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                        <div class=\\\"md:flex mb-5 w-full md:w-[75%]\\\">\\r\\n                            <label class=\\\"md:w-[160px] text-[#212B36] mb-2 block md:mb-0 md:inline-block pr-1.5\\\">Remind HR before </label>\\r\\n                            <div>\\r\\n                                <input value.bind=\\\"remaindBefore\\\" class=\\\"FourDigitNumber tpad4 w-[15%] border h-9 rounded-md px-2\\\" id=\\\"RemidDaysBeforeExpiryDate\\\" maxlength=\\\"2\\\" name=\\\"RemidDaysBeforeExpiryDate\\\" type=\\\"text\\\" oninput=\\\"this.value = this.value.replace(/[^0-9]/g, '')\\\" >\\r\\n                                <span class=\\\"md:ml-4\\\"><label for=\\\"day_s__from_expiry_date\\\">day(s)</label></span>\\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\\\" click.trigger = \\\"controller.cancel()\\\" value=\\\"Close\\\">\\r\\n                        <input class=\\\"transition\\\" type=\\\"submit\\\" click.trigger = \\\"save()\\\" value=\\\"Save\\\">\\r\\n                    </div>\\r\\n                </form>\\r\\n            </div>\\r\\n        </ai-dialog-body>\\r\\n        <ai-dialog-footer>\\r\\n        </ai-dialog-footer>\\r\\n    </ai-dialog>\\r\\n</template>\\r\\n\";\n// Exports\nexport default code;"],"names":[],"sourceRoot":""}