@ddict/popup 1.4.2 → 1.4.4

package/dist/popup.css

@@ -1 +1 @@
-.absolute[data-v-f4b8c5a7]{position:absolute}.right-1[data-v-f4b8c5a7]{right:.25rem}.top-1[data-v-f4b8c5a7]{top:.25rem}.top-1\/2[data-v-f4b8c5a7]{top:50%}.transform[data-v-f4b8c5a7]{transform:translateY(-50%)}textarea[data-v-47595257]{-ms-overflow-style:none;scrollbar-width:none}textarea[data-v-47595257]::-webkit-scrollbar{display:none}textarea[data-v-7257087b]{-ms-overflow-style:none;scrollbar-width:none}textarea[data-v-7257087b]::-webkit-scrollbar{display:none}textarea[data-v-df86723d]{-ms-overflow-style:none;scrollbar-width:none}textarea[data-v-df86723d]::-webkit-scrollbar{display:none}@keyframes moveGradient-de6c8dc2{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-moveGradient[data-v-de6c8dc2]{animation:moveGradient-de6c8dc2 4s alternate infinite}.custom-scrollbar[data-v-38858bd5]{scrollbar-width:thin;scrollbar-color:rgba(155,155,155,.5) transparent}.custom-scrollbar[data-v-38858bd5]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-38858bd5]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-38858bd5]::-webkit-scrollbar-thumb{background-color:#9b9b9b80;border-radius:20px;border:transparent}
+.absolute[data-v-c0c37006]{position:absolute}.right-1[data-v-c0c37006]{right:.25rem}.top-1[data-v-c0c37006]{top:.25rem}.top-1\/2[data-v-c0c37006]{top:50%}textarea[data-v-47595257]{-ms-overflow-style:none;scrollbar-width:none}textarea[data-v-47595257]::-webkit-scrollbar{display:none}textarea[data-v-7017b8c3]{-ms-overflow-style:none;scrollbar-width:none}textarea[data-v-7017b8c3]::-webkit-scrollbar{display:none}textarea[data-v-df86723d]{-ms-overflow-style:none;scrollbar-width:none}textarea[data-v-df86723d]::-webkit-scrollbar{display:none}@keyframes moveGradient-de6c8dc2{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-moveGradient[data-v-de6c8dc2]{animation:moveGradient-de6c8dc2 4s alternate infinite}.custom-scrollbar[data-v-417d179b]{scrollbar-width:thin;scrollbar-color:rgba(155,155,155,.5) transparent}.custom-scrollbar[data-v-417d179b]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-417d179b]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-417d179b]::-webkit-scrollbar-thumb{background-color:#9b9b9b80;border-radius:20px;border:transparent}

package/dist/popup.es.js

@@ -2537,7 +2537,7 @@ const f2 = H2("loader", () => {
           t.value.length > 0 ? (m(), x("div", sn, [
             (m(!0), x(q, null, Y(t.value, (i) => (m(), x("button", {
               key: i,
-              class: "px-2 py-0.5 bg-baseColor border border-primaryColor text-primaryColor text-xs rounded-full hover:bg-primaryColor hover:text-baseColor transition-colors duration-200",
+              class: "px-2 py-0.5 bg-baseColor border border-primaryColor text-primaryColor text-xs rounded-full hover:bg-primaryColor hover:text-baseColor",
               onClick: (r) => T(n).src = i
             }, J(T(n).languages.src[i]), 9, an))), 128))
           ])) : P("", !0)
@@ -2546,7 +2546,7 @@ const f2 = H2("loader", () => {
           o.value.length > 0 ? (m(), x("div", un, [
             (m(!0), x(q, null, Y(o.value, (i) => (m(), x("button", {
               key: i,
-              class: "px-2 py-0.5 bg-baseColor border border-primaryColor text-primaryColor text-xs rounded-full hover:bg-primaryColor hover:text-baseColor transition-colors duration-200",
+              class: "px-2 py-0.5 bg-baseColor border border-primaryColor text-primaryColor text-xs rounded-full hover:bg-primaryColor hover:text-baseColor",
               onClick: (r) => T(n).target = i
             }, J(T(n).languages.target[i]), 9, cn))), 128))
           ])) : P("", !0)
@@ -2640,7 +2640,7 @@ const L0 = /* @__PURE__ */ x2(vn, [["render", hn]]), $0 = H2("tts", () => {
       v("img", {
         src: T(mn),
         alt: "Stop",
-        class: "w-4 transition-all duration-200"
+        class: "w-4"
       }, null, 8, xn)
     ])) : (m(), x("button", {
       key: 0,
@@ -2654,7 +2654,7 @@ const L0 = /* @__PURE__ */ x2(vn, [["render", hn]]), $0 = H2("tts", () => {
       v("img", {
         src: T(gn),
         alt: "Play",
-        class: R(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+        class: R(["w-4", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
       }, null, 10, bn)
     ], 10, Cn));
   }
@@ -2678,7 +2678,7 @@ const L0 = /* @__PURE__ */ x2(vn, [["render", hn]]), $0 = H2("tts", () => {
         v("img", {
           src: T(yn),
           alt: "Clear",
-          class: R(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+          class: R(["w-4", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
         }, null, 10, Ln)
       ], 10, En)
     ]));
@@ -2704,7 +2704,7 @@ const L0 = /* @__PURE__ */ x2(vn, [["render", hn]]), $0 = H2("tts", () => {
         v("img", {
           src: e.isFilled ? T($n) : T(Sn),
           alt: "Favorite",
-          class: R(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+          class: R(["w-4", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
         }, null, 10, In)
       ], 10, On)
     ]));
@@ -2730,7 +2730,7 @@ const L0 = /* @__PURE__ */ x2(vn, [["render", hn]]), $0 = H2("tts", () => {
         v("img", {
           src: e.isFilled ? T(kn) : T(Vn),
           alt: "AI",
-          class: R(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+          class: R(["w-4", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
         }, null, 10, Bn)
       ], 10, Fn)
     ]));
@@ -2761,7 +2761,7 @@ const L0 = /* @__PURE__ */ x2(vn, [["render", hn]]), $0 = H2("tts", () => {
         v("img", {
           src: T(Hn),
           alt: "Copy",
-          class: R(["w-3 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+          class: R(["w-3", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
         }, null, 10, Pn)
       ], 10, Rn)
     ], 8, Dn));
@@ -2869,7 +2869,7 @@ const L0 = /* @__PURE__ */ x2(vn, [["render", hn]]), $0 = H2("tts", () => {
       ])
     ]));
   }
-}, He = /* @__PURE__ */ x2(Un, [["__scopeId", "data-v-f4b8c5a7"]]), v2 = H2("translation", () => {
+}, He = /* @__PURE__ */ x2(Un, [["__scopeId", "data-v-c0c37006"]]), v2 = H2("translation", () => {
   const e = $(null), n = $(null), t = $(null), o = $({
     src: null,
     target: null
@@ -3068,7 +3068,7 @@ const to = { class: "bg-white relative z-10 border rounded-md" }, no = {
       ])
     ]));
   }
-}, oo = /* @__PURE__ */ x2(no, [["__scopeId", "data-v-47595257"]]), lo = (e) => (le("data-v-7257087b"), e = e(), se(), e), so = { class: "bg-white relative z-10 rounded-md h-full" }, io = { class: "bg-transparent" }, ao = {
+}, oo = /* @__PURE__ */ x2(no, [["__scopeId", "data-v-47595257"]]), lo = (e) => (le("data-v-7017b8c3"), e = e(), se(), e), so = { class: "bg-white relative z-10 rounded-md h-full" }, io = { class: "bg-transparent" }, ao = {
   key: 0,
   class: "w-full flex items-center justify-end absolute -bottom-8 left-2 right-0 px-2 z-20"
 }, ro = /* @__PURE__ */ lo(() => /* @__PURE__ */ v("span", { class: "text-sm text-gray-600" }, " Powered by Ddict AI ", -1)), uo = {
@@ -3090,7 +3090,7 @@ const to = { class: "bg-white relative z-10 border rounded-md" }, no = {
     }), r = f2(), u = L(() => r.isLoading("translation")), { textarea: c, input: d } = t0({ input: o, styleProp: "minHeight" }), b = n;
     return (h, C) => (m(), x("div", {
       class: R([
-        "relative p-0.5 transition-all duration-300 ease-in-out bg-[length:300%_300%] bg-[position:0%_50%] border rounded-lg",
+        "relative p-0.5 bg-[length:300%_300%] bg-[position:0%_50%] border rounded-lg",
         {
           "bg-gradient-to-br from-[#8556f0] via-[#d6b379] via-[#6bedd1] to-[#439beb] animate-moveGradient border border-white": e.isAITranslate && !u.value
         }
@@ -3138,7 +3138,7 @@ const to = { class: "bg-white relative z-10 border rounded-md" }, no = {
       ])) : P("", !0)
     ], 2));
   }
-}, co = /* @__PURE__ */ x2(uo, [["__scopeId", "data-v-7257087b"]]), fo = { class: "btn btn-sm btn-circle btn-ghost" }, n0 = {
+}, co = /* @__PURE__ */ x2(uo, [["__scopeId", "data-v-7017b8c3"]]), fo = { class: "btn btn-sm btn-circle btn-ghost" }, n0 = {
   __name: "ToggleBtn",
   props: {
     isExpanded: Boolean
@@ -3174,7 +3174,7 @@ const to = { class: "bg-white relative z-10 border rounded-md" }, no = {
           }, null, 8, ["isExpanded"])
         ]),
         v("div", {
-          class: R(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+          class: R(["overflow-hidden", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           v("ul", null, [
             (m(!0), x(q, null, Y(s.value, (d, b) => (m(), x("li", {
@@ -3218,7 +3218,7 @@ const to = { class: "bg-white relative z-10 border rounded-md" }, no = {
           }, null, 8, ["isExpanded"])
         ]),
         v("div", {
-          class: R(["overflow-hidden transition-all duration-300 ease-in-out", n.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+          class: R(["overflow-hidden", n.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           v("ul", null, [
             (m(!0), x(q, null, Y(o.value, (i, r) => (m(), x("li", {
@@ -3258,7 +3258,7 @@ const to = { class: "bg-white relative z-10 border rounded-md" }, no = {
           }, null, 8, ["isExpanded"])
         ]),
         v("div", {
-          class: R(["overflow-hidden transition-all duration-300 ease-in-out", n.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
+          class: R(["overflow-hidden", n.value ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           v("ul", Fo, [
             (m(!0), x(q, null, Y(o.value, (i, r) => (m(), x("li", {
@@ -3289,7 +3289,7 @@ const to = { class: "bg-white relative z-10 border rounded-md" }, no = {
           }, null, 8, ["isExpanded"])
         ]),
         v("div", {
-          class: R(["overflow-hidden transition-all duration-300 ease-in-out", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
+          class: R(["overflow-hidden", t.value ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"])
         }, [
           v("ul", null, [
             (m(!0), x(q, null, Y(l.value, (c, d) => (m(), x("li", {
@@ -3334,7 +3334,7 @@ const to = { class: "bg-white relative z-10 border rounded-md" }, no = {
       v("img", {
         src: e.isExpanded ? T(qo) : T(Go),
         alt: "AI",
-        class: R(["w-6 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+        class: R(["w-6", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
       }, null, 10, Yo)
     ], 10, Jo));
   }
@@ -3366,7 +3366,7 @@ const to = { class: "bg-white relative z-10 border rounded-md" }, no = {
       var r, u;
       return m(), x("div", {
         class: R(["card border bg-white rounded-lg mb-8", [
-          "relative p-0.5 transition-all duration-300 ease-in-out bg-[length:300%_300%] bg-[position:0%_50%] border rounded-lg",
+          "relative p-0.5 bg-[length:300%_300%] bg-[position:0%_50%] border rounded-lg",
           {
             "bg-gradient-to-br from-[#8556f0] via-[#d6b379] via-[#6bedd1] to-[#439beb] animate-moveGradient border border-white": e.isAIExplain
           }
@@ -3387,7 +3387,7 @@ const to = { class: "bg-white relative z-10 border rounded-md" }, no = {
             ])
           ]),
           v("div", {
-            class: R(["overflow-hidden transition-all duration-300 ease-in-out", e.isAIExplain ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
+            class: R(["overflow-hidden", e.isAIExplain ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"])
           }, [
             (r = e.explanation) != null && r.result ? (m(), x("ul", ol, [
               (m(!0), x(q, null, Y(((u = e.explanation) == null ? void 0 : u.result.split(`
@@ -3585,7 +3585,7 @@ const q0 = {
   emits: ["click"],
   setup(e) {
     return (n, t) => (m(), x("button", {
-      class: "p-2 bg-white rounded-full hover:bg-gray-100 transition-colors focus:outline-none active:scale-95 transform",
+      class: "p-2 bg-white rounded-full hover:bg-gray-100 focus:outline-none active:scale-95",
       onClick: t[0] || (t[0] = (o) => n.$emit("click")),
       disabled: e.disabled,
       "aria-label": "Retry"
@@ -3620,7 +3620,7 @@ const q0 = {
         v("img", {
           src: e.isDiffMode ? T(_l) : T(El),
           alt: e.isDiffMode ? "Hide Differences" : "Show Differences",
-          class: R(["w-4 transition-all duration-200", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
+          class: R(["w-4", [{ "opacity-100": !e.disabled }, { "opacity-50 transform ": e.disabled }]])
         }, null, 10, Sl)
       ], 10, $l)
     ], 8, Ll));
@@ -4142,7 +4142,7 @@ const Rl = { class: "bg-white relative z-10 border rounded-md" }, Pl = { class:
       ])
     ]));
   }
-}, zl = { class: "card border bg-white rounded-lg" }, Ul = { class: "card-body px-4 py-2 gap-0" }, Wl = { class: "overflow-hidden transition-all duration-300 ease-in-out" }, ql = { class: "text-textCustom list-decimal list-outside ml-7 my-2" }, Gl = ["innerHTML"], Jl = {
+}, zl = { class: "card border bg-white rounded-lg" }, Ul = { class: "card-body px-4 py-2 gap-0" }, Wl = { class: "overflow-hidden" }, ql = { class: "text-textCustom list-decimal list-outside ml-7 my-2" }, Gl = ["innerHTML"], Jl = {
   __name: "ImproveData",
   props: {
     suggestions: {
@@ -4314,7 +4314,9 @@ const Rl = { class: "bg-white relative z-10 border rounded-md" }, Pl = { class:
     const t = De(), o = f2(), l = e, s = n, a = [
       { value: "check", label: "Check", icon: "ai-translate" },
       { value: "improve", label: "Improve", icon: "ai-explain" },
-      { value: "improve-plus", label: "Improve +++", icon: "ai-explain" }
+      { value: "improve-plus", label: "Improve +++", icon: "ai-explain" },
+      { value: "simplify", label: "Simplify", icon: "ai-translate" },
+      { value: "more-detailed", label: "More detailed", icon: "ai-explain" }
     ];
     H(
       () => l.writing,
@@ -4459,14 +4461,14 @@ const Rl = { class: "bg-white relative z-10 border rounded-md" }, Pl = { class:
         v("div", qs, [
           v("button", {
             class: R([
-              "w-1/2 px-4 py-2 text-sm font-medium transition-colors duration-200",
+              "w-1/2 px-4 py-2 text-sm font-medium",
               e.activeTab === "translate" ? "text-primaryColor border-b-2 border-primaryColor" : "text-textSecondary hover:text-primaryColor"
             ]),
             onClick: s[4] || (s[4] = (a) => l.$emit("activeTab", "translate"))
           }, " Translate ", 2),
           v("button", {
             class: R([
-              "w-1/2 px-4 py-2 text-sm font-medium transition-colors duration-200",
+              "w-1/2 px-4 py-2 text-sm font-medium",
               e.activeTab === "write" ? "text-primaryColor border-b-2 border-primaryColor" : "text-textSecondary hover:text-primaryColor"
             ]),
             onClick: s[5] || (s[5] = (a) => l.$emit("activeTab", "write"))
@@ -4509,7 +4511,7 @@ const Rl = { class: "bg-white relative z-10 border rounded-md" }, Pl = { class:
       ])
     ]));
   }
-}, Ks = /* @__PURE__ */ x2(Ys, [["__scopeId", "data-v-38858bd5"]]);
+}, Ks = /* @__PURE__ */ x2(Ys, [["__scopeId", "data-v-417d179b"]]);
 export {
   Ks as default
 };