{"version":3,"file":"static/js/3398.4f840e02.js","mappings":"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","sources":["webpack://platypush/./src/components/panels/Entities/EntityIcon.vue","webpack://platypush/./src/components/panels/Entities/EntityIcon.vue?8abc","webpack://platypush/./src/components/panels/Entities/EnumSwitch.vue","webpack://platypush/./src/components/panels/Entities/EnumSwitch.vue?0a13"],"sourcesContent":["<template>\n  <div class=\"entity-icon-container\"\n      :class=\"{'with-color-fill': !!colorFill}\"\n      :style=\"colorFillStyle\">\n    <img src=\"@/assets/img/spinner.gif\" class=\"loading\" v-if=\"loading\">\n    <i class=\"fas fa-circle-exclamation error\" v-else-if=\"error\" />\n    <Icon v-bind=\"computedIconNormalized\" v-else />\n  </div>\n</template>\n\n<script>\nimport Icon from \"@/components/elements/Icon\";\n\nexport default {\n  name: \"EntityIcon\",\n  components: {Icon},\n  props: {\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    error: {\n      type: Boolean,\n      default: false,\n    },\n\n    entity: {\n      type: Object,\n      required: true,\n    },\n\n    icon: {\n      type: Object,\n      default: () => {},\n    },\n\n    hasColorFill: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  data() {\n    return {\n      component: null,\n      modalVisible: false,\n    }\n  },\n\n  computed: {\n    computedIcon() {\n      let icon = {...(this.entity?.meta?.icon || {})}\n      if (Object.keys(this.icon || {}).length)\n        icon = this.icon\n      return {...icon}\n    },\n\n    colorFill() {\n      return this.hasColorFill && this.computedIcon.color\n    },\n\n    colorFillStyle() {\n      return this.colorFill && !this.error ? {'background': this.colorFill} : {}\n    },\n\n    computedIconNormalized() {\n      const icon = {...this.computedIcon}\n      if (this.colorFill)\n        delete icon.color\n      return icon\n    },\n\n    type() {\n      let entityType = (this.entity.type || '')\n      return entityType.charAt(0).toUpperCase() + entityType.slice(1)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"vars\";\n\n.entity-icon-container {\n  width: 1.625em;\n  height: 1.5em;\n  display: inline-flex;\n  margin-top: 0.25em;\n  margin-left: 0.25em;\n  position: relative;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n\n  &.with-color-fill {\n    border-radius: 1em;\n  }\n\n  .loading {\n    position: absolute;\n    bottom: 0;\n    transform: translate(0%, -50%);\n    width: 1em;\n    height: 1em;\n  }\n\n  .error {\n    color: $error-fg;\n  }\n}\n</style>\n","import { render } from \"./EntityIcon.vue?vue&type=template&id=4fad24e6&scoped=true\"\nimport script from \"./EntityIcon.vue?vue&type=script&lang=js\"\nexport * from \"./EntityIcon.vue?vue&type=script&lang=js\"\n\nimport \"./EntityIcon.vue?vue&type=style&index=0&id=4fad24e6&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4fad24e6\"]])\n\nexport default __exports__","<template>\n  <div class=\"entity switch-container\">\n    <div class=\"head\" :class=\"{collapsed: collapsed}\">\n      <div class=\"col-1 icon\">\n        <EntityIcon\n          :entity=\"value\"\n          :loading=\"loading\"\n          :error=\"error\" />\n      </div>\n\n      <div class=\"col-s-8 col-m-9 label\">\n        <div class=\"name\" v-text=\"value.name\" />\n      </div>\n\n      <div class=\"col-s-3 col-m-2 buttons pull-right\">\n        <button @click.stop=\"collapsed = !collapsed\" v-if=\"hasValues\">\n          <i class=\"fas\"\n            :class=\"{'fa-angle-up': !collapsed, 'fa-angle-down': collapsed}\" />\n        </button>\n        <span class=\"value\"\n          v-text=\"value.values[value.value] || value.value\"\n          v-if=\"value?.value != null\" />\n      </div>\n    </div>\n\n    <div class=\"body\" v-if=\"!collapsed\" @click.stop=\"prevent\">\n      <div class=\"row\">\n        <div class=\"input\">\n          <select @input=\"setValue\" ref=\"values\" :disabled=\"loading\">\n            <option value=\"\" v-if=\"value.is_write_only\" selected>--</option>\n            <option\n              :value=\"value_id\"\n              :selected=\"value_id == value.value\"\n              :key=\"value_id\"\n              v-for=\"text, value_id in displayValues\"\n              v-text=\"text\"\n            />\n          </select>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport EntityMixin from \"./EntityMixin\"\nimport EntityIcon from \"./EntityIcon\"\n\nexport default {\n  name: 'EnumSwitch',\n  components: {EntityIcon},\n  mixins: [EntityMixin],\n\n  computed: {\n    hasValues() {\n      return !!Object.values(this?.value?.values || {}).length\n    },\n\n    displayValues() {\n      if (this.value?.values instanceof Array)\n        return this.value.values.reduce((obj, value) => {\n          obj[value] = value\n          return obj\n        }, {})\n\n      return this.value?.values || {}\n    }\n  },\n\n  methods: {\n    prevent(event) {\n      event.stopPropagation()\n      return false\n    },\n\n    async setValue(event) {\n      if (!event.target.value?.length)\n        return\n\n      this.$emit('loading', true)\n      if (this.value.is_write_only) {\n        const self = this;\n        setTimeout(() => {\n            self.$refs.values.value = ''\n        }, 1000)\n      }\n\n      try {\n        await this.request('entities.execute', {\n          id: this.value.id,\n          action: 'set',\n          value: event.target.value,\n        })\n      } finally {\n        this.$emit('loading', false)\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"common\";\n\n.switch-container {\n  .head {\n    .buttons {\n      button {\n        margin-right: 0.5em;\n      }\n    }\n\n    .value {\n      font-size: 1.1em;\n      font-weight: bold;\n      opacity: 0.7;\n    }\n  }\n\n  .body {\n    padding: 1em !important;\n    display: flex;\n\n    .row {\n      width: 100%;\n      display: flex;\n      text-align: center;\n\n      .icon {\n        width: 2em;\n        text-align: center;\n      }\n\n      .input {\n        width: 100%;\n\n        select {\n          width: 100%;\n        }\n      }\n    }\n  }\n}\n</style>\n","import { render } from \"./EnumSwitch.vue?vue&type=template&id=ba5c657c&scoped=true\"\nimport script from \"./EnumSwitch.vue?vue&type=script&lang=js\"\nexport * from \"./EnumSwitch.vue?vue&type=script&lang=js\"\n\nimport \"./EnumSwitch.vue?vue&type=style&index=0&id=ba5c657c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ba5c657c\"]])\n\nexport default __exports__"],"names":["src","class","colorFill","style","colorFillStyle","loading","error","computedIconNormalized","name","components","Icon","props","type","Boolean","default","entity","Object","required","icon","hasColorFill","data","component","modalVisible","computed","computedIcon","this","meta","keys","length","color","entityType","charAt","toUpperCase","slice","__exports__","render","value","selected","collapsed","hasValues","values","prevent","setValue","ref","disabled","is_write_only","displayValues","text","value_id","key","EntityIcon","mixins","EntityMixin","Array","reduce","obj","methods","event","stopPropagation","async","target","$emit","self","setTimeout","$refs","request","id","action"],"sourceRoot":""}