{"version":3,"sources":["webpack:///./src/components/Settings/Yield/Playground/PlaygroundSettings.vue","webpack:///src/components/Settings/Yield/Playground/PlaygroundSettings.vue","webpack:///./src/components/Settings/Yield/Playground/PlaygroundSettings.vue?3ce0","webpack:///./src/components/Settings/Yield/Playground/PlaygroundSettings.vue?3733","webpack:///./src/components/Settings/Yield/Playground/PlaygroundSettings.vue?78e3"],"names":["render","_vm","this","_c","_self","yieldSettingsPlayground","staticClass","directives","name","rawName","value","minSeats","expression","modifiers","attrs","domProps","on","$event","target","composing","_n","$forceUpdate","maxSeats","settings","nrOfDayParts","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","$set","multiple","showResults","_l","PriceParts","dayPart","index","key","Part","_v","_s","CalculationType","$t","_e","class","isLoading","staticRenderFns","props","type","Boolean","default","Number","data","newPercentage","percentages","showAdvancedSettings","computed","_objectSpread","mapState","sortedPercentages","sort","a","b","watch","newVal","oldVal","setDayParts","created","MeetingtypeId","methods","$emit","component"],"mappings":"6KAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,wBAAyBF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,8BAA8B,CAACH,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,QAAQ,CAACI,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,iBAAiBC,MAAOT,EAAIU,SAAUC,WAAW,WAAWC,UAAU,CAAC,QAAS,KAAQP,YAAY,QAAQQ,MAAM,CAAC,KAAO,QAAQC,SAAS,CAAC,MAASd,EAAIU,UAAWK,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAiBlB,EAAIU,SAASV,EAAImB,GAAGH,EAAOC,OAAOR,SAAQ,KAAO,SAASO,GAAQ,OAAOhB,EAAIoB,qBAAqBlB,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,QAAQ,CAACI,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,iBAAiBC,MAAOT,EAAIqB,SAAUV,WAAW,WAAWC,UAAU,CAAC,QAAS,KAAQP,YAAY,QAAQQ,MAAM,CAAC,KAAO,QAAQC,SAAS,CAAC,MAASd,EAAIqB,UAAWN,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAiBlB,EAAIqB,SAASrB,EAAImB,GAAGH,EAAOC,OAAOR,SAAQ,KAAO,SAASO,GAAQ,OAAOhB,EAAIoB,qBAAqBlB,EAAG,MAAM,CAACG,YAAY,0BAA0B,CAACH,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,SAAS,CAACI,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOT,EAAIsB,SAASC,aAAcZ,WAAW,0BAA0BI,GAAG,CAAC,OAAS,CAAC,SAASC,GAAQ,IAAIQ,EAAgBC,MAAMC,UAAUC,OAAOC,KAAKZ,EAAOC,OAAOY,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAErB,MAAM,OAAOwB,KAAOjC,EAAImC,KAAKnC,EAAIsB,SAAU,eAAgBN,EAAOC,OAAOmB,SAAWZ,EAAgBA,EAAc,KAAKxB,EAAIqC,eAAerC,EAAIsC,GAAItC,EAAII,wBAAwBmC,YAAY,SAASC,EAAQC,GAAO,OAAOvC,EAAG,SAAS,CAACwC,IAAID,EAAM3B,SAAS,CAAC,MAAQ0B,EAAQG,KAAK,SAAW3C,EAAIsB,SAASC,eAAiBiB,EAAQG,OAAO,CAAC3C,EAAI4C,GAAG,IAAI5C,EAAI6C,GAAGL,EAAQG,MAAM,UAAS,KAAKzC,EAAG,MAAM,CAAkD,mBAAhDF,EAAII,wBAAwB0C,gBAAsC5C,EAAG,OAAO,CAACF,EAAI4C,GAAG5C,EAAI6C,GAAG7C,EAAI+C,GAAG,uDAAuD/C,EAAIgD,KAAsD,mBAAhDhD,EAAII,wBAAwB0C,gBAAsC5C,EAAG,OAAO,CAACF,EAAI4C,GAAG5C,EAAI6C,GAAG7C,EAAI+C,GAAG,0DAA0D/C,EAAIgD,SAAS9C,EAAG,MAAM,CAACG,YAAY,uCAAuC,CAACH,EAAG,IAAI,CAACG,YAAY,oBAAoB4C,MAAM,CAAE,aAAcjD,EAAIkD,WAAYnC,GAAG,CAAC,MAAQf,EAAIqC,cAAc,CAACrC,EAAI4C,GAAG5C,EAAI6C,GAAG7C,EAAI+C,GAAG,4EAA4E/C,EAAIgD,MAE52EG,EAAkB,G,8CC2DP,GACfC,MAAA,CACAF,UAAA,CACAG,KAAAC,QACAC,SAAA,GAGA7C,SAAA,CACA2C,KAAAG,OACAD,QAAA,GAGAlC,SAAA,CACAgC,KAAAG,OACAD,QAAA,KAIAE,KAAA,WACA,OACAC,cAAA,EACAnC,aAAA,GACAD,SAAA,CACAZ,SAAA,KAAAA,SACAW,SAAA,KAAAA,SACAE,aAAA,EACAoC,YAAA,kBAEAC,sBAAA,IAIAC,SAAAC,8BAAA,GACAC,eAAA,+CAEAC,kBAAA,WACA,IAAAL,EAAA,KAAArC,SAAAqC,YAMA,OAJAA,EAAAM,MAAA,SAAAC,EAAAC,GACA,OAAAD,EAAAC,KAGAR,KAIAS,MAAA,CACA,mDAAAC,EAAAC,GACA,KAAAC,gBAIAC,QAAA,WACA,KAAAlD,SAAAZ,SAAA,KAAAA,SACA,KAAAY,SAAAD,SAAA,KAAAA,SAGA,KAAAjB,yBACA,SAAAA,wBAAAqE,gBAEA,KAAAnD,SAAAZ,SAAA,EACA,KAAAY,SAAAD,SAAA,GAGA,KAAAkD,eAGAG,QAAA,CACAH,YAAA,WACA,wBAAAnE,wBAAA0C,iBACA,KAAAvB,aAAA,6BACA,KAAAD,SAAAC,aAAA,IAEA,KAAAA,aAAA,QACA,KAAAD,SAAAC,aAAA,IAIAc,YAAA,WACA,KAAAf,SAAAZ,SAAA,KAAAA,SACA,KAAAY,SAAAD,SAAA,KAAAA,SAEA,KAAAsD,MAAA,mBAAArD,aC/IwY,I,wBCQpYsD,EAAY,eACd,EACA7E,EACAoD,GACA,EACA,KACA,WACA,MAIa,aAAAyB,E,6CCnBf,W","file":"js/chunk-7c3bef3d.js?id=9477b29040ffc966fa0e","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.yieldSettingsPlayground)?_c('div',[_c('div',[_c('div',{staticClass:\"input-wrapper columns mt-3\"},[_c('div',{staticClass:\"column column-minPeople\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.minSeats),expression:\"minSeats\",modifiers:{\"number\":true}}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.minSeats)},on:{\"input\":function($event){if($event.target.composing)return;_vm.minSeats=_vm._n($event.target.value)},\"blur\":function($event){return _vm.$forceUpdate()}}})]),_c('div',{staticClass:\"column column-maxPeople\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.maxSeats),expression:\"maxSeats\",modifiers:{\"number\":true}}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maxSeats)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maxSeats=_vm._n($event.target.value)},\"blur\":function($event){return _vm.$forceUpdate()}}})]),_c('div',{staticClass:\"column column-dayParts\"},[_c('div',{staticClass:\"select has-margin-right\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.settings.nrOfDayParts),expression:\"settings.nrOfDayParts\"}],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.$set(_vm.settings, \"nrOfDayParts\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])},_vm.showResults]}},_vm._l((_vm.yieldSettingsPlayground.PriceParts),function(dayPart,index){return _c('option',{key:index,domProps:{\"value\":dayPart.Part,\"selected\":_vm.settings.nrOfDayParts === dayPart.Part}},[_vm._v(\" \"+_vm._s(dayPart.Part)+\" \")])}),0)]),_c('div',[(_vm.yieldSettingsPlayground.CalculationType === 'PerHourPerSeat')?_c('span',[_vm._v(_vm._s(_vm.$t(`Components.Settings.Yield.YieldPlayground.Hours`)))]):_vm._e(),(_vm.yieldSettingsPlayground.CalculationType !== 'PerHourPerSeat')?_c('span',[_vm._v(_vm._s(_vm.$t(`Components.Settings.Yield.YieldPlayground.DayParts`)))]):_vm._e()])]),_c('div',{staticClass:\"column column-button has-text-right\"},[_c('a',{staticClass:\"button is-primary\",class:{ 'is-loading': _vm.isLoading },on:{\"click\":_vm.showResults}},[_vm._v(_vm._s(_vm.$t(`Components.Settings.Yield.YieldPlayground.Button_ShowResults`)))])])])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"yieldSettingsPlayground\">\n    <div>\n      <div class=\"input-wrapper columns mt-3\">\n        <div class=\"column column-minPeople\">\n          <input\n            type=\"text\"\n            class=\"input\"\n            v-model.number=\"minSeats\"\n          />\n        </div>\n\n        <div class=\"column column-maxPeople\">\n          <input\n            type=\"text\"\n            class=\"input\"\n            v-model.number=\"maxSeats\"\n          />\n        </div>\n\n        <div class=\"column column-dayParts\">\n          <div class=\"select has-margin-right\">\n            <select\n              @change=\"showResults\"\n              v-model=\"settings.nrOfDayParts\"\n            >\n              <option\n                v-for=\"(dayPart, index) in yieldSettingsPlayground.PriceParts\"\n                :key=\"index\"\n                :value=\"dayPart.Part\"\n                :selected=\"settings.nrOfDayParts === dayPart.Part\"\n              >\n                {{ dayPart.Part }}\n              </option>\n            </select>\n          </div>\n          <div>\n            <span v-if=\"yieldSettingsPlayground.CalculationType === 'PerHourPerSeat'\">{{ $t(`Components.Settings.Yield.YieldPlayground.Hours`) }}</span>\n            <span v-if=\"yieldSettingsPlayground.CalculationType !== 'PerHourPerSeat'\">{{\n              $t(`Components.Settings.Yield.YieldPlayground.DayParts`)\n            }}</span>\n          </div>\n        </div>\n\n        <div class=\"column column-button has-text-right\">\n          <a\n            @click=\"showResults\"\n            class=\"button is-primary\"\n            :class=\"{ 'is-loading': isLoading }\"\n          >{{\n            $t(`Components.Settings.Yield.YieldPlayground.Button_ShowResults`)\n          }}</a>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\n\nexport default {\n  props: {\n    isLoading: {\n      type: Boolean,\n      default: false\n    },\n\n    minSeats: {\n      type: Number,\n      default: 1,\n    },\n\n    maxSeats: {\n      type: Number,\n      default: 20,\n    },\n  },\n\n  data() {\n    return {\n      newPercentage: 0,\n      nrOfDayParts: [],\n      settings: {\n        minSeats: this.minSeats,\n        maxSeats: this.maxSeats,\n        nrOfDayParts: 8,\n        percentages: [0, 25, 50, 75, 100],\n      },\n      showAdvancedSettings: false,\n    }\n  },\n\n  computed: {\n    ...mapState('yieldStore', ['yieldSettingsPlayground']),\n\n    sortedPercentages() {\n      let percentages = this.settings.percentages\n\n      percentages.sort((a, b) => {\n        return a - b\n      })\n\n      return percentages\n    },\n  },\n\n  watch: {\n    'yieldSettingsPlayground.CalculationType': function(newVal, oldVal) {\n      this.setDayParts()\n    },\n  },\n\n  created() {\n    this.settings.minSeats = this.minSeats\n    this.settings.maxSeats = this.maxSeats\n\n    if (\n      this.yieldSettingsPlayground &&\n      this.yieldSettingsPlayground.MeetingtypeId === 2\n    ) {\n      this.settings.minSeats = 1\n      this.settings.maxSeats = 1\n    }\n\n    this.setDayParts()\n  },\n\n  methods: {\n    setDayParts() {\n      if (this.yieldSettingsPlayground.CalculationType === 'PerHourPerSeat') {\n        this.nrOfDayParts = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]\n        this.settings.nrOfDayParts = 8\n      } else {\n        this.nrOfDayParts = [1, 2, 3]\n        this.settings.nrOfDayParts = 2\n      }\n    },\n\n    showResults() {\n      this.settings.minSeats = this.minSeats\n      this.settings.maxSeats = this.maxSeats\n\n      this.$emit('showResults', this.settings)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.input-wrapper {\n  justify-content: flex-start;\n  margin: -7.5px;\n  flex-wrap: wrap;\n\n  .column {\n    flex-grow: 0;\n    flex-shrink: 0;\n    padding: 7.5px;\n  }\n\n  .column-minPeople,\n  .column-maxPeople,\n  .column-dayParts {\n    display: flex;\n    align-items: center;\n    flex-basis: 20%;\n    min-width: 100px;\n  }\n}\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PlaygroundSettings.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PlaygroundSettings.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlaygroundSettings.vue?vue&type=template&id=a344fe88&scoped=true\"\nimport script from \"./PlaygroundSettings.vue?vue&type=script&lang=js\"\nexport * from \"./PlaygroundSettings.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlaygroundSettings.vue?vue&type=style&index=0&id=a344fe88&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a344fe88\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PlaygroundSettings.vue?vue&type=style&index=0&id=a344fe88&prod&lang=scss&scoped=true\""],"sourceRoot":""}