{"version":3,"file":"static/js/3732.c52fd2ec.js","mappings":"iPACEA,EAAAA,EAAAA,IAA2BC,EAAA,CAApB,cAAY,O,eAMrB,GACEC,KAAM,MACNC,WAAY,CAACC,MAAKA,EAAAA,I,UCJpB,MAAMC,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,KAEpE,O,8ICNOC,MAAM,iB,GAEFA,MAAM,wB,kBAKNA,MAAM,wB,kBAKNA,MAAM,iB,yBAEPC,EAAAA,EAAAA,GAA+B,KAA5BD,MAAM,mBAAiB,W,GAA1BE,G,0CAdRC,EAAAA,EAAAA,IAkBM,MAlBNC,EAkBM,EAjBJH,EAAAA,EAAAA,GAgBO,QAhBAI,SAAMC,EAAA,KAAAA,EAAA,IAAAC,EAAAA,EAAAA,KAAA,IAAAC,IAAUC,EAAAC,MAAAD,EAAAC,QAAAF,IAAI,e,EACzBP,EAAAA,EAAAA,GAIM,MAJNU,EAIM,EAHJV,EAAAA,EAAAA,GAEQ,eADNA,EAAAA,EAAAA,GAA6E,SAAtEW,KAAK,OAAOjB,KAAK,OAAOkB,YAAY,cAAeC,SAAUC,EAAAC,S,eAGxEf,EAAAA,EAAAA,GAIM,MAJNgB,EAIM,EAHJhB,EAAAA,EAAAA,GAEQ,eADNA,EAAAA,EAAAA,GAAmF,SAA5EW,KAAK,OAAOjB,KAAK,WAAWkB,YAAY,gBAAiBC,SAAUC,EAAAC,S,eAG9Ef,EAAAA,EAAAA,GAIM,MAJNiB,EAIM,EAHJjB,EAAAA,EAAAA,GAES,UAFDW,KAAK,SAAUE,SAAUC,EAAAC,S,8BAWzC,GACErB,KAAM,QACNwB,OAAQ,CAACC,EAAAA,GAETC,MAAO,CACLC,WAAY,CACVV,KAAMW,OACNC,UAAU,IAIdC,IAAAA,GACE,MAAO,CACLT,SAAS,EAEb,EAEAU,QAAS,CACP,UAAMhB,CAAKiB,GACT,MAAMnB,EAAO,IAAImB,EAAMC,OAAOC,iBAAiB,UAAUC,QAAO,CAACC,EAAKC,KAChEA,EAAGC,MAAMC,SACXH,EAAIC,EAAGrC,MAAQqC,EAAGC,OACbF,IACN,CAAC,GAEJI,KAAKnB,SAAU,EACf,UACQmB,KAAKC,QAAS,GAAED,KAAKb,iBAAkBd,EAC/C,CAAE,QACA2B,KAAKnB,SAAU,CACjB,CACF,I,UCjDJ,MAAMlB,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAEzF,O","sources":["webpack://platypush/./src/components/panels/Tts/Index.vue","webpack://platypush/./src/components/panels/Tts/Index.vue?74d0","webpack://platypush/./src/components/panels/Tts/Panel.vue","webpack://platypush/./src/components/panels/Tts/Panel.vue?9344"],"sourcesContent":["<template>\n  <Panel plugin-name=\"tts\" />\n</template>\n\n<script>\nimport Panel from \"@/components/panels/Tts/Panel\";\n\nexport default {\n  name: \"Tts\",\n  components: {Panel}\n}\n</script>\n","import { render } from \"./Index.vue?vue&type=template&id=4ab66a9e\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"tts-container\">\n    <form @submit.prevent=\"talk\">\n      <div class=\"field text-container\">\n        <label>\n          <input type=\"text\" name=\"text\" placeholder=\"Text to say\" :disabled=\"talking\">\n        </label>\n      </div>\n      <div class=\"field lang-container\">\n        <label>\n          <input type=\"text\" name=\"language\" placeholder=\"Language code\" :disabled=\"talking\">\n        </label>\n      </div>\n      <div class=\"field buttons\">\n        <button type=\"submit\" :disabled=\"talking\">\n          <i class=\"fa fa-volume-up\"></i>\n        </button>\n      </div>\n    </form>\n  </div>\n</template>\n\n<script>\nimport Utils from \"@/Utils\";\n\nexport default {\n  name: \"Panel\",\n  mixins: [Utils],\n\n  props: {\n    pluginName: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      talking: false,\n    }\n  },\n\n  methods: {\n    async talk(event) {\n      const args = [...event.target.querySelectorAll('input')].reduce((obj, el) => {\n        if (el.value.length)\n          obj[el.name] = el.value\n        return obj\n      }, {})\n\n      this.talking = true\n      try {\n        await this.request(`${this.pluginName}.say`, args)\n      } finally {\n        this.talking = false\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.tts-container {\n  height: max-content;\n  background: $background-color;\n  display: flex;\n  justify-content: center;\n  border: $default-border-3;\n  box-shadow: $border-shadow-bottom-right;\n\n  @media screen and (max-width: calc(#{$tablet - 1px})) {\n    width: 100%;\n  }\n\n  @media screen and (min-width: $tablet) {\n    width: 80%;\n    border-radius: 1.5em;\n    margin: 1.5em auto;\n  }\n\n  @media screen and (min-width: $desktop) {\n    width: 30em;\n  }\n\n  form {\n    width: 100%;\n    border: none;\n    box-shadow: none;\n    padding: 1em .5em;\n    margin: 0;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    flex-direction: row;\n\n    .field {\n      margin: 0 .5em;\n    }\n\n    .text-container {\n      width: 100%;\n      margin-bottom: 1em;\n    }\n\n    input[type=text] {\n      width: 100%;\n    }\n\n    button {\n      border-radius: 1.5em;\n    }\n\n    input, button {\n      &:hover {\n        border-color: $default-hover-fg;\n      }\n    }\n  }\n}\n</style>","import { render } from \"./Panel.vue?vue&type=template&id=a248454a&scoped=true\"\nimport script from \"./Panel.vue?vue&type=script&lang=js\"\nexport * from \"./Panel.vue?vue&type=script&lang=js\"\n\nimport \"./Panel.vue?vue&type=style&index=0&id=a248454a&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-a248454a\"]])\n\nexport default __exports__"],"names":["_createBlock","_component_Panel","name","components","Panel","__exports__","render","class","_createElementVNode","_hoisted_8","_createElementBlock","_hoisted_1","onSubmit","_cache","_withModifiers","args","$options","talk","_hoisted_2","type","placeholder","disabled","$data","talking","_hoisted_4","_hoisted_6","mixins","Utils","props","pluginName","String","required","data","methods","event","target","querySelectorAll","reduce","obj","el","value","length","this","request"],"sourceRoot":""}