{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?60d3","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue","webpack:///./src/main.js"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","directives","rawName","expression","class","subscription_price","staticStyle","domProps","on","$event","target","composing","employer_discount","_s","subscriptionPriceAfterDiscount","$$selectedVal","Array","filter","options","selected","map","val","_value","selected_tax","multiple","_l","item","taxBracketId","percentage","taxLabel","label","_m","_f","subscriptionPriceAfterTaxDiscount","yearlyDiscountAsPercentage","subscriptionYearlyDiscountAfterTax","staticRenderFns","taxes","taxList","computed","toFixed","watch","v","filters","formatCurrency","replace","methods","fetchTaxes","loading","toString","mounted","component","Vue","config","productionTip","$http","axios","document","location","hostname","defaults","baseURL","process","render","h","App","$mount"],"mappings":"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","file":"js/app.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('div',{staticClass:\"band__content\"},[_c('div',{staticClass:\"calculation-box bgcolor--white has--shadow has--spacing-x2 rounded margin-bottom-x2\"},[_c('h3',{staticClass:\"heading heading--size-2 break-word color--brand-3\"},[_vm._v(\"Bereken je voordeel\")]),_c('form',[_c('div',{staticClass:\"form\"},[_c('div',{staticClass:\"row row--align-center form__row row--flex margin-bottom-half\"},[_c('div',{staticClass:\"col form__label\"},[_vm._v(\"\\n              Prijs fitnessabonnement (per maand)\\n            \")]),_c('div',{staticClass:\"col col--no-stretch form__field form__field--standard nowrap\"},[_vm._v(\"\\n              € \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.subscription_price),expression:\"subscription_price\"}],class:{ 'input--error': _vm.subscription_price === '' },staticStyle:{\"max-width\":\"80px\"},attrs:{\"type\":\"number\",\"placeholder\":\"50,00\",\"maxlength\":\"3\",\"required\":\"\"},domProps:{\"value\":(_vm.subscription_price)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.subscription_price=$event.target.value}}})])]),_c('div',{staticClass:\"row row--align-center form__row row--flex margin-bottom-half\"},[_c('div',{staticClass:\"col form__label\"},[_vm._v(\"\\n              Korting werkgever\\n            \")]),_c('div',{staticClass:\"col col--no-stretch form__field form__field--standard nowrap\"},[_vm._v(\"\\n              € \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.employer_discount),expression:\"employer_discount\"}],class:{ 'input--error': _vm.employer_discount === '' },staticStyle:{\"max-width\":\"80px\"},attrs:{\"type\":\"number\",\"placeholder\":\"0,00\",\"required\":\"\"},domProps:{\"value\":(_vm.employer_discount)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.employer_discount=$event.target.value}}})])]),_c('div',{staticClass:\"row row--align-center form__row row--flex margin-bottom-half\"},[_c('div',{staticClass:\"col form__label\"},[_vm._v(\"\\n              Je krijgt belastingvoordeel over\\n            \")]),_c('div',{staticClass:\"col col--no-stretch form__field form__field--standard nowrap\"},[_vm._v(\"\\n              € \"+_vm._s(_vm.subscriptionPriceAfterDiscount)+\"\\n            \")])]),_c('div',{staticClass:\"row row--align-center form__row--responsive row--flex margin-bottom-half\"},[_c('div',{staticClass:\"col form__label\"},[_vm._v(\"\\n              In welke belastingschijf val je\\n            \")]),_c('div',{staticClass:\"col col--no-stretch form__field form__field--standard-break nowrap\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selected_tax),expression:\"selected_tax\"}],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.selected_tax=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.taxes),function(item){return _c('option',{key:item.taxBracketId,domProps:{\"value\":item.percentage}},[_vm._v(_vm._s(_vm.taxLabel(item))+\" \"+_vm._s(item.label))])}),0)])]),_c('hr',{staticClass:\"ruler bgcolor--brand-2\"}),_c('div',{staticClass:\"row row--align-center form__row--responsive row--flex margin-bottom-half\"},[_vm._m(0),_c('div',{staticClass:\"col col--no-stretch form__field form__field--standard-break nowrap\"},[_c('span',{staticClass:\"text--size-3 text-strong color--brand-1\"},[_vm._v(\"€ \"+_vm._s(_vm._f(\"formatCurrency\")(_vm.subscriptionPriceAfterTaxDiscount))+\" per maand\")])])])])]),_c('p',{staticClass:\"no-margin line-height--s has--spacing-top text--size-3\"},[_vm._v(\"Totaal \"),_c('span',{staticClass:\"color--brand-1 nowrap\"},[_vm._v(_vm._s(_vm.yearlyDiscountAsPercentage)+\"%\")]),_vm._v(\"\\n        korting, oftewel \"),_c('span',{staticClass:\"color--brand-1 nowrap\"},[_vm._v(\"€ \"+_vm._s(_vm._f(\"formatCurrency\")(_vm.subscriptionYearlyDiscountAfterTax)))]),_vm._v(\" voordeel per jaar!\")])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col form__label\"},[_c('span',{staticClass:\"text--size-3 text-strong\"},[_vm._v(\"Netto prijs abonnement\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"app\">\r\n    <div class=\"band__content\">\r\n      <div class=\"calculation-box bgcolor--white has--shadow has--spacing-x2 rounded margin-bottom-x2\">\r\n        <h3 class=\"heading heading--size-2 break-word color--brand-3\">Bereken je voordeel</h3>\r\n        <form>\r\n          <div class=\"form\">\r\n            <div class=\"row row--align-center form__row row--flex margin-bottom-half\">\r\n              <div class=\"col form__label\">\r\n                Prijs fitnessabonnement (per maand)\r\n              </div>\r\n              <div class=\"col col--no-stretch form__field form__field--standard nowrap\">\r\n                € <input type=\"number\" placeholder=\"50,00\" v-model=\"subscription_price\" style=\"max-width: 80px\" maxlength=\"3\" required=\"\" :class=\"{ 'input--error': subscription_price === '' }\">\r\n              </div>\r\n            </div>\r\n            <div class=\"row row--align-center form__row row--flex margin-bottom-half\">\r\n              <div class=\"col form__label\">\r\n                Korting werkgever\r\n              </div>\r\n              <div class=\"col col--no-stretch form__field form__field--standard nowrap\">\r\n                € <input type=\"number\" placeholder=\"0,00\" v-model=\"employer_discount\" style=\"max-width: 80px\" required=\"\" :class=\"{ 'input--error': employer_discount === '' }\">\r\n              </div>\r\n            </div>\r\n            <div class=\"row row--align-center form__row row--flex margin-bottom-half\">\r\n              <div class=\"col form__label\">\r\n                Je krijgt belastingvoordeel over\r\n              </div>\r\n              <div class=\"col col--no-stretch form__field form__field--standard nowrap\">\r\n                € {{ subscriptionPriceAfterDiscount }}\r\n              </div>\r\n            </div>\r\n            <div class=\"row row--align-center form__row--responsive row--flex margin-bottom-half\">\r\n              <div class=\"col form__label\">\r\n                In welke belastingschijf val je\r\n              </div>\r\n              <div class=\"col col--no-stretch form__field form__field--standard-break nowrap\">\r\n                <select v-model=\"selected_tax\">\r\n                  <option :key=\"item.taxBracketId\" v-for=\"item in taxes\" :value=\"item.percentage\">{{ taxLabel(item) }} {{item.label}}</option>\r\n                </select>\r\n              </div>\r\n            </div>\r\n            <hr class=\"ruler bgcolor--brand-2\">\r\n            <div class=\"row row--align-center form__row--responsive row--flex margin-bottom-half\">\r\n              <div class=\"col form__label\">\r\n                <span class=\"text--size-3 text-strong\">Netto prijs abonnement</span>\r\n              </div>\r\n              <div class=\"col col--no-stretch form__field form__field--standard-break nowrap\">\r\n                <span class=\"text--size-3 text-strong color--brand-1\">€ {{ subscriptionPriceAfterTaxDiscount | formatCurrency }} per maand</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </form>\r\n        <p class=\"no-margin line-height--s has--spacing-top text--size-3\">Totaal <span class=\"color--brand-1 nowrap\">{{ yearlyDiscountAsPercentage }}%</span>\r\n          korting, oftewel <span class=\"color--brand-1 nowrap\">€ {{ subscriptionYearlyDiscountAfterTax | formatCurrency }}</span> voordeel per jaar!</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios'\r\n\r\nlet taxList = []\r\n\r\nexport default {\r\n  name: 'app',\r\n  data: function () {\r\n    return {\r\n      taxes: taxList,\r\n      subscription_price: 50,\r\n      employer_discount: 10,\r\n      selected_tax: 36.93\r\n    }\r\n  },\r\n  computed: {\r\n    subscriptionPriceAfterDiscount: function () {\r\n      let discount = this.subscription_price - this.employer_discount;\r\n      return (discount < 0 ? 0 : discount);\r\n    },\r\n    subscriptionPriceAfterTaxDiscount: function () {\r\n      return (this.subscriptionPriceAfterDiscount - (this.subscriptionPriceAfterDiscount * (this.selected_tax / 100))).toFixed(2);\r\n    },\r\n    subscriptionYearlyDiscountAfterTax: function () {\r\n      return ((this.subscription_price - this.subscriptionPriceAfterTaxDiscount) * 12).toFixed();\r\n    },\r\n    yearlyDiscountAsPercentage: function () {\r\n      if (this.subscription_price <= 0 || this.subscriptionPriceAfterDiscount < 0) {\r\n        return 0\r\n      }\r\n      return (100 - ((this.subscriptionPriceAfterTaxDiscount / this.subscription_price) * 100)).toFixed();\r\n    }\r\n  },\r\n  watch: {\r\n    subscription_price: function (v) {\r\n      if (v > 999) {\r\n        this.subscription_price = 999;\r\n      } else if (v < 0) {\r\n        this.subscription_price = 0;\r\n      } else {\r\n        this.subscription_price = v;\r\n      }\r\n    },\r\n    employer_discount: function (v) {\r\n      if (v > 999) {\r\n        this.employer_discount = 999;\r\n      } else if (v < 0) {\r\n        this.employer_discount = 0;\r\n      } else {\r\n        this.employer_discount = v;\r\n      }\r\n    },\r\n  },\r\n  filters: {\r\n    formatCurrency(v) {\r\n      return v.replace('.', ',');\r\n    }\r\n  },\r\n  methods: {\r\n    fetchTaxes() {\r\n      this.loading = true\r\n      axios\r\n        .get('/website/Settings/GetTaxBrackets')\r\n        .then(response => {\r\n          this.taxes = response.data\r\n          this.loading = false\r\n        })\r\n        .catch(() => {\r\n          this.loading = false\r\n        })\r\n    },\r\n    taxLabel(tax) {\r\n      if ( tax.moneyTo ) {\r\n        return `Schijf ${tax.name} - €${this.formatCurrency(tax.moneyFrom)} t/m €${this.formatCurrency(tax.moneyTo)} - ${this.formatCurrency(tax.percentage)}%`\r\n      } else {\r\n        return `Schijf ${tax.name} - €${this.formatCurrency(tax.moneyFrom)} en meer - ${this.formatCurrency(tax.percentage)}%`\r\n      }\r\n    },\r\n    formatCurrency(v) {\r\n      if ( v ) {\r\n        return v.toString().replace('.', ',');\r\n      }\r\n      return v\r\n    }\r\n  },\r\n  mounted() {\r\n    this.fetchTaxes()\r\n  },\r\n}\r\n</script>\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!./App.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!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=34f47f67&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\r\nimport App from './App.vue'\r\nimport axios from 'axios'\r\n\r\nVue.config.productionTip = false\r\n\r\nVue.prototype.$http = axios\r\n\r\nif (document.location.hostname === 'um-bfnl-dev.tresprojecten.nl') {\r\n  Vue.prototype.$http.defaults.baseURL = process.env.VUE_APP_API_PATH\r\n}\r\nelse if (document.location.hostname === 'um-bfnl-acc.tresprojecten.nl') {\r\n  Vue.prototype.$http.defaults.baseURL = process.env.VUE_APP_API_PATH_ACC\r\n} else {\r\n  Vue.prototype.$http.defaults.baseURL = process.env.VUE_APP_API_PATH_PROD\r\n}\r\n\r\nnew Vue({\r\n  render: h => h(App)\r\n}).$mount('#bfnl-discount-calculator')\r\n"],"sourceRoot":""}