@jsg-developer/vue-pack 0.0.4 → 0.0.5

package/dist/TextAreaQuill-qInAEeeB.js

@@ -0,0 +1,600 @@
+import { defineComponent as Q, ref as r, computed as M, watch as V, createBlock as D, openBlock as i, Transition as B, withCtx as C, createElementBlock as c, createCommentVNode as f, withModifiers as O, createVNode as P, createElementVNode as e, toDisplayString as I, normalizeClass as A, withDirectives as _, vModelText as R, withKeys as G, inject as ee, onMounted as te, onUnmounted as se, Teleport as le, createTextVNode as F, unref as de, Fragment as ae, renderList as oe } from "vue";
+import N from "dompurify";
+import { ab as H, U as ne, z as re, a9 as E, a as ie } from "./resize-DgY2sl-h.js";
+import "lodash.isequal";
+import "zod";
+const ge = { class: "jsgd-w-full jsgd-max-w-md jsgd-bg-white jsgd-rounded-xl jsgd-shadow-2xl jsgd-overflow-hidden dark:jsgd-bg-slate-800" }, ue = { class: "jsgd-p-5 jsgd-border-b jsgd-border-slate-200 dark:jsgd-border-slate-700" }, je = { class: "jsgd-text-lg jsgd-font-bold jsgd-text-slate-900 dark:jsgd-text-slate-100" }, ce = { class: "jsgd-p-5 jsgd-flex jsgd-flex-col jsgd-gap-5" }, me = {
+  key: 0,
+  class: "jsgd-flex jsgd-w-full jsgd-p-1 jsgd-bg-slate-100 jsgd-rounded-lg dark:jsgd-bg-slate-700"
+}, be = { key: 1 }, ve = {
+  key: 2,
+  class: "jsgd-box-border"
+}, pe = ["placeholder"], xe = { key: 3 }, fe = ["accept"], he = {
+  key: 0,
+  class: "jsgd-mt-4"
+}, ke = ["src"], we = { key: 4 }, ye = { class: "jsgd-p-4 jsgd-bg-slate-50 jsgd-flex jsgd-justify-end jsgd-gap-3 dark:jsgd-bg-slate-900/50" }, qe = ["disabled"], Ue = { key: 0 }, Te = { key: 1 }, Le = /* @__PURE__ */ Q({
+  __name: "QuillEmbedModal",
+  props: {
+    show: { type: Boolean },
+    mode: {},
+    uploadUrl: {},
+    initialValue: {},
+    initialText: {}
+  },
+  emits: ["close", "submit"],
+  setup(g, { emit: S }) {
+    const s = g, h = S, l = r(""), m = r(""), b = r(null), k = r(""), v = r(null), p = r(!1), u = r("url"), w = M(() => !!s.uploadUrl), z = M(() => {
+      switch (s.mode) {
+        case "image":
+          return "Insert Image";
+        case "video":
+          return "Embed Video";
+        case "link":
+          return "Insert Link";
+        default:
+          return "Insert Media";
+      }
+    }), j = M(() => s.mode === "video" ? "e.g., YouTube, Vimeo URL" : "https://...");
+    V(
+      () => s.show,
+      (x) => {
+        x && (u.value = w.value ? "upload" : "url", l.value = s.initialValue || "", k.value = s.initialText || "", m.value = "", b.value = null, v.value = null, p.value = !1);
+      }
+    );
+    function U() {
+      h("close");
+    }
+    function T(x) {
+      const d = x.target;
+      if (d.files && d.files[0] && (b.value = d.files[0], s.mode === "image")) {
+        const n = new FileReader();
+        n.onload = (L) => {
+          v.value = L.target?.result;
+        }, n.readAsDataURL(b.value);
+      }
+    }
+    async function $() {
+      p.value = !0;
+      try {
+        if (u.value === "upload" && w.value) {
+          if (!b.value) {
+            alert("Please select a file to upload.");
+            return;
+          }
+          if (!s.uploadUrl) {
+            alert("Upload API URL is not configured.");
+            return;
+          }
+          const x = new FormData();
+          x.append("file", b.value);
+          const d = await fetch(s.uploadUrl, { method: "POST", body: x });
+          if (!d.ok) throw new Error("Upload failed");
+          const n = await d.json(), L = n.url || n.secure_url || n.path || n.data?.url || n.data?.path || n.data?.secure_url;
+          if (!L) throw new Error("URL not found in upload response");
+          h("submit", { url: L, alt: m.value, text: k.value });
+        } else {
+          if (!l.value) {
+            alert("Please enter a URL.");
+            return;
+          }
+          h("submit", { url: l.value, alt: m.value, text: k.value });
+        }
+      } catch (x) {
+        console.error(x), alert(x.message || "An error occurred.");
+      } finally {
+        p.value = !1;
+      }
+    }
+    return (x, d) => (i(), D(B, {
+      name: "jsgd-modal-overlay",
+      appear: ""
+    }, {
+      default: C(() => [
+        g.show ? (i(), c("div", {
+          key: 0,
+          class: "jsgd-fixed jsgd-inset-0 jsgd-z-[10000000] jsgd-flex jsgd-items-center jsgd-justify-center jsgd-p-4 jsgd-bg-black/60 jsgd-backdrop-blur-sm",
+          onClick: O(U, ["self"])
+        }, [
+          P(B, {
+            name: "jsgd-modal-container",
+            appear: ""
+          }, {
+            default: C(() => [
+              e("div", ge, [
+                e("div", ue, [
+                  e("h3", je, I(z.value), 1)
+                ]),
+                e("div", ce, [
+                  w.value && g.mode !== "link" ? (i(), c("div", me, [
+                    e("button", {
+                      onClick: d[0] || (d[0] = (n) => u.value = "upload"),
+                      class: A([
+                        "jsgd-flex-1 jsgd-py-1.5 jsgd-px-3 jsgd-text-sm jsgd-font-semibold jsgd-rounded-md jsgd-transition-colors jsgd-duration-200",
+                        u.value === "upload" ? "jsgd-bg-white jsgd-text-blue-600 jsgd-shadow-sm dark:jsgd-bg-slate-600 dark:jsgd-text-white" : "jsgd-bg-transparent jsgd-text-slate-500 hover:jsgd-text-slate-700 dark:jsgd-text-slate-400 dark:hover:jsgd-text-slate-200"
+                      ])
+                    }, " Upload ", 2),
+                    e("button", {
+                      onClick: d[1] || (d[1] = (n) => u.value = "url"),
+                      class: A([
+                        "jsgd-flex-1 jsgd-py-1.5 jsgd-px-3 jsgd-text-sm jsgd-font-semibold jsgd-rounded-md jsgd-transition-colors jsgd-duration-200",
+                        u.value === "url" ? "jsgd-bg-white jsgd-text-blue-600 jsgd-shadow-sm dark:jsgd-bg-slate-600 dark:jsgd-text-white" : "jsgd-bg-transparent jsgd-text-slate-500 hover:jsgd-text-slate-700 dark:jsgd-text-slate-400 dark:hover:jsgd-text-slate-200"
+                      ])
+                    }, " From URL ", 2)
+                  ])) : f("", !0),
+                  g.mode === "link" ? (i(), c("div", be, [
+                    d[5] || (d[5] = e("label", { class: "jsgd-block jsgd-text-sm jsgd-font-medium jsgd-mb-1 dark:jsgd-text-slate-300" }, "Text to display", -1)),
+                    _(e("input", {
+                      "onUpdate:modelValue": d[2] || (d[2] = (n) => k.value = n),
+                      type: "text",
+                      placeholder: "If empty, URL will be shown",
+                      class: "jsgd-w-full jsgd-py-2 jsgd-px-3 jsgd-rounded-md jsgd-border jsgd-border-slate-300 dark:jsgd-bg-slate-700 dark:jsgd-border-slate-600 dark:jsgd-text-white"
+                    }, null, 512), [
+                      [R, k.value]
+                    ])
+                  ])) : f("", !0),
+                  u.value === "url" || g.mode === "link" ? (i(), c("div", ve, [
+                    d[6] || (d[6] = e("label", { class: "jsgd-block jsgd-text-sm jsgd-font-medium jsgd-mb-1 dark:jsgd-text-slate-300" }, "URL", -1)),
+                    _(e("input", {
+                      "onUpdate:modelValue": d[3] || (d[3] = (n) => l.value = n),
+                      type: "text",
+                      placeholder: j.value,
+                      class: "jsgd-w-full jsgd-py-2 jsgd-px-3 jsgd-rounded-md jsgd-border jsgd-border-slate-300 dark:jsgd-bg-slate-700 dark:jsgd-border-slate-600 dark:jsgd-text-white",
+                      onKeydown: G($, ["enter"])
+                    }, null, 40, pe), [
+                      [R, l.value]
+                    ])
+                  ])) : f("", !0),
+                  u.value === "upload" && w.value ? (i(), c("div", xe, [
+                    d[7] || (d[7] = e("label", { class: "jsgd-block jsgd-text-sm jsgd-font-medium jsgd-mb-1 dark:jsgd-text-slate-300" }, "Upload File", -1)),
+                    e("input", {
+                      type: "file",
+                      accept: g.mode === "image" ? "image/*" : "video/*",
+                      onChange: T,
+                      class: "jsgd-w-full jsgd-text-sm jsgd-text-slate-500 file:jsgd-mr-4 file:jsgd-py-2 file:jsgd-px-4 file:jsgd-rounded-full file:jsgd-border-0 file:jsgd-text-sm file:jsgd-font-semibold file:jsgd-bg-blue-50 file:jsgd-text-blue-700 hover:file:jsgd-bg-blue-100 dark:file:jsgd-bg-blue-900/50 dark:file:jsgd-text-blue-300 dark:hover:file:jsgd-bg-blue-900"
+                    }, null, 40, fe),
+                    v.value ? (i(), c("div", he, [
+                      e("img", {
+                        src: v.value,
+                        class: "jsgd-max-w-full jsgd-max-h-40 jsgd-rounded-md",
+                        alt: "Upload Preview"
+                      }, null, 8, ke)
+                    ])) : f("", !0)
+                  ])) : f("", !0),
+                  g.mode === "image" ? (i(), c("div", we, [
+                    d[8] || (d[8] = e("label", { class: "jsgd-block jsgd-text-sm jsgd-font-medium jsgd-mb-1 dark:jsgd-text-slate-300" }, "Alt Text (Optional)", -1)),
+                    _(e("input", {
+                      "onUpdate:modelValue": d[4] || (d[4] = (n) => m.value = n),
+                      type: "text",
+                      placeholder: "Describe the image for accessibility",
+                      class: "jsgd-w-full jsgd-py-2 jsgd-px-3 jsgd-rounded-md jsgd-border jsgd-border-slate-300 dark:jsgd-bg-slate-700 dark:jsgd-border-slate-600 dark:jsgd-text-white"
+                    }, null, 512), [
+                      [R, m.value]
+                    ])
+                  ])) : f("", !0)
+                ]),
+                e("div", ye, [
+                  e("button", {
+                    onClick: U,
+                    class: "jsgd-px-4 jsgd-py-2 jsgd-rounded-md jsgd-text-sm jsgd-font-medium jsgd-bg-white jsgd-border jsgd-border-slate-300 hover:jsgd-bg-slate-50 dark:jsgd-bg-slate-700 dark:jsgd-text-slate-200 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-600"
+                  }, " Cancel "),
+                  e("button", {
+                    onClick: $,
+                    class: "jsgd-px-4 jsgd-py-2 jsgd-rounded-md jsgd-text-sm jsgd-font-medium jsgd-text-white jsgd-bg-blue-600 hover:jsgd-bg-blue-700 dark:jsgd-bg-blue-500 dark:hover:jsgd-bg-blue-600",
+                    disabled: p.value
+                  }, [
+                    p.value ? (i(), c("span", Ue, "Inserting...")) : (i(), c("span", Te, "Insert"))
+                  ], 8, qe)
+                ])
+              ])
+            ]),
+            _: 1
+          })
+        ])) : f("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), Me = /* @__PURE__ */ H(Le, [["__scopeId", "data-v-e9ba68c4"]]), Se = { class: "jsgd-w-full jsgd-max-w-sm jsgd-bg-white jsgd-rounded-xl jsgd-shadow-2xl jsgd-overflow-hidden dark:jsgd-bg-slate-800" }, $e = { class: "jsgd-p-5 jsgd-flex jsgd-flex-col jsgd-gap-4" }, Ie = /* @__PURE__ */ Q({
+  __name: "QuillAltModal",
+  props: {
+    show: { type: Boolean },
+    initialValue: {}
+  },
+  emits: ["close", "submit"],
+  setup(g, { emit: S }) {
+    const s = g, h = S, l = r("");
+    V(
+      () => s.show,
+      (k) => {
+        k && (l.value = s.initialValue || "");
+      }
+    );
+    function m() {
+      h("close");
+    }
+    function b() {
+      h("submit", l.value);
+    }
+    return (k, v) => (i(), D(B, {
+      name: "jsgd-modal-overlay",
+      appear: ""
+    }, {
+      default: C(() => [
+        g.show ? (i(), c("div", {
+          key: 0,
+          class: "jsgd-fixed jsgd-inset-0 jsgd-z-[10001] jsgd-flex jsgd-items-center jsgd-justify-center jsgd-p-4 jsgd-bg-black/60 jsgd-backdrop-blur-sm",
+          onClick: O(m, ["self"])
+        }, [
+          P(B, {
+            name: "jsgd-modal-container",
+            appear: ""
+          }, {
+            default: C(() => [
+              e("div", Se, [
+                v[3] || (v[3] = e("div", { class: "jsgd-p-5 jsgd-border-b jsgd-border-slate-200 dark:jsgd-border-slate-700" }, [
+                  e("h3", { class: "jsgd-text-lg jsgd-font-bold jsgd-text-slate-900 dark:jsgd-text-slate-100" }, " Edit Image Alt Text ")
+                ], -1)),
+                e("div", $e, [
+                  e("div", null, [
+                    v[1] || (v[1] = e("label", { class: "jsgd-block jsgd-text-sm jsgd-font-medium jsgd-mb-1 dark:jsgd-text-slate-300" }, "Alt Text", -1)),
+                    _(e("input", {
+                      "onUpdate:modelValue": v[0] || (v[0] = (p) => l.value = p),
+                      type: "text",
+                      placeholder: "Describe the image for accessibility",
+                      class: "jsgd-w-full jsgd-py-2 jsgd-px-3 jsgd-rounded-md jsgd-border jsgd-border-slate-300 dark:jsgd-bg-slate-700 dark:jsgd-border-slate-600 dark:jsgd-text-white",
+                      onKeydown: G(b, ["enter"])
+                    }, null, 544), [
+                      [R, l.value]
+                    ]),
+                    v[2] || (v[2] = e("p", { class: "jsgd-text-xs jsgd-text-slate-500 jsgd-mt-2 dark:jsgd-text-slate-400" }, " Good alt text is descriptive and helps screen readers understand the image content. ", -1))
+                  ])
+                ]),
+                e("div", { class: "jsgd-p-4 jsgd-bg-slate-50 jsgd-flex jsgd-justify-end jsgd-gap-3 dark:jsgd-bg-slate-900/50" }, [
+                  e("button", {
+                    onClick: m,
+                    class: "jsgd-px-4 jsgd-py-2 jsgd-rounded-md jsgd-text-sm jsgd-font-medium jsgd-bg-white jsgd-border jsgd-border-slate-300 hover:jsgd-bg-slate-50 dark:jsgd-bg-slate-700 dark:jsgd-text-slate-200 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-600"
+                  }, " Cancel "),
+                  e("button", {
+                    onClick: b,
+                    class: "jsgd-px-4 jsgd-py-2 jsgd-rounded-md jsgd-text-sm jsgd-font-medium jsgd-text-white jsgd-bg-blue-600 hover:jsgd-bg-blue-700 dark:jsgd-bg-blue-500 dark:hover:jsgd-bg-blue-600"
+                  }, " Save ")
+                ])
+              ])
+            ]),
+            _: 1
+          })
+        ])) : f("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), Ve = /* @__PURE__ */ H(Ie, [["__scopeId", "data-v-4b0d2e4a"]]), Ae = { class: "editor-header" }, Ce = ["for"], ze = ["id"], Ee = { class: "ql-formats" }, _e = {
+  key: 0,
+  viewBox: "0 0 18 18",
+  width: "18",
+  height: "18"
+}, Re = {
+  key: 1,
+  viewBox: "0 0 18 18",
+  width: "18",
+  height: "18"
+}, De = { class: "editor-relative-container" }, Be = {
+  key: 0,
+  class: "upload-overlay"
+}, Pe = ["id"], Fe = {
+  key: 1,
+  class: "error-message"
+}, Qe = /* @__PURE__ */ Q({
+  __name: "TextAreaQuill",
+  props: {
+    id: { default: () => ne() },
+    label: {},
+    placeholder: {},
+    modelValue: {},
+    error: {},
+    disabled: { type: Boolean },
+    lang: {},
+    validate: {},
+    apiUploadImage: {},
+    apiUploadVideo: {}
+  },
+  emits: ["update:modelValue", "push:error", "remove:error"],
+  setup(g, { emit: S }) {
+    const s = g, h = S;
+    let l = null;
+    const m = r(!1), b = r([]), k = r(!1), v = r(""), p = r(!1), u = r("link"), w = r(""), z = r("");
+    let j = null;
+    const U = r(!1), T = r(null), $ = r(""), x = ee("TableComponents", {
+      labels: r(re[s.lang ?? "en"])
+    }), d = M(
+      () => s.placeholder ?? x.labels.value.placeholder?.quillEditor ?? "Write content here..."
+    ), n = M(() => {
+      const a = [];
+      return s.validate?.minLength && a.push(E("textMinLength", { min: String(s.validate.minLength) }, s.lang)), s.validate?.maxLength && a.push(E("textMaxLength", { max: String(s.validate.maxLength) }, s.lang)), a.join(", ");
+    }), L = () => {
+      m.value = !m.value;
+    };
+    V(m, (a) => {
+      document.body.style.overflow = a ? "hidden" : "";
+    }), V(
+      () => ({
+        val: s.modelValue,
+        disabled: s.disabled,
+        validate: s.validate
+      }),
+      ({ val: a, disabled: t, validate: o }) => {
+        if (t) {
+          b.value = [], h("remove:error", s.id);
+          return;
+        }
+        const y = String(a ?? "").replace(/<[^>]*>?/gm, "").trim(), q = [];
+        o && (o.minLength && y.length < o.minLength && y.length !== 0 && q.push(
+          E("textMinLength", { min: String(o.minLength) }, s.lang ?? "en")
+        ), o.maxLength && y.length > o.maxLength && q.push(
+          E("textMaxLength", { max: String(o.maxLength) }, s.lang ?? "en")
+        )), b.value = q, q.length ? h("push:error", q, s.id) : h("remove:error", s.id);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const K = M(() => {
+      if (u.value === "image") return s.apiUploadImage;
+      if (u.value === "video") return s.apiUploadVideo;
+    }), W = () => {
+      u.value = "image", w.value = "", p.value = !0;
+    }, Y = () => {
+      u.value = "video", w.value = "", p.value = !0;
+    }, J = (a) => {
+      j = l?.getSelection(), j || (j = { index: l?.getSelection(!0)?.index || 0, length: 0 });
+      const t = l?.getText(j.index, j.length) || "";
+      z.value = t, w.value = typeof a == "string" ? a : "", u.value = "link", p.value = !0;
+    }, X = (a) => {
+      if (l) {
+        if (p.value = !1, u.value === "link") {
+          if (!j) return;
+          const t = a.text || a.url;
+          l.setSelection(j.index, j.length, "silent"), j.length > 0 && l.deleteText(j.index, j.length, "user"), l.insertText(j.index, t, "link", a.url, "user"), l.setSelection(j.index + t.length, 0, "user");
+        } else if (u.value === "image") {
+          const t = l.getSelection(!0), o = a.alt?.replace(/"/g, "&quot;") || "", y = `<img src="${a.url}" alt="${o}" />`;
+          l.clipboard.dangerouslyPasteHTML(t.index, y, "user"), l.setSelection(t.index + 1, 0);
+        } else if (u.value === "video") {
+          const t = l.getSelection(!0);
+          l.insertEmbed(t.index, "video", a.url, "user"), l.setSelection(t.index + 1, 0);
+        }
+        j = null;
+      }
+    }, Z = (a) => {
+      T.value && T.value.setAttribute("alt", a), U.value = !1, T.value = null;
+    };
+    return te(async () => {
+      if (typeof window > "u") return;
+      const a = document.getElementById(`editor-container-${s.id}`);
+      if (!a) return;
+      const { default: t } = await import("quill");
+      try {
+        const { default: o } = await import("quill-resize-module");
+        t.register("modules/resize", o);
+      } catch (o) {
+        console.warn("Resize module error", o);
+      }
+      l = new t(a, {
+        theme: "snow",
+        readOnly: s.disabled ?? !1,
+        placeholder: d.value,
+        modules: {
+          toolbar: {
+            container: `#toolbar-container-${s.id}`,
+            handlers: { image: W, video: Y, link: J }
+          },
+          resize: {
+            locale: {},
+            embedTags: ["IMG", "VIDEO", "IFRAME"],
+            tools: [
+              "left",
+              "center",
+              "right",
+              "full",
+              {
+                text: "Alt",
+                attrs: { title: "Set image alt", class: "btn-alt" },
+                verify: (o) => o && o.tagName === "IMG",
+                handler: (o, y, q) => {
+                  T.value = q, $.value = q.getAttribute("alt") || "", U.value = !0;
+                }
+              }
+            ]
+          }
+        }
+      }), l.root.setAttribute("spellcheck", "true"), l.root.setAttribute("lang", s.lang === "id" ? "id" : "en"), s.modelValue && (l.root.innerHTML = N.sanitize(s.modelValue)), l.on("text-change", () => {
+        const o = l.root.innerHTML;
+        h("update:modelValue", N.sanitize(o), s.id);
+      });
+    }), V(
+      () => s.disabled,
+      (a) => l?.enable(!a)
+    ), se(() => {
+      document.body.style.overflow = "";
+    }), (a, t) => (i(), D(le, {
+      to: "body",
+      disabled: !m.value
+    }, [
+      e("div", {
+        class: A(["rich-text-editor-wrapper", { "editor-maximized": m.value }])
+      }, [
+        e("div", Ae, [
+          e("label", {
+            for: g.id,
+            class: A(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": b.value }])
+          }, [
+            F(I(g.label) + " ", 1),
+            n.value ? (i(), D(de(ie), {
+              key: 0,
+              text: n.value,
+              as: "strong"
+            }, {
+              default: C(() => [...t[2] || (t[2] = [
+                F(" ❓", -1)
+              ])]),
+              _: 1
+            }, 8, ["text"])) : f("", !0)
+          ], 10, Ce)
+        ]),
+        e("div", {
+          id: `toolbar-container-${g.id}`,
+          class: "quill-toolbar"
+        }, [
+          t[5] || (t[5] = e("span", { class: "ql-formats" }, [
+            e("select", { class: "ql-font" }),
+            e("select", { class: "ql-size" })
+          ], -1)),
+          t[6] || (t[6] = e("span", { class: "ql-formats" }, [
+            e("button", { class: "ql-bold" }),
+            e("button", { class: "ql-italic" }),
+            e("button", { class: "ql-underline" }),
+            e("button", { class: "ql-strike" })
+          ], -1)),
+          t[7] || (t[7] = e("span", { class: "ql-formats" }, [
+            e("select", { class: "ql-color" }),
+            e("select", { class: "ql-background" })
+          ], -1)),
+          t[8] || (t[8] = e("span", { class: "ql-formats" }, [
+            e("button", {
+              class: "ql-header",
+              value: "1"
+            }),
+            e("button", {
+              class: "ql-header",
+              value: "2"
+            }),
+            e("button", { class: "ql-blockquote" }),
+            e("button", { class: "ql-code-block" })
+          ], -1)),
+          t[9] || (t[9] = e("span", { class: "ql-formats" }, [
+            e("button", {
+              class: "ql-list",
+              value: "ordered"
+            }),
+            e("button", {
+              class: "ql-list",
+              value: "bullet"
+            }),
+            e("button", {
+              class: "ql-indent",
+              value: "-1"
+            }),
+            e("button", {
+              class: "ql-indent",
+              value: "+1"
+            })
+          ], -1)),
+          t[10] || (t[10] = e("span", { class: "ql-formats" }, [
+            e("button", {
+              class: "ql-direction",
+              value: "rtl"
+            }),
+            e("select", { class: "ql-align" })
+          ], -1)),
+          t[11] || (t[11] = e("span", { class: "ql-formats" }, [
+            e("button", { class: "ql-link" }),
+            e("button", { class: "ql-image" }),
+            F(),
+            e("button", { class: "ql-video" })
+          ], -1)),
+          e("span", Ee, [
+            e("button", {
+              onClick: L,
+              class: "maximize-button",
+              type: "button"
+            }, [
+              m.value ? (i(), c("svg", Re, [...t[4] || (t[4] = [
+                e("rect", {
+                  class: "ql-stroke",
+                  x: "5",
+                  y: "5",
+                  width: "8",
+                  height: "8"
+                }, null, -1),
+                e("polyline", {
+                  class: "ql-stroke",
+                  points: "15 3 10 8"
+                }, null, -1),
+                e("polyline", {
+                  class: "ql-stroke",
+                  points: "3 15 8 10"
+                }, null, -1)
+              ])])) : (i(), c("svg", _e, [...t[3] || (t[3] = [
+                e("rect", {
+                  class: "ql-stroke",
+                  x: "3",
+                  y: "3",
+                  width: "12",
+                  height: "12"
+                }, null, -1),
+                e("rect", {
+                  class: "ql-stroke",
+                  x: "10",
+                  y: "10",
+                  width: "1",
+                  height: "1"
+                }, null, -1),
+                e("rect", {
+                  class: "ql-stroke",
+                  x: "7",
+                  y: "10",
+                  width: "1",
+                  height: "1"
+                }, null, -1),
+                e("rect", {
+                  class: "ql-stroke",
+                  x: "10",
+                  y: "7",
+                  width: "1",
+                  height: "1"
+                }, null, -1),
+                e("rect", {
+                  class: "ql-stroke",
+                  x: "7",
+                  y: "7",
+                  width: "1",
+                  height: "1"
+                }, null, -1)
+              ])]))
+            ])
+          ])
+        ], 8, ze),
+        e("div", De, [
+          k.value ? (i(), c("div", Be, [
+            t[12] || (t[12] = e("div", { class: "spinner" }, null, -1)),
+            e("p", null, "Uploading " + I(v.value) + "...", 1)
+          ])) : f("", !0),
+          e("div", {
+            id: `editor-container-${g.id}`,
+            class: A(["quill-editor-container", { "has-error": g.error }])
+          }, null, 10, Pe)
+        ]),
+        b.value.length !== 0 ? (i(!0), c(ae, { key: 0 }, oe(b.value, (o, y) => (i(), c("p", {
+          key: y,
+          class: "error-message"
+        }, I(o), 1))), 128)) : f("", !0),
+        typeof s.error == "string" && b.value.length === 0 ? (i(), c("p", Fe, I(g.error), 1)) : f("", !0),
+        P(Me, {
+          show: p.value,
+          mode: u.value,
+          "upload-url": K.value,
+          "initial-value": w.value,
+          "initial-text": z.value,
+          onClose: t[0] || (t[0] = (o) => p.value = !1),
+          onSubmit: X
+        }, null, 8, ["show", "mode", "upload-url", "initial-value", "initial-text"]),
+        P(Ve, {
+          show: U.value,
+          "initial-value": $.value,
+          onClose: t[1] || (t[1] = (o) => U.value = !1),
+          onSubmit: Z
+        }, null, 8, ["show", "initial-value"])
+      ], 2)
+    ], 8, ["disabled"]));
+  }
+}), We = /* @__PURE__ */ H(Qe, [["__scopeId", "data-v-ca7c0d4f"]]);
+export {
+  We as default
+};

package/dist/TextInput-BlJmRFwH.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main$18;

package/dist/TextInput-DK78fqLR.js

@@ -0,0 +1,4 @@
+import { r } from "./resize-DgY2sl-h.js";
+export {
+  r as default
+};

package/dist/TimeInput-BrjXbwHE.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main$19;

package/dist/TimeInput-fS0dhh7j.js

@@ -0,0 +1,4 @@
+import { t } from "./resize-DgY2sl-h.js";
+export {
+  t as default
+};

package/dist/ToggleInput-CCNu8DT9.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main$20;

package/dist/ToggleInput-Dz5NPH5L.js

@@ -0,0 +1,4 @@
+import { v as f } from "./resize-DgY2sl-h.js";
+export {
+  f as default
+};

package/dist/UrlInput-BVJivcaK.js

@@ -0,0 +1,4 @@
+import { w as f } from "./resize-DgY2sl-h.js";
+export {
+  f as default
+};

package/dist/UrlInput-BbVaLK_E.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-B2mDlzAG.cjs");exports.default=e._sfc_main$21;

package/dist/init.cjs.js

@@ -1 +1 @@
-"use strict";const d=require("./quill.snow-BmRPvQLR.cjs");function a(e){e?.indexedDB&&d.configureIndexedDB({dbName:e.indexedDB.dbName,dbVersion:e.indexedDB.dbVersion,storeSingle:e.indexedDB.storeSingle,storeArray:e.indexedDB.storeArray}),e?.i18n&&(e.i18n.languages?.forEach(({lang:r,config:i})=>{d.registerLanguage(r,i)}),e.i18n.override?.errorRequired?.forEach(({lang:r,template:i})=>{d.registerErrorMessageRequired(r,i)}),e.i18n.override?.inputMessages?.forEach(({field:r,lang:i,template:n})=>{d.registerInputMessages(r,i,n)}))}module.exports=a;
+"use strict";const d=require("./resize-B2mDlzAG.cjs");function a(e){e?.indexedDB&&d.configureIndexedDB({dbName:e.indexedDB.dbName,dbVersion:e.indexedDB.dbVersion,storeSingle:e.indexedDB.storeSingle,storeArray:e.indexedDB.storeArray}),e?.i18n&&(e.i18n.languages?.forEach(({lang:r,config:i})=>{d.registerLanguage(r,i)}),e.i18n.override?.errorRequired?.forEach(({lang:r,template:i})=>{d.registerErrorMessageRequired(r,i)}),e.i18n.override?.inputMessages?.forEach(({field:r,lang:i,template:n})=>{d.registerInputMessages(r,i,n)}))}module.exports=a;

package/dist/init.es.js

@@ -1,4 +1,4 @@
-import { D as d, y as n, z as s, A as t } from "./quill.snow-mC12o3kU.js";
+import { G as d, A as n, B as s, C as t } from "./resize-DgY2sl-h.js";
 function u(e) {
   e?.indexedDB && d({
     dbName: e.indexedDB.dbName,