{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?4241","webpack:///./src/App.vue?6fe5","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue?bff9","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","staticStyle","domProps","on","$event","target","composing","subscription_price","employer_count","employer_discount","_s","totalYearlySubscriptionPriceCombined","totalYearlySavings","totalYearlyCosts","_m","_f","totalYearlyDiscount","staticRenderFns","computed","toFixed","watch","v","filters","formatCurrency","toString","replace","component","Vue","config","productionTip","use","VueTippy","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","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=css&\"","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 jouw 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              Gemiddeld 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\"}],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              Aantal deelnemers \"),_c('span',{directives:[{name:\"tippy\",rawName:\"v-tippy\"}],staticClass:\"tt\",attrs:{\"title\":\"Maak een schatting van het aantal werknemers dat gaat deelnemen aan het fitnessplan.\"}},[_vm._v(\"?\")])]),_c('div',{staticClass:\"col col--no-stretch form__field form__field--standard nowrap\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.employer_count),expression:\"employer_count\"}],staticStyle:{\"max-width\":\"80px\"},attrs:{\"type\":\"number\",\"placeholder\":\"\",\"required\":\"\"},domProps:{\"value\":(_vm.employer_count)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.employer_count=$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              Werkgeversbijdrage (per maand) \"),_c('span',{directives:[{name:\"tippy\",rawName:\"v-tippy\"}],staticClass:\"tt\",attrs:{\"title\":\"Een werkgeversbijdrage van €5 per maand is altijd kostenneutraal te realiseren. Naar keuze kunt u hier ook een hogere bijdrage of eventueel geen bijdrage invullen.\"}},[_vm._v(\"?\")])]),_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\"}],staticStyle:{\"max-width\":\"80px\"},attrs:{\"type\":\"number\",\"placeholder\":\"50,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              Totaalprijs abonnementen (per jaar)\\n            \")]),_c('div',{staticClass:\"col col--no-stretch form__field form__field--standard nowrap\"},[_vm._v(\"\\n              € \"+_vm._s(_vm.totalYearlySubscriptionPriceCombined)+\"\\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              Besparing werkgeverslasten \"),_c('span',{directives:[{name:\"tippy\",rawName:\"v-tippy\"}],staticClass:\"tt\",attrs:{\"title\":\"De uitruil van een onbelast bedrijfsfitnessabonnement tegen een belast loonbestanddeel, zorgt voor een sociale lastenbesparing aan werkgeverszijde van gemiddeld 18%.\"}},[_vm._v(\"?\")])]),_c('div',{staticClass:\"col col--no-stretch form__field form__field--standard nowrap\"},[_vm._v(\"\\n              € \"+_vm._s(_vm.totalYearlySavings)+\"\\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              Totale werkgeversbijdrage\\n            \")]),_c('div',{staticClass:\"col col--no-stretch form__field form__field--standard nowrap\"},[_vm._v(\"\\n              € \"+_vm._s(_vm.totalYearlyCosts)+\"\\n            \")])]),_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.totalYearlyDiscount))+\" 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(\"Totale opbrengsten fitnessregeling\")])])}]\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 jouw 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                Gemiddeld 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=\"\">\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                Aantal deelnemers <span class=\"tt\" v-tippy title=\"Maak een schatting van het aantal werknemers dat gaat deelnemen aan het fitnessplan.\">?</span>\r\n              </div>\r\n              <div class=\"col col--no-stretch form__field form__field--standard nowrap\">\r\n                <input type=\"number\" placeholder=\"\" v-model=\"employer_count\" style=\"max-width: 80px\" required=\"\">\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                Werkgeversbijdrage (per maand) <span v-tippy title=\"Een werkgeversbijdrage van €5 per maand is altijd kostenneutraal te realiseren. Naar keuze kunt u hier ook een hogere bijdrage of eventueel geen bijdrage invullen.\" class=\"tt\">?</span>\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=\"employer_discount\" style=\"max-width: 80px\" required=\"\">\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                Totaalprijs abonnementen (per jaar)\r\n              </div>\r\n              <div class=\"col col--no-stretch form__field form__field--standard nowrap\">\r\n                € {{ totalYearlySubscriptionPriceCombined }}\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                Besparing werkgeverslasten <span class=\"tt\" v-tippy title=\"De uitruil van een onbelast bedrijfsfitnessabonnement tegen een belast loonbestanddeel, zorgt voor een sociale lastenbesparing aan werkgeverszijde van gemiddeld 18%.\">?</span>\r\n              </div>\r\n              <div class=\"col col--no-stretch form__field form__field--standard nowrap\">\r\n                € {{ totalYearlySavings }}\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                Totale werkgeversbijdrage\r\n              </div>\r\n              <div class=\"col col--no-stretch form__field form__field--standard nowrap\">\r\n                € {{ totalYearlyCosts }}\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\">Totale opbrengsten fitnessregeling</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\">€ {{ totalYearlyDiscount | formatCurrency }} per jaar</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </form>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'app',\r\n  data: function () {\r\n    return {\r\n      subscription_price: 35.00,\r\n      employer_count: 100,\r\n      employer_discount: 5\r\n    }\r\n  },\r\n  computed: {\r\n    totalYearlySubscriptionPriceCombined: function () {\r\n      return ((this.subscription_price * this.employer_count) * 12).toFixed(0);\r\n    },\r\n    totalYearlySavings: function () {\r\n      return (0.18 * (this.totalYearlySubscriptionPriceCombined - this.totalYearlyCosts)).toFixed(0);\r\n    },\r\n    totalYearlyCosts: function () {\r\n      return ((this.employer_discount * this.employer_count) * 12).toFixed(0);\r\n    },\r\n    totalYearlyDiscount: function () {\r\n      return (this.totalYearlySavings - this.totalYearlyCosts).toFixed(2);\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    employer_count: function (v) {\r\n      if (v > 999) {\r\n        this.employer_count = 999;\r\n      } else if (v < 0) {\r\n        this.employer_count = 0;\r\n      } else {\r\n        this.employer_count = v;\r\n      }\r\n    },\r\n  },\r\n  filters: {\r\n    formatCurrency: function(v) {\r\n      if (!v) return ''\r\n      return v.toString().replace('.', ',');\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.tt {\r\n  background-color: #a6a6a6;\r\n  border-radius: 50%;\r\n  color: white;\r\n  cursor: help;\r\n  display: inline-block;\r\n  font-weight: bold;\r\n  height: 26px;\r\n  line-height: 26px;\r\n  margin-left: 5px;\r\n  text-align: center;\r\n  vertical-align: middle;\r\n  width: 26px;\r\n}\r\n\r\n.tippy-content {\r\n  font-size: 12px;\r\n  padding: 5px;\r\n}\r\n</style>\r\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./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=0caf7edc&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\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\n\r\nimport VueTippy from 'vue-tippy'\r\n\r\nVue.config.productionTip = false\r\n\r\nVue.use(VueTippy)\r\n\r\nnew Vue({\r\n  render: h => h(App)\r\n}).$mount('#bfnl-discount-calculator-werkgever')\r\n"],"sourceRoot":""}