https://www.hsy.fi/dist/water-payment-summary.85f6d6d42f57bca561ad.bundle.js

1"use strict";(self.webpackChunkhsy=self.webpackChunkhsy||[]).push([[5202],{3431:(e,t,r)=>{r.d(t,{A:()=>u});var a=r(94977);function n(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}var o={class:"d-flex"},i=["disabled","aria-label"],s={class:"font-weight-bold px-3 my-0"},c=["disabled","aria-label"];const m={props:{label:{type:String,required:!1,default:""},next:{type:String,required:!1,default:""},prev:{type:String,required:!1,default:""},years:{type:Array,required:!0},currentYear:{type:String,required:!0}},data:function(){return{index:0,disablePrev:!1,disableNext:!1,year:""}},computed:{selectedYear:{get:function(){return this.year},set:function(e){this.year=e,this.$emit("change-year",e)}}},mounted:function(){var e=this;this.index=this.years.findIndex(function(t){return e.currentYear==t}),this.selectedYear=this.years[this.index],this.setButtons()},methods:{choosePrev:function(){this.index-=1,this.selectedYear=this.years[this.index],this.setButtons()},chooseNext:function(){this.index+=1,this.selectedYear=this.years[this.index],this.setButtons()},setButtons:function(){this.disablePrev=null==this.years[this.index-1],this.disableNext=null==this.years[this.index+1]}}},u=(0,r(18144).A)(m,[["render",function(e,t,r,l,m,u){return(0,a.openBlock)(),(0,a.createElementBlock)("div",o,[(0,a.createElementVNode)("button",{class:"prev-btn p-0 ml-2",disabled:m.disablePrev,"aria-label":r.prev,onClick:t[0]||(t[0]=function(){return u.choosePrev&&u.choosePrev.apply(u,arguments)})},n(t[2]||(t[2]=[(0,a.createElementVNode)("svg",{class:"icon icon-hsy-icon-angle-right-small-bold"},[(0,a.createElementVNode)("use",{"xlink:href":"#icon-hsy-icon-angle-right-small-bold"})],-1)])),8,i),(0,a.createElementVNode)("h4",s,(0,a.toDisplayString)(u.selectedYear),1),(0,a.createElementVNode)("button",{class:"next-btn p-0",disabled:m.disableNext,"aria-label":r.next,onClick:t[1]||(t[1]=function(){return u.chooseNext&&u.chooseNext.apply(u,arguments)})},n(t[3]||(t[3]=[(0,a.createElementVNode)("svg",{class:"icon icon-hsy-icon-angle-left-small-bold"},[(0,a.createElementVNode)("use",{"xlink:href":"#icon-hsy-icon-angle-left-small-bold"})],-1)])),8,c)])}]])},18144:(e,t)=>{function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var a,n,l,o,i=[],s=!0,c=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(a=l.call(r)).done)&&(i.push(a.value),i.length!==t);s=!0);}catch(e){c=!0,n=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw n}}return i}}(e,t)||a(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){if(e){if("string"==typeof e)return n(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}t.A=function(e,t){var n,l=e.__vccOpts||e,o=function(e){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=a(e))){t&&(e=t);var r=0,n=function(){};return{s:n,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,o=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return o=e.done,e},e:function(e){i=!0,l=e},f:function(){try{o||null==t.return||t.return()}finally{if(i)throw l}}}}(t);try{for(o.s();!(n=o.n()).done;){var i=r(n.value,2),s=i[0],c=i[1];l[s]=c}}catch(e){o.e(e)}finally{o.f()}return l}},41785:(e,t,r)=>{r.r(t),r.d(t,{default:()=>C});var a=r(94977),n={key:0,class:"col-lg-12 px-0 js-water-payment-summary mb-5"},l={class:"d-flex flex-wrap justify-content-between mb-3"},o={class:"mt-0"},i={key:0,class:"summary-table summary-table-water-payment",role:"complementary","aria-label":"model.summaryHeadingBase"},s={id:"noheading",scope:"col"},c={id:"vatmonth",scope:"col"},m={id:"vatyear",scope:"col"},u={key:0},y={key:1},d={key:2},h=["aria-label"],p={id:"noheading",scope:"col"},g={id:"vatmonth",scope:"col"},f={id:"vatyear",scope:"col"},b={key:0},v={key:1},S={class:"h5 summary-total"},V=r(3431),N=r(78640);const E={components:{"year-select":V.A},props:{model:{type:Object,required:!0}},computed:(0,N.aH)({summaryVisible:function(e){return e.waterPaymentStore.summaryVisible},selectedYear:function(e){return e.waterPaymentStore.selectedYear},summary:function(e){return e.waterPaymentStore.summary}}),methods:{toCurrency:function(e){return"number"!=typeof e?e:new Intl.NumberFormat("fi",{style:"currency",currency:"EUR"}).format(e)},toPercentage:function(e){if("number"!=typeof e)return e;var t=e.toString().replace(".",",");return"".concat(t," %")},changeYear:function(e){this.$store.commit("waterPaymentStore/setSelectedYear",e)}}},C=(0,r(18144).A)(E,[["render",function(e,t,r,V,N,E){var C=(0,a.resolveComponent)("year-select");return e.summaryVisible?((0,a.openBlock)(),(0,a.createElementBlock)("div",n,[(0,a.createElementVNode)("div",l,[(0,a.createElementVNode)("h4",o,(0,a.toDisplayString)(0==e.summary.vat?r.model.summaryHeadingBusiness:r.model.summaryHeadingHome),1),(0,a.createVNode)(C,{label:r.model.yearSelectLabel,years:r.model.years,next:r.model.nextYearLabel,prev:r.model.prevYearLabel,"current-year":e.selectedYear,onChangeYear:E.changeYear},null,8,["label","years","next","prev","current-year","onChangeYear"])]),e.summary.monthlyTotalServiceFee>0?((0,a.openBlock)(),(0,a.createElementBlock)("table",i,[(0,a.createElementVNode)("thead",null,[(0,a.createElementVNode)("tr",null,[(0,a.createElementVNode)("th",s,(0,a.toDisplayString)(r.model.baseChargeLabel),

11),(0,a.createElementVNode)("th",c," €/"+(0,a.toDisplayString)(r.model.monthLabel)+" ("+(0,a.toDisplayString)(r.model.vatTotalLabel)+" "+(0,a.toDisplayString)(E.toPercentage(e.summary.vat))+") ",1),(0,a.createElementVNode)("th",m," €/"+(0,a.toDisplayString)(r.model.yearLabel)+" ("+(0,a.toDisplayString)(r.model.vatTotalLabel)+" "+(0,a.toDisplayString)(E.toPercentage(e.summary.vat))+") ",1)])]),(0,a.createElementVNode)("tbody",null,[e.summary.monthlyWaterServiceFee>0?((0,a.openBlock)(),(0,a.createElementBlock)("tr",u,[(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(r.model.waterBaseChargeLabel),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.monthlyWaterServiceFee)),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.annualWaterServiceFee)),1)])):(0,a.createCommentVNode)("v-if",!0),e.summary.monthlySewerServiceFee>0?((0,a.openBlock)(),(0,a.createElementBlock)("tr",y,[(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(r.model.sewerBaseChargeLabel),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.monthlySewerServiceFee)),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.annualSewerServiceFee)),1)])):(0,a.createCommentVNode)("v-if",!0),e.summary.monthlyStormdrainServiceFee>0?((0,a.openBlock)(),(0,a.createElementBlock)("tr",d,[(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(r.model.drainageWellBaseChargeLabel),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.monthlyStormdrainServiceFee)),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.annualStormdrainServiceFee)),1)])):(0,a.createCommentVNode)("v-if",!0),(0,a.createElementVNode)("tr",null,[(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(r.model.totalBaseChargeLabel),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.monthlyTotalServiceFee)),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.annualTotalServiceFee)),1)])])])):(0,a.createCommentVNode)("v-if",!0),t[0]||(t[0]=(0,a.createElementVNode)("div",{class:"spacer"},null,-1)),(0,a.createElementVNode)("table",{class:"summary-table summary-table-water-payment",role:"complementary","aria-label":r.model.summaryHeadingUsage},[(0,a.createElementVNode)("thead",null,[(0,a.createElementVNode)("tr",null,[(0,a.createElementVNode)("th",p,(0,a.toDisplayString)(r.model.usageChargeLabel),1),(0,a.createElementVNode)("th",g," €/"+(0,a.toDisplayString)(r.model.monthLabel)+" ("+(0,a.toDisplayString)(r.model.vatTotalLabel)+" "+(0,a.toDisplayString)(E.toPercentage(e.summary.vat))+") ",1),(0,a.createElementVNode)("th",f," €/"+(0,a.toDisplayString)(r.model.yearLabel)+" ("+(0,a.toDisplayString)(r.model.vatTotalLabel)+" "+(0,a.toDisplayString)(E.toPercentage(e.summary.vat))+") ",1)])]),(0,a.createElementVNode)("tbody",null,[e.summary.monthlyWaterUsageFeeTotalValue>0||e.summary.annualWaterUsageFeeTotalValue>0?((0,a.openBlock)(),(0,a.createElementBlock)("tr",b,[(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(r.model.waterUsageChargeLabel),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.monthlyWaterUsageFeeTotalValue)),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.annualWaterUsageFeeTotalValue)),1)])):(0,a.createCommentVNode)("v-if",!0),e.summary.monthlyWasteUsageFeeTotalValue>0||e.summary.annualWasteUsageFeeTotalValue>0?((0,a.openBlock)(),(0,a.createElementBlock)("tr",v,[(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(r.model.sewerUsageChargeLabel),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.monthlyWasteUsageFeeTotalValue)),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.annualWasteUsageFeeTotalValue)),1)])):(0,a.createCommentVNode)("v-if",!0),(0,a.createElementVNode)("tr",null,[(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(r.model.totalUsageChargeLabel),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.monthlyFeeTotalValue)),1),(0,a.createElementVNode)("td",null,(0,a.toDisplayString)(E.toCurrency(e.summary.annualFeeTotalValue)),1)])])],8,h),(0,a.createElementVNode)("div",S,(0,a.toDisplayString)(r.model.totalChargeLabel)+" "+(0,a.toDisplayString)(e.selectedYear)+" ("+(0,a.toDisplayString)(r.model.vatTotalLabel)+" "+(0,a.toDisplayString)(E.toPercentage(e.summary.vat))+") "+(0,a.toDisplayString)(E.toCurrency(e.summary.annualFeeFinalTotalValue)),1)])):(0,a.createCommentVNode)("v-if",!0)}]])}}]);
2//# sourceMappingURL=water-payment-summary.85f6d6d42f57bca561ad.bundle.js.map