{"version":3,"sources":["webpack:///./src/components/TextToSpeech.vue?33b2","webpack:///src/components/TextToSpeech.vue","webpack:///./src/components/TextToSpeech.vue?4e21","webpack:///./src/components/TextToSpeech.vue","webpack:///./src/components/Help.vue?70d0","webpack:///src/components/Help.vue","webpack:///./src/components/Help.vue?ab08","webpack:///./src/components/Help.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","speechIcon","colorClass","attrs","on","onClick","staticRenderFns","name","props","data","textToSpeech","spokenText","mounted","label","$root","$on","beforeDestroy","$off","methods","onSpeech","window","temp","length","strs","splits","sp","$store","dispatch","speech","component","_v","_s","getWidgetName","content","description","iframeSourceUrl","computed","state","widgetName","tjType","components","TextToSpeech"],"mappings":"kHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wDAAwD,CAACF,EAAG,IAAI,CAACG,MAAO,gBAAkBP,EAAIQ,WAAa,IAAMR,EAAIS,WAAYC,MAAM,CAAC,KAAO,SAASC,GAAG,CAAC,MAAQX,EAAIY,cAC1RC,EAAkB,GCMP,G,UAAA,CACbC,KAAMA,eAENC,MAAOA,CAACA,SAAUA,SAElBC,KALF,WAMI,MAAO,CACLR,WAAYA,cACZC,WAAYA,aACZQ,cAAcA,EACdC,WAAYA,KAAKA,QAAUA,KAI/BC,QAdF,WAeuB,SAAflB,KAAKmB,MACPnB,KAAKoB,MAAMC,IAAI,mBAAoBrB,KAAKW,SAC9C,kCACMX,KAAKoB,MAAMC,IAAI,0BAA2BrB,KAAKW,SAE/CX,KAAKoB,MAAMC,IAAI,sBAAuBrB,KAAKW,UAI/CW,cAxBF,WAyBuB,SAAftB,KAAKmB,MACPnB,KAAKoB,MAAMG,KAAK,oBACtB,kCACMvB,KAAKoB,MAAMG,KAAK,2BAEhBvB,KAAKoB,MAAMG,KAAK,wBAIpBC,QAASA,CACPC,SADJ,WAEM,GAAKzB,KAAKgB,aAqBRU,OAAOA,gBAAgBA,aArBD,CACtB,IAAR,cACU,IAAV,KACA,IACU,MAAOC,EAAKC,OAAS,IAAK,CACxB,IAAZ,qBACYD,EAAOA,EAAKA,UAAUA,IAAKA,EAAKA,QAChCE,EAAKA,KAAKA,GAGZ,OADAA,EAAKA,KAAKA,GACHA,GAEjB,mCACA,OACQC,EAAOA,KAAIA,SAAnBA,GACU,IAAV,kCAGU,OADAJ,OAAOA,gBAAgBA,MAAMA,GACtBK,OAObpB,QA3BJ,WA4BMX,KAAKO,WAAiC,gBAApBP,KAAKO,WAA+B,cAAgB,cACtEP,KAAKQ,WAAiC,qBAApBR,KAAKQ,WAAoC,aAAe,mBACrER,KAAKgB,aAGRhB,KAAKgC,OAAOC,SAAS,kBAAmB,IAFxCjC,KAAKgC,OAAOC,SAAS,kBAAmBjC,KAAKkC,QAI/ClC,KAAKyB,WACLzB,KAAKgB,cAAgBhB,KAAKgB,iBC7EsT,I,YCOlVmB,EAAY,eACd,EACArC,EACAc,GACA,EACA,KACA,WACA,MAIa,OAAAuB,E,kDClBf,IAAIrC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,8EAA8E,CAACF,EAAG,KAAK,CAACJ,EAAIqC,GAAGrC,EAAIsC,GAAGtC,EAAIuC,kBAAkBnC,EAAG,eAAe,CAACM,MAAM,CAAC,OAASV,EAAIwC,QAAQC,YAAY,MAAQzC,EAAIoB,UAAU,GAAGhB,EAAG,MAAM,CAACA,EAAG,SAAS,CAACM,MAAM,CAAC,IAAMV,EAAI0C,gBAAgB,YAAc,IAAI,MAAQ,OAAO,OAAS,OAAO,MAAQ,gHAAgH,gBAAkB,WAC/jB7B,EAAkB,G,wBCsBP,GACbC,KAAMA,OACN6B,SAAUA,CACRJ,cADJ,WAEM,OAAOtC,KAAKgC,OAAOW,MAAMC,YAE3BH,gBAJJ,WAKM,MAAO,GAAb,6FAGE1B,KAVF,WAWI,MAAO,CACLwB,QAASA,CACPM,OAAQA,YACRL,YAAaA,oCAEfrB,MAAOA,SAGXK,QAASA,GAETsB,WAAYA,CACVC,aAAJA,SC7C8U,I,YCO1UZ,EAAY,eACd,EACArC,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAuB,E","file":"js/chunk-541bbfdd.52a71070.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"box-icon box-icon--effect details-controllers-margin\"},[_c('i',{class:(\"d-flex bx bx-\" + _vm.speechIcon + \" \" + _vm.colorClass),attrs:{\"type\":\"solid\"},on:{\"click\":_vm.onClick}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"box-icon box-icon--effect details-controllers-margin\">\n      <i :class=\"`d-flex bx bx-${speechIcon} ${colorClass}`\" @click=\"onClick\" type='solid'></i>\n    </div>\n</template>\n\n<script>\nexport default {\n  name: 'TextToSpeech',\n\n  props: ['speech', 'label'],\n\n  data() {\n    return {\n      speechIcon: 'volume-mute',\n      colorClass: 'color-dumb',\n      textToSpeech: false,\n      spokenText: this.speech || '',\n    };\n  },\n\n  mounted() {\n    if (this.label === 'help') {\n      this.$root.$on('textToSpeechHelp', this.onClick);\n    } else if (this.label === 'exploreDescription') {\n      this.$root.$on('textToSpeechInformation', this.onClick);\n    } else {\n      this.$root.$on('textToSpeechDetails', this.onClick);\n    }\n  },\n\n  beforeDestroy() {\n    if (this.label === 'help') {\n      this.$root.$off('textToSpeechHelp');\n    } else if (this.label === 'exploreDescription') {\n      this.$root.$off('textToSpeechInformation');\n    } else {\n      this.$root.$off('textToSpeechDetails');\n    }\n  },\n\n  methods: {\n    onSpeech() {\n      if (!this.textToSpeech) {\n        const splitter = (str) => {\n          const strs = [];\n          let temp = str;\n          while (temp.length > 200) {\n            const newStr = temp.substring(0, 200);\n            temp = temp.substring(200, temp.length);\n            strs.push(newStr);\n          }\n          strs.push(temp);\n          return strs;\n        };\n        const speech = this.$store.state.text_to_speech;\n        const splits = splitter(speech);\n        splits.map((sp) => {\n          const msg = new SpeechSynthesisUtterance(sp);\n          console.log('SPEAK', msg);\n          window.speechSynthesis.speak(msg);\n          return sp;\n        });\n      } else {\n        window.speechSynthesis.cancel();\n      }\n    },\n\n    onClick() {\n      this.speechIcon = this.speechIcon === 'volume-full' ? 'volume-mute' : 'volume-full';\n      this.colorClass = this.colorClass === 'box-icon--active' ? 'color-dumb' : 'box-icon--active';\n      if (!this.textToSpeech) {\n        this.$store.dispatch('setTextToSpeech', this.speech);\n      } else {\n        this.$store.dispatch('setTextToSpeech', '');\n      }\n      this.onSpeech();\n      this.textToSpeech = !this.textToSpeech;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\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!./TextToSpeech.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!./TextToSpeech.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TextToSpeech.vue?vue&type=template&id=56b0683a&scoped=true&\"\nimport script from \"./TextToSpeech.vue?vue&type=script&lang=js&\"\nexport * from \"./TextToSpeech.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  \"56b0683a\",\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('div',[_c('div',{staticClass:\"d-flex justify-content-between align-items-center wikiDescription__heading\"},[_c('h6',[_vm._v(_vm._s(_vm.getWidgetName))]),_c('TextToSpeech',{attrs:{\"speech\":_vm.content.description,\"label\":_vm.label}})],1),_c('div',[_c('iframe',{attrs:{\"src\":_vm.iframeSourceUrl,\"frameborder\":\"0\",\"width\":\"100%\",\"height\":\"1024\",\"allow\":\"camera; microphone; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture \",\"allowfullscreen\":\"\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"d-flex justify-content-between align-items-center wikiDescription__heading\">\n      <h6>{{ getWidgetName }}</h6>\n      <TextToSpeech :speech=\"content.description\" :label=\"label\"/>\n    </div>\n    <div>\n      <iframe\n        :src=\"iframeSourceUrl\"\n        frameborder=\"0\"\n        width=\"100%\"\n        height=\"1024\"\n        allow=\"camera; microphone; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture \"\n        allowfullscreen\n      >\n      </iframe>\n    </div>\n  </div>\n</template>\n\n<script>\nimport TextToSpeech from './TextToSpeech.vue';\n\nexport default {\n  name: 'Help',\n  computed: {\n    getWidgetName() {\n      return this.$store.state.widgetName;\n    },\n    iframeSourceUrl() {\n      return `${process.env.VUE_APP_TJ_DICTIONARY_URI}/${this.getWidgetName}.html`;\n    },\n  },\n  data() {\n    return {\n      content: {\n        tjType: 'note-text',\n        description: \"You haven't selected a text yet.\",\n      },\n      label: 'help',\n    };\n  },\n  methods: {},\n\n  components: {\n    TextToSpeech,\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped></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!./Help.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!./Help.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Help.vue?vue&type=template&id=78a7b0a4&scoped=true&\"\nimport script from \"./Help.vue?vue&type=script&lang=js&\"\nexport * from \"./Help.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  \"78a7b0a4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}