{"version":3,"sources":["webpack:///./src/components/p60Documents/p60FigureContainer.vue?a162","webpack:///./src/assets/mixins/utils.js","webpack:///./src/components/p60Documents/p60Document.vue?a83f","webpack:///./src/views/P60Documents.vue?1cb7","webpack:///./src/components/p60Documents/p60DetailsContainer.vue?dc75","webpack:///./src/views/P60Documents.vue","webpack:///./src/components/p60Documents/p60Document.vue","webpack:///./src/components/p60Documents/p60FigureContainer.vue","webpack:///src/components/p60Documents/p60FigureContainer.vue","webpack:///./src/components/p60Documents/p60FigureContainer.vue?93e3","webpack:///./src/components/p60Documents/p60FigureContainer.vue?a42a","webpack:///./src/components/p60Documents/p60DetailsContainer.vue","webpack:///src/components/p60Documents/p60DetailsContainer.vue","webpack:///./src/components/p60Documents/p60DetailsContainer.vue?50c6","webpack:///./src/components/p60Documents/p60DetailsContainer.vue?d748","webpack:///src/components/p60Documents/p60Document.vue","webpack:///./src/components/p60Documents/p60Document.vue?1cff","webpack:///./src/components/p60Documents/p60Document.vue?743b","webpack:///src/views/P60Documents.vue","webpack:///./src/views/P60Documents.vue?ef7c","webpack:///./src/views/P60Documents.vue?154e"],"names":["formatMoney","amount","decimalCount","arguments","length","undefined","decimal","thousands","currency","absDecimalCount","Math","abs","Number","isNaN","negativeSign","i","parseInt","toFixed","toString","j","substr","replace","concat","slice","utils","render","_vm","this","_c","_self","staticClass","attrs","_v","_m","p60s","directives","name","rawName","value","selectedP60","expression","on","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","multiple","_l","p60","key","data","Id","domProps","_s","parseP60OptionValue","ref","printingPayslip","_e","showP60Modal","taxYearTo","model","callback","$$v","slot","printPayslip","staticRenderFns","staticStyle","memberAddress","line","index","payeReference","issuerAddress","surname","forenamesOrInitials","nationalInsuranceNumber","pensionPayrollNumber","previousEmploymentPay","previousEmploymentTax","pensionPay","pensionTax","totalYearPay","totalYearTax","finalTaxCode","lsaP60Wording","payLabel","deductionLabel","label","payValue","deductionValue","showFiguresText","props","type","Boolean","required","default","String","component","class","isHorizontal","components","p60FigureContainer","p60DetailsContainer","selectedP60Data","Object","methods","computed","moment","TaxYearEndDate","get","PensionHolderAddressLine1","PensionHolderAddressLine2","PensionHolderAddressLine3","PensionHolderAddressLine4","PensionHolderPostcode","PensionHolderCountry","PAYEReference","EmployerName","EmployerAddressLine1","EmployerAddressLine2","EmployerAddressLine3","EmployerAddressLine4","EmployerAddressLine5","EmployerPostcode","EmployerCountry","PensionHolderSurname","PensionHolderForename","PensionHolderNationalInsuranceNumber","MemberNumber","PayInPreviousEmployment","TaxInPreviousEmployment","PayInThisEmployment","TaxInThisEmployment","TotalPayForYear","TotalTaxForYear","FinalTaxCode","LsaP60","p60Document","Modal","html2pdf","mounted","dashboardData","$store","dispatch","net","date","_this","nextTick","then","printOptions","margin","filename","image","quality","html2canvas","dpi","scale","letterRendering","useCORS","onrendered","canvas","ctx","getContext","webkitImageSmoothingEnabled","mozImageSmoothingEnabled","imageSmoothingEnabled","jsPDF","unit","format","orientation","pagebreak","mode","refdoc","$refs","innerHTML","from","set","toPdf","pdf","totalPages","internal","getNumberOfPages","text","textX","setPage","setFontSize","setTextColor","pageSize","getHeight","save","state","ui","_objectSpread","JSON","parse","toSorted","a","b","watch","handler","immediate","deep"],"mappings":"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","file":"js/P60.ec078998.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./p60FigureContainer.vue?vue&type=style&index=0&id=3f1b0eb5&prod&lang=scss&scoped=true\"","const formatMoney = (amount, decimalCount = 2, decimal = '.', thousands = ',', currency = '£') => {\r\n    let absDecimalCount = Math.abs(decimalCount);\r\n    absDecimalCount = Number.isNaN(absDecimalCount) ? 2 : absDecimalCount;\r\n\r\n    const negativeSign = amount < 0 ? '-' : '';\r\n\r\n    // eslint-disable-next-line radix, no-param-reassign\r\n    const i = parseInt(amount = Math.abs(Number(amount) || 0).toFixed(absDecimalCount)).toString();\r\n    const j = (i.length > 3) ? i.length % 3 : 0;\r\n\r\n    return negativeSign + currency + (j ? i.substr(0, j) + thousands : '') + i.substr(j).replace(/(\\d{3})(?=\\d)/g, `$1${thousands}`) + (decimalCount ? decimal + Math.abs(amount - i).toFixed(decimalCount).slice(2) : '');\r\n};\r\n\r\nconst utils = {\r\n    formatMoney,\r\n};\r\nexport default utils;\r\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./p60Document.vue?vue&type=style&index=0&id=28ebfad9&prod&lang=scss&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./P60Documents.vue?vue&type=style&index=0&id=072ad361&prod&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./p60DetailsContainer.vue?vue&type=style&index=0&id=46692761&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pageWrapper\"},[_c('div',{staticClass:\"additional-info container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-10 ml-auto mr-auto\"},[_c('div',{staticClass:\"breadcrumbs\"},[_c('router-link',{staticClass:\"link\",attrs:{\"to\":\"/\"}},[_vm._v(\"home\")]),_vm._v(\" / \"),_c('router-link',{staticClass:\"link\",attrs:{\"to\":\"/my-pension/my-data\"}},[_vm._v(\"my data\")]),_vm._v(\" /\\n                    P60\\n                \")],1),_c('div',{staticClass:\"rounded p-4 option\"},[_vm._m(0),_vm._m(1),(_vm.p60s.length)?_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedP60),expression:\"selectedP60\"}],staticClass:\"form-control theme-input\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectedP60=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.p60s),function(p60){return _c('option',{key:p60.data.Id,domProps:{\"value\":p60}},[_vm._v(_vm._s(_vm.parseP60OptionValue(p60)))])}),0):_c('div',[_c('p',[_vm._v(\"No P60 available\")])]),_c('div',{staticClass:\"divider\"}),_c('Transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.selectedP60)?_c('div',{ref:\"p60\",staticClass:\"p-60-file\"},[_c('p60Document',{attrs:{\"selectedP60Data\":_vm.selectedP60.data,\"printingPayslip\":_vm.printingPayslip}})],1):_vm._e()]),_c('div',{staticClass:\"button-outline-rounded small text-center open-p60-modal\",on:{\"click\":function($event){_vm.showP60Modal = true}}},[_vm._v(\"\\n                        View your p60 \"),_c('span',{staticClass:\"icon-file-text\"})]),_c('modal',{attrs:{\"headerText\":'P60 End of Year Certificate: Tax year to 5 April ' + _vm.taxYearTo,\"showFooter\":\"\"},model:{value:(_vm.showP60Modal),callback:function ($$v) {_vm.showP60Modal=$$v},expression:\"showP60Modal\"}},[_c('template',{slot:\"modal-body\"},[_c('div',{staticClass:\"modal-content p-4\"},[_c('p60Document',{attrs:{\"selectedP60Data\":_vm.selectedP60.data}})],1)]),_c('template',{slot:\"modal-footer\"},[(!_vm.printingPayslip)?_c('div',{staticClass:\"button-outline-rounded small\",attrs:{\"role\":\"link\",\"aria-label\":\"Download p60\"},on:{\"click\":_vm.printPayslip}},[_vm._v(\"\\n                                Download PDF of this P60\\n                                \"),_c('span',{staticClass:\"icon-download\"})]):(_vm.printingPayslip)?_c('div',[_vm._v(\"Printing please wait ... \")]):_vm._e(),_c('div',{staticClass:\"button-outline-rounded small text-center\",on:{\"click\":function($event){_vm.showP60Modal = false}}},[_vm._v(\"\\n                                Close \"),_c('span',{staticClass:\"icon-x\"})])])],2),_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.selectedP60 && !_vm.printingPayslip)?_c('div',{staticClass:\"button-outline-rounded small mt-4 d-large-only\",attrs:{\"tabindex\":\"0\",\"role\":\"link\",\"aria-label\":\"Download p60\"},on:{\"click\":_vm.printPayslip}},[_vm._v(\"\\n                            Download PDF of this P60\\n                            \"),_c('span',{staticClass:\"icon-download\"})]):_vm._e(),(_vm.printingPayslip)?_c('div',[_vm._v(\"Printing please wait ... \")]):_vm._e()])],1)])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-layers option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"h5 mb-1 mt-2 inline\"},[_vm._v(\"\\n                        P60\\n                        \"),_c('div',{staticClass:\"divider\"})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"p60 rounded\",staticStyle:{\"font-size\":\"14px\"}},[_c('section',{staticClass:\"header\"},[_c('div',{staticClass:\"header__certificate\"},[_vm._v(\"P60 End of Year Certificate\")]),_c('div',{staticClass:\"header__date\"},[_vm._v(\"Tax year to 5 April \"),_c('span',[_vm._v(_vm._s(_vm.taxYearTo))])]),_c('div',{staticClass:\"header__eP60\"},[_vm._v(\"This is a printed copy of an eP60\")]),_c('div',{staticClass:\"header__text\"},[_vm._v(\"This form shows your total pension for Income for Income Tax purposes paid to you by us for the year\")])]),_c('section',{staticClass:\"references\"},[_c('div',{staticClass:\"references__member-address\"},[_c('div',{staticClass:\"label\"},[_vm._v(\" \")]),_vm._l((_vm.memberAddress),function(line,index){return _c('div',{key:line + index},[_vm._v(_vm._s(line))])})],2),_c('div',{staticClass:\"references__paye-reference\"},[_c('div',{staticClass:\"label--bold\"},[_vm._v(\"PAYE Reference\")]),_c('div',{staticClass:\"box\"},[_vm._v(_vm._s(_vm.payeReference))])]),_c('div',{staticClass:\"references__issuer-address\"},[_c('div',{staticClass:\"label--bold\"},[_vm._v(\"Issued by\")]),_vm._l((_vm.issuerAddress),function(line,index){return _c('div',{key:line + index},[_vm._v(_vm._s(line))])})],2)]),_c('section',{staticClass:\"details-section\"},[_c('div',{staticClass:\"section-heading\"},[_vm._v(\"Pensioner's details\")]),_c('div',{staticClass:\"details-content\"},[_c('p60DetailsContainer',{staticClass:\"surname\",attrs:{\"label\":\"Surname\",\"value\":_vm.surname}}),_c('p60DetailsContainer',{staticClass:\"forenamesOrInitials\",attrs:{\"label\":\"Forenames or initials\",\"value\":_vm.forenamesOrInitials}}),_c('p60DetailsContainer',{staticClass:\"nationalInsuranceNumber\",attrs:{\"label\":\"National Insurance number\",\"value\":_vm.nationalInsuranceNumber,\"isHorizontal\":false}}),_c('p60DetailsContainer',{staticClass:\"pensionPayrollNumber\",attrs:{\"label\":\"Pension payroll number\",\"value\":_vm.pensionPayrollNumber,\"isHorizontal\":false}})],1)]),_c('section',{staticClass:\"tax-section\"},[_c('div',{staticClass:\"section-heading\"},[_vm._v(\"Pensioner and Income Tax details\")]),_c('div',{staticClass:\"tax-content\"},[_c('p60FigureContainer',{attrs:{\"payLabel\":\"Pay (£)\",\"deductionLabel\":\"Tax deducted (£)\",\"label\":\"In previous employment(s)\",\"payValue\":_vm.previousEmploymentPay,\"deductionValue\":_vm.previousEmploymentTax}}),_c('p60FigureContainer',{staticClass:\"highlight\",attrs:{\"payLabel\":\"<b>Pension (£)</b>\",\"deductionLabel\":\"Tax deducted (£)<br>If refund mark 'R'\",\"label\":\"Pension paid by us\",\"payValue\":_vm.pensionPay,\"deductionValue\":_vm.pensionTax,\"showFiguresText\":\"\"}}),_c('p60FigureContainer',{attrs:{\"payLabel\":\"Pension / Pay (£)\",\"deductionLabel\":\"Tax deducted (£)\",\"label\":\"Total for year\",\"payValue\":_vm.totalYearPay,\"deductionValue\":_vm.totalYearTax}}),_c('p60DetailsContainer',{staticClass:\"finalTaxCode\",attrs:{\"label\":\"Final tax code\",\"value\":_vm.finalTaxCode}})],1)]),_c('section',{staticClass:\"to-the-pensioner\"},[(_vm.lsaP60Wording)?_c('p',{staticClass:\"mb-1\"},[_vm._v(_vm._s(_vm.lsaP60Wording))]):_vm._e(),_vm._m(0),_vm._m(1),_c('p',[_vm._v(\"You can also use it to check we are using your correct National Insurance number\")]),_vm._m(2)]),(!_vm.printingPayslip)?_c('section',{staticClass:\"footer\"},[_c('div',[_vm._v(\"P60(Substitute)(Altus-APG)\")]),_c('div',{staticClass:\"do-not-destroy\"},[_vm._v(\"Do not destroy\")])]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',[_c('b',[_vm._v(\"To the pensioner\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"Please keep this certificate in a safe place. \"),_c('b',[_vm._v(\"You will need it if you have to fill in a tax return, make a claim for tax credits or to renew\\n                your claim\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_c('b',[_vm._v(\"By law you are required to tell HM Revenue and Customs about any income that is not fully taxed, even if you are not sent a tax return.\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"figure-container\"},[_c('div',{staticClass:\"payLabel\",domProps:{\"innerHTML\":_vm._s(_vm.payLabel)}}),_c('div',{staticClass:\"deductionLabel\",domProps:{\"innerHTML\":_vm._s(_vm.deductionLabel)}}),_c('div',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.label))]),_c('div',{staticClass:\"payValue\"},[_vm._v(_vm._s(_vm.payValue))]),_c('div',{staticClass:\"deductionValue\"},[_vm._v(_vm._s(_vm.deductionValue))]),(_vm.showFiguresText)?_c('div',{staticClass:\"tax-return\"},[_vm._v(\"Figures shown here should be used for your tax return, if you get one\")]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"figure-container\">\r\n        <div class=\"payLabel\" v-html=\"payLabel\"></div>\r\n        <div class=\"deductionLabel\" v-html=\"deductionLabel\"></div>\r\n        <div class=\"label\">{{ label }}</div>\r\n        <div class=\"payValue\">{{ payValue }}</div>\r\n        <div class=\"deductionValue\">{{ deductionValue }}</div>\r\n        <div class=\"tax-return\" v-if=\"showFiguresText\">Figures shown here should be used for your tax return, if you get one</div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n    name: 'p60FigureContainer',\r\n    props: {\r\n        showFiguresText: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false,\r\n        },\r\n        payLabel: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        deductionLabel: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        label: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        payValue: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        deductionValue: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n    },\r\n\r\n\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.figure-container {\r\n    display: grid;\r\n    align-items: center;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    grid-template-areas:\r\n        \". payLabel deductionLabel .\"\r\n        \"label payValue deductionValue tax-return\";\r\n    column-gap: inherit;\r\n\r\n    .payLabel {\r\n        grid-area: payLabel;\r\n        text-align: end;\r\n        padding: 4px;\r\n\r\n    }\r\n\r\n    .deductionLabel {\r\n        grid-area: deductionLabel;\r\n        text-align: end;\r\n        padding: 4px;\r\n\r\n    }\r\n\r\n    .label {\r\n        grid-area: label;\r\n        padding: 4px;\r\n    }\r\n\r\n    .payValue {\r\n        grid-area: payValue;\r\n\r\n    }\r\n\r\n    .deductionValue {\r\n        grid-area: deductionValue;\r\n    }\r\n    .tax-return {\r\n        grid-area: tax-return;\r\n        padding: 4px;\r\n\r\n\r\n    }\r\n\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./p60FigureContainer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./p60FigureContainer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./p60FigureContainer.vue?vue&type=template&id=3f1b0eb5&scoped=true\"\nimport script from \"./p60FigureContainer.vue?vue&type=script&lang=js\"\nexport * from \"./p60FigureContainer.vue?vue&type=script&lang=js\"\nimport style0 from \"./p60FigureContainer.vue?vue&type=style&index=0&id=3f1b0eb5&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3f1b0eb5\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['details-container', { 'details-container--horizontal': _vm.isHorizontal }]},[(_vm.label)?_c('div',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.label))]):_vm._e(),_c('div',{staticClass:\"value\"},[_vm._v(_vm._s(_vm.value))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div :class=\"['details-container', { 'details-container--horizontal': isHorizontal }]\">\r\n        <div class=\"label\" v-if=\"label\">{{ label }}</div>\r\n        <div class=\"value\">{{ value }}</div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n    name: 'p60DetailsContainer',\r\n    props: {\r\n        isHorizontal: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: true,\r\n        },\r\n        label: {\r\n            type: String,\r\n            required: true,\r\n        },\r\n        value: {\r\n            type: [String, Number],\r\n            required: true,\r\n        },\r\n    },\r\n\r\n\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.details-container {\r\n    display: grid;\r\n    align-items: center;\r\n    grid-template-columns: subgrid;\r\n    gap: 0;\r\n\r\n    &--horizontal {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: inherit;\r\n\r\n    }\r\n    .label {\r\n        padding: 4px;\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./p60DetailsContainer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./p60DetailsContainer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./p60DetailsContainer.vue?vue&type=template&id=46692761&scoped=true\"\nimport script from \"./p60DetailsContainer.vue?vue&type=script&lang=js\"\nexport * from \"./p60DetailsContainer.vue?vue&type=script&lang=js\"\nimport style0 from \"./p60DetailsContainer.vue?vue&type=style&index=0&id=46692761&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"46692761\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"p60 rounded\" style=\"font-size: 14px\">\r\n        <section class=\"header\">\r\n            <div class=\"header__certificate\">P60 End of Year Certificate</div>\r\n            <div class=\"header__date\">Tax year to 5 April <span>{{ taxYearTo }}</span></div>\r\n            <div class=\"header__eP60\">This is a printed copy of an eP60</div>\r\n            <div class=\"header__text\">This form shows your total pension for Income for Income Tax purposes paid to you by us for the year</div>\r\n        </section>\r\n        <section class=\"references\">\r\n            <div class=\"references__member-address\">\r\n                <div class=\"label\">&nbsp;</div>\r\n                <div v-for=\"(line, index) in memberAddress\" :key=\"line + index\">{{ line }}</div>\r\n            </div>\r\n            <div class=\"references__paye-reference\">\r\n                <div class=\"label--bold\">PAYE Reference</div>\r\n                <div class=\"box\">{{ payeReference }}</div>\r\n            </div>\r\n            <div class=\"references__issuer-address\">\r\n                <div class=\"label--bold\">Issued by</div>\r\n                <div v-for=\"(line, index) in issuerAddress\" :key=\"line + index\">{{ line }}</div>\r\n            </div>\r\n        </section>\r\n        <section class=\"details-section\">\r\n            <div class=\"section-heading\">Pensioner's details</div>\r\n            <div class=\"details-content\">\r\n                <p60DetailsContainer label=\"Surname\" :value=\"surname\" class=\"surname\" />\r\n                <p60DetailsContainer label=\"Forenames or initials\" :value=\"forenamesOrInitials\" class=\"forenamesOrInitials\" />\r\n                <p60DetailsContainer label=\"National Insurance number\" :value=\"nationalInsuranceNumber\" :isHorizontal=\"false\" class=\"nationalInsuranceNumber\" />\r\n                <p60DetailsContainer label=\"Pension payroll number\" :value=\"pensionPayrollNumber\" :isHorizontal=\"false\" class=\"pensionPayrollNumber\" />\r\n            </div>\r\n        </section>\r\n        <section class=\"tax-section\">\r\n            <div class=\"section-heading\">Pensioner and Income Tax details</div>\r\n            <div class=\"tax-content\">\r\n                <p60FigureContainer payLabel=\"Pay (£)\" deductionLabel=\"Tax deducted (£)\" label=\"In previous employment(s)\" :payValue=\"previousEmploymentPay\"\r\n                    :deductionValue=\"previousEmploymentTax\" />\r\n                <p60FigureContainer payLabel=\"<b>Pension (£)</b>\" deductionLabel=\"Tax deducted (£)<br>If refund mark 'R'\" label=\"Pension paid by us\"\r\n                    :payValue=\"pensionPay\" :deductionValue=\"pensionTax\" class=\"highlight\" showFiguresText />\r\n                <p60FigureContainer payLabel=\"Pension / Pay (£)\" deductionLabel=\"Tax deducted (£)\" label=\"Total for year\" :payValue=\"totalYearPay\"\r\n                    :deductionValue=\"totalYearTax\" />\r\n                <p60DetailsContainer label=\"Final tax code\" :value=\"finalTaxCode\" class=\"finalTaxCode\" />\r\n            </div>\r\n        </section>\r\n        <section class=\"to-the-pensioner\">\r\n            <p v-if=\"lsaP60Wording\" class=\"mb-1\">{{ lsaP60Wording }}</p>\r\n            <p><b>To the pensioner</b></p>\r\n            <p>Please keep this certificate in a safe place. <b>You will need it if you have to fill in a tax return, make a claim for tax credits or to renew\r\n                    your claim</b></p>\r\n            <p>You can also use it to check we are using your correct National Insurance number</p>\r\n            <p><b>By law you are required to tell HM Revenue and Customs about any income that is not fully taxed, even if you are not sent a tax return.</b>\r\n            </p>\r\n        </section>\r\n        <section v-if=\"!printingPayslip\" class=\"footer\">\r\n            <div>P60(Substitute)(Altus-APG)</div>\r\n            <div class=\"do-not-destroy\">Do not destroy</div>\r\n        </section>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport utils from '@/assets/mixins/utils';\r\nimport moment from 'moment';\r\nimport p60FigureContainer from './p60FigureContainer.vue';\r\nimport p60DetailsContainer from './p60DetailsContainer.vue';\r\n\r\n\r\nexport default {\r\n    name: 'P60Document',\r\n    components: {\r\n        p60FigureContainer,\r\n        p60DetailsContainer,\r\n    },\r\n    props: {\r\n        selectedP60Data: {\r\n            type: Object,\r\n            required: true,\r\n        },\r\n        printingPayslip: {\r\n            type: Boolean,\r\n            required: false,\r\n            default: false,\r\n        },\r\n    },\r\n    methods: {\r\n        formatMoney (amount) {\r\n            return utils.formatMoney(amount);\r\n        },\r\n    },\r\n    computed: {\r\n\r\n        taxYearTo () {\r\n            return moment(this.selectedP60Data.TaxYearEndDate).get('year');\r\n        },\r\n        memberAddress () {\r\n            return [\r\n                `${this.forenamesOrInitials} ${this.surname}`,\r\n                this.selectedP60Data.PensionHolderAddressLine1,\r\n                this.selectedP60Data.PensionHolderAddressLine2,\r\n                this.selectedP60Data.PensionHolderAddressLine3,\r\n                this.selectedP60Data.PensionHolderAddressLine4,\r\n                this.selectedP60Data.PensionHolderPostcode,\r\n                this.selectedP60Data.PensionHolderCountry,\r\n            ];\r\n        },\r\n        payeReference () {\r\n            return this.selectedP60Data.PAYEReference;\r\n        },\r\n        issuerAddress () {\r\n            return [\r\n                this.selectedP60Data.EmployerName,\r\n                this.selectedP60Data.EmployerAddressLine1,\r\n                this.selectedP60Data.EmployerAddressLine2,\r\n                this.selectedP60Data.EmployerAddressLine3,\r\n                this.selectedP60Data.EmployerAddressLine4,\r\n                this.selectedP60Data.EmployerAddressLine5,\r\n                this.selectedP60Data.EmployerPostcode,\r\n                this.selectedP60Data.EmployerCountry,\r\n            ];\r\n        },\r\n        surname () {\r\n            return this.selectedP60Data.PensionHolderSurname;\r\n        },\r\n        forenamesOrInitials () {\r\n            return this.selectedP60Data.PensionHolderForename;\r\n        },\r\n        nationalInsuranceNumber () {\r\n            return this.selectedP60Data.PensionHolderNationalInsuranceNumber;\r\n        },\r\n        pensionPayrollNumber () {\r\n            return this.selectedP60Data.MemberNumber;\r\n        },\r\n        previousEmploymentPay () {\r\n            return this.formatMoney(this.selectedP60Data.PayInPreviousEmployment);\r\n        },\r\n        previousEmploymentTax () {\r\n            return this.formatMoney(this.selectedP60Data.TaxInPreviousEmployment);\r\n        },\r\n        pensionPay () {\r\n            return this.formatMoney(this.selectedP60Data.PayInThisEmployment);\r\n        },\r\n        pensionTax () {\r\n            return this.formatMoney(this.selectedP60Data.TaxInThisEmployment);\r\n        },\r\n        totalYearPay () {\r\n            return this.formatMoney(this.selectedP60Data.TotalPayForYear);\r\n        },\r\n        totalYearTax () {\r\n            return this.formatMoney(this.selectedP60Data.TotalTaxForYear);\r\n        },\r\n        finalTaxCode () {\r\n            return this.selectedP60Data.FinalTaxCode;\r\n        },\r\n        lsaP60Wording () {\r\n            return this.selectedP60Data.LsaP60;\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n$p60Dark: rgb(88, 79, 114);\r\n$p60Light: rgb(244, 243, 247);\r\n\r\n$p60FontWeightBold: 700;\r\n$p60White: white;\r\n$p60Black: black;\r\n$padding: 4px;\r\n$gap: 4px;\r\n$border: 1px solid $p60Dark;\r\n\r\n.highlight {\r\n    ::v-deep(.label) {\r\n        position: relative;\r\n        background-color: $p60Dark;\r\n        color: $p60Light;\r\n        border: 4px solid $p60Dark;\r\n        align-content: center;\r\n\r\n        &::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            right: calc((.5em * -1) - 4px);\r\n            width: .5em;\r\n            height: 4px;\r\n            background-color: $p60Dark;\r\n            transform: translateY(-50%);\r\n        }\r\n    }\r\n\r\n    ::v-deep(.payValue) {\r\n        position: relative;\r\n\r\n        border-width: 4px !important;\r\n\r\n        &::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            right: calc((.5em * -1) - 4px);\r\n            width: .5em;\r\n            height: 4px;\r\n            background-color: $p60Dark;\r\n            transform: translateY(-50%);\r\n        }\r\n    }\r\n\r\n    ::v-deep(.deductionValue) {\r\n        border-width: 4px !important;\r\n\r\n    }\r\n\r\n    ::v-deep(.tax-return) {\r\n        position: relative;\r\n        background-color: $p60Dark;\r\n        color: $p60White;\r\n        border: 4px solid $p60Dark;\r\n\r\n        &::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: calc((.5em * -1) - 4px);\r\n            width: .5em;\r\n            height: 4px;\r\n            background-color: $p60Dark;\r\n            transform: translateY(-50%);\r\n        }\r\n    }\r\n}\r\n\r\n::v-deep(.details-container) {\r\n    .value {\r\n        border: $border;\r\n        background-color: $p60White;\r\n        padding: $padding;\r\n    }\r\n}\r\n\r\n::v-deep(.figure-container) {\r\n\r\n    .payValue,\r\n    .deductionValue {\r\n        border: $border;\r\n        background-color: $p60White;\r\n        padding: $padding;\r\n        text-align: end;\r\n    }\r\n}\r\n\r\n.references,\r\n.details-section,\r\n.tax-section,\r\n.to-the-pensioner,\r\n.footer {\r\n    margin-top: .5em;\r\n}\r\n\r\n.tax-section {\r\n\r\n\r\n    .tax-return {\r\n        background-color: $p60Dark;\r\n        color: $p60White;\r\n        height: fit-content;\r\n        margin-left: .5em;\r\n        margin-top: .5em;\r\n        padding: .25em;\r\n\r\n    }\r\n\r\n\r\n}\r\n\r\n\r\n.p60 {\r\n    font-family: \"Calibri\", \"Segoe UI\", Tahoma, Verdana, Sans-Serif;\r\n    font-variant-ligatures: none;\r\n    font-kerning: none;\r\n    text-indent: 0;\r\n    background-color: white;\r\n    padding: .75em .75em .5em;\r\n    color: $p60Dark;\r\n    min-width: 700px;\r\n}\r\n\r\n.header {\r\n    display: grid;\r\n    gap: $gap;\r\n\r\n    grid-template-areas:\r\n        \"certificate date\"\r\n        \"eP60 eP60\"\r\n        \"text text\";\r\n    grid-template-columns: 1fr auto;\r\n\r\n    &__certificate {\r\n        font-size: 2em;\r\n\r\n        grid-area: certificate;\r\n        font-weight: $p60FontWeightBold;\r\n\r\n    }\r\n\r\n    &__date {\r\n        font-size: 1.5em;\r\n        grid-area: date;\r\n        padding: $padding;\r\n\r\n        background-color: $p60Dark;\r\n        color: $p60White;\r\n        font-weight: $p60FontWeightBold;\r\n\r\n\r\n        span {\r\n            background-color: $p60White;\r\n            color: $p60Dark\r\n        }\r\n    }\r\n\r\n    &__eP60 {\r\n        grid-area: eP60;\r\n        color: $p60Black;\r\n    }\r\n\r\n    &__text {\r\n        grid-area: text;\r\n\r\n    }\r\n}\r\n\r\n.references {\r\n    display: grid;\r\n    gap: $gap;\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    .box {\r\n        justify-self: left;\r\n        padding: $padding;\r\n\r\n    }\r\n}\r\n\r\n.section-heading {\r\n    background-color: $p60Dark;\r\n    color: $p60White;\r\n    padding: $padding;\r\n    text-align: center;\r\n    font-size: 1.5em;\r\n    font-weight: $p60FontWeightBold;\r\n}\r\n\r\n.details-content {\r\n    background-color: $p60Light;\r\n    display: grid;\r\n    grid-template-areas:\r\n        \"surname surname\"\r\n        \"forenamesOrInitials forenamesOrInitials\"\r\n        \"nationalInsuranceNumber pensionPayrollNumber\";\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: .5em;\r\n    padding: $padding;\r\n\r\n\r\n    .surname {\r\n        grid-area: surname;\r\n    }\r\n\r\n    .forenamesOrInitials {\r\n        grid-area: forenamesOrInitials;\r\n    }\r\n\r\n    .nationalInsuranceNumber {\r\n        grid-area: nationalInsuranceNumber;\r\n    }\r\n\r\n    .pensionPayrollNumber {\r\n        grid-area: pensionPayrollNumber;\r\n    }\r\n\r\n}\r\n\r\n.tax-content {\r\n    background-color: $p60Light;\r\n    gap: .5em;\r\n    display: grid;\r\n    padding: $padding;\r\n\r\n}\r\n\r\n\r\n.label--bold {\r\n    font-weight: $p60FontWeightBold;\r\n}\r\n\r\n.label {\r\n    padding: $padding;\r\n}\r\n\r\n.to-the-pensioner {\r\n    p {\r\n        margin-bottom: 0;\r\n        line-height: normal;\r\n    }\r\n}\r\n\r\n.footer {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    opacity: .6;\r\n\r\n    .do-not-destroy {\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n.box {\r\n    border: $border;\r\n    background-color: $p60White;\r\n    padding: $padding;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./p60Document.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./p60Document.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./p60Document.vue?vue&type=template&id=28ebfad9&scoped=true\"\nimport script from \"./p60Document.vue?vue&type=script&lang=js\"\nexport * from \"./p60Document.vue?vue&type=script&lang=js\"\nimport style0 from \"./p60Document.vue?vue&type=style&index=0&id=28ebfad9&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"28ebfad9\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"pageWrapper\">\r\n        <div class=\"additional-info container\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-10 ml-auto mr-auto\">\r\n                    <div class=\"breadcrumbs\">\r\n                        <router-link to=\"/\" class=\"link\">home</router-link> / <router-link to=\"/my-pension/my-data\" class=\"link\">my data</router-link> /\r\n                        P60\r\n                    </div>\r\n                    <div class=\"rounded p-4 option\">\r\n                        <div class=\"icon-round\">\r\n                            <span class=\"icon-layers option-icon\"></span>\r\n                        </div>\r\n                        <h3 class=\"h5 mb-1 mt-2 inline\">\r\n                            P60\r\n                            <div class=\"divider\"></div>\r\n                        </h3>\r\n\r\n                        <select v-if=\"p60s.length\" v-model=\"selectedP60\" class=\"form-control theme-input\">\r\n                            <option v-for=\"p60 in p60s\" :key=\"p60.data.Id\" :value=\"p60\">{{ parseP60OptionValue(p60) }}</option>\r\n                        </select>\r\n                        <div v-else>\r\n                            <p>No P60 available</p>\r\n                        </div>\r\n                        <div class=\"divider\"></div>\r\n                        <Transition name=\"fade\" mode=\"out-in\">\r\n                            <div v-if=\"selectedP60\" ref=\"p60\" class=\"p-60-file\">\r\n                                <p60Document :selectedP60Data=\"selectedP60.data\" :printingPayslip=\"printingPayslip\"></p60Document>\r\n                            </div>\r\n                        </Transition>\r\n\r\n                        <div class=\"button-outline-rounded small text-center open-p60-modal\" @click=\"showP60Modal = true\">\r\n                            View your p60 <span class=\"icon-file-text\"></span>\r\n                        </div>\r\n                        <modal v-model=\"showP60Modal\" :headerText=\"'P60 End of Year Certificate: Tax year to 5 April ' + taxYearTo\" showFooter>\r\n                            <template slot=\"modal-body\">\r\n                                <div class=\"modal-content p-4\">\r\n                                    <p60Document :selectedP60Data=\"selectedP60.data\"></p60Document>\r\n                                </div>\r\n                            </template>\r\n                            <template slot=\"modal-footer\">\r\n                                <div v-if=\"!printingPayslip\" role=\"link\" aria-label=\"Download p60\" class=\"button-outline-rounded small\" @click=\"printPayslip\">\r\n                                    Download PDF of this P60\r\n                                    <span class=\"icon-download\"></span>\r\n                                </div>\r\n                                <div v-else-if=\"printingPayslip\">Printing please wait ... </div>\r\n                                <div class=\"button-outline-rounded small text-center\" @click=\"showP60Modal = false\">\r\n                                    Close <span class=\"icon-x\"></span>\r\n                                </div>\r\n                            </template>\r\n                        </modal>\r\n                        <transition name=\"fade\" mode=\"out-in\">\r\n                            <div v-if=\"selectedP60 && !printingPayslip\" tabindex=\"0\" role=\"link\" aria-label=\"Download p60\"\r\n                                class=\"button-outline-rounded small mt-4 d-large-only\" @click=\"printPayslip\">\r\n                                Download PDF of this P60\r\n                                <span class=\"icon-download\"></span>\r\n                            </div>\r\n                            <div v-if=\"printingPayslip\">Printing please wait ... </div>\r\n                        </transition>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport html2pdf from 'html2pdf.js';\r\nimport moment from 'moment';\r\nimport utils from '@/assets/mixins/utils';\r\nimport p60Document from '@/components/p60Documents/p60Document.vue';\r\nimport Modal from '@/components/layout/Modal.vue';\r\nimport { nextTick } from 'vue';\r\n\r\nexport default {\r\n    components: {\r\n        p60Document,\r\n        Modal,\r\n    },\r\n    data () {\r\n        return {\r\n            selectedP60: null,\r\n            printingPayslip: false,\r\n            showP60Modal: false,\r\n        };\r\n    },\r\n    component: { html2pdf },\r\n    mounted () {\r\n        if (!this.dashboardData) {\r\n            this.$store.dispatch('getDashboardData');\r\n        }\r\n    },\r\n    methods: {\r\n        formatMoney (amount) {\r\n            return utils.formatMoney(amount);\r\n        },\r\n        parseP60OptionValue (p60) {\r\n            const net = this.formatMoney(p60.data.TotalPayForYear);\r\n            return `${p60.date} - ${net}`;\r\n        },\r\n        printPayslip () {\r\n            this.printingPayslip = true;\r\n            nextTick()\r\n                .then(() => {\r\n                    // DOM updated\r\n                    const printOptions = {\r\n                        margin: 0.05,\r\n                        filename: this.selectedP60.name,\r\n                        image: {\r\n                            type: 'jpeg',\r\n                            quality: 0.98,\r\n                        },\r\n                        html2canvas: {\r\n                            dpi: 192,\r\n                            scale: 2,\r\n                            letterRendering: true,\r\n                            useCORS: true,\r\n                            onrendered (canvas) {\r\n                                const ctx = canvas.getContext('2d');\r\n                                ctx.webkitImageSmoothingEnabled = true;\r\n                                ctx.mozImageSmoothingEnabled = true;\r\n                                ctx.imageSmoothingEnabled = true;\r\n                            },\r\n                        },\r\n                        jsPDF: {\r\n                            unit: 'in',\r\n                            format: 'letter',\r\n                            orientation: 'portrait',\r\n                        },\r\n                        pagebreak: { mode: ['avoid-all', 'css', 'legacy'] },\r\n                    };\r\n                    const refdoc = this.$refs.p60.innerHTML;\r\n\r\n                    html2pdf().from(refdoc).set(printOptions).toPdf()\r\n                        .get('pdf')\r\n                        .then((pdf) => {\r\n                            const totalPages = pdf.internal.getNumberOfPages();\r\n                            const text = 'P60(Substitute)(Altus-APG) Do not destroy';\r\n                            const textX = 0.15; // Set the left margin for the text\r\n\r\n                            for (let i = 1; i <= totalPages; i += 1) {\r\n                                pdf.setPage(i);\r\n                                pdf.setFontSize(9);\r\n                                pdf.setTextColor(150);\r\n                                pdf.text(textX, pdf.internal.pageSize.getHeight() - 0.3, text);\r\n                            }\r\n                        })\r\n                        .save()\r\n                        .then(() => {\r\n                            this.printingPayslip = false;\r\n                        });\r\n                });\r\n        },\r\n    },\r\n    computed: {\r\n        dashboardData () {\r\n            return this.$store.state.ui.dashboardData;\r\n        },\r\n        /**\r\n         * Computed property to get and sort the P60 documents.\r\n         *\r\n         * Each P60 document contains the following properties:\r\n         * @typedef {Object} P60\r\n         * @property {string} name - The name of the P60 document.\r\n         * @property {string} date - The date of the P60 document.\r\n         * @property {string} data - The JSON string containing detailed information about the P60 document.\r\n         *\r\n         * The detailed information in the `data` property includes:\r\n         * @typedef {Object} P60Data\r\n         * @property {string} P60HeaderId - The unique identifier for the P60 header.\r\n         * @property {number} MemberNumber - The member number.\r\n         * @property {string} PAYEReference - The PAYE reference number.\r\n         * @property {string} EmployerName - The name of the employer.\r\n         * @property {string} EmployerAddressLine1 - The first line of the employer's address.\r\n         * @property {string} EmployerAddressLine2 - The second line of the employer's address.\r\n         * @property {string} EmployerAddressLine3 - The third line of the employer's address.\r\n         * @property {string} EmployerAddressLine4 - The fourth line of the employer's address.\r\n         * @property {string} EmployerAddressLine5 - The fifth line of the employer's address.\r\n         * @property {string} EmployerPostcode - The postcode of the employer's address.\r\n         * @property {string} EmployerCountry - The country of the employer's address.\r\n         * @property {string} PensionHolderSurname - The surname of the pension holder.\r\n         * @property {string} PensionHolderForename - The forename of the pension holder.\r\n         * @property {string} PensionHolderNationalInsuranceNumber - The National Insurance number of the pension holder.\r\n         * @property {string} PensionHolderCustomerReference - The customer reference of the pension holder.\r\n         * @property {number} PayInPreviousEmployment - The pay in previous employment.\r\n         * @property {number} TaxInPreviousEmployment - The tax in previous employment.\r\n         * @property {number} PayInThisEmployment - The pay in this employment.\r\n         * @property {number} TaxInThisEmployment - The tax in this employment.\r\n         * @property {number} TotalPayForYear - The total pay for the year.\r\n         * @property {number} TotalTaxForYear - The total tax for the year.\r\n         * @property {string} FinalTaxCode - The final tax code.\r\n         * @property {string} TaxYearEndDate - The end date of the tax year.\r\n         * @property {string} PensionHolderAddressLine1 - The first line of the pension holder's address.\r\n         * @property {string} PensionHolderAddressLine2 - The second line of the pension holder's address.\r\n         * @property {string} PensionHolderAddressLine3 - The third line of the pension holder's address.\r\n         * @property {string} PensionHolderAddressLine4 - The fourth line of the pension holder's address.\r\n         * @property {string} PensionHolderPostcode - The postcode of the pension holder's address.\r\n         * @property {string} PensionHolderCountry - The country of the pension holder's address.\r\n         * @property {string} LsaP60 - Information about the Lump Sum Allowance (LSA) and Lump Sum and Death Benefit Allowance (LSDBA).\r\n         * @property {string} P60Header - The P60 header.\r\n         * @property {string} Created - The creation date of the P60 document.\r\n         * @property {string} CreatedBy - The identifier of the user who created the P60 document.\r\n         * @property {string} Updated - The update date of the P60 document.\r\n         * @property {string} UpdatedBy - The identifier of the user who updated the P60 document.\r\n         * @property {string} Id - The unique identifier of the P60 document.\r\n         *\r\n         * @returns {P60[]} The sorted array of P60 documents.\r\n         */\r\n        p60s () {\r\n            if (!this.dashboardData) return [];\r\n            if (!this.dashboardData.p60s) return [];\r\n            return this.dashboardData.p60s\r\n                .map(p60 => ({\r\n                    ...p60,\r\n                    data: JSON.parse(p60.data),\r\n                }))\r\n                .toSorted((a, b) => (moment(a.date, 'DD MMM YYYY').format('YYYY-MM-DD') > moment(b.date, 'DD MMM YYYY').format('YYYY-MM-DD') ? -1 : 1));\r\n        },\r\n        taxYearTo () {\r\n            return moment(this.selectedP60.data.TaxYearEndDate).get('year');\r\n        },\r\n\r\n\r\n    },\r\n    watch: {\r\n        p60s: {\r\n            handler () {\r\n                if (!this.p60s.length) return;\r\n                this.selectedP60 = this.p60s[0];\r\n            },\r\n            immediate: true,\r\n            deep: true,\r\n        },\r\n\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/scss/_mixins.scss\";\r\n.d-large-only {\r\n    display: none;\r\n\r\n    @media (min-width: 1024px) {\r\n        display: block;\r\n        width: fit-content;\r\n    }\r\n}\r\n\r\n.p-60-file {\r\n    display: none;\r\n\r\n    @media (min-width: 1024px) {\r\n        display: block;\r\n    }\r\n}\r\n\r\n.open-p60-modal {\r\n    display: none;\r\n\r\n    @media (max-width: 1023px) {\r\n        display: block;\r\n\r\n    }\r\n}\r\n\r\n.option {\r\n    background-color: var(--greyColour);\r\n    color: inherit;\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n    transition: $generalTransition;\r\n\r\n    .icon-round {\r\n        .option-icon {\r\n            font-size: 60px;\r\n            height: 60px;\r\n            width: 60px;\r\n            opacity: 0.3;\r\n            position: absolute;\r\n            right: 15px;\r\n            top: 10px;\r\n            color: var(--primaryColour);\r\n        }\r\n    }\r\n\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./P60Documents.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./P60Documents.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./P60Documents.vue?vue&type=template&id=072ad361&scoped=true\"\nimport script from \"./P60Documents.vue?vue&type=script&lang=js\"\nexport * from \"./P60Documents.vue?vue&type=script&lang=js\"\nimport style0 from \"./P60Documents.vue?vue&type=style&index=0&id=072ad361&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"072ad361\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}