@ddict/popup 0.3.19

package/README.md

@@ -0,0 +1 @@
+# Ddict Popup

package/dist/popup.css

@@ -0,0 +1 @@
+.section{margin-bottom:.5rem}.textarea-footer{margin-bottom:0}.title{text-transform:capitalize}.clickable-badge{margin-right:.2rem}.textarea-src-target{padding-top:1.1rem!important}.textarea-src-target-header{left:1.1rem}#clear{margin-right:1rem}.pointer{cursor:pointer}.truncate{max-width:85%}#swap{border:none}#input:focus{outline:none;box-shadow:none}

package/dist/popup.es.js

@@ -0,0 +1,887 @@
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, withDirectives, Fragment, renderList, toDisplayString, vModelSelect, createBlock, createCommentVNode, createVNode, normalizeStyle, vModelText, vModelCheckbox, createTextVNode, Transition, withCtx } from "vue";
+var style = "";
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main$8 = {
+  props: {
+    select: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      src: "",
+      target: "",
+      warning: false
+    };
+  },
+  watch: {
+    select() {
+      this.src = this.select.src;
+      this.target = this.select.target;
+    }
+  },
+  methods: {
+    warn() {
+      this.warning = true;
+      setTimeout(() => {
+        this.warning = false;
+      }, 2e3);
+    },
+    swap() {
+      if (!this.select.srcs.hasOwnProperty(this.target) || !this.select.targets.hasOwnProperty(this.src)) {
+        this.warn();
+        return;
+      }
+      const tmp = this.target;
+      this.target = this.src;
+      this.src = tmp;
+      this.srctarget();
+    },
+    srctarget() {
+      const select = JSON.parse(JSON.stringify(this.select));
+      select.src = this.src;
+      select.target = this.target;
+      this.$emit("srctarget", select);
+    }
+  }
+};
+const _hoisted_1$8 = {
+  key: 0,
+  class: "row justify-content-center mb-2"
+};
+const _hoisted_2$7 = { class: "col-5" };
+const _hoisted_3$7 = ["value"];
+const _hoisted_4$7 = { class: "col-auto text-center" };
+const _hoisted_5$7 = {
+  id: "swap",
+  class: "form-control bg-light pointer"
+};
+const _hoisted_6$6 = { class: "col-5" };
+const _hoisted_7$1 = ["value"];
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_b_icon = resolveComponent("b-icon");
+  return $props.select ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+    createElementVNode("div", _hoisted_2$7, [
+      withDirectives(createElementVNode("select", {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.src = $event),
+        class: "form-select",
+        onChange: _cache[1] || (_cache[1] = (...args) => $options.srctarget && $options.srctarget(...args))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($props.select.srcs, (value, key) => {
+          return openBlock(), createElementBlock("option", {
+            value: key,
+            key
+          }, toDisplayString(value), 9, _hoisted_3$7);
+        }), 128))
+      ], 544), [
+        [vModelSelect, $data.src]
+      ])
+    ]),
+    createElementVNode("div", _hoisted_4$7, [
+      createElementVNode("span", _hoisted_5$7, [
+        $data.src != "auto" ? (openBlock(), createBlock(_component_b_icon, {
+          key: 0,
+          icon: "arrow-left-right",
+          onClick: $options.swap
+        }, null, 8, ["onClick"])) : createCommentVNode("", true),
+        $data.src == "auto" ? (openBlock(), createBlock(_component_b_icon, {
+          key: 1,
+          icon: "arrow-right"
+        })) : createCommentVNode("", true)
+      ])
+    ]),
+    createElementVNode("div", _hoisted_6$6, [
+      withDirectives(createElementVNode("select", {
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.target = $event),
+        class: "form-select",
+        onChange: _cache[3] || (_cache[3] = (...args) => $options.srctarget && $options.srctarget(...args))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($props.select.targets, (value, key) => {
+          return openBlock(), createElementBlock("option", {
+            value: key,
+            key
+          }, toDisplayString(value), 9, _hoisted_7$1);
+        }), 128))
+      ], 544), [
+        [vModelSelect, $data.target]
+      ])
+    ])
+  ])) : createCommentVNode("", true);
+}
+var selects = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
+var config = {
+  INPUT_MAX_LENGTH: 5e3,
+  INPUT_DELAY: 1e3
+};
+var textarea = {
+  init,
+  autoResize
+};
+const MIN_HEIGHT = 100;
+const MAX_HEIGHT = 600;
+const PADDING = 10;
+function init(el, max_length) {
+  if (max_length) {
+    el.maxlength = max_length;
+  }
+  el.spellcheck = false;
+  setHeigtht(el, MIN_HEIGHT);
+}
+function autoResize(el) {
+  if (el.value == "") {
+    setHeigtht(el, MIN_HEIGHT);
+    return;
+  }
+  if (el.scrollHeight < MIN_HEIGHT) {
+    setHeigtht(el, MIN_HEIGHT);
+    return;
+  }
+  if (el.scrollHeight > MAX_HEIGHT) {
+    setHeigtht(el, MAX_HEIGHT);
+    return;
+  }
+  const el_height = el.style.height.replace("px", "");
+  if (el_height > el.scrollHeight) {
+    return;
+  }
+  setHeigtht(el, el.scrollHeight + PADDING);
+}
+function setHeigtht(el, height) {
+  el.style.height = `${height}px`;
+}
+var helper = {
+  isRTL
+};
+function isRTL(locale) {
+  return ["ar", "fa", "iw", "yi", "ur", "pa"].indexOf(locale) > -1;
+}
+const LABEL_AUTO_TRANSLATE = "auto_translate";
+const _sfc_main$7 = {
+  props: {
+    data: {
+      type: Object,
+      default: null
+    },
+    tts: {
+      type: Object,
+      default: null
+    },
+    replace: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      input: "",
+      INPUT_MAX_LENGTH: config.INPUT_MAX_LENGTH,
+      input_timeout: null,
+      player: new Audio(),
+      playing: false,
+      ttsIndex: 0,
+      auto_translate: true,
+      firstTime: true
+    };
+  },
+  computed: {
+    rtl() {
+      if (!this.data)
+        return false;
+      return helper.isRTL(this.data.src);
+    }
+  },
+  watch: {
+    replace(new_input) {
+      this.input = new_input;
+      if (this.firstTime || !this.auto_translate) {
+        setTimeout(() => {
+          this.$refs.input.select();
+        }, 100);
+      }
+      this.firstTime = false;
+    },
+    tts() {
+      this.ttsIndex = 0;
+    },
+    auto_translate(val) {
+      if (val)
+        this.translate();
+      localStorage.setItem(LABEL_AUTO_TRANSLATE, val);
+    }
+  },
+  mounted() {
+    textarea.init(this.$refs.input, config.INPUT_MAX_LENGTH);
+    this.player.addEventListener("ended", () => {
+      this.ttsIndex++;
+      if (this.ttsIndex >= this.tts.src.length) {
+        this.stop();
+        return;
+      }
+      this.play();
+    });
+    this.$refs.input.addEventListener("input", () => {
+      textarea.autoResize(this.$refs.input);
+      if (!this.auto_translate)
+        return;
+      clearTimeout(this.input_timeout);
+      this.input_timeout = setTimeout(this.translate, config.INPUT_DELAY);
+    });
+    this.$refs.input.addEventListener("keyup", (e) => {
+      if (this.auto_translate)
+        return;
+      if (e && e.keyCode === 13)
+        this.translate();
+    });
+  },
+  created() {
+    const auto_translate = localStorage.getItem(LABEL_AUTO_TRANSLATE);
+    if (auto_translate === "false")
+      this.auto_translate = false;
+  },
+  methods: {
+    play() {
+      if (!this.tts.src) {
+        return;
+      }
+      this.player.src = this.tts.src[this.ttsIndex];
+      this.playing = true;
+      this.player.play().catch(() => {
+        this.playing = false;
+      });
+    },
+    stop() {
+      this.playing = false;
+      this.ttsIndex = 0;
+      this.player.pause();
+    },
+    clear() {
+      this.$emit("clear");
+      this.input = "";
+      textarea.init(this.$refs.input, config.INPUT_MAX_LENGTH);
+      this.$refs.input.focus();
+    },
+    translate() {
+      if (!this.input) {
+        this.clear();
+        return;
+      }
+      this.$emit("translate", this.input);
+    }
+  }
+};
+const _hoisted_1$7 = { class: "col-sm-6 section position-relative" };
+const _hoisted_2$6 = {
+  key: 0,
+  class: "textarea-src-target-header text-truncate position-absolute top-0 start-20 truncate"
+};
+const _hoisted_3$6 = {
+  key: 2,
+  class: "text-muted small"
+};
+const _hoisted_4$6 = { key: 0 };
+const _hoisted_5$6 = { class: "small form-check form-switch text-muted textarea-footer" };
+const _hoisted_6$5 = /* @__PURE__ */ createElementVNode("label", {
+  for: "auto_translate",
+  class: "form-check-label small"
+}, "Auto translate", -1);
+const _hoisted_7 = {
+  key: 0,
+  class: "float-end"
+};
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_b_icon = resolveComponent("b-icon");
+  return openBlock(), createElementBlock("div", _hoisted_1$7, [
+    $props.data ? (openBlock(), createElementBlock("small", _hoisted_2$6, [
+      !$data.playing ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: "pointer",
+        onClick: _cache[0] || (_cache[0] = (...args) => $options.play && $options.play(...args))
+      }, [
+        createVNode(_component_b_icon, { icon: "volume-up" })
+      ])) : createCommentVNode("", true),
+      $data.playing ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        class: "pointer",
+        onClick: _cache[1] || (_cache[1] = (...args) => $options.stop && $options.stop(...args))
+      }, [
+        createVNode(_component_b_icon, { icon: "volume-off" })
+      ])) : createCommentVNode("", true),
+      $props.data.ddictSrc ? (openBlock(), createElementBlock("span", _hoisted_3$6, toDisplayString($props.data.ddictSrc), 1)) : createCommentVNode("", true),
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.data.sentences, (sentence, index) => {
+        return openBlock(), createElementBlock("span", {
+          key: `${sentence.src_translit}-${index}`,
+          class: "text-muted small"
+        }, [
+          sentence.src_translit ? (openBlock(), createElementBlock("span", _hoisted_4$6, " \u2015 " + toDisplayString(sentence.src_translit), 1)) : createCommentVNode("", true)
+        ]);
+      }), 128))
+    ])) : createCommentVNode("", true),
+    $data.input != "" ? (openBlock(), createElementBlock("span", {
+      key: 1,
+      id: "clear",
+      class: "small pointer position-absolute top-0 end-0",
+      onClick: _cache[2] || (_cache[2] = (...args) => $options.clear && $options.clear(...args))
+    }, [
+      createVNode(_component_b_icon, { icon: "x-circle" })
+    ])) : createCommentVNode("", true),
+    withDirectives(createElementVNode("textarea", {
+      id: "input",
+      ref: "input",
+      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.input = $event),
+      class: "form-control textarea-src-target",
+      style: normalizeStyle({ "text-align": $options.rtl ? "right" : "left" }),
+      autofocus: ""
+    }, "\n        ", 4), [
+      [
+        vModelText,
+        $data.input,
+        void 0,
+        { trim: true }
+      ]
+    ]),
+    createElementVNode("p", _hoisted_5$6, [
+      withDirectives(createElementVNode("input", {
+        id: "auto_translate",
+        class: "form-check-input",
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.auto_translate = $event),
+        type: "checkbox"
+      }, null, 512), [
+        [vModelCheckbox, $data.auto_translate]
+      ]),
+      _hoisted_6$5,
+      $data.input != "" ? (openBlock(), createElementBlock("small", _hoisted_7, toDisplayString($data.input.length) + " / " + toDisplayString($data.INPUT_MAX_LENGTH), 1)) : createCommentVNode("", true)
+    ])
+  ]);
+}
+var input = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
+const _sfc_main$6 = {
+  props: {
+    data: {
+      type: Object,
+      default: null
+    },
+    tts: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      player: new Audio(),
+      playing: false,
+      ttsIndex: 0
+    };
+  },
+  computed: {
+    rtl() {
+      if (!this.data)
+        return false;
+      return helper.isRTL(this.data.target);
+    }
+  },
+  watch: {
+    data(data) {
+      if (!data) {
+        this.$refs.input.value = "";
+        textarea.init(this.$refs.input);
+        return;
+      }
+      this.$refs.input.value = data.sentences.map((sentence) => sentence.trans).join("");
+      textarea.autoResize(this.$refs.input);
+    },
+    tts() {
+      this.ttsIndex = 0;
+    }
+  },
+  mounted() {
+    textarea.init(this.$refs.input);
+    textarea.autoResize(this.$refs.input);
+    this.player.addEventListener("ended", () => {
+      this.ttsIndex++;
+      if (this.ttsIndex >= this.tts.target.length) {
+        this.stop();
+        return;
+      }
+      this.play();
+    });
+  },
+  methods: {
+    play() {
+      if (!this.tts.target) {
+        return;
+      }
+      this.player.src = this.tts.target[this.ttsIndex];
+      this.playing = true;
+      this.player.play().catch(() => {
+        this.playing = false;
+      });
+    },
+    stop() {
+      this.playing = false;
+      this.ttsIndex = 0;
+      this.player.pause();
+    }
+  }
+};
+const _hoisted_1$6 = { class: "col-sm-6 section position-relative" };
+const _hoisted_2$5 = {
+  key: 0,
+  class: "textarea-src-target-header text-truncate position-absolute top-0 start-20 truncate"
+};
+const _hoisted_3$5 = {
+  key: 2,
+  class: "text-muted small"
+};
+const _hoisted_4$5 = {
+  key: 1,
+  class: "small text-end text-muted textarea-footer"
+};
+const _hoisted_5$5 = /* @__PURE__ */ createElementVNode("small", null, "Powered by Google Translate", -1);
+const _hoisted_6$4 = [
+  _hoisted_5$5
+];
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_b_icon = resolveComponent("b-icon");
+  return openBlock(), createElementBlock("div", _hoisted_1$6, [
+    $props.data ? (openBlock(), createElementBlock("small", _hoisted_2$5, [
+      !$data.playing ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: "pointer",
+        onClick: _cache[0] || (_cache[0] = (...args) => $options.play && $options.play(...args))
+      }, [
+        createVNode(_component_b_icon, { icon: "volume-up" })
+      ])) : createCommentVNode("", true),
+      $data.playing ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        class: "pointer",
+        onClick: _cache[1] || (_cache[1] = (...args) => $options.stop && $options.stop(...args))
+      }, [
+        createVNode(_component_b_icon, { icon: "volume-off" })
+      ])) : createCommentVNode("", true),
+      $props.data.ddictTarget ? (openBlock(), createElementBlock("span", _hoisted_3$5, toDisplayString($props.data.ddictTarget), 1)) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true),
+    createElementVNode("textarea", {
+      ref: "input",
+      class: "form-control textarea-src-target",
+      style: normalizeStyle({ "text-align": $options.rtl ? "right" : "left" }),
+      readonly: "",
+      spellcheck: "false"
+    }, null, 4),
+    $props.data ? (openBlock(), createElementBlock("p", _hoisted_4$5, _hoisted_6$4)) : createCommentVNode("", true)
+  ]);
+}
+var result = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
+const _sfc_main$5 = {
+  props: {
+    data: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      name: "Definitions"
+    };
+  }
+};
+const _hoisted_1$5 = {
+  key: 0,
+  class: "card border-success text-success section"
+};
+const _hoisted_2$4 = { class: "card-header" };
+const _hoisted_3$4 = { class: "list-group list-group-flush" };
+const _hoisted_4$4 = { class: "card-title text-muted title" };
+const _hoisted_5$4 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
+const _hoisted_6$3 = { class: "text-muted" };
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  return $props.data && $props.data.definitions ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+    createElementVNode("div", _hoisted_2$4, toDisplayString($data.name), 1),
+    createElementVNode("ul", _hoisted_3$4, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.data.definitions, (dict, index) => {
+        return openBlock(), createElementBlock("li", {
+          key: `${dict.pos}-${index}`,
+          class: "list-group-item"
+        }, [
+          createElementVNode("h5", _hoisted_4$4, toDisplayString(dict.pos), 1),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(dict.entry, (entry, index2) => {
+            return openBlock(), createElementBlock("div", {
+              key: `${entry.definition_id}-${index2}`
+            }, [
+              createElementVNode("span", null, toDisplayString(entry.gloss), 1),
+              _hoisted_5$4,
+              createElementVNode("small", _hoisted_6$3, toDisplayString(entry.example), 1)
+            ]);
+          }), 128))
+        ]);
+      }), 128))
+    ])
+  ])) : createCommentVNode("", true);
+}
+var dictSrc = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
+const _sfc_main$4 = {
+  props: {
+    data: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      name: "Translations"
+    };
+  },
+  methods: {
+    translate(word) {
+      this.$emit("translate", word);
+    }
+  }
+};
+const _hoisted_1$4 = {
+  key: 0,
+  class: "card border-primary text-primary section"
+};
+const _hoisted_2$3 = { class: "card-header" };
+const _hoisted_3$3 = { class: "list-group list-group-flush" };
+const _hoisted_4$3 = { class: "card-title text-muted title" };
+const _hoisted_5$3 = ["onClick"];
+const _hoisted_6$2 = { class: "text-muted" };
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  return $props.data && $props.data.dict ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+    createElementVNode("div", _hoisted_2$3, toDisplayString($data.name), 1),
+    createElementVNode("ul", _hoisted_3$3, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.data.dict, (dict, index) => {
+        return openBlock(), createElementBlock("li", {
+          key: `${dict.pos}-${index}`,
+          class: "list-group-item"
+        }, [
+          createElementVNode("h5", _hoisted_4$3, toDisplayString(dict.pos), 1),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(dict.entry, (entry, index2) => {
+            return openBlock(), createElementBlock("div", {
+              key: `${entry.word}-${index2}`
+            }, [
+              createElementVNode("span", {
+                class: "badge bg-primary",
+                onClick: ($event) => $options.translate(entry.word)
+              }, toDisplayString(entry.word), 9, _hoisted_5$3),
+              createElementVNode("small", _hoisted_6$2, " \u2015 " + toDisplayString(entry.reverse_translation.join(", ")), 1)
+            ]);
+          }), 128))
+        ]);
+      }), 128))
+    ])
+  ])) : createCommentVNode("", true);
+}
+var dictTarget = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
+const _sfc_main$3 = {
+  props: {
+    data: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      name: "Examples",
+      more: false
+    };
+  }
+};
+const _hoisted_1$3 = {
+  key: 0,
+  class: "card border-dark text-dark section"
+};
+const _hoisted_2$2 = { class: "card-header" };
+const _hoisted_3$2 = { class: "list-group list-group-flush" };
+const _hoisted_4$2 = ["innerHTML"];
+const _hoisted_5$2 = {
+  key: 0,
+  class: "list-group list-group-flush"
+};
+const _hoisted_6$1 = ["innerHTML"];
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_b_icon = resolveComponent("b-icon");
+  return $props.data && $props.data.examples ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+    createElementVNode("div", _hoisted_2$2, [
+      createTextVNode(toDisplayString($data.name) + " ", 1),
+      $props.data.examples.example.length > 1 && !$data.more ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        style: { "float": "right" },
+        onClick: _cache[0] || (_cache[0] = ($event) => $data.more = true)
+      }, [
+        createVNode(_component_b_icon, { icon: "arrows-expand" })
+      ])) : createCommentVNode("", true),
+      $props.data.examples.example.length > 1 && $data.more ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        style: { "float": "right" },
+        onClick: _cache[1] || (_cache[1] = ($event) => $data.more = false)
+      }, [
+        createVNode(_component_b_icon, { icon: "arrows-collapse" })
+      ])) : createCommentVNode("", true)
+    ]),
+    createElementVNode("ul", _hoisted_3$2, [
+      createElementVNode("li", {
+        class: "list-group-item",
+        innerHTML: $props.data.examples.example[0].text
+      }, null, 8, _hoisted_4$2)
+    ]),
+    createVNode(Transition, { name: "fade" }, {
+      default: withCtx(() => [
+        $data.more ? (openBlock(), createElementBlock("ul", _hoisted_5$2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($props.data.examples.example.slice(1), (example2, index) => {
+            return openBlock(), createElementBlock("li", {
+              key: `${example2.definition_id}-${index}`,
+              class: "list-group-item",
+              innerHTML: example2.text
+            }, null, 8, _hoisted_6$1);
+          }), 128))
+        ])) : createCommentVNode("", true)
+      ]),
+      _: 1
+    })
+  ])) : createCommentVNode("", true);
+}
+var example = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+const _sfc_main$2 = {
+  props: {
+    data: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      name: "Synonyms"
+    };
+  }
+};
+const _hoisted_1$2 = {
+  key: 0,
+  class: "card border-info text-info section"
+};
+const _hoisted_2$1 = { class: "card-header" };
+const _hoisted_3$1 = { class: "list-group list-group-flush" };
+const _hoisted_4$1 = { class: "card-title text-muted title" };
+const _hoisted_5$1 = ["onClick"];
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", null, null, -1);
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return $props.data && $props.data.synsets ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+    createElementVNode("div", _hoisted_2$1, toDisplayString($data.name), 1),
+    createElementVNode("ul", _hoisted_3$1, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.data.synsets, (dict, index) => {
+        return openBlock(), createElementBlock("li", {
+          key: `${dict.pos}-${index}`,
+          class: "list-group-item"
+        }, [
+          createElementVNode("h5", _hoisted_4$1, toDisplayString(dict.pos), 1),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(dict.entry, (entry, index2) => {
+            return openBlock(), createElementBlock("div", {
+              key: `${entry.definition_id}-${index2}`
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(entry.synonym, (synonym, index3) => {
+                return openBlock(), createElementBlock("span", {
+                  key: `${synonym}-${index3}`
+                }, [
+                  createElementVNode("span", {
+                    class: "badge bg-info clickable-badge",
+                    onClick: ($event) => _ctx.$emit("translate", synonym)
+                  }, toDisplayString(synonym), 9, _hoisted_5$1),
+                  _hoisted_6
+                ]);
+              }), 128))
+            ]);
+          }), 128))
+        ]);
+      }), 128))
+    ])
+  ])) : createCommentVNode("", true);
+}
+var syno = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const _sfc_main$1 = {
+  props: {
+    data: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      name: "See also"
+    };
+  }
+};
+const _hoisted_1$1 = {
+  key: 0,
+  class: "card border-secondary text-secondary section"
+};
+const _hoisted_2 = { class: "card-header" };
+const _hoisted_3 = { class: "card-body" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("span", null, null, -1);
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return $props.data && $props.data.related_words && $props.data.related_words.word ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+    createElementVNode("div", _hoisted_2, toDisplayString($data.name), 1),
+    createElementVNode("div", _hoisted_3, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.data.related_words.word, (word, index) => {
+        return openBlock(), createElementBlock("span", {
+          key: `${word}-${index}`
+        }, [
+          createElementVNode("span", {
+            class: "badge bg-secondary clickable-badge",
+            onClick: ($event) => _ctx.$emit("translate", word)
+          }, toDisplayString(word), 9, _hoisted_4),
+          _hoisted_5
+        ]);
+      }), 128))
+    ])
+  ])) : createCommentVNode("", true);
+}
+var more = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const _sfc_main = {
+  name: "Popup",
+  components: {
+    appSelects: selects,
+    appInput: input,
+    appResult: result,
+    appDictSrc: dictSrc,
+    appDictTarget: dictTarget,
+    appExample: example,
+    appSyno: syno,
+    appMore: more
+  },
+  props: {
+    export_data: {
+      type: Object,
+      default: null
+    },
+    export_select: {
+      type: Object,
+      default: null
+    },
+    export_tts: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      data: null,
+      select: null,
+      tts: null,
+      replace: ""
+    };
+  },
+  computed: {
+    rtl() {
+      if (!this.data)
+        return false;
+      return helper.isRTL(this.data.target);
+    }
+  },
+  watch: {
+    export_data(data) {
+      this.data = data;
+      if (data.text && this.replace != data.text)
+        this.replace = data.text;
+    },
+    export_select(select) {
+      this.select = select;
+    },
+    export_tts(tts) {
+      this.tts = tts;
+    }
+  },
+  methods: {
+    clear() {
+      this.data = null;
+      this.$emit("clear");
+    },
+    translateReplace(input2) {
+      return this.translate(input2, true);
+    },
+    translateSwap(input2) {
+      return this.translate(input2, true, true);
+    },
+    translate(input2, is_replace, is_swap) {
+      if (is_swap) {
+        if (!this.data.src || this.data.src === "auto" || !this.data.target) {
+          return;
+        }
+        const select = JSON.parse(JSON.stringify(this.select));
+        select.src = this.data.target;
+        select.target = this.data.src;
+        this.$emit("srctarget", select);
+      }
+      window.scrollTo(0, 0);
+      this.clear();
+      if (is_replace) {
+        this.replace = input2;
+      }
+      this.$emit("translate", input2);
+    },
+    srctarget(select) {
+      this.$emit("srctarget", select);
+      if (this.data) {
+        const input2 = this.data.sentences.map((sentence) => sentence.orig).join("");
+        this.$emit("translate", input2);
+      }
+    }
+  }
+};
+const _hoisted_1 = { class: "row section" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_app_selects = resolveComponent("app-selects");
+  const _component_app_input = resolveComponent("app-input");
+  const _component_app_result = resolveComponent("app-result");
+  const _component_app_dict_target = resolveComponent("app-dict-target");
+  const _component_app_dict_src = resolveComponent("app-dict-src");
+  const _component_app_syno = resolveComponent("app-syno");
+  const _component_app_more = resolveComponent("app-more");
+  const _component_app_example = resolveComponent("app-example");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(_component_app_selects, {
+      select: $data.select,
+      onSrctarget: $options.srctarget
+    }, null, 8, ["select", "onSrctarget"]),
+    createElementVNode("div", _hoisted_1, [
+      createVNode(_component_app_input, {
+        data: $data.data,
+        tts: $data.tts,
+        replace: $data.replace,
+        onTranslate: $options.translate,
+        onClear: $options.clear
+      }, null, 8, ["data", "tts", "replace", "onTranslate", "onClear"]),
+      createVNode(_component_app_result, {
+        data: $data.data,
+        tts: $data.tts
+      }, null, 8, ["data", "tts"])
+    ]),
+    createElementVNode("div", {
+      class: "card-columns",
+      style: normalizeStyle({ "text-align": $options.rtl ? "right" : "left" })
+    }, [
+      createVNode(_component_app_dict_target, {
+        data: $data.data,
+        onTranslate: $options.translateSwap
+      }, null, 8, ["data", "onTranslate"]),
+      createVNode(_component_app_dict_src, { data: $data.data }, null, 8, ["data"]),
+      createVNode(_component_app_syno, {
+        data: $data.data,
+        onTranslate: $options.translateReplace
+      }, null, 8, ["data", "onTranslate"]),
+      createVNode(_component_app_more, {
+        data: $data.data,
+        onTranslate: $options.translateReplace
+      }, null, 8, ["data", "onTranslate"]),
+      createVNode(_component_app_example, { data: $data.data }, null, 8, ["data"])
+    ], 4)
+  ]);
+}
+var Popup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { Popup as default };

package/dist/popup.umd.js

@@ -0,0 +1,2 @@
+(function(p,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p.Popup={},p.Vue))})(this,function(p,t){"use strict";var Qt="",d=(e,s)=>{const a=e.__vccOpts||e;for(const[i,n]of s)a[i]=n;return a};const x={props:{select:{type:Object,default:null}},data(){return{src:"",target:"",warning:!1}},watch:{select(){this.src=this.select.src,this.target=this.select.target}},methods:{warn(){this.warning=!0,setTimeout(()=>{this.warning=!1},2e3)},swap(){if(!this.select.srcs.hasOwnProperty(this.target)||!this.select.targets.hasOwnProperty(this.src)){this.warn();return}const e=this.target;this.target=this.src,this.src=e,this.srctarget()},srctarget(){const e=JSON.parse(JSON.stringify(this.select));e.src=this.src,e.target=this.target,this.$emit("srctarget",e)}}},V={key:0,class:"row justify-content-center mb-2"},C={class:"col-5"},T=["value"],$={class:"col-auto text-center"},b={id:"swap",class:"form-control bg-light pointer"},S={class:"col-5"},w=["value"];function L(e,s,a,i,n,l){const o=t.resolveComponent("b-icon");return a.select?(t.openBlock(),t.createElementBlock("div",V,[t.createElementVNode("div",C,[t.withDirectives(t.createElementVNode("select",{"onUpdate:modelValue":s[0]||(s[0]=r=>n.src=r),class:"form-select",onChange:s[1]||(s[1]=(...r)=>l.srctarget&&l.srctarget(...r))},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.select.srcs,(r,c)=>(t.openBlock(),t.createElementBlock("option",{value:c,key:c},t.toDisplayString(r),9,T))),128))],544),[[t.vModelSelect,n.src]])]),t.createElementVNode("div",$,[t.createElementVNode("span",b,[n.src!="auto"?(t.openBlock(),t.createBlock(o,{key:0,icon:"arrow-left-right",onClick:l.swap},null,8,["onClick"])):t.createCommentVNode("",!0),n.src=="auto"?(t.openBlock(),t.createBlock(o,{key:1,icon:"arrow-right"})):t.createCommentVNode("",!0)])]),t.createElementVNode("div",S,[t.withDirectives(t.createElementVNode("select",{"onUpdate:modelValue":s[2]||(s[2]=r=>n.target=r),class:"form-select",onChange:s[3]||(s[3]=(...r)=>l.srctarget&&l.srctarget(...r))},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.select.targets,(r,c)=>(t.openBlock(),t.createElementBlock("option",{value:c,key:c},t.toDisplayString(r),9,w))),128))],544),[[t.vModelSelect,n.target]])])])):t.createCommentVNode("",!0)}var D=d(x,[["render",L]]),k={INPUT_MAX_LENGTH:5e3,INPUT_DELAY:1e3},m={init:O,autoResize:j};const g=100,E=600,I=10;function O(e,s){s&&(e.maxlength=s),e.spellcheck=!1,f(e,g)}function j(e){if(e.value==""){f(e,g);return}if(e.scrollHeight<g){f(e,g);return}if(e.scrollHeight>E){f(e,E);return}e.style.height.replace("px","")>e.scrollHeight||f(e,e.scrollHeight+I)}function f(e,s){e.style.height=`${s}px`}var y={isRTL:H};function H(e){return["ar","fa","iw","yi","ur","pa"].indexOf(e)>-1}const B="auto_translate",M={props:{data:{type:Object,default:null},tts:{type:Object,default:null},replace:{type:String,default:""}},data(){return{input:"",INPUT_MAX_LENGTH:k.INPUT_MAX_LENGTH,input_timeout:null,player:new Audio,playing:!1,ttsIndex:0,auto_translate:!0,firstTime:!0}},computed:{rtl(){return this.data?y.isRTL(this.data.src):!1}},watch:{replace(e){this.input=e,(this.firstTime||!this.auto_translate)&&setTimeout(()=>{this.$refs.input.select()},100),this.firstTime=!1},tts(){this.ttsIndex=0},auto_translate(e){e&&this.translate(),localStorage.setItem(B,e)}},mounted(){m.init(this.$refs.input,k.INPUT_MAX_LENGTH),this.player.addEventListener("ended",()=>{if(this.ttsIndex++,this.ttsIndex>=this.tts.src.length){this.stop();return}this.play()}),this.$refs.input.addEventListener("input",()=>{m.autoResize(this.$refs.input),!!this.auto_translate&&(clearTimeout(this.input_timeout),this.input_timeout=setTimeout(this.translate,k.INPUT_DELAY))}),this.$refs.input.addEventListener("keyup",e=>{this.auto_translate||e&&e.keyCode===13&&this.translate()})},created(){localStorage.getItem(B)==="false"&&(this.auto_translate=!1)},methods:{play(){!this.tts.src||(this.player.src=this.tts.src[this.ttsIndex],this.playing=!0,this.player.play().catch(()=>{this.playing=!1}))},stop(){this.playing=!1,this.ttsIndex=0,this.player.pause()},clear(){this.$emit("clear"),this.input="",m.init(this.$refs.input,k.INPUT_MAX_LENGTH),this.$refs.input.focus()},translate(){if(!this.input){this.clear();return}this.$emit("translate",this.input)}}},A={class:"col-sm-6 section position-relative"},P={key:0,class:"textarea-src-target-header text-truncate position-absolute top-0 start-20 truncate"},R={key:2,class:"text-muted small"},U={key:0},F={class:"small form-check form-switch text-muted textarea-footer"},G=t.createElementVNode("label",{for:"auto_translate",class:"form-check-label small"},"Auto translate",-1),z={key:0,class:"float-end"};function X(e,s,a,i,n,l){const o=t.resolveComponent("b-icon");return t.openBlock(),t.createElementBlock("div",A,[a.data?(t.openBlock(),t.createElementBlock("small",P,[n.playing?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",{key:0,class:"pointer",onClick:s[0]||(s[0]=(...r)=>l.play&&l.play(...r))},[t.createVNode(o,{icon:"volume-up"})])),n.playing?(t.openBlock(),t.createElementBlock("span",{key:1,class:"pointer",onClick:s[1]||(s[1]=(...r)=>l.stop&&l.stop(...r))},[t.createVNode(o,{icon:"volume-off"})])):t.createCommentVNode("",!0),a.data.ddictSrc?(t.openBlock(),t.createElementBlock("span",R,t.toDisplayString(a.data.ddictSrc),1)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.data.sentences,(r,c)=>(t.openBlock(),t.createElementBlock("span",{key:`${r.src_translit}-${c}`,class:"text-muted small"},[r.src_translit?(t.openBlock(),t.createElementBlock("span",U," \u2015 "+t.toDisplayString(r.src_translit),1)):t.createCommentVNode("",!0)]))),128))])):t.createCommentVNode("",!0),n.input!=""?(t.openBlock(),t.createElementBlock("span",{key:1,id:"clear",class:"small pointer position-absolute top-0 end-0",onClick:s[2]||(s[2]=(...r)=>l.clear&&l.clear(...r))},[t.createVNode(o,{icon:"x-circle"})])):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("textarea",{id:"input",ref:"input","onUpdate:modelValue":s[3]||(s[3]=r=>n.input=r),class:"form-control textarea-src-target",style:t.normalizeStyle({"text-align":l.rtl?"right":"left"}),autofocus:""},`
+        `,4),[[t.vModelText,n.input,void 0,{trim:!0}]]),t.createElementVNode("p",F,[t.withDirectives(t.createElementVNode("input",{id:"auto_translate",class:"form-check-input","onUpdate:modelValue":s[4]||(s[4]=r=>n.auto_translate=r),type:"checkbox"},null,512),[[t.vModelCheckbox,n.auto_translate]]),G,n.input!=""?(t.openBlock(),t.createElementBlock("small",z,t.toDisplayString(n.input.length)+" / "+t.toDisplayString(n.INPUT_MAX_LENGTH),1)):t.createCommentVNode("",!0)])])}var J=d(M,[["render",X]]);const Y={props:{data:{type:Object,default:null},tts:{type:Object,default:null}},data(){return{player:new Audio,playing:!1,ttsIndex:0}},computed:{rtl(){return this.data?y.isRTL(this.data.target):!1}},watch:{data(e){if(!e){this.$refs.input.value="",m.init(this.$refs.input);return}this.$refs.input.value=e.sentences.map(s=>s.trans).join(""),m.autoResize(this.$refs.input)},tts(){this.ttsIndex=0}},mounted(){m.init(this.$refs.input),m.autoResize(this.$refs.input),this.player.addEventListener("ended",()=>{if(this.ttsIndex++,this.ttsIndex>=this.tts.target.length){this.stop();return}this.play()})},methods:{play(){!this.tts.target||(this.player.src=this.tts.target[this.ttsIndex],this.playing=!0,this.player.play().catch(()=>{this.playing=!1}))},stop(){this.playing=!1,this.ttsIndex=0,this.player.pause()}}},q={class:"col-sm-6 section position-relative"},K={key:0,class:"textarea-src-target-header text-truncate position-absolute top-0 start-20 truncate"},Q={key:2,class:"text-muted small"},W={key:1,class:"small text-end text-muted textarea-footer"},Z=[t.createElementVNode("small",null,"Powered by Google Translate",-1)];function v(e,s,a,i,n,l){const o=t.resolveComponent("b-icon");return t.openBlock(),t.createElementBlock("div",q,[a.data?(t.openBlock(),t.createElementBlock("small",K,[n.playing?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",{key:0,class:"pointer",onClick:s[0]||(s[0]=(...r)=>l.play&&l.play(...r))},[t.createVNode(o,{icon:"volume-up"})])),n.playing?(t.openBlock(),t.createElementBlock("span",{key:1,class:"pointer",onClick:s[1]||(s[1]=(...r)=>l.stop&&l.stop(...r))},[t.createVNode(o,{icon:"volume-off"})])):t.createCommentVNode("",!0),a.data.ddictTarget?(t.openBlock(),t.createElementBlock("span",Q,t.toDisplayString(a.data.ddictTarget),1)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),t.createElementVNode("textarea",{ref:"input",class:"form-control textarea-src-target",style:t.normalizeStyle({"text-align":l.rtl?"right":"left"}),readonly:"",spellcheck:"false"},null,4),a.data?(t.openBlock(),t.createElementBlock("p",W,Z)):t.createCommentVNode("",!0)])}var tt=d(Y,[["render",v]]);const et={props:{data:{type:Object,default:null}},data(){return{name:"Definitions"}}},nt={key:0,class:"card border-success text-success section"},st={class:"card-header"},at={class:"list-group list-group-flush"},rt={class:"card-title text-muted title"},lt=t.createElementVNode("br",null,null,-1),ot={class:"text-muted"};function ct(e,s,a,i,n,l){return a.data&&a.data.definitions?(t.openBlock(),t.createElementBlock("div",nt,[t.createElementVNode("div",st,t.toDisplayString(n.name),1),t.createElementVNode("ul",at,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.data.definitions,(o,r)=>(t.openBlock(),t.createElementBlock("li",{key:`${o.pos}-${r}`,class:"list-group-item"},[t.createElementVNode("h5",rt,t.toDisplayString(o.pos),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.entry,(c,_)=>(t.openBlock(),t.createElementBlock("div",{key:`${c.definition_id}-${_}`},[t.createElementVNode("span",null,t.toDisplayString(c.gloss),1),lt,t.createElementVNode("small",ot,t.toDisplayString(c.example),1)]))),128))]))),128))])])):t.createCommentVNode("",!0)}var it=d(et,[["render",ct]]);const dt={props:{data:{type:Object,default:null}},data(){return{name:"Translations"}},methods:{translate(e){this.$emit("translate",e)}}},pt={key:0,class:"card border-primary text-primary section"},mt={class:"card-header"},_t={class:"list-group list-group-flush"},ht={class:"card-title text-muted title"},ft=["onClick"],kt={class:"text-muted"};function gt(e,s,a,i,n,l){return a.data&&a.data.dict?(t.openBlock(),t.createElementBlock("div",pt,[t.createElementVNode("div",mt,t.toDisplayString(n.name),1),t.createElementVNode("ul",_t,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.data.dict,(o,r)=>(t.openBlock(),t.createElementBlock("li",{key:`${o.pos}-${r}`,class:"list-group-item"},[t.createElementVNode("h5",ht,t.toDisplayString(o.pos),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.entry,(c,_)=>(t.openBlock(),t.createElementBlock("div",{key:`${c.word}-${_}`},[t.createElementVNode("span",{class:"badge bg-primary",onClick:h=>l.translate(c.word)},t.toDisplayString(c.word),9,ft),t.createElementVNode("small",kt," \u2015 "+t.toDisplayString(c.reverse_translation.join(", ")),1)]))),128))]))),128))])])):t.createCommentVNode("",!0)}var yt=d(dt,[["render",gt]]);const ut={props:{data:{type:Object,default:null}},data(){return{name:"Examples",more:!1}}},Et={key:0,class:"card border-dark text-dark section"},Bt={class:"card-header"},Nt={class:"list-group list-group-flush"},xt=["innerHTML"],Vt={key:0,class:"list-group list-group-flush"},Ct=["innerHTML"];function Tt(e,s,a,i,n,l){const o=t.resolveComponent("b-icon");return a.data&&a.data.examples?(t.openBlock(),t.createElementBlock("div",Et,[t.createElementVNode("div",Bt,[t.createTextVNode(t.toDisplayString(n.name)+" ",1),a.data.examples.example.length>1&&!n.more?(t.openBlock(),t.createElementBlock("span",{key:0,style:{float:"right"},onClick:s[0]||(s[0]=r=>n.more=!0)},[t.createVNode(o,{icon:"arrows-expand"})])):t.createCommentVNode("",!0),a.data.examples.example.length>1&&n.more?(t.openBlock(),t.createElementBlock("span",{key:1,style:{float:"right"},onClick:s[1]||(s[1]=r=>n.more=!1)},[t.createVNode(o,{icon:"arrows-collapse"})])):t.createCommentVNode("",!0)]),t.createElementVNode("ul",Nt,[t.createElementVNode("li",{class:"list-group-item",innerHTML:a.data.examples.example[0].text},null,8,xt)]),t.createVNode(t.Transition,{name:"fade"},{default:t.withCtx(()=>[n.more?(t.openBlock(),t.createElementBlock("ul",Vt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.data.examples.example.slice(1),(r,c)=>(t.openBlock(),t.createElementBlock("li",{key:`${r.definition_id}-${c}`,class:"list-group-item",innerHTML:r.text},null,8,Ct))),128))])):t.createCommentVNode("",!0)]),_:1})])):t.createCommentVNode("",!0)}var $t=d(ut,[["render",Tt]]);const bt={props:{data:{type:Object,default:null}},data(){return{name:"Synonyms"}}},St={key:0,class:"card border-info text-info section"},wt={class:"card-header"},Lt={class:"list-group list-group-flush"},Dt={class:"card-title text-muted title"},It=["onClick"],Ot=t.createElementVNode("span",null,null,-1);function jt(e,s,a,i,n,l){return a.data&&a.data.synsets?(t.openBlock(),t.createElementBlock("div",St,[t.createElementVNode("div",wt,t.toDisplayString(n.name),1),t.createElementVNode("ul",Lt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.data.synsets,(o,r)=>(t.openBlock(),t.createElementBlock("li",{key:`${o.pos}-${r}`,class:"list-group-item"},[t.createElementVNode("h5",Dt,t.toDisplayString(o.pos),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.entry,(c,_)=>(t.openBlock(),t.createElementBlock("div",{key:`${c.definition_id}-${_}`},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(c.synonym,(h,u)=>(t.openBlock(),t.createElementBlock("span",{key:`${h}-${u}`},[t.createElementVNode("span",{class:"badge bg-info clickable-badge",onClick:N=>e.$emit("translate",h)},t.toDisplayString(h),9,It),Ot]))),128))]))),128))]))),128))])])):t.createCommentVNode("",!0)}var Ht=d(bt,[["render",jt]]);const Mt={props:{data:{type:Object,default:null}},data(){return{name:"See also"}}},At={key:0,class:"card border-secondary text-secondary section"},Pt={class:"card-header"},Rt={class:"card-body"},Ut=["onClick"],Ft=t.createElementVNode("span",null,null,-1);function Gt(e,s,a,i,n,l){return a.data&&a.data.related_words&&a.data.related_words.word?(t.openBlock(),t.createElementBlock("div",At,[t.createElementVNode("div",Pt,t.toDisplayString(n.name),1),t.createElementVNode("div",Rt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.data.related_words.word,(o,r)=>(t.openBlock(),t.createElementBlock("span",{key:`${o}-${r}`},[t.createElementVNode("span",{class:"badge bg-secondary clickable-badge",onClick:c=>e.$emit("translate",o)},t.toDisplayString(o),9,Ut),Ft]))),128))])])):t.createCommentVNode("",!0)}var zt=d(Mt,[["render",Gt]]);const Xt={name:"Popup",components:{appSelects:D,appInput:J,appResult:tt,appDictSrc:it,appDictTarget:yt,appExample:$t,appSyno:Ht,appMore:zt},props:{export_data:{type:Object,default:null},export_select:{type:Object,default:null},export_tts:{type:Object,default:null}},data(){return{data:null,select:null,tts:null,replace:""}},computed:{rtl(){return this.data?y.isRTL(this.data.target):!1}},watch:{export_data(e){this.data=e,e.text&&this.replace!=e.text&&(this.replace=e.text)},export_select(e){this.select=e},export_tts(e){this.tts=e}},methods:{clear(){this.data=null,this.$emit("clear")},translateReplace(e){return this.translate(e,!0)},translateSwap(e){return this.translate(e,!0,!0)},translate(e,s,a){if(a){if(!this.data.src||this.data.src==="auto"||!this.data.target)return;const i=JSON.parse(JSON.stringify(this.select));i.src=this.data.target,i.target=this.data.src,this.$emit("srctarget",i)}window.scrollTo(0,0),this.clear(),s&&(this.replace=e),this.$emit("translate",e)},srctarget(e){if(this.$emit("srctarget",e),this.data){const s=this.data.sentences.map(a=>a.orig).join("");this.$emit("translate",s)}}}},Jt={class:"row section"};function Yt(e,s,a,i,n,l){const o=t.resolveComponent("app-selects"),r=t.resolveComponent("app-input"),c=t.resolveComponent("app-result"),_=t.resolveComponent("app-dict-target"),h=t.resolveComponent("app-dict-src"),u=t.resolveComponent("app-syno"),N=t.resolveComponent("app-more"),Kt=t.resolveComponent("app-example");return t.openBlock(),t.createElementBlock("div",null,[t.createVNode(o,{select:n.select,onSrctarget:l.srctarget},null,8,["select","onSrctarget"]),t.createElementVNode("div",Jt,[t.createVNode(r,{data:n.data,tts:n.tts,replace:n.replace,onTranslate:l.translate,onClear:l.clear},null,8,["data","tts","replace","onTranslate","onClear"]),t.createVNode(c,{data:n.data,tts:n.tts},null,8,["data","tts"])]),t.createElementVNode("div",{class:"card-columns",style:t.normalizeStyle({"text-align":l.rtl?"right":"left"})},[t.createVNode(_,{data:n.data,onTranslate:l.translateSwap},null,8,["data","onTranslate"]),t.createVNode(h,{data:n.data},null,8,["data"]),t.createVNode(u,{data:n.data,onTranslate:l.translateReplace},null,8,["data","onTranslate"]),t.createVNode(N,{data:n.data,onTranslate:l.translateReplace},null,8,["data","onTranslate"]),t.createVNode(Kt,{data:n.data},null,8,["data"])],4)])}var qt=d(Xt,[["render",Yt]]);p.default=qt,Object.defineProperty(p,"__esModule",{value:!0}),p[Symbol.toStringTag]="Module"});

package/package.json

@@ -0,0 +1,25 @@
+{
+    "name": "@ddict/popup",
+    "version": "0.3.19",
+    "files": ["dist"],
+    "main": "./dist/popup.umd.js",
+    "module": "./dist/popup.es.js",
+    "license": "UNLICENSED",
+    "scripts": {
+        "lint": "eslint src",
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "vue": "^3.2.25"
+    },
+    "devDependencies": {
+        "@vitejs/plugin-vue": "^2.0.0",
+        "bootstrap": "^5.1.3",
+        "bootstrap-vue-3": "^0.1.0",
+        "eslint": "^8.6.0",
+        "eslint-plugin-vue": "^8.2.0",
+        "vite": "^2.7.2"
+    }
+}