{"version":3,"sources":["webpack:///./src/components/Menu/MenuItemAttr.vue?7b99","webpack:///./src/components/Menu/MenuItemAttr.vue?8187","webpack:///src/components/Menu/MenuItemAttr.vue","webpack:///./src/components/Menu/MenuItemAttr.vue?10fc","webpack:///./src/components/Menu/MenuItemAttr.vue?260b","webpack:///./src/components/Menu/MenuLegendAttr.vue?c220","webpack:///src/components/Menu/MenuLegendAttr.vue","webpack:///./src/components/Menu/MenuLegendAttr.vue?1fb3","webpack:///./src/components/Menu/MenuLegendAttr.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","isShowingEditUI","placeholder","unselected","on","mouseover","mouseleave","hover","_v","_s","attr","title","staticRenderFns","name","components","props","type","Object","required","default","Boolean","data","computed","methods","component","_b","staticClass","$attrs","attrs","desc","_e","VFlex","VLayout"],"mappings":"mIAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAC5G,iBACAN,EAAIO,gBAAkB,cAAgB,SACtC,CAAE,yBAA0BP,EAAIQ,aAChC,CAAEC,WAAYT,EAAIS,aAAeC,GAAG,CAAC,UAAYV,EAAIW,UAAU,WAAaX,EAAIY,aAAa,CAACR,EAAG,MAAM,CAACE,MAAM,CAAC,mBAAoB,CAAEO,MAAOb,EAAIa,SAAU,CAACb,EAAIc,GAAGd,EAAIe,GAAGf,EAAIgB,KAAKC,aAClLC,EAAkB,G,gnBCYtB,OACEC,KAAM,eACNC,WAAY,GACZC,MAAO,CACLL,KAAM,CACJM,KAAMC,OACNC,UAAU,EACVC,QAAS,cAEXjB,YAAa,CACXc,KAAMI,QACND,SAAS,GAEXhB,WAAY,CACVa,KAAMI,QACND,SAAS,IAGbE,KAlBF,WAmBI,MAAO,CACLd,OAAO,IAGXe,SAAU,EAAZ,GACA,8CAEEC,QAAS,CACPlB,UADJ,WAEUV,KAAKO,cACTP,KAAKY,OAAQ,IAEfD,WALJ,WAMUX,KAAKO,cACTP,KAAKY,OAAQ,MClDkV,I,wBCQjWiB,EAAY,eACd,EACA/B,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAY,E,yECnBf,IAAI/B,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQJ,EAAI+B,GAAG,CAACC,YAAY,gCAAgC,QAAQhC,EAAIiC,QAAO,GAAO,CAAC7B,EAAG,UAAU,CAAC8B,MAAM,CAAC,IAAM,KAAK,CAAC9B,EAAG,QAAQ,CAAC8B,MAAM,CAAC,OAAS,KAAK,CAAC9B,EAAG,eAAe,CAAC4B,YAAY,iBAAiBE,MAAM,CAAC,KAAOlC,EAAIgB,SAAS,GAAIhB,EAAIgB,KAAS,KAAEZ,EAAG,QAAQ,CAAC8B,MAAM,CAAC,OAAO,KAAK,CAAClC,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAIgB,KAAKmB,MAAM,OAAOnC,EAAIoC,MAAM,IAAI,IAC7alB,EAAkB,G,YCctB,GACEC,KAAM,iBACNC,WAAY,CAAd,2BACEC,MAAO,CACLL,KAAM,CACJM,KAAMC,OACNC,UAAU,EACVC,QAAS,eAGbE,KAVF,WAWI,MAAO,KC1B4V,I,yDCOnWG,EAAY,eACd,EACA/B,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAY,EAAiB,QAMhC,IAAkBA,EAAW,CAACO,QAAA,KAAMC,UAAA","file":"js/chunk-987aeae4.62aa09e7.js","sourcesContent":["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!./MenuItemAttr.vue?vue&type=style&index=0&id=52499a7e&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[\n    'item-attr mb-2',\n    _vm.isShowingEditUI ? 'interactive' : 'static',\n    { 'placeholder--item-attr': _vm.placeholder },\n    { unselected: _vm.unselected } ],on:{\"mouseover\":_vm.mouseover,\"mouseleave\":_vm.mouseleave}},[_c('div',{class:['item-attr--title', { hover: _vm.hover }]},[_vm._v(_vm._s(_vm.attr.title))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    :class=\"[\n      'item-attr mb-2',\n      isShowingEditUI ? 'interactive' : 'static',\n      { 'placeholder--item-attr': placeholder },\n      { unselected },\n    ]\"\n    @mouseover=\"mouseover\"\n    @mouseleave=\"mouseleave\"\n  >\n    <div :class=\"['item-attr--title', { hover }]\">{{ attr.title }}</div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex'\nexport default {\n  name: 'MenuItemAttr',\n  components: {},\n  props: {\n    attr: {\n      type: Object,\n      required: true,\n      default: () => {},\n    },\n    placeholder: {\n      type: Boolean,\n      default: false,\n    },\n    unselected: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      hover: false,\n    }\n  },\n  computed: {\n    ...mapGetters('editor', ['isShowingEditUI']),\n  },\n  methods: {\n    mouseover() {\n      if (this.placeholder) return\n      this.hover = true\n    }, // mouseover\n    mouseleave() {\n      if (this.placeholder) return\n      this.hover = false\n    }, // mouseleave\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '@design';\n\n.item-attr.interactive:not(.static--forced) {\n  cursor: pointer;\n}\n\n.item-attr {\n  user-select: none;\n  &:hover:not(.unselected.static) {\n    opacity: 0.5;\n  }\n}\n\n.item-attr--title {\n  $dim: 25px;\n\n  width: $dim;\n  height: $dim;\n  font-size: 9px;\n  line-height: $dim - 2px;\n  color: $color-db-purple;\n  text-align: center;\n  border: 2px solid $color-db-purple;\n  border-radius: 100%;\n}\n\n.placeholder--item-attr,\n.unselected {\n  cursor: pointer;\n  opacity: 0.8;\n  .item-attr--title {\n    color: grey;\n    border-color: grey;\n    border-style: dotted;\n  }\n  &:hover {\n    opacity: 1;\n    .item-attr--title {\n      border-style: solid;\n    }\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!./MenuItemAttr.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!./MenuItemAttr.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MenuItemAttr.vue?vue&type=template&id=52499a7e&\"\nimport script from \"./MenuItemAttr.vue?vue&type=script&lang=js&\"\nexport * from \"./MenuItemAttr.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MenuItemAttr.vue?vue&type=style&index=0&id=52499a7e&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',_vm._b({staticClass:\"menu-legend--attr asap--font\"},'VFlex',_vm.$attrs,false),[_c('VLayout',{attrs:{\"row\":\"\"}},[_c('VFlex',{attrs:{\"shrink\":\"\"}},[_c('MenuItemAttr',{staticClass:\"static--forced\",attrs:{\"attr\":_vm.attr}})],1),(_vm.attr.desc)?_c('VFlex',{attrs:{\"mt-1\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.attr.desc)+\" \")]):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <VFlex class=\"menu-legend--attr asap--font\" v-bind=\"$attrs\">\n    <VLayout row>\n      <VFlex shrink>\n        <MenuItemAttr :attr=\"attr\" class=\"static--forced\" />\n      </VFlex>\n      <VFlex v-if=\"attr.desc\" mt-1>\n        {{ attr.desc }}\n      </VFlex>\n    </VLayout>\n  </VFlex>\n</template>\n\n<script>\nimport MenuItemAttr from '@menu/MenuItemAttr'\nexport default {\n  name: 'MenuLegendAttr',\n  components: { MenuItemAttr },\n  props: {\n    attr: {\n      type: Object,\n      required: true,\n      default: () => {},\n    },\n  },\n  data() {\n    return {}\n  },\n}\n</script>\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!./MenuLegendAttr.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!./MenuLegendAttr.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MenuLegendAttr.vue?vue&type=template&id=4734b3eb&\"\nimport script from \"./MenuLegendAttr.vue?vue&type=script&lang=js&\"\nexport * from \"./MenuLegendAttr.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VFlex,VLayout})\n"],"sourceRoot":""}