This calculator will help you understand the basics of how tax works.
It doesn't send any information to Revenue Jersey or make changes to your records with us.
The calculator makes standard assumptions to estimate your tax and long-term care.
The results can't be used to override or dispute any officially issued notice from Revenue Jersey or be used for financial planning. They are for guidance purposes only.
It can illustrate the most common circumstances but isn't designed for every scenario.
Select your circumstances and then use the sliders or type the figure you want directly into the boxes.
As you enter or change your details, you'll see how this affects your allowances, how much of your income is taxed and the amount of tax and long-term care.
Select any area of the results graphic or select ‘view table’ to see a breakdown of the amounts.
If you said you were married or in a civil partnership, you'll be able to get an illustration of how independent taxation might affect you.
\", 14)\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n return (_openBlock(), _createBlock(\"div\", null, [\n _hoisted_1\n ]))\n}","\nimport { defineComponent } from \"vue\";\nexport default defineComponent({\n name: 'IntroText'\n})\n","import { render } from \"./IntroText.vue?vue&type=template&id=4bad0070&ts=true\"\nimport script from \"./IntroText.vue?vue&type=script&lang=ts\"\nexport * from \"./IntroText.vue?vue&type=script&lang=ts\"\n\nimport exportComponent from \"/Users/jackmackenzie/Code/how_tax_works/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { toDisplayString as _toDisplayString, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createTextVNode as _createTextVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\nconst _withId = /*#__PURE__*/_withScopeId(\"data-v-eefcb0d0\")\n\n_pushScopeId(\"data-v-eefcb0d0\")\nconst _hoisted_1 = { class: \"button-container\" }\nconst _hoisted_2 = /*#__PURE__*/_createTextVNode(\"Marginal\")\nconst _hoisted_3 = /*#__PURE__*/_createTextVNode(\"Standard\")\nconst _hoisted_4 = /*#__PURE__*/_createTextVNode(\" Total Income: \")\nconst _hoisted_5 = /*#__PURE__*/_createTextVNode(\" Deductions: \")\nconst _hoisted_6 = /*#__PURE__*/_createTextVNode(\" Deductions: \")\nconst _hoisted_7 = {\n id: \"standard-animation\",\n class: \"animation-wrapper\"\n}\nconst _hoisted_8 = { class: \"income bar-container pointer-pop\" }\nconst _hoisted_9 = /*#__PURE__*/_createVNode(\"div\", { class: \"nubbin\" }, null, -1)\nconst _hoisted_10 = { class: \"deductions bar-container pointer-pop\" }\nconst _hoisted_11 = /*#__PURE__*/_createVNode(\"div\", { class: \"nubbin\" }, null, -1)\nconst _hoisted_12 = /*#__PURE__*/_createVNode(\"div\", { class: \"nubbin\" }, null, -1)\nconst _hoisted_13 = {\n id: \"marginal-animation\",\n class: \"animation-wrapper\"\n}\nconst _hoisted_14 = { class: \"income bar-container pointer-pop\" }\nconst _hoisted_15 = /*#__PURE__*/_createVNode(\"div\", { class: \"nubbin\" }, null, -1)\nconst _hoisted_16 = { class: \"deductions bar-container pointer-pop\" }\nconst _hoisted_17 = /*#__PURE__*/_createVNode(\"div\", { class: \"nubbin\" }, null, -1)\nconst _hoisted_18 = /*#__PURE__*/_createVNode(\"div\", { class: \"nubbin\" }, null, -1)\nconst _hoisted_19 = /*#__PURE__*/_createVNode(\"div\", { class: \"nubbin\" }, null, -1)\nconst _hoisted_20 = /*#__PURE__*/_createVNode(\"div\", { class: \"nubbin\" }, null, -1)\nconst _hoisted_21 = /*#__PURE__*/_createVNode(\"div\", { class: \"nubbin\" }, null, -1)\nconst _hoisted_22 = { class: \"tax-marginal-relief-notice tax-amount\" }\nconst _hoisted_23 = /*#__PURE__*/_createTextVNode(\" Tax and long-term care = \")\nconst _hoisted_24 = /*#__PURE__*/_createTextVNode(\" Percentage of all income\")\nconst _hoisted_25 = /*#__PURE__*/_createTextVNode(\" = \")\nconst _hoisted_26 = {\n key: 0,\n class: \"tax-marginal-relief-notice unused-child-allowance\"\n}\nconst _hoisted_27 = { class: \"tax-marginal-relief-notice\" }\nconst _hoisted_28 = /*#__PURE__*/_createTextVNode(\" Marginal relief has reduced your tax and long-term care by \")\nconst _hoisted_29 = { class: \"tax-marginal-relief-notice tax-amount\" }\nconst _hoisted_30 = /*#__PURE__*/_createTextVNode(\" Tax and long-term care = \")\nconst _hoisted_31 = /*#__PURE__*/_createTextVNode(\" Percentage of all income\")\nconst _hoisted_32 = /*#__PURE__*/_createTextVNode(\" = \")\n_popScopeId()\n\nexport const render = /*#__PURE__*/_withId((_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) => {\n const _component_ion_col = _resolveComponent(\"ion-col\")\n const _component_ion_button = _resolveComponent(\"ion-button\")\n const _component_ion_row = _resolveComponent(\"ion-row\")\n const _component_ion_icon = _resolveComponent(\"ion-icon\")\n const _component_ion_grid = _resolveComponent(\"ion-grid\")\n\n return (_openBlock(), _createBlock(_component_ion_grid, { class: \"tax-widget\" }, {\n default: _withId(() => [\n _createVNode(_component_ion_row, { class: \"left-right\" }, {\n default: _withId(() => [\n _createVNode(_component_ion_col, { class: \"left labels\" }, {\n default: _withId(() => [\n _createVNode(\"h4\", null, _toDisplayString(_ctx.title || \"\"), 1)\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, { class: \"right\" }, {\n default: _withId(() => [\n _createVNode(\"div\", _hoisted_1, [\n _createVNode(_component_ion_button, {\n class: [\"button\", { active: _ctx.toggleMarginal }],\n onClick: _cache[1] || (_cache[1] = ($event: any) => (_ctx.toggleMarginal = true)),\n fill: \"clear\"\n }, {\n default: _withId(() => [\n _hoisted_2\n ]),\n _: 1\n }, 8, [\"class\"]),\n _createVNode(_component_ion_button, {\n class: [\"button\", { active: !_ctx.toggleMarginal }],\n onClick: _cache[2] || (_cache[2] = ($event: any) => (_ctx.toggleMarginal = false)),\n fill: \"clear\"\n }, {\n default: _withId(() => [\n _hoisted_3\n ]),\n _: 1\n }, 8, [\"class\"])\n ])\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n _createVNode(_component_ion_row, { class: \"left-right\" }, {\n default: _withId(() => [\n _createVNode(_component_ion_col, { class: \"left labels\" }, {\n default: _withId(() => [\n _createVNode(\"div\", null, [\n _hoisted_4,\n _createVNode(\"strong\", null, \"£\" + _toDisplayString(_ctx.numberWithCommas(_ctx.salary_income.total)), 1)\n ]),\n _withDirectives(_createVNode(\"div\", null, [\n _hoisted_5,\n _createVNode(\"strong\", null, \"£\" + _toDisplayString(_ctx.numberWithCommas(_ctx.marginal_deductions.toFixed(0))), 1)\n ], 512), [\n [_vShow, _ctx.toggleMarginal]\n ]),\n _withDirectives(_createVNode(\"div\", null, [\n _hoisted_6,\n _createVNode(\"strong\", null, \"£\" + _toDisplayString(_ctx.numberWithCommas(_ctx.work_pension_deductions.total)), 1)\n ], 512), [\n [_vShow, !_ctx.toggleMarginal]\n ])\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, { class: \"right\" }, {\n default: _withId(() => [\n _withDirectives(_createVNode(\"div\", null, [\n _createVNode(\"div\", _hoisted_7, [\n _createVNode(\"div\", _hoisted_8, [\n _createVNode(\"div\", {\n class: \"earned\",\n style: {\n width: _ctx.income_split.total_income + '%',\n opacity: _ctx.income_split.total_income > 0 ? 1 : 0,\n },\n onClick: _cache[3] || (_cache[3] = ($event: any) => (_ctx.showDetails($event, _ctx.salary_income.details)))\n }, [\n _hoisted_9\n ], 4)\n ]),\n _createVNode(\"div\", _hoisted_10, [\n _createVNode(\"div\", {\n class: \"work-pension-deductions\",\n style: {\n width:\n _ctx.standard_taxable_income_split.work_pension_deductions + '%',\n opacity:\n _ctx.standard_taxable_income_split.work_pension_deductions > 0\n ? 1\n : 0,\n },\n onClick: _cache[4] || (_cache[4] = ($event: any) => (_ctx.showDetails($event, _ctx.work_pension_deductions.details)))\n }, [\n _hoisted_11\n ], 4),\n _createVNode(\"div\", {\n class: \"taxable-income\",\n style: {\n width:\n _ctx.standard_taxable_income_split.total_taxable_income + '%',\n opacity:\n _ctx.standard_taxable_income_split.total_taxable_income > 0\n ? 1\n : 0,\n },\n onClick: _cache[5] || (_cache[5] = ($event: any) => (_ctx.showDetails($event, _ctx.standard_taxable_income.details)))\n }, [\n _hoisted_12\n ], 4)\n ])\n ])\n ], 512), [\n [_vShow, !_ctx.toggleMarginal]\n ]),\n _withDirectives(_createVNode(\"div\", null, [\n _createVNode(\"div\", _hoisted_13, [\n _createVNode(\"div\", _hoisted_14, [\n _createVNode(\"div\", {\n class: \"earned\",\n style: {\n width: _ctx.income_split.total_income + '%',\n opacity: _ctx.income_split.total_income > 0 ? 1 : 0,\n },\n onClick: _cache[6] || (_cache[6] = ($event: any) => (_ctx.showDetails($event, _ctx.salary_income.details)))\n }, [\n _hoisted_15\n ], 4)\n ]),\n _createVNode(\"div\", _hoisted_16, [\n _createVNode(\"div\", {\n class: \"total-tax-threshold\",\n style: {\n width: _ctx.deductions_split.tax_threshold_split + '%',\n opacity: _ctx.deductions_split.tax_threshold_split > 0 ? 1 : 0,\n },\n onClick: _cache[7] || (_cache[7] = ($event: any) => (_ctx.showDetails($event, _ctx.total_tax_threshold.details)))\n }, [\n _hoisted_17\n ], 4),\n _createVNode(\"div\", {\n class: \"other-expenses\",\n style: {\n width: _ctx.deductions_split.other_allowances_split + '%',\n opacity: _ctx.deductions_split.other_allowances_split > 0 ? 1 : 0,\n },\n onClick: _cache[8] || (_cache[8] = ($event: any) => (_ctx.showDetails($event, _ctx.other_allowances.details)))\n }, [\n _hoisted_18\n ], 4),\n _createVNode(\"div\", {\n class: \"work-pension-deductions\",\n style: {\n width: _ctx.deductions_split.work_pension_deductions_split + '%',\n opacity:\n _ctx.deductions_split.work_pension_deductions_split > 0 ? 1 : 0,\n },\n onClick: _cache[9] || (_cache[9] = ($event: any) => (_ctx.showDetails($event, _ctx.work_pension_deductions.details)))\n }, [\n _hoisted_19\n ], 4),\n _createVNode(\"div\", {\n class: \"second-earner-deductions\",\n style: {\n width: _ctx.deductions_split.second_earners_split + '%',\n opacity: _ctx.deductions_split.second_earners_split > 0 ? 1 : 0,\n },\n onClick: _cache[10] || (_cache[10] = ($event: any) => (_ctx.showDetails($event, _ctx.second_earners.details)))\n }, [\n _hoisted_20\n ], 4),\n _createVNode(\"div\", {\n class: \"taxable-income\",\n style: {\n width: _ctx.deductions_split.taxable_income_split + '%',\n opacity: _ctx.deductions_split.taxable_income_split > 0 ? 1 : 0,\n },\n onClick: _cache[11] || (_cache[11] = ($event: any) => (_ctx.showDetails($event, _ctx.marginal_taxable_income.details)))\n }, [\n _hoisted_21\n ], 4)\n ])\n ])\n ], 512), [\n [_vShow, _ctx.toggleMarginal]\n ])\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n _createVNode(_component_ion_row, null, {\n default: _withId(() => [\n _withDirectives(_createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createVNode(\"p\", _hoisted_22, [\n _hoisted_23,\n _createVNode(\"strong\", {\n class: \"pointer-pop\",\n onClick: _cache[12] || (_cache[12] = ($event: any) => (_ctx.showDetails($event, _ctx.standard_tax.details)))\n }, \"£\" + _toDisplayString(_ctx.numberWithCommas(_ctx.standard_tax.total.toFixed(2))), 1)\n ]),\n _createVNode(\"p\", {\n class: \"tax-marginal-relief-notice itis-rate\",\n onClick: _cache[13] || (_cache[13] = ($event: any) => (_ctx.showHelp($event, 'This is not the same percentage as your ITIS rate, which may take into account any tax you owe from earlier years, any shortfall you have in the current year and any extra credit you have paid.')))\n }, [\n _hoisted_24,\n _createVNode(_component_ion_icon, { icon: _ctx.helpCircleOutline }, null, 8, [\"icon\"]),\n _hoisted_25,\n _createVNode(\"strong\", null, _toDisplayString(_ctx.standard_tax_percentage.toFixed(2)) + \"%\", 1)\n ])\n ]),\n _: 1\n }, 512), [\n [_vShow, !_ctx.toggleMarginal]\n ]),\n _withDirectives(_createVNode(_component_ion_col, null, {\n default: _withId(() => [\n (_ctx.unUsedChildAllowance > 0 && _ctx.independent === true)\n ? (_openBlock(), _createBlock(\"p\", _hoisted_26, \" This calculator automatically shares the child allowance equally between you and your spouse or civil partner. Your income means that some or all of the allowance is not being used. When you are independently taxed you may share your available child allowances between you in the most tax efficient way. \"))\n : _createCommentVNode(\"\", true),\n _createVNode(\"p\", _hoisted_27, [\n _hoisted_28,\n _createVNode(\"strong\", null, \"£\" + _toDisplayString(_ctx.numberWithCommas(_ctx.marginal_relief.toFixed(0))), 1)\n ]),\n _createVNode(\"p\", _hoisted_29, [\n _hoisted_30,\n _createVNode(\"strong\", {\n class: \"pointer-pop\",\n onClick: _cache[14] || (_cache[14] = ($event: any) => (_ctx.showDetails($event, _ctx.marginal_tax.details)))\n }, \"£\" + _toDisplayString(_ctx.numberWithCommas(_ctx.marginal_tax.total.toFixed(2))), 1)\n ]),\n _createVNode(\"p\", {\n class: \"tax-marginal-relief-notice itis-rate\",\n onClick: _cache[15] || (_cache[15] = ($event: any) => (_ctx.showHelp($event, 'This is not the same percentage as your ITIS rate, which may take into account any tax you owe from earlier years, any shortfall you have in the current year and any extra credit you have paid.')))\n }, [\n _hoisted_31,\n _createVNode(_component_ion_icon, { icon: _ctx.helpCircleOutline }, null, 8, [\"icon\"]),\n _hoisted_32,\n _createVNode(\"strong\", null, _toDisplayString(_ctx.marginal_tax_percentage.toFixed(2)) + \"%\", 1)\n ])\n ]),\n _: 1\n }, 512), [\n [_vShow, _ctx.toggleMarginal]\n ])\n ]),\n _: 1\n })\n ]),\n _: 1\n }))\n})","import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createBlock as _createBlock, toDisplayString as _toDisplayString, createVNode as _createVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx } from \"vue\"\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_ion_content = _resolveComponent(\"ion-content\")\n\n return (_openBlock(), _createBlock(_component_ion_content, { class: \"ion-padding\" }, {\n default: _withCtx(() => [\n (_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.details, (detail, index) => {\n return (_openBlock(), _createBlock(\"div\", { key: index }, [\n _createTextVNode(_toDisplayString(detail.name) + \": \", 1),\n _createVNode(\"strong\", null, \"£\" + _toDisplayString(_ctx.numberWithCommas(detail.value.toFixed(2))), 1)\n ]))\n }), 128))\n ]),\n _: 1\n }))\n}","\nimport { IonContent } from \"@ionic/vue\";\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n name: \"GraphicDetails\",\n components: { IonContent },\n props: {\n details: Array,\n },\n methods: {\n numberWithCommas(x: number): string {\n return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n },\n },\n});\n","import { render } from \"./GraphicDetails.vue?vue&type=template&id=ef5ef4d0&ts=true\"\nimport script from \"./GraphicDetails.vue?vue&type=script&lang=ts\"\nexport * from \"./GraphicDetails.vue?vue&type=script&lang=ts\"\n\nimport exportComponent from \"/Users/jackmackenzie/Code/how_tax_works/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_ion_content = _resolveComponent(\"ion-content\")\n\n return (_openBlock(), _createBlock(_component_ion_content, { class: \"ion-padding\" }, {\n default: _withCtx(() => [\n _createTextVNode(_toDisplayString(_ctx.text), 1)\n ]),\n _: 1\n }))\n}","\nimport { IonContent } from \"@ionic/vue\";\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n name: \"Contextual Help\",\n components: { IonContent },\n props: {\n text: String,\n },\n});\n","import { render } from \"./ContextualHelp.vue?vue&type=template&id=c74cef20&ts=true\"\nimport script from \"./ContextualHelp.vue?vue&type=script&lang=ts\"\nexport * from \"./ContextualHelp.vue?vue&type=script&lang=ts\"\n\nimport exportComponent from \"/Users/jackmackenzie/Code/how_tax_works/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\nimport { defineComponent } from \"vue\";\nimport {\n IonButton,\n IonCol,\n IonRow,\n IonGrid,\n popoverController,\n} from \"@ionic/vue\";\nimport GraphicDetails from \"@/components/GraphicDetails.vue\";\nimport ContextualHelp from \"@/components/ContextualHelp.vue\";\nimport { helpCircleOutline } from \"ionicons/icons\";\n\nexport default defineComponent({\n name: \"TaxWidget\",\n props: {\n independent: {\n type: Boolean,\n default: false,\n },\n title: String,\n salary_income: {\n type: Object,\n default: function () {\n return { total: 0 };\n },\n },\n total_tax_threshold: {\n type: Object,\n default: function () {\n return { total: 0 };\n },\n },\n other_allowances: {\n type: Object,\n default: function () {\n return { total: 0, details: [] };\n },\n },\n work_pension_deductions: {\n type: Object,\n default: function () {\n return { total: 0 };\n },\n },\n tax: {\n type: Number,\n default: 0,\n },\n standard_tax: {\n type: Object,\n default: function () {\n return { total: 0, details: [] };\n },\n },\n marginal_tax: {\n type: Object,\n default: function () {\n return { total: 0, details: [] };\n },\n },\n marginal_relief: {\n type: Number,\n default: 0,\n },\n second_earners: {\n type: Object,\n default: function () {\n return { total: 0 };\n },\n },\n standard_taxable_income: {\n type: Object,\n default: function () {\n return { total: 0 };\n },\n },\n marginal_taxable_income: {\n type: Object,\n default: function () {\n return { total: 0 };\n },\n },\n your_income_tax_instalment_rate: {\n type: Number,\n default: 0,\n },\n marginal_tax_percentage: {\n type: Number,\n default: 0,\n },\n standard_tax_percentage: {\n type: Number,\n default: 0,\n },\n },\n data(): { [key: string]: any } {\n return {\n toggleMarginal: true,\n helpCircleOutline\n };\n },\n components: {\n IonButton,\n IonCol,\n IonRow,\n IonGrid,\n },\n watch: {\n marginal_relief(): void {\n // This is to auto switch between marginal and standard\n this.toggleMarginal = this.marginal_relief > 0 ? true : false;\n },\n },\n mounted() {\n // This is to auto switch between marginal and standard\n this.toggleMarginal = this.marginal_relief > 0 ? true : false;\n },\n computed: {\n unUsedChildAllowance(): number {\n if (\n this.other_allowances.details[1] &&\n this.other_allowances.details[1].value > 0\n ) {\n let all_deductions =\n this.total_tax_threshold.total +\n this.other_allowances.total +\n this.work_pension_deductions.total +\n this.second_earners.total;\n\n if (all_deductions > this.salary_income.total) {\n return all_deductions - this.salary_income.total;\n }\n }\n return 0;\n },\n marginal_deductions(): number {\n return (\n this.total_tax_threshold.total +\n this.work_pension_deductions.total +\n this.second_earners.total +\n this.other_allowances.total\n );\n },\n standard_taxable_income_split(): {\n total_taxable_income: number;\n work_pension_deductions: number;\n } {\n let totalWidth =\n this.standard_taxable_income.total + this.work_pension_deductions.total;\n let income_split =\n (this.standard_taxable_income.total / totalWidth) * 100 || 0;\n let expense_split =\n (this.work_pension_deductions.total / totalWidth) * 100 || 0;\n return {\n total_taxable_income: income_split,\n work_pension_deductions: expense_split,\n };\n },\n income_split(): {\n total_income: number;\n } {\n let earned_split =\n (this.salary_income.earned / this.salary_income.total) * 100 || 0;\n let unearned_split =\n (this.salary_income.unearned / this.salary_income.total) * 100 || 0;\n return {\n total_income: earned_split + unearned_split,\n };\n },\n deductions_split(): {\n tax_threshold_split: number;\n other_allowances_split: number;\n work_pension_deductions_split: number;\n second_earners_split: number;\n taxable_income_split: number;\n } {\n // Get all deductions\n let all_deductions =\n this.total_tax_threshold.total +\n this.other_allowances.total +\n this.work_pension_deductions.total +\n this.second_earners.total;\n\n let total_deductions =\n all_deductions + this.marginal_taxable_income.total;\n let tax_threshold_split =\n (this.total_tax_threshold.total / total_deductions) * 100;\n let other_allowances_split =\n (this.other_allowances.total / total_deductions) * 100;\n let work_pension_deductions_split =\n (this.work_pension_deductions.total / total_deductions) * 100;\n let second_earners_split =\n (this.second_earners.total / total_deductions) * 100;\n let taxable_income_split =\n (this.marginal_taxable_income.total / total_deductions) * 100;\n\n return {\n tax_threshold_split: tax_threshold_split || 0,\n other_allowances_split: other_allowances_split || 0,\n work_pension_deductions_split: work_pension_deductions_split || 0,\n second_earners_split: second_earners_split || 0,\n taxable_income_split: taxable_income_split || 0,\n };\n },\n },\n methods: {\n async showDetails(e: Event, details: any) {\n const popover = await popoverController.create({\n component: GraphicDetails,\n cssClass: \"graphic-details\",\n componentProps: { details },\n event: e,\n translucent: true,\n });\n await popover.present();\n\n await popover.onDidDismiss();\n },\n async showHelp(e: Event, text: string) {\n e.stopPropagation();\n e.preventDefault();\n const popover = await popoverController.create({\n component: ContextualHelp,\n componentProps: { text },\n event: e,\n translucent: true,\n });\n await popover.present();\n await popover.onDidDismiss();\n },\n numberWithCommas(x: any): string {\n return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n }\n },\n});\n","import { render } from \"./TaxWidget.vue?vue&type=template&id=eefcb0d0&scoped=true&ts=true\"\nimport script from \"./TaxWidget.vue?vue&type=script&lang=ts\"\nexport * from \"./TaxWidget.vue?vue&type=script&lang=ts\"\n\nimport \"./TaxWidget.vue?vue&type=style&index=0&id=eefcb0d0&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/jackmackenzie/Code/how_tax_works/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-eefcb0d0\"]])\n\nexport default __exports__","import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\nconst _withId = /*#__PURE__*/_withScopeId(\"data-v-8412d37c\")\n\n_pushScopeId(\"data-v-8412d37c\")\nconst _hoisted_1 = /*#__PURE__*/_createTextVNode(\"Key:\")\nconst _hoisted_2 = /*#__PURE__*/_createVNode(\"div\", null, [\n /*#__PURE__*/_createVNode(\"span\", { class: \"key-color earned\" }),\n /*#__PURE__*/_createTextVNode(\"Income\")\n], -1)\nconst _hoisted_3 = /*#__PURE__*/_createVNode(\"div\", null, [\n /*#__PURE__*/_createVNode(\"span\", { class: \"key-color tax-threshold\" }),\n /*#__PURE__*/_createTextVNode(\"Single / Married Allowance \")\n], -1)\nconst _hoisted_4 = /*#__PURE__*/_createVNode(\"div\", null, [\n /*#__PURE__*/_createVNode(\"span\", { class: \"key-color work\" }),\n /*#__PURE__*/_createTextVNode(\"Deductions for Children & Mortgage Interest \")\n], -1)\nconst _hoisted_5 = /*#__PURE__*/_createVNode(\"div\", null, [\n /*#__PURE__*/_createVNode(\"span\", { class: \"key-color pension\" }),\n /*#__PURE__*/_createTextVNode(\"Expenses & Pension Contributions, BIK Deductions \")\n], -1)\nconst _hoisted_6 = /*#__PURE__*/_createVNode(\"div\", null, [\n /*#__PURE__*/_createVNode(\"span\", { class: \"key-color second-earner\" }),\n /*#__PURE__*/_createTextVNode(\"Second Earner’s Allowance \")\n], -1)\nconst _hoisted_7 = /*#__PURE__*/_createVNode(\"div\", null, [\n /*#__PURE__*/_createVNode(\"span\", { class: \"key-color remaining\" }),\n /*#__PURE__*/_createTextVNode(\"Remaining Taxable Income \")\n], -1)\n_popScopeId()\n\nexport const render = /*#__PURE__*/_withId((_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) => {\n const _component_ion_col = _resolveComponent(\"ion-col\")\n const _component_ion_row = _resolveComponent(\"ion-row\")\n const _component_ion_grid = _resolveComponent(\"ion-grid\")\n\n return (_openBlock(), _createBlock(_component_ion_grid, { class: \"key-container\" }, {\n default: _withId(() => [\n _createVNode(_component_ion_row, null, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_1\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, {\n class: \"key-wrapper\",\n size: \"11\"\n }, {\n default: _withId(() => [\n _hoisted_2,\n _hoisted_3,\n _hoisted_4,\n _hoisted_5,\n _hoisted_6,\n _hoisted_7\n ]),\n _: 1\n })\n ]),\n _: 1\n })\n ]),\n _: 1\n }))\n})","\nimport { defineComponent } from \"vue\";\nimport { IonCol, IonRow, IonGrid } from \"@ionic/vue\";\nexport default defineComponent({\n name: \"GraphicKey\",\n components: {\n IonCol,\n IonRow,\n IonGrid,\n },\n});\n","import { render } from \"./GraphicKey.vue?vue&type=template&id=8412d37c&scoped=true&ts=true\"\nimport script from \"./GraphicKey.vue?vue&type=script&lang=ts\"\nexport * from \"./GraphicKey.vue?vue&type=script&lang=ts\"\n\nimport \"./GraphicKey.vue?vue&type=style&index=0&id=8412d37c&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/jackmackenzie/Code/how_tax_works/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-8412d37c\"]])\n\nexport default __exports__","import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\nconst _withId = /*#__PURE__*/_withScopeId(\"data-v-d867568e\")\n\n_pushScopeId(\"data-v-d867568e\")\nconst _hoisted_1 = { class: \"results-table\" }\nconst _hoisted_2 = /*#__PURE__*/_createTextVNode(\"Total Income:\")\nconst _hoisted_3 = /*#__PURE__*/_createTextVNode(\"Less deductions:\")\nconst _hoisted_4 = /*#__PURE__*/_createTextVNode(\"BIK deduction:\")\nconst _hoisted_5 = /*#__PURE__*/_createTextVNode(\"Work expenses:\")\nconst _hoisted_6 = /*#__PURE__*/_createTextVNode(\"Pension contributions:\")\nconst _hoisted_7 = /*#__PURE__*/_createTextVNode(\"Income taxed at standard rate:\")\nconst _hoisted_8 = /*#__PURE__*/_createVNode(\"strong\", null, \"Tax at standard rate:\", -1)\nconst _hoisted_9 = /*#__PURE__*/_createVNode(\"strong\", null, \"Long-term care at standard rate:\", -1)\nconst _hoisted_10 = /*#__PURE__*/_createTextVNode(\"Income after deductions:\")\nconst _hoisted_11 = /*#__PURE__*/_createTextVNode(\"Less allowances:\")\nconst _hoisted_12 = /*#__PURE__*/_createTextVNode(\"Child allowances:\")\nconst _hoisted_13 = /*#__PURE__*/_createTextVNode(\"Mortgage interest:\")\nconst _hoisted_14 = /*#__PURE__*/_createTextVNode(\"Second earners allowance:\")\nconst _hoisted_15 = /*#__PURE__*/_createTextVNode(\"Income taxed at marginal rate:\")\nconst _hoisted_16 = /*#__PURE__*/_createVNode(\"strong\", null, \"Tax at marginal rate:\", -1)\nconst _hoisted_17 = /*#__PURE__*/_createVNode(\"strong\", null, \"Long-term care at marginal rate:\", -1)\nconst _hoisted_18 = /*#__PURE__*/_createTextVNode(\"Marginal relief has reduced your tax and long-term care by:\")\n_popScopeId()\n\nexport const render = /*#__PURE__*/_withId((_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) => {\n const _component_ion_col = _resolveComponent(\"ion-col\")\n const _component_ion_row = _resolveComponent(\"ion-row\")\n const _component_ion_grid = _resolveComponent(\"ion-grid\")\n\n return (_openBlock(), _createBlock(\"section\", _hoisted_1, [\n _createVNode(_component_ion_grid, null, {\n default: _withId(() => [\n _createVNode(_component_ion_row, null, {\n default: _withId(() => [\n _createVNode(_component_ion_col, { class: \"table-title\" }, {\n default: _withId(() => [\n _createTextVNode(_toDisplayString(_ctx.title), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n _createVNode(_component_ion_row, null, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_2\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(\" £\" + _toDisplayString(_ctx.numberWithCommas(_ctx.salary_income.total.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n _createVNode(_component_ion_row, { class: \"first-section\" }, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_3\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col)\n ]),\n _: 1\n }),\n _createVNode(_component_ion_row, null, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_4\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(\" £\" + _toDisplayString(_ctx.numberWithCommas(_ctx.work_pension_deductions.bik.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n _createVNode(_component_ion_row, null, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_5\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(\" £\" + _toDisplayString(_ctx.numberWithCommas(_ctx.work_pension_deductions.work.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n _createVNode(_component_ion_row, null, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_6\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(\" £\" + _toDisplayString(_ctx.numberWithCommas(_ctx.work_pension_deductions.pension.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n _createVNode(_component_ion_row, { class: \"first-section\" }, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_7\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(\" £\" + _toDisplayString(_ctx.numberWithCommas(_ctx.standard_taxable_income.total.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n (_ctx.standard_tax.details[0])\n ? (_openBlock(), _createBlock(_component_ion_row, { key: 0 }, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_8\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createVNode(\"strong\", null, \"£\" + _toDisplayString(_ctx.numberWithCommas(_ctx.standard_tax.details[0].value.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }))\n : _createCommentVNode(\"\", true),\n (_ctx.standard_tax.details[1])\n ? (_openBlock(), _createBlock(_component_ion_row, { key: 1 }, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_9\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createVNode(\"strong\", null, \"£\" + _toDisplayString(_ctx.numberWithCommas(_ctx.standard_tax.details[1].value.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }))\n : _createCommentVNode(\"\", true),\n _createVNode(_component_ion_row, { class: \"first-section\" }, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_10\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(\"£\" + _toDisplayString(_ctx.numberWithCommas(_ctx.standard_taxable_income.total.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n _createVNode(_component_ion_row, null, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_11\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col)\n ]),\n _: 1\n }),\n _createVNode(_component_ion_row, null, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_12\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(\" £\" + _toDisplayString(_ctx.numberWithCommas(_ctx.other_allowances.child_allowances.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n _createVNode(_component_ion_row, null, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_13\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(\" £\" + _toDisplayString(_ctx.numberWithCommas(_ctx.other_allowances.mortgage_interest.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n _createVNode(_component_ion_row, null, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(_toDisplayString(_ctx.total_tax_threshold.details[0].name) + \":\", 1)\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(\" £\" + _toDisplayString(_ctx.numberWithCommas(_ctx.total_tax_threshold.total.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n (_ctx.married === true && !_ctx.independent)\n ? (_openBlock(), _createBlock(_component_ion_row, { key: 2 }, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_14\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(\" £\" + _toDisplayString(_ctx.numberWithCommas(_ctx.second_earners.total.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }))\n : _createCommentVNode(\"\", true),\n _createVNode(_component_ion_row, { class: \"first-section\" }, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_15\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(\" £\" + _toDisplayString(_ctx.numberWithCommas(_ctx.marginal_taxable_income.total.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }),\n (_ctx.marginal_tax.details[0])\n ? (_openBlock(), _createBlock(_component_ion_row, { key: 3 }, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_16\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createVNode(\"strong\", null, \"£\" + _toDisplayString(_ctx.numberWithCommas(_ctx.marginal_tax.details[0].value.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }))\n : _createCommentVNode(\"\", true),\n (_ctx.marginal_tax.details[1])\n ? (_openBlock(), _createBlock(_component_ion_row, { key: 4 }, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_17\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createVNode(\"strong\", null, \"£\" + _toDisplayString(_ctx.numberWithCommas(_ctx.marginal_tax.details[1].value.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n }))\n : _createCommentVNode(\"\", true),\n _createVNode(_component_ion_row, null, {\n default: _withId(() => [\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _hoisted_18\n ]),\n _: 1\n }),\n _createVNode(_component_ion_col, null, {\n default: _withId(() => [\n _createTextVNode(\" £\" + _toDisplayString(_ctx.numberWithCommas(_ctx.marginal_relief.toFixed(2))), 1)\n ]),\n _: 1\n })\n ]),\n _: 1\n })\n ]),\n _: 1\n })\n ]))\n})","\nimport { defineComponent } from \"vue\";\nimport { IonCol, IonRow, IonGrid } from \"@ionic/vue\";\n\nexport default defineComponent({\n name: \"ResultsTable\",\n props: {\n independent: {\n type: Boolean,\n default: false,\n },\n title: String,\n married: Boolean,\n salary_income: {\n type: Object,\n default: function () {\n return { total: 0 };\n },\n },\n total_tax_threshold: {\n type: Object,\n default: function () {\n return { total: 0 };\n },\n },\n work_pension_deductions: {\n type: Object,\n default: function () {\n return { work: 0, pension: 0 };\n },\n },\n other_allowances: {\n type: Number,\n default: 0,\n },\n second_earners: {\n type: Object,\n default: function () {\n return { total: 0 };\n },\n },\n standard_taxable_income: {\n type: Object,\n default: function () {\n return { total: 0 };\n },\n },\n marginal_taxable_income: {\n type: Object,\n default: function () {\n return { total: 0 };\n },\n },\n marginal_relief: {\n type: Number,\n default: 0,\n },\n standard_tax: {\n type: Object,\n default: function () {\n return { total: 0, details: [] };\n },\n },\n marginal_tax: {\n type: Object,\n default: function () {\n return { total: 0, details: [] };\n },\n },\n },\n data(): { [key: string]: any } {\n return {};\n },\n components: {\n IonCol,\n IonRow,\n IonGrid,\n },\n methods: {\n numberWithCommas(x: any): string {\n return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n },\n },\n});\n","import { render } from \"./ResultsTable.vue?vue&type=template&id=d867568e&scoped=true&ts=true\"\nimport script from \"./ResultsTable.vue?vue&type=script&lang=ts\"\nexport * from \"./ResultsTable.vue?vue&type=script&lang=ts\"\n\nimport \"./ResultsTable.vue?vue&type=style&index=0&id=d867568e&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/jackmackenzie/Code/how_tax_works/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-d867568e\"]])\n\nexport default __exports__","\nimport axios from \"axios\";\nimport {\n IonButton,\n IonList,\n IonItem,\n IonRange,\n IonInput,\n IonCol,\n IonRow,\n IonGrid,\n IonIcon,\n IonCheckbox,\n popoverController\n} from \"@ionic/vue\";\nimport { helpCircleOutline } from \"ionicons/icons\";\nimport { tax } from \"@/functions/functions\";\nimport { config } from \"@/functions/config\";\nimport IntroText from \"@/components/IntroText.vue\";\nimport TaxWidget from \"@/components/TaxWidget.vue\";\nimport GraphicKey from \"@/components/GraphicKey.vue\";\nimport ContextualHelp from \"@/components/ContextualHelp.vue\";\nimport ResultsTable from \"@/components/ResultsTable.vue\";\n\nenum YEAR {\n THIS = 2024,\n NEXT = 2025\n}\n\nexport default {\n name: \"Home\",\n components: {\n IonButton,\n IonList,\n IonItem,\n IonRange,\n IonInput,\n IonCol,\n IonRow,\n IonGrid,\n IonIcon,\n IonCheckbox,\n IntroText,\n TaxWidget,\n GraphicKey,\n ResultsTable,\n },\n data() {\n return {\n YEAR: YEAR,\n year: YEAR.NEXT,\n fromDate: YEAR.NEXT + \"-01-01\",\n toDate: YEAR.NEXT + \"-12-31\",\n show_benefits_in_kind_spouse_a: false,\n show_self_employment_income_spouse_a: false,\n show_pension_income_spouse_a: false,\n show_other_income_spouse_a: false,\n show_benefits_in_kind_spouse_b: false,\n show_self_employment_income_spouse_b: false,\n show_pension_income_spouse_b: false,\n show_other_income_spouse_b: false,\n toggleGraphicTable: false,\n showIntroText: true,\n config,\n helpCircleOutline,\n lookupTable: {},\n adjustedChildAllowance: -1,\n computedChildAllowanceIsActive: false,\n adjustedAdditionalAllowance: -1,\n computedAdditionalAllowanceIsActive: false,\n tempValChildAllowance: 0,\n tempValAdditionalAllowance: 0,\n toggleReduceChildAllowance: false,\n interval: \"annual\",\n haveChildren: false,\n haveMortgage: false,\n married_or_civil_partnership: false,\n independently_taxed: false,\n over_70: false,\n spouse_a_show_other_income: false,\n spouse_b_show_other_income: false,\n spouse_a_salary: 0,\n display_spouse_a_salary_is_active: false,\n spouse_a_salary_options: {\n annual: {\n max: 100000,\n step: 1000,\n },\n monthly: {\n max: 10000,\n step: 100,\n },\n weekly: {\n max: 2000,\n step: 50,\n },\n },\n spouse_a_benefits_in_kind: 0,\n display_spouse_a_benefits_in_kind_is_active: false,\n spouse_a_benefits_in_kind_options: {\n annual: {\n max: 5000,\n step: 100,\n },\n monthly: {\n max: 400,\n step: 10,\n },\n weekly: {\n max: 100,\n step: 5,\n },\n },\n spouse_a_self_employment_trading_income: 0,\n display_spouse_a_self_employment_trading_income_is_active: false,\n spouse_a_self_employment_trading_income_options: {\n annual: {\n max: 100000,\n step: 1000,\n },\n monthly: {\n max: 10000,\n step: 100,\n },\n weekly: {\n max: 2000,\n step: 50,\n },\n },\n spouse_a_pension_income: 0,\n display_spouse_a_pension_income_is_active: false,\n spouse_a_pension_income_options: {\n annual: {\n max: 50000,\n step: 1000,\n },\n monthly: {\n max: 5000,\n step: 100,\n },\n weekly: {\n max: 1000,\n step: 10,\n },\n },\n spouse_a_other_income: 0,\n display_spouse_a_other_income_is_active: false,\n spouse_a_other_income_options: {\n annual: {\n max: 50000,\n step: 1000,\n },\n monthly: {\n max: 5000,\n step: 100,\n },\n weekly: {\n max: 1000,\n step: 10,\n },\n },\n spouse_a_work_expenses: 0,\n display_spouse_a_work_expenses_is_active: false,\n spouse_a_work_expenses_options: {\n annual: {\n max: 1000,\n step: 100,\n },\n monthly: {\n max: 100,\n step: 10,\n },\n weekly: {\n max: 20,\n step: 5,\n },\n },\n spouse_a_pension_expenses: 0,\n display_spouse_a_pension_expenses_is_active: false,\n spouse_a_pension_expenses_options: {\n annual: {\n max: 50000,\n step: 1000,\n },\n monthly: {\n max: 5000,\n step: 100,\n },\n weekly: {\n max: 1000,\n step: 10,\n },\n },\n spouse_b_salary: 0,\n display_spouse_b_salary_is_active: false,\n spouse_b_salary_options: {\n annual: {\n max: 100000,\n step: 1000,\n },\n monthly: {\n max: 10000,\n step: 100,\n },\n weekly: {\n max: 2000,\n step: 50,\n },\n },\n spouse_b_benefits_in_kind: 0,\n display_spouse_b_benefits_in_kind_is_active: false,\n spouse_b_benefits_in_kind_options: {\n annual: {\n max: 5000,\n step: 100,\n },\n monthly: {\n max: 400,\n step: 10,\n },\n weekly: {\n max: 100,\n step: 5,\n },\n },\n spouse_b_self_employment_trading_income: 0,\n display_spouse_b_self_employment_trading_income_is_active: false,\n spouse_b_self_employment_trading_income_options: {\n annual: {\n max: 100000,\n step: 1000,\n },\n monthly: {\n max: 10000,\n step: 100,\n },\n weekly: {\n max: 2000,\n step: 50,\n },\n },\n spouse_b_pension_income: 0,\n display_spouse_b_pension_income_is_active: false,\n spouse_b_pension_income_options: {\n annual: {\n max: 50000,\n step: 1000,\n },\n monthly: {\n max: 5000,\n step: 100,\n },\n weekly: {\n max: 1000,\n step: 50,\n },\n },\n spouse_b_other_income: 0,\n display_spouse_b_other_income_is_active: false,\n spouse_b_other_income_options: {\n annual: {\n max: 50000,\n step: 1000,\n },\n monthly: {\n max: 5000,\n step: 100,\n },\n weekly: {\n max: 1000,\n step: 50,\n },\n },\n spouse_b_work_expenses: 0,\n display_spouse_b_work_expenses_is_active: false,\n spouse_b_work_expenses_options: {\n annual: {\n max: 1000,\n step: 50,\n },\n monthly: {\n max: 500,\n step: 10,\n },\n weekly: {\n max: 20,\n step: 5,\n },\n },\n spouse_b_pension_expenses: 0,\n display_spouse_b_pension_expenses_is_active: false,\n spouse_b_pension_expenses_options: {\n annual: {\n max: 50000,\n step: 1000,\n },\n monthly: {\n max: 5000,\n step: 100,\n },\n weekly: {\n max: 1000,\n step: 50,\n },\n },\n dependent_children: 0,\n display_dependent_children_is_active: false,\n child_care_paid: 0,\n display_child_care_paid_is_active: false,\n child_care_paid_options: {\n annual: {\n max: 30000,\n step: 1000,\n },\n monthly: {\n max: 3000,\n step: 100,\n },\n weekly: {\n max: 1000,\n step: 50,\n },\n },\n mortgage_balance: 0,\n display_mortgage_balance_is_active: false,\n mortgage_interest: 0,\n display_mortgage_interest_is_active: false,\n salary_income: { total: 0 },\n tax: 0,\n standard_tax: { total: 0, details: [] },\n marginal_tax: { total: 0, details: [] },\n marginal_relief: 0,\n // over_or_under_payment: 0,\n // non_salary_income: 0,\n // combined_itis_rate: 0,\n your_income_tax_instalment_rate: 0,\n marginal_tax_percentage: 0,\n standard_tax_percentage: 0,\n // total_earned_income: 0,\n // total_unearned_income: 0,\n total_tax_threshold: { total: 0 },\n other_allowances: {\n total: 0,\n child_allowances: 0,\n mortgage_interest: 0,\n details: [],\n },\n work_pension_deductions: { total: 0, work: 0, pension: 0 },\n second_earners: { total: 0 },\n standard_taxable_income: { total: 0 },\n marginal_taxable_income: { total: 0 },\n salary_income_spouse_a: { total: 0 },\n tax_spouse_a: 0,\n standard_tax_spouse_a: { total: 0, details: [] },\n marginal_tax_spouse_a: { total: 0, details: [] },\n marginal_relief_spouse_a: 0,\n over_or_under_payment_spouse_a: 0,\n non_salary_income_spouse_a: 0,\n combined_itis_rate_spouse_a: 0,\n your_income_tax_instalment_rate_spouse_a: 0,\n marginal_tax_percentage_spouse_a: 0,\n standard_tax_percentage_spouse_a: 0,\n total_earned_income_spouse_a: 0,\n total_unearned_income_spouse_a: 0,\n total_tax_threshold_spouse_a: { total: 0 },\n other_allowances_spouse_a: {\n total: 0,\n child_allowances: 0,\n mortgage_interest: 0,\n details: [],\n },\n work_pension_deductions_spouse_a: { total: 0, work: 0, pension: 0 },\n second_earners_spouse_a: { total: 0 },\n standard_taxable_income_spouse_a: { total: 0 },\n marginal_taxable_income_spouse_a: { total: 0 },\n salary_income_spouse_b: { total: 0 },\n tax_spouse_b: 0,\n standard_tax_spouse_b: { total: 0, details: [] },\n marginal_tax_spouse_b: { total: 0, details: [] },\n marginal_relief_spouse_b: 0,\n over_or_under_payment_spouse_b: 0,\n non_salary_income_spouse_b: 0,\n combined_itis_rate_spouse_b: 0,\n your_income_tax_instalment_rate_spouse_b: 0,\n marginal_tax_percentage_spouse_b: 0,\n standard_tax_percentage_spouse_b: 0,\n total_earned_income_spouse_b: 0,\n total_unearned_income_spouse_b: 0,\n total_tax_threshold_spouse_b: { total: 0 },\n other_allowances_spouse_b: {\n total: 0,\n child_allowances: 0,\n mortgage_interest: 0,\n details: [],\n },\n work_pension_deductions_spouse_b: { total: 0, work: 0, pension: 0 },\n standard_taxable_income_spouse_b: { total: 0 },\n marginal_taxable_income_spouse_b: { total: 0 },\n second_earners_spouse_b: { total: 0 },\n showIndepenentWidget: false,\n };\n },\n computed: {\n maxAdditionalAllowance(): number {\n if (Object.keys(this.lookupTable).length > 0) {\n return (this.lookupTable as any).apa_marginal.annual;\n } else {\n return 0;\n }\n },\n maxChildAllowance(): number {\n if (Object.keys(this.lookupTable).length > 0) {\n return (\n this.dependent_children *\n (this.lookupTable as any).lca_marginal.annual\n );\n } else {\n return 0;\n }\n },\n computedChildAllowance: {\n get: function (): any {\n if (Object.keys(this.lookupTable).length > 0) {\n let lca_marginal = (this.lookupTable as any).lca_marginal.annual;\n\n if (\n this.computedChildAllowanceIsActive &&\n this.tempValChildAllowance > lca_marginal * this.dependent_children\n ) {\n return this.tempValChildAllowance;\n }\n\n if (this.adjustedChildAllowance >= 0) {\n lca_marginal = this.adjustedChildAllowance;\n }\n return this.dependent_children * lca_marginal;\n } else {\n return 0;\n }\n },\n set: function (modifiedValue) {\n this.tempValChildAllowance = parseInt(modifiedValue);\n if (this.maxChildAllowance < parseInt(modifiedValue)) {\n modifiedValue = this.maxChildAllowance;\n }\n if (modifiedValue === \"\") {\n modifiedValue = 0;\n }\n\n this.adjustedChildAllowance =\n parseInt(modifiedValue) / this.dependent_children;\n\n this.getCalculatedTax();\n this.getCalculatedTaxSpouseA();\n this.getCalculatedTaxSpouseB();\n },\n },\n computedAdditionalAllowance: {\n get: function (): any {\n if (Object.keys(this.lookupTable).length > 0) {\n let apa_marginal = (this.lookupTable as any).apa_marginal.annual;\n\n if (\n this.computedAdditionalAllowanceIsActive &&\n this.tempValAdditionalAllowance > apa_marginal\n ) {\n return this.tempValAdditionalAllowance;\n }\n\n if (this.adjustedAdditionalAllowance >= 0) {\n apa_marginal = this.adjustedAdditionalAllowance;\n }\n return parseInt(apa_marginal);\n } else {\n return 0;\n }\n },\n set: function (modifiedValue) {\n this.tempValAdditionalAllowance = parseInt(modifiedValue);\n if (this.maxAdditionalAllowance < parseInt(modifiedValue)) {\n modifiedValue = this.maxAdditionalAllowance;\n }\n if (modifiedValue === \"\") {\n modifiedValue = 0;\n }\n\n this.adjustedAdditionalAllowance = parseInt(modifiedValue);\n\n this.getCalculatedTax();\n this.getCalculatedTaxSpouseA();\n this.getCalculatedTaxSpouseB();\n },\n },\n independentDifference(): { value: number; message: string} {\n let res: any = {};\n\n let ind = this.tax_spouse_a + this.tax_spouse_b;\n let mar = this.tax;\n\n res.value = ind;\n\n if (+ind.toFixed(2) > +mar.toFixed(2)) {\n res.message =\n \"Based of these figures you would currently pay more tax if you are independently taxed. You may wish to wait until the compensatory allowance is available. This will be introduced when Independent Taxation becomes mandatory.\";\n } else {\n res.message = \"\";\n }\n return res;\n },\n display_interval_postfix(): string {\n const postfix: { [key: string]: string } = {\n annual: \"\",\n monthly: \"/PM\",\n weekly: \"/PW\",\n };\n return postfix[this.interval];\n },\n display_single_married(): string {\n return this.married_or_civil_partnership ? \"Married\" : \"Single\";\n },\n display_spouse_a_salary: {\n get: function (): string {\n if (this.display_spouse_a_salary_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_a_salary\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n // Recalculate value after ignoring \"$\" and \",\" in user input\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n // Ensure that it is not NaN\n if (isNaN(newValue)) {\n newValue = 0;\n }\n // $emit the event so that parent component gets it\n this.$emit(\"input\", newValue);\n this.spouse_a_salary = newValue;\n },\n },\n display_spouse_a_benefits_in_kind: {\n get: function (): string {\n if (this.display_spouse_a_benefits_in_kind_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_a_benefits_in_kind\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_a_benefits_in_kind = newValue;\n },\n },\n display_spouse_a_self_employment_trading_income: {\n get: function (): string {\n if (this.display_spouse_a_self_employment_trading_income_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_a_self_employment_trading_income\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_a_self_employment_trading_income = newValue;\n },\n },\n display_spouse_a_pension_income: {\n get: function (): string {\n if (this.display_spouse_a_pension_income_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_a_pension_income\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_a_pension_income = newValue;\n },\n },\n display_spouse_a_other_income: {\n get: function (): string {\n if (this.display_spouse_a_other_income_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_a_other_income\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_a_other_income = newValue;\n },\n },\n display_spouse_a_work_expenses: {\n get: function (): string {\n if (this.display_spouse_a_work_expenses_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_a_work_expenses\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_a_work_expenses = newValue;\n },\n },\n display_spouse_a_pension_expenses: {\n get: function (): string {\n if (this.display_spouse_a_pension_expenses_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_a_pension_expenses\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_a_pension_expenses = newValue;\n },\n },\n display_spouse_b_salary: {\n get: function (): string {\n if (this.display_spouse_b_salary_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_b_salary\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_b_salary = newValue;\n },\n },\n display_spouse_b_benefits_in_kind: {\n get: function (): string {\n if (this.display_spouse_b_benefits_in_kind_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_b_benefits_in_kind\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_b_benefits_in_kind = newValue;\n },\n },\n display_spouse_b_self_employment_trading_income: {\n get: function (): string {\n if (this.display_spouse_b_self_employment_trading_income_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_b_self_employment_trading_income\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_b_self_employment_trading_income = newValue;\n },\n },\n display_spouse_b_pension_income: {\n get: function (): string {\n if (this.display_spouse_b_pension_income_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_b_pension_income\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_b_pension_income = newValue;\n },\n },\n display_spouse_b_other_income: {\n get: function (): string {\n if (this.display_spouse_b_other_income_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_b_other_income\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_b_other_income = newValue;\n },\n },\n display_spouse_b_work_expenses: {\n get: function (): string {\n if (this.display_spouse_b_work_expenses_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_b_work_expenses\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_b_work_expenses = newValue;\n },\n },\n display_spouse_b_pension_expenses: {\n get: function (): string {\n if (this.display_spouse_b_pension_expenses_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.spouse_b_pension_expenses\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.spouse_b_pension_expenses = newValue;\n },\n },\n display_dependent_children: {\n get: function (): string {\n if (this.display_dependent_children_is_active) {\n return \"\";\n } else {\n return this.dependent_children\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\");\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.dependent_children = newValue;\n },\n },\n display_child_care_paid: {\n get: function (): string {\n if (this.display_child_care_paid_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.child_care_paid\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n this.display_interval_postfix\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.child_care_paid = newValue;\n },\n },\n display_mortgage_balance: {\n get: function (): string {\n if (this.display_mortgage_balance_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.mortgage_balance\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\")\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.mortgage_balance = newValue;\n },\n },\n display_mortgage_interest: {\n get: function (): string {\n if (this.display_mortgage_interest_is_active) {\n return \"\";\n } else {\n return (\n \"£\" +\n this.mortgage_interest\n .toFixed(0)\n .replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\") +\n \"/PA\"\n );\n }\n },\n set: function (modifiedValue) {\n let newValue = parseFloat(modifiedValue.replace(/[^\\d.]/g, \"\"));\n if (isNaN(newValue)) {\n newValue = 0;\n }\n this.$emit(\"input\", newValue);\n this.mortgage_interest = newValue;\n },\n },\n fromDateMin: function (): string {\n // Get the current year from this.year\n // Set the date to January 1st of that year\n return this.year + \"-01-01\";\n },\n fromDateMax: function (): string {\n // Get the current year from this.year\n // Set the date to end of year minus 1 day\n return this.year + \"-12-30\";\n },\n toDateMin: function (): string {\n // Get the current year from this.year\n // Set the date to the begining of that year plus 1 day\n return this.year + \"-01-02\";\n },\n toDateMax: function (): string {\n // Get the current year from this.year\n // Set the date to end of year\n return this.year + \"-12-31\";\n },\n isAnnualOnly: function (): boolean {\n // Return true if fromDate and toDate are not January 1st and December 31st\n return !(this.fromDate === this.fromDateMin && this.toDate === this.toDateMax);\n }\n },\n methods: {\n resetDates() {\n this.fromDate = this.fromDateMin;\n this.toDate = this.toDateMax;\n },\n setIntervalToAnnual() {\n this.interval = \"annual\";\n },\n handleReduceChildAllowance(e: any) {\n this.computedChildAllowance = -1;\n this.computedAdditionalAllowance = -1;\n },\n handleKeydown(e: any) {\n e.stopPropagation();\n if (e.keyCode == 13) {\n e.preventDefault();\n e.target.blur();\n }\n },\n handleIntervalFigures(interval: string): void {\n this.spouse_a_salary = 0;\n this.spouse_a_benefits_in_kind = 0;\n this.spouse_a_work_expenses = 0;\n this.spouse_a_self_employment_trading_income = 0;\n this.spouse_a_pension_income = 0;\n this.spouse_a_pension_expenses = 0;\n this.spouse_a_other_income = 0;\n this.spouse_b_salary = 0;\n this.spouse_b_benefits_in_kind = 0;\n this.spouse_b_work_expenses = 0;\n this.spouse_b_self_employment_trading_income = 0;\n this.spouse_b_pension_income = 0;\n this.spouse_b_pension_expenses = 0;\n this.spouse_b_other_income = 0;\n this.dependent_children = 0;\n this.child_care_paid = 0;\n this.mortgage_balance = 0;\n this.mortgage_interest = 0;\n this.interval = interval;\n this.getCalculatedTax();\n },\n handleMarried(value: boolean): void {\n this.spouse_b_salary = 0;\n this.spouse_b_benefits_in_kind = 0;\n this.spouse_b_self_employment_trading_income = 0;\n this.spouse_b_pension_income = 0;\n this.spouse_b_other_income = 0;\n this.spouse_b_work_expenses = 0;\n this.spouse_b_pension_expenses = 0;\n this.married_or_civil_partnership = value;\n this.showIndepenentWidget = false;\n this.independently_taxed = true;\n this.getCalculatedTax();\n },\n handleIndependentlyTaxed(value: boolean): void {\n this.showIndepenentWidget = false;\n this.independently_taxed = value;\n this.getCalculatedTax();\n this.getCalculatedTaxSpouseA();\n },\n handleOver70(value: boolean): void {\n this.over_70 = value;\n this.getCalculatedTax();\n },\n handleHaveChildren(value: boolean): void {\n this.dependent_children = 0;\n this.child_care_paid = 0;\n this.haveChildren = value;\n this.getCalculatedTax();\n },\n handleHaveMortgage(value: boolean): void {\n this.mortgage_balance = 0;\n this.mortgage_interest = 0;\n this.haveMortgage = value;\n this.getCalculatedTax();\n },\n async getLookUpTable(): Promise