{"version":3,"sources":["webpack:///./src/components/App/Overlays/WidgetSettingsOverlay/WidgetsAvailable/WidgetAvailable.vue?2c5b","webpack:///src/components/App/Overlays/WidgetSettingsOverlay/WidgetsAvailable/WidgetAvailable.vue","webpack:///./src/components/App/Overlays/WidgetSettingsOverlay/WidgetsAvailable/WidgetAvailable.vue?3193","webpack:///./src/components/App/Overlays/WidgetSettingsOverlay/WidgetsAvailable/WidgetAvailable.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","tooltip","expression","modifiers","class","enabled","widget","isEnabled","selected","isSelected","disabled","on","$event","selectedWidget","attrs","icon","staticClass","_v","_s","$t","staticRenderFns","WidgetAvailableStyled","styled","_templateObject","_taggedTemplateLiteral","buttonReset","p","theme","colors","navFontNormal","isDark","primary","secondary","props","type","Object","required","VTooltip","components","TalpaIcon","computed","toString","split","map","s","toLowerCase","charAt","toUpperCase","slice","join","content","tooltipContent","container","classes","placement","concat","maxDimensions","reason","methods","$emit","component"],"mappings":"yHAAA,I,EAAIA,EAAS,WACX,IAAIC,EAAIC,KACJC,EAAGF,EAAIG,eACPC,EAAGJ,EAAIK,MAAMD,IAAIF,EAErB,OAAOE,EAAG,wBAAyB,CACjCE,WAAY,CAAC,CACXC,KAAM,UACNC,QAAS,mBACTC,MAAOT,EAAIU,QACXC,WAAY,UACZC,UAAW,CACT,QAAU,KAGdC,MAAO,CACLC,QAASd,EAAIe,OAAOC,UACpBC,SAAUjB,EAAIe,OAAOG,WACrBC,UAAWnB,EAAIe,OAAOC,WAExBI,GAAI,CACF,MAAS,SAAeC,GACtB,OAAOrB,EAAIsB,eAAetB,EAAIe,WAGjC,CAACX,EAAG,YAAa,CAClBmB,MAAO,CACL,MAAS,cACT,KAAQvB,EAAIwB,QAEZpB,EAAG,OAAQ,CACbqB,YAAa,QACZ,CAACzB,EAAI0B,GAAG1B,EAAI2B,GAAG3B,EAAI4B,GAAG,eAAiB5B,EAAIe,OAAOR,WAAY,IAE/DsB,EAAkB,G,0HCftBC,EAAAC,eAAA,SAAAA,CAAAC,MAAAC,eAAA,uXACAC,QAQA,SAAAC,GAAA,OAAAA,EAAAC,MAAAC,OAAAC,iBAIA,SAAAH,GAAA,OAAAA,EAAAC,MAAAG,OAAAJ,EAAAC,MAAAC,OAAAC,cAAAH,EAAAC,MAAAC,OAAAG,WAEA,SAAAL,GAAA,OAAAA,EAAAC,MAAAG,OAAAJ,EAAAC,MAAAC,OAAAG,QAAAL,EAAAC,MAAAC,OAAAI,aAIA,SAAAN,GAAA,OAAAA,EAAAC,MAAAG,OAAAJ,EAAAC,MAAAC,OAAAG,QAAAL,EAAAC,MAAAC,OAAAI,aAUe,GACfC,MAAA,CACA3B,OAAA,CACA4B,KAAAC,OACAC,UAAA,IAGAvC,WAAA,CACAI,QAAAoC,QAEAC,WAAA,CACAjB,wBACAkB,0BAEAC,SAAA,CACAzB,KAAA,WACA,YAAAT,OAAAR,KAIA,KAAAQ,OAAAR,KACA2C,WACAC,MAAA,KACAC,KAAA,SAAAC,GAEA,OADAA,IAAAC,cACAD,EAAAE,OAAA,GAAAC,cAAAH,EAAAI,MAAA,MAEAC,KAAA,WAVA,MAaAhD,QAAA,WACA,OACAiD,QAAA,KAAAC,eACAC,UAAA,OACAC,QAAA,SACAC,UAAA,WAGAH,eAAA,WACA,YAAA7C,OAAAC,UAAA,KAAAY,GAAA,sCAAAoC,OAAA,KAAAjD,OAAAkD,eAAA,KAAAlD,OAAAmD,SAGAC,QAAA,CACA7C,eAAA,SAAAP,GACAA,EAAAC,WACA,KAAAoD,MAAA,oBC7FgyB,I,YCO5xBC,EAAY,eACd,EACAtE,EACA8B,GACA,EACA,KACA,KACA,MAIa,aAAAwC,E","file":"js/chunk-2d0c432d.cad10ea7.js","sourcesContent":["var render = function () {\n  var _vm=this;\n  var _h=_vm.$createElement;\n  var _c=_vm._self._c||_h;\n\n  return _c('WidgetAvailableStyled', {\n    directives: [{\n      name: \"tooltip\",\n      rawName: \"v-tooltip.bottom\",\n      value: _vm.tooltip,\n      expression: \"tooltip\",\n      modifiers: {\n        \"bottom\": true\n      }\n    }],\n    class: {\n      enabled: _vm.widget.isEnabled,\n      selected: _vm.widget.isSelected,\n      disabled: !_vm.widget.isEnabled\n    },\n    on: {\n      \"click\": function click($event) {\n        return _vm.selectedWidget(_vm.widget);\n      }\n    }\n  }, [_c('TalpaIcon', {\n    attrs: {\n      \"scope\": 'WidgetTypes',\n      \"name\": _vm.icon\n    }\n  }), _c('span', {\n    staticClass: \"name\"\n  }, [_vm._v(_vm._s(_vm.$t('widgetTypes.' + _vm.widget.name)))])], 1);\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <WidgetAvailableStyled\n    :class=\"{ enabled: widget.isEnabled, selected: widget.isSelected, disabled: !widget.isEnabled }\"\n    v-tooltip.bottom=\"tooltip\"\n    @click=\"selectedWidget(widget)\"\n  >\n    <TalpaIcon :scope=\"'WidgetTypes'\" :name=\"icon\" />\n    <span class=\"name\">{{ $t('widgetTypes.' + widget.name) }}</span>\n  </WidgetAvailableStyled>\n</template>\n\n<script>\nimport { styled } from '@egoist/vue-emotion'\nimport { VTooltip } from 'v-tooltip'\n\nimport { TalpaIcon } from '@common/components'\n\nimport { buttonReset } from '@styles/mixins'\n\nconst WidgetAvailableStyled = styled('button')`\n  ${buttonReset}\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  &.disabled {\n    opacity: 0.5;\n    color: ${p => p.theme.colors.navFontNormal};\n  }\n\n  &.enabled {\n    color: ${p => (p.theme.isDark ? p.theme.colors.navFontNormal : p.theme.colors.primary)};\n    &:hover {\n      color: ${p => (p.theme.isDark ? p.theme.colors.primary : p.theme.colors.secondary)};\n    }\n  }\n  &.selected {\n    color: ${p => (p.theme.isDark ? p.theme.colors.primary : p.theme.colors.secondary)};\n  }\n  &:first-child {\n    margin-top: 0;\n  }\n  .name {\n    margin-top: 0.5rem;\n  }\n`\n\nexport default {\n  props: {\n    widget: {\n      type: Object,\n      required: true,\n    },\n  },\n  directives: {\n    tooltip: VTooltip,\n  },\n  components: {\n    WidgetAvailableStyled,\n    TalpaIcon,\n  },\n  computed: {\n    icon() {\n      if (!this.widget.name) {\n        return null\n      }\n      return (\n        this.widget.name\n          .toString()\n          .split('_')\n          .map(s => {\n            s = s.toLowerCase()\n            return s.charAt(0).toUpperCase() + s.slice(1)\n          })\n          .join('') + 'Icon'\n      )\n    },\n    tooltip() {\n      return {\n        content: this.tooltipContent,\n        container: '#app',\n        classes: 'widget',\n        placement: 'bottom',\n      }\n    },\n    tooltipContent() {\n      return this.widget.isEnabled ? this.$t('messages.maxDimensionsAllowed') + `: ${this.widget.maxDimensions}` : this.widget.reason\n    },\n  },\n  methods: {\n    selectedWidget(widget) {\n      if (widget.isEnabled) {\n        this.$emit('setWidgetType')\n      }\n    },\n  },\n}\n</script>\n","import mod from \"-!../../../../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.46.0/node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.21.8_webpack@4.46.0/node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/.pnpm/vue-loader@15.10.1_cache-loader@4.1.0_css-loader@3.6.0_lodash@4.17.21_vue-template-compiler@2.6.14_webpack@4.46.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./WidgetAvailable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.46.0/node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.21.8_webpack@4.46.0/node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/.pnpm/vue-loader@15.10.1_cache-loader@4.1.0_css-loader@3.6.0_lodash@4.17.21_vue-template-compiler@2.6.14_webpack@4.46.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./WidgetAvailable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WidgetAvailable.vue?vue&type=template&id=b0184ce4&\"\nimport script from \"./WidgetAvailable.vue?vue&type=script&lang=js&\"\nexport * from \"./WidgetAvailable.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../node_modules/.pnpm/vue-loader@15.10.1_cache-loader@4.1.0_css-loader@3.6.0_lodash@4.17.21_vue-template-compiler@2.6.14_webpack@4.46.0/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"],"sourceRoot":""}