{"version":3,"sources":["webpack:///./src/components/Settings/Yield/Playground/YieldSettingsGroupSize.vue","webpack:///src/components/Settings/Yield/Playground/YieldSettingsGroupSize.vue","webpack:///./src/components/Settings/Yield/Playground/YieldSettingsGroupSize.vue?9ae9","webpack:///./src/components/Settings/Yield/Playground/YieldSettingsGroupSize.vue?2259","webpack:///./src/components/Settings/Yield/Playground/YieldSettingsGroupSize.vue?c25b"],"names":["render","_vm","this","_c","_self","staticClass","directives","name","rawName","value","yieldSettingsPlayground","ApplyGroupSize","expression","attrs","domProps","Array","isArray","_i","on","$event","$$a","$$el","target","$$c","checked","$$v","$$i","$set","concat","slice","updateYieldPlayground","_v","_s","$t","setShowInfo","showInfo","_e","mShowBox","sortedGroupSizes","length","_l","groupSize","index","key","getPreviousGroupSize","MaxSize","composing","Percentage","modifiers","_n","$forceUpdate","_m","removeGroupSize","GroupSizes","newGroupSize","type","indexOf","keyCode","addGroupSize","apply","arguments","actionLabel","staticRenderFns","props","showBox","Boolean","default","data","computed","_objectSpread","mapState","self","groupsizes","sort","a","b","label","watch","immediate","handler","newVal","oldVal","created","setNewGroupSizeDefaults","methods","mapMutations","previousGroupSize","size","Number","existingGroupSizes","maxSize","previousMaxSize","ChannelId","LocationId","push","splice","setYieldSettingsPlayground","$emit","component"],"mappings":"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","file":"js/chunk-3a0cae4e.js?id=454840b3b928e08e05fc","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('label',{staticClass:\"checkbox has-text-weight-bold\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.yieldSettingsPlayground.ApplyGroupSize),expression:\"yieldSettingsPlayground.ApplyGroupSize\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.yieldSettingsPlayground.ApplyGroupSize)?_vm._i(_vm.yieldSettingsPlayground.ApplyGroupSize,null)>-1:(_vm.yieldSettingsPlayground.ApplyGroupSize)},on:{\"change\":[function($event){var $$a=_vm.yieldSettingsPlayground.ApplyGroupSize,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.yieldSettingsPlayground, \"ApplyGroupSize\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.yieldSettingsPlayground, \"ApplyGroupSize\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.yieldSettingsPlayground, \"ApplyGroupSize\", $$c)}},_vm.updateYieldPlayground]}}),_vm._v(\" \"+_vm._s(_vm.$t(`Components.Settings.Yield.YieldPlaygroundSettings.TableHeader_GroupSize`))+\" \")])]),_c('div',{staticClass:\"column has-text-right\"},[_c('span',{staticClass:\"has-margin-left\"},[_c('a',{on:{\"click\":_vm.setShowInfo}},[_c('span',{staticClass:\"icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'info-circle']}})],1)])])])]),(_vm.showInfo)?_c('div',{staticClass:\"message is-info mb-4\"},[_c('div',{staticClass:\"message-body\"},[_vm._v(_vm._s(_vm.$t(`Components.Settings.Yield.YieldPlaygroundSettings.Message_GroupSizeInfo`)))])]):_vm._e(),(_vm.yieldSettingsPlayground.ApplyGroupSize && _vm.mShowBox)?_c('div',[_c('table',{staticClass:\"table is-fullwidth is-narrow is-striped\"},[_c('tbody',[(_vm.sortedGroupSizes.length === 0)?_c('tr',[_c('td',{attrs:{\"colspan\":\"5\"}},[_c('article',{staticClass:\"message is-info has-margin-bottom\"},[_c('div',{staticClass:\"message-body\"},[_vm._v(_vm._s(_vm.$t(`Components.Settings.Yield.YieldPlaygroundSettings.Message_NoGroupSizesDefined`)))])])])]):_vm._e(),(_vm.sortedGroupSizes.length > 0)?_vm._l((_vm.sortedGroupSizes),function(groupSize,index){return _c('tr',{key:index},[_c('td',{attrs:{\"width\":\"40\"}},[_c('span',[_vm._v(_vm._s(_vm.getPreviousGroupSize(index))+\" - \")])]),_c('td',{attrs:{\"width\":\"50\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(groupSize.MaxSize),expression:\"groupSize.MaxSize\"}],staticClass:\"input\",attrs:{\"type\":\"text\",\"maxSize\":\"4\"},domProps:{\"value\":(groupSize.MaxSize)},on:{\"change\":_vm.updateYieldPlayground,\"input\":function($event){if($event.target.composing)return;_vm.$set(groupSize, \"MaxSize\", $event.target.value)}}})]),_c('td',{attrs:{\"width\":\"100\"}},[_c('div',{staticClass:\"field has-addons\"},[_c('p',{staticClass:\"control\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(groupSize.Percentage),expression:\"groupSize.Percentage\",modifiers:{\"number\":true}}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(groupSize.Percentage)},on:{\"change\":_vm.updateYieldPlayground,\"input\":function($event){if($event.target.composing)return;_vm.$set(groupSize, \"Percentage\", _vm._n($event.target.value))},\"blur\":function($event){return _vm.$forceUpdate()}}})]),_vm._m(0,true)])]),_c('td',[(groupSize.Percentage < 0)?_c('span',[_vm._v(_vm._s(_vm.$t(`Components.Settings.Yield.EditYieldSettings.Label_Discount`)))]):_vm._e(),(groupSize.Percentage > 0)?_c('span',[_vm._v(_vm._s(_vm.$t(`Components.Settings.Yield.EditYieldSettings.Label_Surcharge`)))]):_vm._e()]),_c('td',[_c('a',{on:{\"click\":function($event){return _vm.removeGroupSize(index)}}},[_c('span',{staticClass:\"icon has-text-danger\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'times']}})],1)])])])}):_vm._e()],2),_c('tfoot',[_c('tr',[_c('td',{attrs:{\"width\":\"40\"}},[_c('span',[_vm._v(_vm._s(_vm.getPreviousGroupSize( _vm.yieldSettingsPlayground.GroupSizes.length ))+\" - \")])]),_c('td',{attrs:{\"width\":\"50\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.newGroupSize.MaxSize),expression:\"newGroupSize.MaxSize\",modifiers:{\"number\":true}}],staticClass:\"input\",attrs:{\"type\":\"text\",\"maxSize\":\"4\"},domProps:{\"value\":(_vm.newGroupSize.MaxSize)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.newGroupSize, \"MaxSize\", _vm._n($event.target.value))},\"blur\":function($event){return _vm.$forceUpdate()}}})]),_c('td',{attrs:{\"width\":\"100\"}},[_c('div',{staticClass:\"field has-addons\"},[_c('p',{staticClass:\"control\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.newGroupSize.Percentage),expression:\"newGroupSize.Percentage\",modifiers:{\"number\":true}}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.newGroupSize.Percentage)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&$event.keyCode!==13)return null;return _vm.addGroupSize.apply(null, arguments)},\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.newGroupSize, \"Percentage\", _vm._n($event.target.value))},\"blur\":function($event){return _vm.$forceUpdate()}}})]),_vm._m(1)])]),_c('td',[_c('span',[_vm._v(_vm._s(_vm.actionLabel))])]),_c('td',{attrs:{\"width\":\"40\"}},[_c('a',{on:{\"click\":_vm.addGroupSize}},[_c('span',{staticClass:\"icon has-text-success\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'plus']}})],1)])])])])])]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"control\"},[_c('a',{staticClass:\"button is-static\"},[_vm._v(\"%\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"control\"},[_c('a',{staticClass:\"button is-static\"},[_vm._v(\"%\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"box\">\n    <div class=\"columns\">\n      <div class=\"column\">\n        <label class=\"checkbox has-text-weight-bold\">\n          <input\n            type=\"checkbox\"\n            @change=\"updateYieldPlayground\"\n            v-model=\"yieldSettingsPlayground.ApplyGroupSize\"\n          />\n          {{ $t(`Components.Settings.Yield.YieldPlaygroundSettings.TableHeader_GroupSize`)}}\n        </label>\n      </div>\n      <div class=\"column has-text-right\">\n        <span class=\"has-margin-left\">\n          <a @click=\"setShowInfo\">\n            <span class=\"icon\">\n              <font-awesome-icon :icon=\"['fas', 'info-circle']\" />\n            </span>\n          </a>\n        </span>\n      </div>\n    </div>\n\n    <div\n      v-if=\"showInfo\"\n      class=\"message is-info mb-4\"\n    >\n      <div class=\"message-body\">{{ $t(`Components.Settings.Yield.YieldPlaygroundSettings.Message_GroupSizeInfo`)}}</div>\n    </div>\n\n    <div v-if=\"yieldSettingsPlayground.ApplyGroupSize && mShowBox\">\n      <table class=\"table is-fullwidth is-narrow is-striped\">\n        <tbody>\n          <tr v-if=\"sortedGroupSizes.length === 0\">\n            <td colspan=\"5\">\n              <article class=\"message is-info has-margin-bottom\">\n                <div class=\"message-body\">{{ $t(`Components.Settings.Yield.YieldPlaygroundSettings.Message_NoGroupSizesDefined`)}}</div>\n              </article>\n            </td>\n          </tr>\n          <template v-if=\"sortedGroupSizes.length > 0\">\n            <tr\n              v-for=\"(groupSize, index) in sortedGroupSizes\"\n              :key=\"index\"\n            >\n              <td width=\"40\">\n                <span>{{ getPreviousGroupSize(index) }} -\n                </span>\n              </td>\n              <td width=\"50\">\n                <input\n                  type=\"text\"\n                  maxSize=\"4\"\n                  @change=\"updateYieldPlayground\"\n                  v-model=\"groupSize.MaxSize\"\n                  class=\"input\"\n                />\n              </td>\n              <td width=\"100\">\n                <div class=\"field has-addons\">\n                  <p class=\"control\">\n                    <input\n                      type=\"text\"\n                      @change=\"updateYieldPlayground\"\n                      v-model.number=\"groupSize.Percentage\"\n                      class=\"input\"\n                    />\n                  </p>\n                  <p class=\"control\">\n                    <a class=\"button is-static\">%</a>\n                  </p>\n                </div>\n              </td>\n              <td>\n                <span v-if=\"groupSize.Percentage < 0\">{{$t(`Components.Settings.Yield.EditYieldSettings.Label_Discount`)}}</span>\n                <span v-if=\"groupSize.Percentage > 0\">{{$t(`Components.Settings.Yield.EditYieldSettings.Label_Surcharge`)}}</span>\n              </td>\n              <td>\n                <a @click=\"removeGroupSize(index)\">\n                  <span class=\"icon has-text-danger\">\n                    <font-awesome-icon :icon=\"['fas', 'times']\" />\n                  </span>\n                </a>\n              </td>\n            </tr>\n          </template>\n        </tbody>\n\n        <tfoot>\n          <tr>\n            <td width=\"40\">\n              <span>{{\n                  getPreviousGroupSize(\n                    yieldSettingsPlayground.GroupSizes.length\n                  )\n                }}\n                -\n              </span>\n            </td>\n            <td width=\"50\">\n              <input\n                type=\"text\"\n                maxSize=\"4\"\n                v-model.number=\"newGroupSize.MaxSize\"\n                class=\"input\"\n              />\n            </td>\n            <td width=\"100\">\n              <div class=\"field has-addons\">\n                <p class=\"control\">\n                  <input\n                    type=\"text\"\n                    v-on:keyup.13=\"addGroupSize\"\n                    v-model.number=\"newGroupSize.Percentage\"\n                    class=\"input\"\n                  />\n                </p>\n                <p class=\"control\">\n                  <a class=\"button is-static\">%</a>\n                </p>\n              </div>\n            </td>\n            <td>\n              <span>{{ actionLabel }}</span>\n            </td>\n            <td width=\"40\">\n              <a @click=\"addGroupSize\">\n                <span class=\"icon has-text-success\">\n                  <font-awesome-icon :icon=\"['fas', 'plus']\" />\n                </span>\n              </a>\n            </td>\n          </tr>\n        </tfoot>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapMutations, mapState } from 'vuex'\n\nexport default {\n  props: {\n    showBox: {\n      type: Boolean,\n      default: true\n    }\n  },\n\n  data() {\n    return {\n      mShowBox: true,\n      newGroupSize: null,\n      showInfo: false\n    }\n  },\n\n  computed: {\n    ...mapState('yieldStore', ['yieldSettingsPlayground']),\n\n    sortedGroupSizes() {\n      let self = this\n      let groupsizes = []\n      if (\n        self.yieldSettingsPlayground &&\n        self.yieldSettingsPlayground.GroupSizes.length > 0\n      ) {\n        groupsizes = self.yieldSettingsPlayground.GroupSizes.sort(function(\n          a,\n          b\n        ) {\n          return a.MaxSize - b.MaxSize\n        })\n      }\n      return groupsizes\n    },\n\n    actionLabel() {\n      let label = ''\n\n      if (this.newGroupSize && this.newGroupSize.Percentage) {\n        if (this.newGroupSize.Percentage < 0) {\n          label = 'discount'\n        }\n        if (this.newGroupSize.Percentage > 0) {\n          label = 'surcharge'\n        }\n      }\n\n      return label\n    }\n  },\n\n  watch: {\n    showBox: {\n      immediate: true,\n      handler: function(newVal, oldVal) {\n        this.mShowBox = newVal\n      }\n    }\n  },\n\n  created() {\n    this.newGroupSize = this.setNewGroupSizeDefaults()\n  },\n\n  methods: {\n    ...mapMutations('yieldStore', ['setYieldSettingsPlayground']),\n\n    setShowInfo() {\n      this.showInfo = !this.showInfo\n      if (this.showInfo) {\n        this.mShowBox = true\n      }\n    },\n\n    getPreviousGroupSize(index) {\n      let self = this\n      let previousGroupSize = null\n      let size = 1\n\n      if (index > 0) {\n        previousGroupSize = self.yieldSettingsPlayground.GroupSizes[index - 1]\n        if (previousGroupSize) {\n          size = Number(previousGroupSize.MaxSize) + 1\n        }\n      }\n      return size\n    },\n\n    setNewGroupSizeDefaults() {\n      let self = this\n\n      let existingGroupSizes = self.yieldSettingsPlayground.GroupSizes.length\n      let maxSize = 1\n      if (existingGroupSizes > 0) {\n        let previousMaxSize = self.getPreviousGroupSize(existingGroupSizes)\n        maxSize = Number(previousMaxSize) + 5 - 1\n      }\n\n      return {\n        ChannelId: self.yieldSettingsPlayground.ChannelId,\n        LocationId: self.yieldSettingsPlayground.LocationId,\n        MaxSize: maxSize,\n        Percentage: 0\n      }\n    },\n\n    addGroupSize() {\n      let self = this\n\n      self.yieldSettingsPlayground.GroupSizes.push(self.newGroupSize)\n      self.newGroupSize = self.setNewGroupSizeDefaults()\n      self.updateYieldPlayground()\n    },\n\n    removeGroupSize(index) {\n      let self = this\n\n      self.yieldSettingsPlayground.GroupSizes.splice(index, 1)\n      self.updateYieldPlayground()\n    },\n\n    updateYieldPlayground() {\n      this.setYieldSettingsPlayground(this.yieldSettingsPlayground)\n      this.$emit('yieldSettingsUpdated')\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.table {\n  tr {\n    td {\n      vertical-align: middle;\n    }\n  }\n}\n</style>\n\n","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!./YieldSettingsGroupSize.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!./YieldSettingsGroupSize.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./YieldSettingsGroupSize.vue?vue&type=template&id=712dfe96&scoped=true\"\nimport script from \"./YieldSettingsGroupSize.vue?vue&type=script&lang=js\"\nexport * from \"./YieldSettingsGroupSize.vue?vue&type=script&lang=js\"\nimport style0 from \"./YieldSettingsGroupSize.vue?vue&type=style&index=0&id=712dfe96&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  \"712dfe96\",\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!./YieldSettingsGroupSize.vue?vue&type=style&index=0&id=712dfe96&prod&lang=scss&scoped=true\""],"sourceRoot":""}