vlite3 1.1.8 → 1.1.9

package/components/RichTextEditor/RichTextToolbar.vue.js

@@ -0,0 +1,330 @@
+import { defineComponent as v, openBlock as b, createElementBlock as m, withModifiers as a, createElementVNode as i, createVNode as o, setBlockTracking as s, normalizeClass as r, createBlock as u } from "vue";
+import l from "../Icon.vue.js";
+const y = ["aria-label", "aria-disabled"], g = ["disabled"], k = ["disabled"], B = ["aria-pressed", "disabled"], f = ["aria-pressed", "disabled"], h = ["aria-pressed", "disabled"], w = ["aria-pressed", "disabled"], M = ["aria-pressed", "disabled"], $ = ["aria-pressed", "disabled"], I = ["aria-pressed", "disabled"], S = ["disabled"], C = ["aria-pressed", "disabled"], L = ["aria-pressed", "disabled"], U = ["aria-pressed", "disabled"], x = ["disabled"], R = ["disabled"], j = ["aria-pressed", "disabled"], H = ["aria-pressed", "disabled"], q = ["aria-pressed", "disabled"], A = ["disabled"], T = ["disabled"], E = /* @__PURE__ */ v({
+  __name: "RichTextToolbar",
+  props: {
+    toolbarState: {},
+    activeBlock: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    isUploadingImage: { type: Boolean },
+    label: {}
+  },
+  emits: ["command", "setBlock", "insertCode", "triggerImageUpload", "openLinkPopover", "clearFormat"],
+  setup(e, { emit: c }) {
+    const n = c;
+    return (P, t) => (b(), m("div", {
+      class: "rte-toolbar",
+      role: "toolbar",
+      "aria-label": e.label ? `${e.label} formatting toolbar` : "Rich text editor toolbar",
+      "aria-disabled": e.disabled || e.readonly || void 0,
+      onMousedown: t[25] || (t[25] = a(() => {
+      }, ["prevent"]))
+    }, [
+      i("button", {
+        type: "button",
+        class: "rte-btn",
+        title: "Undo (Ctrl+Z)",
+        "aria-label": "Undo",
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[0] || (t[0] = a((d) => n("command", "undo"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:undo-2",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 40, g),
+      i("button", {
+        type: "button",
+        class: "rte-btn",
+        title: "Redo (Ctrl+Y)",
+        "aria-label": "Redo",
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[1] || (t[1] = a((d) => n("command", "redo"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:redo-2",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 40, k),
+      t[2] || (s(-1, !0), (t[2] = i("div", {
+        class: "rte-sep",
+        "aria-hidden": "true"
+      })).cacheIndex = 2, s(1), t[2]),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn rte-btn--text", { "rte-btn--active": e.activeBlock === "h1" }]),
+        title: "Heading 1",
+        "aria-label": "Heading 1",
+        "aria-pressed": e.activeBlock === "h1",
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[3] || (t[3] = a((d) => n("setBlock", "h1"), ["prevent"]))
+      }, "H1", 42, B),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn rte-btn--text", { "rte-btn--active": e.activeBlock === "h2" }]),
+        title: "Heading 2",
+        "aria-label": "Heading 2",
+        "aria-pressed": e.activeBlock === "h2",
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[4] || (t[4] = a((d) => n("setBlock", "h2"), ["prevent"]))
+      }, "H2", 42, f),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn rte-btn--text", { "rte-btn--active": e.activeBlock === "p" || e.activeBlock === "div" }]),
+        title: "Paragraph",
+        "aria-label": "Paragraph",
+        "aria-pressed": e.activeBlock === "p" || e.activeBlock === "div",
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[5] || (t[5] = a((d) => n("setBlock", "p"), ["prevent"]))
+      }, "P", 42, h),
+      t[6] || (s(-1, !0), (t[6] = i("div", {
+        class: "rte-sep",
+        "aria-hidden": "true"
+      })).cacheIndex = 6, s(1), t[6]),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn", { "rte-btn--active": e.toolbarState.bold }]),
+        title: "Bold (Ctrl+B)",
+        "aria-label": "Bold",
+        "aria-pressed": e.toolbarState.bold,
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[7] || (t[7] = a((d) => n("command", "bold"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:bold",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 42, w),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn", { "rte-btn--active": e.toolbarState.italic }]),
+        title: "Italic (Ctrl+I)",
+        "aria-label": "Italic",
+        "aria-pressed": e.toolbarState.italic,
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[8] || (t[8] = a((d) => n("command", "italic"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:italic",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 42, M),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn", { "rte-btn--active": e.toolbarState.underline }]),
+        title: "Underline (Ctrl+U)",
+        "aria-label": "Underline",
+        "aria-pressed": e.toolbarState.underline,
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[9] || (t[9] = a((d) => n("command", "underline"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:underline",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 42, $),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn", { "rte-btn--active": e.toolbarState.strikeThrough }]),
+        title: "Strikethrough",
+        "aria-label": "Strikethrough",
+        "aria-pressed": e.toolbarState.strikeThrough,
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[10] || (t[10] = a((d) => n("command", "strikeThrough"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:strikethrough",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 42, I),
+      i("button", {
+        type: "button",
+        class: "rte-btn",
+        title: "Inline Code",
+        "aria-label": "Inline Code",
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[11] || (t[11] = a((d) => n("insertCode"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:code",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 40, S),
+      t[12] || (s(-1, !0), (t[12] = i("div", {
+        class: "rte-sep",
+        "aria-hidden": "true"
+      })).cacheIndex = 12, s(1), t[12]),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn", { "rte-btn--active": e.toolbarState.insertUnorderedList }]),
+        title: "Bullet List",
+        "aria-label": "Bullet list",
+        "aria-pressed": e.toolbarState.insertUnorderedList,
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[13] || (t[13] = a((d) => n("command", "insertUnorderedList"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:list",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 42, C),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn", { "rte-btn--active": e.toolbarState.insertOrderedList }]),
+        title: "Numbered List",
+        "aria-label": "Numbered list",
+        "aria-pressed": e.toolbarState.insertOrderedList,
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[14] || (t[14] = a((d) => n("command", "insertOrderedList"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:list-ordered",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 42, L),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn", { "rte-btn--active": e.activeBlock === "blockquote" }]),
+        title: "Blockquote",
+        "aria-label": "Blockquote",
+        "aria-pressed": e.activeBlock === "blockquote",
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[15] || (t[15] = a((d) => n("setBlock", "blockquote"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:quote",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 42, U),
+      i("button", {
+        type: "button",
+        class: "rte-btn",
+        title: "Horizontal Rule",
+        "aria-label": "Insert horizontal rule",
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[16] || (t[16] = a((d) => n("command", "insertHorizontalRule"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:minus",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 40, x),
+      i("button", {
+        type: "button",
+        class: "rte-btn",
+        title: "Insert Image",
+        "aria-label": "Insert image",
+        disabled: e.disabled || e.readonly || e.isUploadingImage,
+        onMousedown: t[17] || (t[17] = a((d) => n("triggerImageUpload"), ["prevent"]))
+      }, [
+        e.isUploadingImage ? (b(), u(l, {
+          key: 0,
+          icon: "lucide:loader-2",
+          class: "rte-icon animate-spin",
+          "aria-hidden": "true"
+        })) : (b(), u(l, {
+          key: 1,
+          icon: "lucide:image",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        }))
+      ], 40, R),
+      t[18] || (s(-1, !0), (t[18] = i("div", {
+        class: "rte-sep",
+        "aria-hidden": "true"
+      })).cacheIndex = 18, s(1), t[18]),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn", { "rte-btn--active": e.toolbarState.justifyLeft }]),
+        title: "Align Left",
+        "aria-label": "Align left",
+        "aria-pressed": e.toolbarState.justifyLeft,
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[19] || (t[19] = a((d) => n("command", "justifyLeft"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:align-left",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 42, j),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn", { "rte-btn--active": e.toolbarState.justifyCenter }]),
+        title: "Align Center",
+        "aria-label": "Align center",
+        "aria-pressed": e.toolbarState.justifyCenter,
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[20] || (t[20] = a((d) => n("command", "justifyCenter"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:align-center",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 42, H),
+      i("button", {
+        type: "button",
+        class: r(["rte-btn", { "rte-btn--active": e.toolbarState.justifyRight }]),
+        title: "Align Right",
+        "aria-label": "Align right",
+        "aria-pressed": e.toolbarState.justifyRight,
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[21] || (t[21] = a((d) => n("command", "justifyRight"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:align-right",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 42, q),
+      t[22] || (s(-1, !0), (t[22] = i("div", {
+        class: "rte-sep",
+        "aria-hidden": "true"
+      })).cacheIndex = 22, s(1), t[22]),
+      i("button", {
+        type: "button",
+        class: "rte-btn",
+        title: "Insert / Edit Link (Ctrl+K)",
+        "aria-label": "Insert or edit link",
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[23] || (t[23] = a((d) => n("openLinkPopover"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:link",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 40, A),
+      i("button", {
+        type: "button",
+        class: "rte-btn",
+        title: "Clear Formatting",
+        "aria-label": "Clear formatting",
+        disabled: e.disabled || e.readonly,
+        onMousedown: t[24] || (t[24] = a((d) => n("clearFormat"), ["prevent"]))
+      }, [
+        o(l, {
+          icon: "lucide:remove-formatting",
+          class: "rte-icon",
+          "aria-hidden": "true"
+        })
+      ], 40, T)
+    ], 40, y));
+  }
+});
+export {
+  E as default
+};

package/components/RichTextEditor/RichTextToolbar.vue3.js

@@ -0,0 +1,5 @@
+import o from "./RichTextToolbar.vue.js";
+/* empty css                     */
+export {
+  o as default
+};

package/components/RichTextEditor/composables/useRichTextImageUpload.js

@@ -0,0 +1,77 @@
+import { ref as g, computed as I } from "vue";
+import { useFileUpload as U } from "../../Form/composables/useFileUpload.js";
+function w(a, r) {
+  const c = g(0), m = I(() => c.value > 0), s = g(null), { handleUploadFile: f } = U();
+  function p(n) {
+    n || (r.saveSelection(), s.value?.click());
+  }
+  async function l(n) {
+    if (!n) return;
+    const e = URL.createObjectURL(n);
+    r.restoreSelection(), a.value?.focus(), document.execCommand("insertImage", !1, e);
+    const i = a.value?.querySelector(`img[src="${e}"]`);
+    i && i.classList.add("rte-image-uploading"), r.onInput(), c.value++;
+    try {
+      const o = await f(n);
+      if (o) {
+        const t = a.value?.querySelector(`img[src="${e}"]`);
+        t && (t.src = o, t.classList.remove("rte-image-uploading"), t.loading = "lazy");
+      } else {
+        const t = a.value?.querySelector(`img[src="${e}"]`);
+        t && t.remove();
+      }
+    } catch (o) {
+      console.error("[RichTextEditor] Image upload error:", o);
+      const t = a.value?.querySelector(`img[src="${e}"]`);
+      t && t.remove();
+    } finally {
+      c.value--, URL.revokeObjectURL(e), r.onInput();
+    }
+  }
+  async function d(n) {
+    const e = n.target, i = e.files?.[0];
+    i && await l(i), e.value = "";
+  }
+  async function v(n) {
+    const e = n.clipboardData?.items;
+    if (e)
+      for (let i = 0; i < e.length; i++) {
+        const o = e[i];
+        if (o.type.startsWith("image/")) {
+          n.preventDefault();
+          const t = o.getAsFile();
+          t && (r.saveSelection(), await l(t));
+          return;
+        }
+      }
+  }
+  async function y(n) {
+    const e = n.dataTransfer?.files;
+    if (!(!e || e.length === 0))
+      for (let i = 0; i < e.length; i++) {
+        const o = e[i];
+        if (o.type.startsWith("image/")) {
+          if (n.preventDefault(), document.caretRangeFromPoint) {
+            const t = document.caretRangeFromPoint(n.clientX, n.clientY);
+            if (t) {
+              const u = window.getSelection();
+              u?.removeAllRanges(), u?.addRange(t);
+            }
+          }
+          r.saveSelection(), await l(o);
+          return;
+        }
+      }
+  }
+  return {
+    imageInputRef: s,
+    isUploadingImage: m,
+    triggerImageUpload: p,
+    onImageFileChange: d,
+    onPaste: v,
+    onDrop: y
+  };
+}
+export {
+  w as useRichTextImageUpload
+};

package/components/RichTextEditor/composables/useRichTextLinks.js

@@ -0,0 +1,120 @@
+import { shallowRef as A, nextTick as N } from "vue";
+function T(l) {
+  const o = A({
+    visible: !1,
+    x: 0,
+    y: 0,
+    url: "",
+    isEditing: !1
+  });
+  let a = null, d = !1;
+  function u(t) {
+    const e = window.getSelection();
+    if (!e || e.rangeCount === 0) return null;
+    const n = e.anchorNode, i = (n instanceof Element ? n : n?.parentElement)?.closest("a");
+    return i && l.editorRef.value?.contains(i) ? i : null;
+  }
+  function m() {
+    if (d || !l.editorRef.value?.contains(document.activeElement)) return;
+    const t = u();
+    if (t) {
+      const e = t.href || t.getAttribute("href") || "", n = t.getBoundingClientRect();
+      h(e, !0, n);
+    } else o.value.visible && o.value.isEditing && c();
+  }
+  function w(t) {
+    const e = l.rootRef.value, n = l.linkPopoverElRef.value?.$el ?? l.linkPopoverElRef.value;
+    if (!e || !n) return;
+    const r = e.getBoundingClientRect(), i = n.getBoundingClientRect(), p = 8, f = r.width - i.width - 8;
+    let g = t.left - r.left + t.width / 2 - i.width / 2;
+    g = Math.max(p, Math.min(g, f));
+    const R = 8;
+    let v = t.bottom - r.top + R;
+    r.top + v + i.height > window.innerHeight && (v = t.top - r.top - i.height - R), o.value = { ...o.value, x: g, y: v };
+  }
+  function h(t, e, n) {
+    o.value = {
+      visible: !0,
+      x: o.value.x,
+      y: o.value.y,
+      url: t,
+      isEditing: e
+    }, N(() => w(n));
+  }
+  function b() {
+    if (o.value.visible) return;
+    const t = u(), e = window.getSelection();
+    if ((!e || e.rangeCount === 0 || e.isCollapsed) && !t)
+      return;
+    a = e ? e.getRangeAt(0).cloneRange() : null;
+    let n;
+    t ? n = t.getBoundingClientRect() : n = a.getBoundingClientRect();
+    const r = t && (t.href || t.getAttribute("href")) || "";
+    h(r, !!t, n);
+  }
+  function C(t) {
+    let e = (t ?? o.value.url).trim();
+    if (!e) {
+      k();
+      return;
+    }
+    !/^https?:\/\//i.test(e) && !/^(mailto:|tel:|#|\/)/i.test(e) && (e = `https://${e}`);
+    const n = u();
+    if (n)
+      n.href = e, !e.startsWith("#") && !e.startsWith("/") && (n.target = "_blank", n.rel = "noopener noreferrer"), l.callbacks.onInput();
+    else if (a) {
+      const i = window.getSelection();
+      i?.removeAllRanges(), i?.addRange(a), l.editorRef.value?.focus(), document.execCommand("createLink", !1, e);
+      const p = document.createTreeWalker(
+        l.editorRef.value,
+        NodeFilter.SHOW_ELEMENT,
+        { acceptNode: (s) => s.tagName === "A" ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP }
+      );
+      let f;
+      for (; f = p.nextNode(); ) {
+        const s = f;
+        (s.href === e || s.getAttribute("href") === e) && (s.target = "_blank", s.rel = "noopener noreferrer");
+      }
+      l.callbacks.onInput();
+    }
+    window.getSelection()?.collapseToEnd(), d = !0, c(), setTimeout(() => {
+      d = !1;
+    }, 200);
+  }
+  function k() {
+    const t = u();
+    if (t) {
+      const e = document.createRange();
+      e.selectNodeContents(t);
+      const n = window.getSelection();
+      n?.removeAllRanges(), n?.addRange(e);
+    } else
+      l.callbacks.restoreSelection();
+    l.editorRef.value?.focus(), document.execCommand("unlink", !1, void 0), l.callbacks.onInput(), c();
+  }
+  function E(t) {
+    const e = (t ?? o.value.url).trim();
+    if (!e) return;
+    const n = e.includes("://") ? e : `https://${e}`;
+    window.open(n, "_blank", "noopener,noreferrer");
+  }
+  function c() {
+    o.value.visible && (o.value = { ...o.value, visible: !1 }, a = null);
+  }
+  function L(t) {
+    o.value.url = t;
+  }
+  return {
+    linkPopover: o,
+    checkLinkAtCursor: m,
+    openLinkPopover: b,
+    applyLink: C,
+    unlinkCurrent: k,
+    openLinkInTab: E,
+    closeLinkPopover: c,
+    updateUrl: L
+  };
+}
+export {
+  T as useRichTextLinks
+};

package/core/config.d.ts

@@ -100,7 +100,7 @@ export declare const configState: {
             };
         };
         footer?: {
-            variant?: import('../components/Footer').FooterVariant;
+            variant?: import('..').FooterVariant;
             labels?: {
                 followUs?: string;
                 subscribe?: string;
@@ -210,7 +210,7 @@ export declare function useVLiteConfig(): {
             };
         };
         footer?: {
-            variant?: import('../components/Footer').FooterVariant;
+            variant?: import('..').FooterVariant;
             labels?: {
                 followUs?: string;
                 subscribe?: string;

package/index.d.ts

@@ -17,6 +17,7 @@ export * from './components/Carousel';
 export * from './components/Dropdown';
 export * from './components/Breadcrumb';
 export * from './components/FileTree';
+export * from './components/RichTextEditor';
 export * from './components/OTPInput';
 export * from './components/Workbook';
 export * from './components/DataList';
@@ -27,6 +28,7 @@ export * from './components/Accordion';
 export * from './components/ChoiceBox';
 export * from './components/DataTable';
 export * from './components/Splitter';
+export * from './components/Footer';
 export * from './composables/useTheme';
 export * from './components/FilePicker';
 export * from './components/Pagination';
@@ -52,6 +54,7 @@ export * from './components/ThumbnailSelector';
 export * from './components/TagInput';
 export * from './components/Calendar';
 export * from './components/Skeleton';
+export * from './components/Chart';
 export { default as Icon } from './components/Icon.vue';
 export { default as Logo } from './components/Logo.vue';
 export { default as Alert } from './components/Alert.vue';