{"version":3,"sources":["webpack:///./src/components/Editor/ButtonNewAddon.vue?eac1","webpack:///src/components/Editor/ButtonNewAddon.vue","webpack:///./src/components/Editor/ButtonNewAddon.vue?d57c","webpack:///./src/components/Editor/ButtonNewAddon.vue?a51c","webpack:///./src/themes/Treps/components/Menu/MenuItemAddons.vue?c343","webpack:///src/themes/Treps/components/Menu/MenuItemAddons.vue","webpack:///./src/themes/Treps/components/Menu/MenuItemAddons.vue?c7ee","webpack:///./src/themes/Treps/components/Menu/MenuItemAddons.vue?6ddf","webpack:///./src/themes/Treps/components/Menu/MenuItemAddons.vue?1bc2","webpack:///./src/components/Editor/ButtonNewAddon.vue?ce07"],"names":["render","_vm","this","_h","$createElement","_c","_self","_g","staticClass","attrs","icon","$listeners","_e","_t","_v","staticRenderFns","name","props","type","Boolean","default","data","component","class","isDirty","on","$event","stopPropagation","isHovering","addons","length","isItemSelected","$emit","_l","addon","i","key","id","ref","refInFor","Object","assign","isLast","val","isShowingEditUI","components","ButtonNewAddon","Array","required","computed","methods","VFlex"],"mappings":"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","file":"js/chunk-3f0e2878.d12ddc65.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('BaseButton',_vm._g({staticClass:\"first-addon-btn ui\",attrs:{\"md-icon\":\"add\",\"md-icon-position\":\"left\",\"text-color\":\"blue darken-3\",\"color\":\"blue darken-3\",\"small\":\"\",\"round\":\"\",\"outline\":\"\",\"icon\":_vm.icon}},_vm.$listeners),[(!_vm.icon)?_vm._t(\"default\",[_vm._v(\"Addon\")]):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <BaseButton\n    md-icon=\"add\"\n    md-icon-position=\"left\"\n    text-color=\"blue darken-3\"\n    color=\"blue darken-3\"\n    small\n    round\n    outline\n    :icon=\"icon\"\n    class=\"first-addon-btn ui\"\n    v-on=\"$listeners\"\n    ><slot v-if=\"!icon\">Addon</slot></BaseButton\n  >\n</template>\n\n<script>\nexport default {\n  name: 'ButtonNewAddon',\n  props: {\n    icon: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {}\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.first-addon-btn.v-btn {\n  z-index: 920;\n  margin-right: 0;\n  margin-left: 0;\n  font-size: 11px;\n  &.v-btn--small {\n    height: 24px;\n    padding: 0 6px;\n  }\n  .v-icon--left {\n    margin-right: 5px;\n  }\n}\n</style>\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!./ButtonNewAddon.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!./ButtonNewAddon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonNewAddon.vue?vue&type=template&id=5a90ea12&\"\nimport script from \"./ButtonNewAddon.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonNewAddon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ButtonNewAddon.vue?vue&type=style&index=0&id=5a90ea12&prod&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('VFlex',{class:['menu-item--addons', { 'is-dirty': _vm.isDirty }],attrs:{\"xs12\":\"\",\"row\":\"\"},on:{\"mouseover\":function($event){$event.stopPropagation();_vm.isHovering = true},\"mouseleave\":function($event){$event.stopPropagation();_vm.isHovering = false}}},[_c('transition',{attrs:{\"name\":\"fade-fastest\",\"mode\":\"out-in\"}},[(!_vm.addons.length && _vm.isItemSelected)?_c('ButtonNewAddon',{on:{\"click\":function($event){return _vm.$emit('newAddon')}}}):(_vm.addons.length)?_c('transition-group',{staticClass:\"layout row wrap\",attrs:{\"tag\":\"div\",\"name\":\"addon-list\"}},[_vm._l((_vm.addons),function(addon,i){return _c('BaseMenuComponent',{key:addon.id,ref:(\"addon-\" + i),refInFor:true,attrs:{\"name\":\"MenuItemAddon\",\"addon\":Object.assign({}, addon, { isLast: i === _vm.addons.length - 1 })},on:{\"remove\":function($event){return _vm.$emit('removeAddon', addon)},\"updateAddon\":function($event){return _vm.$emit('updateAddon', { addon: addon, key: $event.key, val: $event.val })}}})}),((_vm.isShowingEditUI && _vm.isHovering) || _vm.isItemSelected)?_c('BaseButtonIconMini',{key:\"add-new-btn\",staticClass:\"ml-1\",attrs:{\"text-color\":\"white\",\"color\":\"treps-blue\",\"xs\":\"\"},on:{\"click\":function($event){return _vm.$emit('newAddon')}}}):_vm._e()],2):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <VFlex\n    :class=\"['menu-item--addons', { 'is-dirty': isDirty }]\"\n    xs12\n    row\n    @mouseover.stop=\"isHovering = true\"\n    @mouseleave.stop=\"isHovering = false\"\n  >\n    <transition name=\"fade-fastest\" mode=\"out-in\">\n      <ButtonNewAddon\n        v-if=\"!addons.length && isItemSelected\"\n        @click=\"$emit('newAddon')\"\n      />\n      <transition-group\n        v-else-if=\"addons.length\"\n        tag=\"div\"\n        class=\"layout row wrap\"\n        name=\"addon-list\"\n      >\n        <BaseMenuComponent\n          v-for=\"(addon, i) of addons\"\n          :key=\"addon.id\"\n          :ref=\"`addon-${i}`\"\n          name=\"MenuItemAddon\"\n          :addon=\"{ ...addon, ...{ isLast: i === addons.length - 1 } }\"\n          @remove=\"$emit('removeAddon', addon)\"\n          @updateAddon=\"\n            $emit('updateAddon', { addon, key: $event.key, val: $event.val })\n          \"\n        />\n        <BaseButtonIconMini\n          v-if=\"(isShowingEditUI && isHovering) || isItemSelected\"\n          key=\"add-new-btn\"\n          class=\"ml-1\"\n          text-color=\"white\"\n          color=\"treps-blue\"\n          xs\n          @click=\"$emit('newAddon')\"\n        />\n      </transition-group>\n    </transition>\n  </VFlex>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex'\n\nimport ButtonNewAddon from '@editor/ButtonNewAddon'\n\nexport default {\n  name: 'TrepsMenuItemAddons',\n  components: {\n    ButtonNewAddon,\n  },\n  props: {\n    addons: {\n      type: Array,\n      required: true,\n      default: () => [],\n    },\n    isDirty: {\n      type: Boolean,\n      default: false,\n    },\n    isItemSelected: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      isHovering: false,\n    }\n  },\n  computed: {\n    ...mapGetters('editor', ['isShowingEditUI']),\n  }, // computed\n  methods: {},\n}\n</script>\n\n<style lang=\"scss\">\n@import '@design';\n.is-dirty {\n  min-height: 10px;\n}\n.addon-list-enter-active,\n.addon-list-leave-active {\n  transition: all 0.2s;\n}\n.addon-list-enter, .addon-list-leave-to /* .list-leave-active below version 2.1.8 */ {\n  opacity: 0.1;\n  transform: translateX(10px);\n}\n</style>\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!./MenuItemAddons.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!./MenuItemAddons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MenuItemAddons.vue?vue&type=template&id=0f827634&\"\nimport script from \"./MenuItemAddons.vue?vue&type=script&lang=js&\"\nexport * from \"./MenuItemAddons.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MenuItemAddons.vue?vue&type=style&index=0&id=0f827634&prod&lang=scss&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VFlex } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VFlex})\n","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!./MenuItemAddons.vue?vue&type=style&index=0&id=0f827634&prod&lang=scss&\"","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!./ButtonNewAddon.vue?vue&type=style&index=0&id=5a90ea12&prod&lang=scss&\""],"sourceRoot":""}