{"version":3,"sources":["webpack:///./src/components/WidgetWrapper.vue?31ea","webpack:///./src/components/WidgetWrapper.vue?f98e","webpack:///src/components/WidgetWrapper.vue","webpack:///./src/components/WidgetWrapper.vue?a3e3","webpack:///./src/components/WidgetWrapper.vue","webpack:///./src/components/WidgetWrapper.vue?537a"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","domProps","_s","name","device","text","$store","state","showEditOverlay","on","handleCancel","_v","$event","_e","class","$style","editContent","_t","attrs","handleDelete","handleSave","$t","content","ref","settingsWrap","fail","contentWrap","failMsg","staticRenderFns","props","params","type","default","value","loading","useOptions","computed","selectedTreeNode","watch","handler","arg","data","tmpParams","methods","$emit","isSizeChanged","mounted","injectStyles","context","locals","component","VBtn","VIcon","VOverlay","VProgressCircular"],"mappings":"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","file":"js/chunk-0540d12a.3b5a91e3.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"content\":\"WidgetWrapper_content_1gJgJ\",\"resultWrap\":\"WidgetWrapper_resultWrap_2A0BV\",\"result\":\"WidgetWrapper_result_2aLML\",\"editContent\":\"WidgetWrapper_editContent_1jC7d\",\"settingsWrap\":\"WidgetWrapper_settingsWrap_1T40i\",\"contentWrap\":\"WidgetWrapper_contentWrap_3r6FP\",\"failMsg\":\"WidgetWrapper_failMsg_2-x98\"};","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"widget\"},[_c('div',[_c('div',[_c('div',{domProps:{\"textContent\":_vm._s(_vm.name)}}),_c('div',{domProps:{\"textContent\":_vm._s(_vm.device.text)}})]),(_vm.$store.state.editMode)?[(!_vm.showEditOverlay)?_c('v-icon',{on:{\"click\":function($event){_vm.showEditOverlay = true}}},[_vm._v(\" mdi-cog-outline \")]):_c('v-icon',{on:{\"click\":_vm.handleCancel}},[_vm._v(\" mdi-arrow-left \")])]:_vm._e()],2),(_vm.showEditOverlay)?_c('div',{class:_vm.$style.editContent},[_c('div',[_vm._t(\"settings\"),_c('div',[_c('v-btn',{staticClass:\"deleteBtn\",attrs:{\"depressed\":\"\",\"tile\":\"\"},on:{\"click\":_vm.handleDelete}},[_c('v-icon',[_vm._v(\" mdi-trash-can-outline \")])],1),_c('v-btn',{staticClass:\"primaryBtn\",attrs:{\"depressed\":\"\",\"tile\":\"\"},on:{\"click\":_vm.handleSave}},[_vm._v(\" \"+_vm._s(_vm.$t(\"widgetOptionsSubmit\"))+\" \")])],1)],2)]):_c('div',{class:_vm.$style.content},[(_vm.useOptions)?_c('div',{ref:\"settings\",class:_vm.$style.settingsWrap},[_c('div',{staticClass:\"innerComponents settings\"},[_vm._t(\"options\")],2)]):_vm._e(),_c('div',{class:_vm.fail ? [_vm.$style.contentWrap, _vm.$style.failMsg] : _vm.$style.contentWrap},[(_vm.fail)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.$t(_vm.fail))}}):(_vm.loading)?_c('v-overlay',[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\"}})],1):_vm._e(),(!_vm.fail)?_vm._t(\"content\"):_vm._e()],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"widget\">\n    <div>\n      <div>\n        <div v-text=\"name\"></div>\n        <div v-text=\"device.text\"></div>\n      </div>\n      <template v-if=\"$store.state.editMode\">\n        <v-icon v-if=\"!showEditOverlay\" @click=\"showEditOverlay = true\">\n          mdi-cog-outline\n        </v-icon>\n        <v-icon v-else @click=\"handleCancel\">\n          mdi-arrow-left\n        </v-icon>\n      </template>\n    </div>\n    <div :class=\"$style.editContent\" v-if=\"showEditOverlay\">\n      <div>\n        <slot name=\"settings\"></slot>\n        <div>\n          <v-btn class=\"deleteBtn\" depressed tile @click=\"handleDelete\"\n            ><v-icon>\n              mdi-trash-can-outline\n            </v-icon>\n          </v-btn>\n          <v-btn class=\"primaryBtn\" depressed tile @click=\"handleSave\">\n            {{ $t(\"widgetOptionsSubmit\") }}\n          </v-btn>\n        </div>\n      </div>\n    </div>\n    <div :class=\"$style.content\" v-else>\n      <div :class=\"$style.settingsWrap\" v-if=\"useOptions\" ref=\"settings\">\n        <div class=\"innerComponents settings\">\n          <slot name=\"options\"></slot>\n        </div>\n      </div>\n      <div\n        :class=\"\n          fail ? [$style.contentWrap, $style.failMsg] : $style.contentWrap\n        \"\n      >\n        <span v-if=\"fail\" v-text=\"$t(fail)\"></span>\n        <v-overlay v-else-if=\"loading\"\n          ><v-progress-circular indeterminate\n        /></v-overlay>\n        <slot v-if=\"!fail\" name=\"content\"></slot>\n\n        <!--div :class=\"$style.result\" v-if=\"loading || fail\">\n          <span v-if=\"fail\" v-text=\"$t(fail)\"></span>\n\n          <v-overlay v-else><v-progress-circular indeterminate/></v-overlay>\n        </div>\n        <slot v-else name=\"content\"></slot-->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    params: {\n      type: Object,\n      default: () => {}\n    },\n    value: {\n      type: Object,\n      default: () => {}\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    fail: {\n      type: String,\n      default: \"\"\n    },\n    useOptions: {\n      type: Boolean,\n      default: false\n    }\n  },\n  computed: {\n    device() {\n      return this.$store.state.selectedTreeNode;\n    },\n    name() {\n      return this.value.name ? this.value.name : this.$t(this.params.name);\n    }\n  },\n  watch: {\n    \"$store.state.editMode\": {\n      handler(arg) {\n        if (!arg) this.showEditOverlay = false;\n      }\n    }\n  },\n  data() {\n    return {\n      showEditOverlay: false,\n      tmpParams: {}\n    };\n  },\n  methods: {\n    handleCancel() {\n      this.showEditOverlay = false;\n      this.$emit(\"cancel\", false);\n    },\n\n    handleSave() {\n      this.showEditOverlay = false;\n      const isSizeChanged =\n        this.tmpParams.width != this.value.width ||\n        this.tmpParams.height != this.value.height;\n      this.$emit(\"save\", isSizeChanged);\n    },\n\n    handleDelete() {\n      this.showEditOverlay = false;\n      this.$emit(\"delete\", false);\n    }\n  },\n  async mounted() {\n    this.tmpParams = JSON.parse(JSON.stringify(this.value));\n    if (this.useOptions) {\n      await this.$nextTick();\n      this.$setSettingsScroll(this.$refs.settings);\n    }\n  }\n};\n</script>\n\n<style module>\n.content > div:last-child {\n  flex: 1;\n}\n\n.resultWrap {\n  display: flex;\n}\n\n.result {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.editContent {\n  display: block;\n  overflow-y: auto;\n}\n\n.editContent > * {\n  margin: 0 auto;\n  width: 100%;\n  max-width: 350px;\n}\n\n.editContent > * > * + * {\n  margin-top: 20px;\n}\n\n.editContent > * > *:last-child {\n  display: flex;\n  margin: 30px auto 0;\n  width: 100%;\n  max-width: 286px;\n  justify-content: space-between;\n}\n\n.settingsWrap {\n  padding-right: 10px;\n  overflow: auto;\n}\n\n.settingsWrap > * {\n  min-width: 100%;\n  justify-content: flex-end;\n}\n\n.contentWrap {\n  position: relative;\n}\n\n.failMsg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\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!./WidgetWrapper.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!./WidgetWrapper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WidgetWrapper.vue?vue&type=template&id=2389986e&\"\nimport script from \"./WidgetWrapper.vue?vue&type=script&lang=js&\"\nexport * from \"./WidgetWrapper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WidgetWrapper.vue?vue&type=style&index=0&module=true&lang=css&\"\n\n\n\n\nfunction injectStyles (context) {\n  \n  this[\"$style\"] = (style0.locals || style0)\n\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  injectStyles,\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\ninstallComponents(component, {VBtn,VIcon,VOverlay,VProgressCircular})\n","export { default } from  \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-0-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-0-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-0-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WidgetWrapper.vue?vue&type=style&index=0&module=true&lang=css&\"; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-0-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-0-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-0-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WidgetWrapper.vue?vue&type=style&index=0&module=true&lang=css&\""],"sourceRoot":""}