quail-ui 0.2.76 → 0.2.77

package/dist/index.js

@@ -1,4 +1,4 @@
-import { openBlock as a, createElementBlock as u, createElementVNode as d, createStaticVNode as X, defineComponent as z, ref as T, watch as e1, onMounted as C1, withDirectives as c1, vModelText as u1, computed as S, nextTick as T2, Fragment as k1, renderSlot as r1, createBlock as F, Transition as z1, withCtx as J, normalizeClass as R, normalizeStyle as I1, withModifiers as Y1, createCommentVNode as P, toDisplayString as Y, getCurrentInstance as A2, unref as B1, resolveDynamicComponent as h1, renderList as A1, resolveComponent as O, vModelCheckbox as D2, createVNode as N, createTextVNode as d2, useSlots as P2, pushScopeId as u2, popScopeId as h2 } from "vue";
+import { openBlock as a, createElementBlock as u, createElementVNode as d, createStaticVNode as X, defineComponent as z, ref as T, watch as e1, onMounted as C1, withDirectives as c1, vModelText as u1, computed as S, nextTick as T2, Fragment as k1, renderSlot as r1, createBlock as R, Transition as z1, withCtx as J, normalizeClass as U, normalizeStyle as I1, withModifiers as Y1, createCommentVNode as P, toDisplayString as Y, getCurrentInstance as A2, unref as B1, resolveDynamicComponent as h1, renderList as A1, resolveComponent as O, vModelCheckbox as D2, createVNode as F, createTextVNode as d2, useSlots as P2, pushScopeId as u2, popScopeId as h2 } from "vue";
 const j2 = {
   name: "QIconArrowUpRight"
 }, _ = (t, n) => {
@@ -2295,7 +2295,7 @@ var f2 = { exports: {} };
     Q[V] = v;
     var Z = "$isDayjsObject", G = function(b) {
       return b instanceof l1 || !(!b || !b[Z]);
-    }, q = function b(y, m, L) {
+    }, j = function b(y, m, L) {
       var x;
       if (!y)
         return V;
@@ -2306,8 +2306,8 @@ var f2 = { exports: {} };
         if (!x && B.length > 1)
           return b(B[0]);
       } else {
-        var j = y.name;
-        Q[j] = y, x = j;
+        var q = y.name;
+        Q[q] = y, x = q;
       }
       return !L && x && (V = x), x || !L && V;
     }, D = function(b, y) {
@@ -2316,12 +2316,12 @@ var f2 = { exports: {} };
       var m = typeof y == "object" ? y : {};
       return m.date = b, m.args = arguments, new l1(m);
     }, E = k;
-    E.l = q, E.i = G, E.w = function(b, y) {
+    E.l = j, E.i = G, E.w = function(b, y) {
       return D(b, { locale: y.$L, utc: y.$u, x: y.$x, $offset: y.$offset });
     };
     var l1 = function() {
       function b(m) {
-        this.$L = q(m.locale, null, !0), this.parse(m), this.$x = this.$x || m.x || {}, this[Z] = !0;
+        this.$L = j(m.locale, null, !0), this.parse(m), this.$x = this.$x || m.x || {}, this[Z] = !0;
       }
       var y = b.prototype;
       return y.parse = function(m) {
@@ -2336,8 +2336,8 @@ var f2 = { exports: {} };
           if (typeof x == "string" && !/Z$/i.test(x)) {
             var B = x.match(A);
             if (B) {
-              var j = B[2] - 1 || 0, U = (B[7] || "0").substring(0, 3);
-              return H ? new Date(Date.UTC(B[1], j, B[3] || 1, B[4] || 0, B[5] || 0, B[6] || 0, U)) : new Date(B[1], j, B[3] || 1, B[4] || 0, B[5] || 0, B[6] || 0, U);
+              var q = B[2] - 1 || 0, N = (B[7] || "0").substring(0, 3);
+              return H ? new Date(Date.UTC(B[1], q, B[3] || 1, B[4] || 0, B[5] || 0, B[6] || 0, N)) : new Date(B[1], q, B[3] || 1, B[4] || 0, B[5] || 0, B[6] || 0, N);
             }
           }
           return new Date(x);
@@ -2363,41 +2363,41 @@ var f2 = { exports: {} };
       }, y.valueOf = function() {
         return this.$d.getTime();
       }, y.startOf = function(m, L) {
-        var x = this, H = !!E.u(L) || L, B = E.p(m), j = function(f1, t1) {
+        var x = this, H = !!E.u(L) || L, B = E.p(m), q = function(f1, t1) {
           var a1 = E.w(x.$u ? Date.UTC(x.$y, t1, f1) : new Date(x.$y, t1, f1), x);
           return H ? a1 : a1.endOf(h);
-        }, U = function(f1, t1) {
+        }, N = function(f1, t1) {
           return E.w(x.toDate()[f1].apply(x.toDate("s"), (H ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(t1)), x);
         }, W = this.$W, K = this.$M, s1 = this.$D, g1 = "set" + (this.$u ? "UTC" : "");
         switch (B) {
           case p:
-            return H ? j(1, 0) : j(31, 11);
+            return H ? q(1, 0) : q(31, 11);
           case $:
-            return H ? j(1, K) : j(0, K + 1);
+            return H ? q(1, K) : q(0, K + 1);
           case C:
             var p1 = this.$locale().weekStart || 0, M1 = (W < p1 ? W + 7 : W) - p1;
-            return j(H ? s1 - M1 : s1 + (6 - M1), K);
+            return q(H ? s1 - M1 : s1 + (6 - M1), K);
           case h:
           case M:
-            return U(g1 + "Hours", 0);
+            return N(g1 + "Hours", 0);
           case l:
-            return U(g1 + "Minutes", 1);
+            return N(g1 + "Minutes", 1);
           case i:
-            return U(g1 + "Seconds", 2);
+            return N(g1 + "Seconds", 2);
           case c:
-            return U(g1 + "Milliseconds", 3);
+            return N(g1 + "Milliseconds", 3);
           default:
             return this.clone();
         }
       }, y.endOf = function(m) {
         return this.startOf(m, !1);
       }, y.$set = function(m, L) {
-        var x, H = E.p(m), B = "set" + (this.$u ? "UTC" : ""), j = (x = {}, x[h] = B + "Date", x[M] = B + "Date", x[$] = B + "Month", x[p] = B + "FullYear", x[l] = B + "Hours", x[i] = B + "Minutes", x[c] = B + "Seconds", x[r] = B + "Milliseconds", x)[H], U = H === h ? this.$D + (L - this.$W) : L;
+        var x, H = E.p(m), B = "set" + (this.$u ? "UTC" : ""), q = (x = {}, x[h] = B + "Date", x[M] = B + "Date", x[$] = B + "Month", x[p] = B + "FullYear", x[l] = B + "Hours", x[i] = B + "Minutes", x[c] = B + "Seconds", x[r] = B + "Milliseconds", x)[H], N = H === h ? this.$D + (L - this.$W) : L;
         if (H === $ || H === p) {
           var W = this.clone().set(M, 1);
-          W.$d[j](U), W.init(), this.$d = W.set(M, Math.min(this.$D, W.daysInMonth())).$d;
+          W.$d[q](N), W.init(), this.$d = W.set(M, Math.min(this.$D, W.daysInMonth())).$d;
         } else
-          j && this.$d[j](U);
+          q && this.$d[q](N);
         return this.init(), this;
       }, y.set = function(m, L) {
         return this.clone().$set(m, L);
@@ -2406,7 +2406,7 @@ var f2 = { exports: {} };
       }, y.add = function(m, L) {
         var x, H = this;
         m = Number(m);
-        var B = E.p(L), j = function(K) {
+        var B = E.p(L), q = function(K) {
           var s1 = D(H);
           return E.w(s1.date(s1.date() + Math.round(K * m)), H);
         };
@@ -2415,10 +2415,10 @@ var f2 = { exports: {} };
         if (B === p)
           return this.set(p, this.$y + m);
         if (B === h)
-          return j(1);
+          return q(1);
         if (B === C)
-          return j(7);
-        var U = (x = {}, x[i] = s, x[l] = e, x[c] = o, x)[B] || 1, W = this.$d.getTime() + m * U;
+          return q(7);
+        var N = (x = {}, x[i] = s, x[l] = e, x[c] = o, x)[B] || 1, W = this.$d.getTime() + m * N;
         return E.w(W, this);
       }, y.subtract = function(m, L) {
         return this.add(-1 * m, L);
@@ -2426,10 +2426,10 @@ var f2 = { exports: {} };
         var L = this, x = this.$locale();
         if (!this.isValid())
           return x.invalidDate || I;
-        var H = m || "YYYY-MM-DDTHH:mm:ssZ", B = E.z(this), j = this.$H, U = this.$m, W = this.$M, K = x.weekdays, s1 = x.months, g1 = x.meridiem, p1 = function(t1, a1, x1, H1) {
+        var H = m || "YYYY-MM-DDTHH:mm:ssZ", B = E.z(this), q = this.$H, N = this.$m, W = this.$M, K = x.weekdays, s1 = x.months, g1 = x.meridiem, p1 = function(t1, a1, x1, H1) {
           return t1 && (t1[a1] || t1(L, H)) || x1[a1].slice(0, H1);
         }, M1 = function(t1) {
-          return E.s(j % 12 || 12, t1, "0");
+          return E.s(q % 12 || 12, t1, "0");
         }, f1 = g1 || function(t1, a1, x1) {
           var H1 = t1 < 12 ? "AM" : "PM";
           return x1 ? H1.toLowerCase() : H1;
@@ -2462,21 +2462,21 @@ var f2 = { exports: {} };
               case "dddd":
                 return K[L.$W];
               case "H":
-                return String(j);
+                return String(q);
               case "HH":
-                return E.s(j, 2, "0");
+                return E.s(q, 2, "0");
               case "h":
                 return M1(1);
               case "hh":
                 return M1(2);
               case "a":
-                return f1(j, U, !0);
+                return f1(q, N, !0);
               case "A":
-                return f1(j, U, !1);
+                return f1(q, N, !1);
               case "m":
-                return String(U);
+                return String(N);
               case "mm":
-                return E.s(U, 2, "0");
+                return E.s(N, 2, "0");
               case "s":
                 return String(L.$s);
               case "ss":
@@ -2492,10 +2492,10 @@ var f2 = { exports: {} };
       }, y.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, y.diff = function(m, L, x) {
-        var H, B = this, j = E.p(L), U = D(m), W = (U.utcOffset() - this.utcOffset()) * s, K = this - U, s1 = function() {
-          return E.m(B, U);
+        var H, B = this, q = E.p(L), N = D(m), W = (N.utcOffset() - this.utcOffset()) * s, K = this - N, s1 = function() {
+          return E.m(B, N);
         };
-        switch (j) {
+        switch (q) {
           case p:
             H = s1() / 12;
             break;
@@ -2531,7 +2531,7 @@ var f2 = { exports: {} };
       }, y.locale = function(m, L) {
         if (!m)
           return this.$L;
-        var x = this.clone(), H = q(m, L, !0);
+        var x = this.clone(), H = j(m, L, !0);
         return H && (x.$L = H), x;
       }, y.clone = function() {
         return E.w(this.$d, this);
@@ -2551,7 +2551,7 @@ var f2 = { exports: {} };
       };
     }), D.extend = function(b, y) {
       return b.$i || (b(y, l1, D), b.$i = !0), D;
-    }, D.locale = q, D.isDayjs = G, D.unix = function(b) {
+    }, D.locale = j, D.isDayjs = G, D.unix = function(b) {
       return D(1e3 * b);
     }, D.en = Q[V], D.Ls = Q, D.p = {}, D;
   });
@@ -2730,11 +2730,11 @@ const r6 = { class: "q-dialog-body" }, i6 = { class: "q-dialog-header" }, c6 = {
         ref: h
       }, [
         r1(g.$slots, "trigger"),
-        $.value ? (a(), F(z1, { key: 0 }, {
+        $.value ? (a(), R(z1, { key: 0 }, {
           default: J(() => [
             i.value ? (a(), u("div", {
               key: 0,
-              class: R(["q-dialog", p.value]),
+              class: U(["q-dialog", p.value]),
               style: I1(f.value),
               onClick: Y1(A, ["stop"])
             }, [
@@ -2746,17 +2746,17 @@ const r6 = { class: "q-dialog-body" }, i6 = { class: "q-dialog-header" }, c6 = {
           _: 3
         })) : P("", !0)
       ], 512),
-      $.value ? P("", !0) : (a(), F(z1, { key: 0 }, {
+      $.value ? P("", !0) : (a(), R(z1, { key: 0 }, {
         default: J(() => [
           i.value ? (a(), u("div", {
             key: 0,
-            class: R(["q-dialog-mask", M.value]),
+            class: U(["q-dialog-mask", M.value]),
             onClick: I,
             ref_key: "dialogMask",
             ref: C
           }, [
             d("div", {
-              class: R(["q-dialog", p.value]),
+              class: U(["q-dialog", p.value]),
               style: I1(f.value),
               onClick: Y1(A, ["stop"])
             }, [
@@ -2800,7 +2800,7 @@ const d6 = ["href"], u6 = { class: "q-fence-text text-sm" }, h6 = {
     var o;
     const n = (o = A2()) == null ? void 0 : o.appContext.components;
     return (s, e) => (a(), u("div", {
-      class: R(["q-fence", t.type])
+      class: U(["q-fence", t.type])
     }, [
       t.link ? (a(), u("a", {
         key: 0,
@@ -2808,19 +2808,19 @@ const d6 = ["href"], u6 = { class: "q-fence-text text-sm" }, h6 = {
         href: t.link,
         target: "_blank"
       }, [
-        t.icon && B1(n) ? (a(), F(h1(B1(n)[t.icon]), {
+        t.icon && B1(n) ? (a(), R(h1(B1(n)[t.icon]), {
           key: 0,
           class: "icon"
-        })) : (a(), F(W1, {
+        })) : (a(), R(W1, {
           key: 1,
           class: "icon"
         })),
         d("div", u6, Y(t.text), 1)
       ], 8, d6)) : (a(), u("div", h6, [
-        t.icon && B1(n) ? (a(), F(h1(B1(n)[t.icon]), {
+        t.icon && B1(n) ? (a(), R(h1(B1(n)[t.icon]), {
           key: 0,
           class: "icon"
-        })) : (a(), F(W1, {
+        })) : (a(), R(W1, {
           key: 1,
           class: "icon"
         })),
@@ -2881,10 +2881,10 @@ const m6 = /* @__PURE__ */ _(p6, [["render", w6]]), v6 = ["onClick"], k6 = {
       i.action && i.action(i), i.disabled !== !0 && s("action", i);
     }
     return (i, l) => (a(), u("div", {
-      class: R(["q-menu", e.value])
+      class: U(["q-menu", e.value])
     }, [
       (a(!0), u(k1, null, A1(o.items, (h) => (a(), u("div", {
-        class: R(["q-menu-item", r(h)]),
+        class: U(["q-menu-item", r(h)]),
         key: `q-menu-item-${h.id}`,
         onClick: (C) => c(h)
       }, [
@@ -2894,7 +2894,7 @@ const m6 = /* @__PURE__ */ _(p6, [["render", w6]]), v6 = ["onClick"], k6 = {
             class: "q-menu-image",
             src: h.image,
             alt: h.title
-          }, null, 8, x6)) : h.icon ? (a(), F(h1(h.icon), {
+          }, null, 8, x6)) : h.icon ? (a(), R(h1(h.icon), {
             key: 1,
             class: "q-menu-icon"
           })) : P("", !0),
@@ -2940,7 +2940,7 @@ const V6 = ["disabled"], H6 = { class: "q-switch-inner" }, B6 = { class: "q-swit
     return (i, l) => {
       const h = O("q-icon-sun"), C = O("q-icon-moon-star");
       return a(), u("label", {
-        class: R(["q-switch", r.value])
+        class: U(["q-switch", r.value])
       }, [
         c1(d("input", {
           class: "q-switch-checkbox",
@@ -2954,10 +2954,10 @@ const V6 = ["disabled"], H6 = { class: "q-switch-inner" }, B6 = { class: "q-swit
         d("div", H6, [
           d("div", B6, [
             o.theme === "plastic" ? (a(), u(k1, { key: 0 }, [
-              s.value ? (a(), F(h, {
+              s.value ? (a(), R(h, {
                 key: 0,
                 class: "q-switch-icon"
-              })) : (a(), F(C, {
+              })) : (a(), R(C, {
                 key: 1,
                 class: "q-switch-icon"
               }))
@@ -3032,7 +3032,7 @@ const S6 = { class: "q-text-field-wrapper" }, E6 = ["placeholder"], T6 = { class
     return (f, p) => {
       const M = O("q-button");
       return a(), u("div", {
-        class: R(["q-text-field-with-button", r.value])
+        class: U(["q-text-field-with-button", r.value])
       }, [
         d("div", S6, [
           c1(d("input", {
@@ -3045,7 +3045,7 @@ const S6 = { class: "q-text-field-wrapper" }, E6 = ["placeholder"], T6 = { class
           ])
         ]),
         d("div", T6, [
-          N(M, {
+          F(M, {
             class: "primary",
             disabled: !c.value,
             onClick: C
@@ -3191,7 +3191,7 @@ const P6 = { class: "q-dropdown-menu" }, j6 = { class: "q-dropdown-menu-inner na
       return a(), u("div", P6, [
         d("div", j6, [
           d("div", {
-            class: R(["q-dropdown-menu-action touchable", $.value]),
+            class: U(["q-dropdown-menu-action touchable", $.value]),
             onClick: Y1(I, ["stop"])
           }, [
             s.loading ? (a(), u("div", q6, U6)) : P("", !0),
@@ -3201,23 +3201,23 @@ const P6 = { class: "q-dropdown-menu" }, j6 = { class: "q-dropdown-menu-inner na
                 class: "menu-image",
                 src: c.value.image,
                 alt: c.value.title
-              }, null, 8, F6)) : c.value.icon ? (a(), F(h1(c.value.icon), {
+              }, null, 8, F6)) : c.value.icon ? (a(), R(h1(c.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
               })) : P("", !0),
               t.hideActionLabel ? P("", !0) : (a(), u("div", R6, Y(c.value ? c.value.title : s.placeholder || "Select ..."), 1))
             ])) : P("", !0),
             r1(g.$slots, "default"),
-            N(w, { class: "icon chevron-icon" })
+            F(w, { class: "icon chevron-icon" })
           ], 2),
           M.value ? P("", !0) : (a(), u("div", {
             key: 0,
             ref_key: "menuWrapper",
             ref: i
           }, [
-            N(z1, null, {
+            F(z1, null, {
               default: J(() => [
-                r.value ? (a(), F(k, {
+                r.value ? (a(), R(k, {
                   key: 0,
                   items: t.items,
                   onAction: A
@@ -3226,7 +3226,7 @@ const P6 = { class: "q-dropdown-menu" }, j6 = { class: "q-dropdown-menu-inner na
               _: 1
             })
           ], 512)),
-          M.value ? (a(), F(V, {
+          M.value ? (a(), R(V, {
             key: 1,
             modelValue: r.value,
             "onUpdate:modelValue": v[1] || (v[1] = (Q) => r.value = Q),
@@ -3245,12 +3245,12 @@ const P6 = { class: "q-dropdown-menu" }, j6 = { class: "q-dropdown-menu-inner na
                   ])
                 ])) : P("", !0),
                 d("div", {
-                  class: R(["scroll-area", h.value]),
+                  class: U(["scroll-area", h.value]),
                   ref_key: "scrollArea",
                   ref: l,
                   style: I1({ height: s.scrollHeight, maxHeight: s.scrollHeight })
                 }, [
-                  p.value ? (a(), F(k, {
+                  p.value ? (a(), R(k, {
                     key: 0,
                     items: p.value,
                     onAction: A,
@@ -3330,20 +3330,20 @@ const G6 = { class: "q-pagination" }, K6 = {
     return (h, C) => {
       const $ = O("q-button");
       return a(), u("div", G6, [
-        N($, {
+        F($, {
           class: "prev sm outlined icon",
           onClick: c,
           disabled: !o.hasPrev
         }, {
           default: J(() => [
-            N(_2, { class: "icon" })
+            F(_2, { class: "icon" })
           ]),
           _: 1
         }, 8, ["disabled"]),
         t.totalPage !== 0 ? (a(), u("div", K6, [
           (a(!0), u(k1, null, A1(s.value, (f) => (a(), u("div", J6, [
-            N($, {
-              class: R(["q-page-indicator sm outlined", f.label === e.value ? "active" : ""]),
+            F($, {
+              class: U(["q-page-indicator sm outlined", f.label === e.value ? "active" : ""]),
               disabled: f.disabled,
               onClick: (p) => l(f.label, f)
             }, {
@@ -3353,7 +3353,7 @@ const G6 = { class: "q-pagination" }, K6 = {
               _: 2
             }, 1032, ["class", "disabled", "onClick"])
           ]))), 256))
-        ])) : (a(), F($, {
+        ])) : (a(), R($, {
           key: 1,
           class: "outlined sm q-page-indicator-simple q-page-indicator"
         }, {
@@ -3362,13 +3362,13 @@ const G6 = { class: "q-pagination" }, K6 = {
           ]),
           _: 1
         })),
-        N($, {
+        F($, {
           class: "next sm outlined icon",
           onClick: i,
           disabled: !o.hasNext
         }, {
           default: J(() => [
-            N(p2, { class: "icon" })
+            F(p2, { class: "icon" })
           ]),
           _: 1
         }, 8, ["disabled"])
@@ -3401,11 +3401,11 @@ const er = { class: "q-progress-slot" }, nr = /* @__PURE__ */ d("div", { class:
   setup(t) {
     const n = t, o = S(() => n.infinite ? "100%" : `${n.value / n.max * 100}%`), s = S(() => n.value >= n.max);
     return (e, r) => (a(), u("div", {
-      class: R(["q-progress", t.color])
+      class: U(["q-progress", t.color])
     }, [
       d("div", er, [
         d("div", {
-          class: R(["q-progress-bar", s.value ? "" : "animated"]),
+          class: U(["q-progress-bar", s.value ? "" : "animated"]),
           style: I1({ width: o.value })
         }, or, 6)
       ])
@@ -3483,7 +3483,7 @@ const rr = /* @__PURE__ */ z({
       e.value = r.value.find((i) => s.lang === i.value || localStorage.getItem("quail-language") === i.value) || r.value[0];
     }), (i, l) => {
       const h = O("QDropdownMenu");
-      return a(), F(h, {
+      return a(), R(h, {
         items: r.value,
         "initial-item": e.value
       }, null, 8, ["items", "initial-item"]);
@@ -4705,8 +4705,8 @@ var Dr = B2.exports;
     let V = ["start"];
     for (let Q = 0; Q < g.length; Q++) {
       const Z = g[Q], G = [];
-      for (let q = 0; q < Z.length; q++) {
-        const D = Z[q], E = "" + Q + q;
+      for (let j = 0; j < Z.length; j++) {
+        const D = Z[j], E = "" + Q + j;
         G.push(E), w[E] = { node: D, lastCount: 0 }, k[E] = {};
         for (let l1 = 0; l1 < V.length; l1++) {
           const o1 = V[l1];
@@ -4742,8 +4742,8 @@ var Dr = B2.exports;
     }, []);
   }, t.fromString = function(v, w) {
     const k = $(v, i.isKanjiModeEnabled()), V = M(k), Q = I(V, w), Z = l.find_path(Q.map, "start", "end"), G = [];
-    for (let q = 1; q < Z.length - 1; q++)
-      G.push(Q.table[Z[q]].node);
+    for (let j = 1; j < Z.length - 1; j++)
+      G.push(Q.table[Z[j]].node);
     return t.fromArray(p(G));
   }, t.rawSplit = function(v) {
     return t.fromArray(
@@ -5016,7 +5016,7 @@ b1.toDataURL = r2.bind(null, E2.renderToDataURL);
 b1.toString = r2.bind(null, function(t, n, o) {
   return ni.render(t, o);
 });
-const oi = ["title", "onClick"], si = { class: "q-dialog-content mastodon-dialog-content flex center" }, ri = { class: "q-dialog-content general-dialog-content" }, ii = { class: "qrcode-wrapper" }, ci = ["src"], li = { class: "operations form" }, ai = { class: "copy-row form-row" }, di = /* @__PURE__ */ d("span", { class: "button-label" }, "Copy URL", -1), ui = /* @__PURE__ */ z({
+const oi = { class: "q-dialog-content mastodon-dialog-content flex center" }, si = { class: "q-dialog-content general-dialog-content" }, ri = { class: "qrcode-wrapper" }, ii = ["src"], ci = { class: "operations form" }, li = { class: "copy-row form-row" }, ai = /* @__PURE__ */ d("span", { class: "button-label" }, "Copy URL", -1), di = ["title", "onClick"], ui = /* @__PURE__ */ z({
   __name: "QShare",
   props: {
     url: {
@@ -5135,39 +5135,31 @@ const oi = ["title", "onClick"], si = { class: "q-dialog-content mastodon-dialog
     return (v, w) => {
       const k = O("q-icon-color-mastodon"), V = O("q-icon-arrow-right"), Q = O("q-button"), Z = O("q-dialog"), G = O("q-icon-copy");
       return a(), u("div", {
-        class: R(["q-share", h.value])
+        class: U(["q-share", h.value])
       }, [
-        (a(!0), u(k1, null, A1(f.value, (q) => (a(), u("a", {
-          key: `serv-${q.name}`,
-          title: q.tooltip,
-          class: R(["q-share-link", q.name]),
-          onClick: (D) => M(q)
-        }, [
-          (a(), F(h1(q.icon), { class: "icon share-icon" }))
-        ], 10, oi))), 128)),
-        N(Z, {
+        F(Z, {
           modelValue: r.value,
-          "onUpdate:modelValue": w[1] || (w[1] = (q) => r.value = q),
+          "onUpdate:modelValue": w[1] || (w[1] = (j) => r.value = j),
           title: "Share to Mastodon"
         }, {
           default: J(() => [
-            d("div", si, [
-              N(k, { class: "service-icon" }),
+            d("div", oi, [
+              F(k, { class: "service-icon" }),
               c1(d("input", {
                 class: "text-field",
-                "onUpdate:modelValue": w[0] || (w[0] = (q) => c.value = q),
+                "onUpdate:modelValue": w[0] || (w[0] = (j) => c.value = j),
                 placeholder: "Instance Domain",
                 ref_key: "mastodonHostInput",
                 ref: i
               }, null, 512), [
                 [u1, c.value]
               ]),
-              N(Q, {
+              F(Q, {
                 class: "primary icon ml-2",
                 onClick: g
               }, {
                 default: J(() => [
-                  N(V)
+                  F(V)
                 ]),
                 _: 1
               })
@@ -5175,29 +5167,29 @@ const oi = ["title", "onClick"], si = { class: "q-dialog-content mastodon-dialog
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        N(Z, {
+        F(Z, {
           modelValue: o.value,
-          "onUpdate:modelValue": w[2] || (w[2] = (q) => o.value = q),
+          "onUpdate:modelValue": w[2] || (w[2] = (j) => o.value = j),
           title: "Share to ..."
         }, {
           default: J(() => [
-            d("div", ri, [
-              d("div", ii, [
+            d("div", si, [
+              d("div", ri, [
                 d("img", {
                   src: e.value,
                   alt: "QR Code",
                   class: "frame shadow"
-                }, null, 8, ci)
+                }, null, 8, ii)
               ]),
-              d("div", li, [
-                d("div", ai, [
-                  N(Q, {
+              d("div", ci, [
+                d("div", li, [
+                  F(Q, {
                     class: "outlined block",
                     onClick: I
                   }, {
                     default: J(() => [
-                      N(G, { class: "icon" }),
-                      di
+                      F(G, { class: "icon" }),
+                      ai
                     ]),
                     _: 1
                   })
@@ -5206,7 +5198,19 @@ const oi = ["title", "onClick"], si = { class: "q-dialog-content mastodon-dialog
             ])
           ]),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue"]),
+        (a(!0), u(k1, null, A1(f.value, (j) => (a(), u("a", {
+          key: `serv-${j.name}`,
+          title: j.tooltip,
+          class: U(["q-share-link", j.name]),
+          onClick: (D) => M(j)
+        }, [
+          d("span", {
+            class: U(["q-share-link-inner", j.name])
+          }, [
+            (a(), R(h1(j.icon), { class: "icon share-icon" }))
+          ], 2)
+        ], 10, di))), 128))
       ], 2);
     };
   }
@@ -5260,7 +5264,7 @@ const hi = ["src", "alt"], a2 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2I
       i.src = a2;
     }
     return (c, i) => (a(), u("div", {
-      class: R(["q-avatar", s.value]),
+      class: U(["q-avatar", s.value]),
       style: I1(e.value)
     }, [
       n.src === "" ? r1(c.$slots, "default", { key: 0 }) : (a(), u("img", {
@@ -5337,7 +5341,7 @@ const _i = { class: "q-dropdown-menu-with-text-field" }, pi = { class: "q-dropdo
       return a(), u("div", _i, [
         d("div", pi, [
           d("div", fi, [
-            N(M, {
+            F(M, {
               items: t.items,
               "initial-item": r.value,
               "use-dialog": "always",
@@ -5368,7 +5372,7 @@ const _i = { class: "q-dropdown-menu-with-text-field" }, pi = { class: "q-dropdo
             d("span", {
               textContent: Y(o.fillActionLabel)
             }, null, 8, mi),
-            N(C2, { class: "icon" })
+            F(C2, { class: "icon" })
           ]),
           d("div", vi, [
             d("span", {
@@ -5407,7 +5411,7 @@ const xi = /* @__PURE__ */ _(Mi, [["__scopeId", "data-v-abade42e"]]), yi = (t) =
       return e.push(n.class), n.loading && e.push("loading"), e.join(" ");
     }), s = S(() => !n.disabled);
     return (e, r) => (a(), u("button", {
-      class: R(o.value),
+      class: U(o.value),
       disabled: !s.value
     }, [
       n.loading ? (a(), u("div", Li, Vi)) : P("", !0),
@@ -5444,13 +5448,13 @@ const Bi = /* @__PURE__ */ _(Hi, [["__scopeId", "data-v-239de42a"]]), Qi = { cla
     return (l, h) => {
       const C = O("QButton");
       return a(), u("div", Qi, [
-        (a(!0), u(k1, null, A1(t.tabs, ($, f) => (a(), F(C, {
-          class: R(["q-tab-button sm", i($, f)]),
+        (a(!0), u(k1, null, A1(t.tabs, ($, f) => (a(), R(C, {
+          class: U(["q-tab-button sm", i($, f)]),
           key: `tab-button-${f}`,
           onClick: (p) => c(f, $)
         }, {
           default: J(() => [
-            $.icon ? (a(), F(h1($.icon), {
+            $.icon ? (a(), R(h1($.icon), {
               key: 0,
               class: "q-tab-button-icon"
             })) : P("", !0),
@@ -5528,7 +5532,7 @@ const Ti = /* @__PURE__ */ _(Ei, [["__scopeId", "data-v-c10a45b7"]]), Ai = { cla
     }), (p, M) => {
       const I = O("QIconEditorDelete"), A = O("QButton");
       return a(), u("div", {
-        class: R(["q-input", l.value])
+        class: U(["q-input", l.value])
       }, [
         d("div", Ai, [
           r1(p.$slots, "prepend-out", {}, void 0, !0)
@@ -5552,12 +5556,12 @@ const Ti = /* @__PURE__ */ _(Ei, [["__scopeId", "data-v-c10a45b7"]]), Ai = { cla
             }, null, 40, qi), [
               [u1, e.value]
             ]),
-            N(A, {
+            F(A, {
               class: "clear-btn plain icon",
               onClick: $
             }, {
               default: J(() => [
-                N(I, { class: "icon" })
+                F(I, { class: "icon" })
               ]),
               _: 1
             }),
@@ -5567,7 +5571,7 @@ const Ti = /* @__PURE__ */ _(Ei, [["__scopeId", "data-v-c10a45b7"]]), Ai = { cla
           ]),
           i.value ? (a(), u("div", Ui, [
             d("div", Ni, [
-              t.hintIcon ? (a(), F(h1(t.hintIcon), {
+              t.hintIcon ? (a(), R(h1(t.hintIcon), {
                 key: 0,
                 class: "q-text-field-hint-icon"
               })) : P("", !0),
@@ -5637,7 +5641,7 @@ const Yi = /* @__PURE__ */ _(zi, [["__scopeId", "data-v-88cf3487"]]), Wi = { cla
     }), (C, $) => {
       const f = O("QInput"), p = O("QMenu");
       return a(), u("div", Wi, [
-        N(f, {
+        F(f, {
           modelValue: e.value,
           "onUpdate:modelValue": $[0] || ($[0] = (M) => e.value = M),
           type: "text",
@@ -5647,7 +5651,7 @@ const Yi = /* @__PURE__ */ _(zi, [["__scopeId", "data-v-88cf3487"]]), Wi = { cla
           onChange: l
         }, null, 8, ["modelValue", "placeholder", "disabled"]),
         t.items && r.value ? (a(), u("div", Gi, [
-          N(p, { items: c.value }, null, 8, ["items"])
+          F(p, { items: c.value }, null, 8, ["items"])
         ])) : P("", !0)
       ]);
     };
@@ -5688,8 +5692,8 @@ const Ji = /* @__PURE__ */ _(Ki, [["__scopeId", "data-v-2bc84f25"]]), Xi = /* @_
     }
     return (i, l) => {
       const h = O("QButton");
-      return a(), F(h, {
-        class: R(r.value),
+      return a(), R(h, {
+        class: U(r.value),
         disabled: t.disabled,
         loading: t.loading,
         onClick: c
@@ -5766,7 +5770,7 @@ const Ji = /* @__PURE__ */ _(Ki, [["__scopeId", "data-v-2bc84f25"]]), Xi = /* @_
     }
     return C1(() => {
     }), ($, f) => (a(), u("div", {
-      class: R(["q-textarea", i.value])
+      class: U(["q-textarea", i.value])
     }, [
       c1(d("textarea", {
         class: "textarea",
@@ -5781,7 +5785,7 @@ const Ji = /* @__PURE__ */ _(Ki, [["__scopeId", "data-v-2bc84f25"]]), Xi = /* @_
       ]),
       c.value ? (a(), u("div", ec, [
         d("div", nc, [
-          t.hintIcon ? (a(), F(h1(t.hintIcon), {
+          t.hintIcon ? (a(), R(h1(t.hintIcon), {
             key: 0,
             class: "q-textarea-hint-icon"
           })) : P("", !0),