@robuust-digital/vue-components 2.2.1 → 2.3.1

package/dist/_shared/{RichTextEditor.vue_vue_type_script_setup_true_lang-CIVhqJtE.js → RichTextEditor.vue_vue_type_script_setup_true_lang-BLs_S_-D.js}

@@ -1,11 +1,11 @@
-import { createElementBlock as n, openBlock as o, createElementVNode as s, defineComponent as L, ref as h, useAttrs as $, computed as x, watch as B, Fragment as C, createVNode as v, renderSlot as A, withCtx as _, normalizeClass as M, createCommentVNode as y, unref as f, renderList as E, createBlock as S, resolveDynamicComponent as U } from "vue";
+import { createElementBlock as r, openBlock as o, createElementVNode as s, defineComponent as L, ref as p, useAttrs as $, computed as x, watch as B, Fragment as C, createVNode as v, renderSlot as A, withCtx as _, normalizeClass as M, createCommentVNode as y, unref as f, renderList as E, createBlock as S, resolveDynamicComponent as U } from "vue";
 import { useEditor as N, EditorContent as O } from "@tiptap/vue-3";
 import T from "@tiptap/starter-kit";
-import { _ as z } from "./Tooltip.vue_vue_type_script_setup_true_lang-CoydN9sS.js";
-import { _ as D } from "./FormInput.vue_vue_type_script_setup_true_lang-BhJpG-Fw.js";
-import { _ as I } from "./Modal.vue_vue_type_script_setup_true_lang-CoHkAJj3.js";
-function q(r, d) {
-  return o(), n("svg", {
+import { _ as z } from "./Tooltip.vue_vue_type_script_setup_true_lang-CKp1wzE2.js";
+import { _ as D } from "./FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js";
+import { _ as I } from "./Modal.vue_vue_type_script_setup_true_lang-2AljJgxw.js";
+function q(n, c) {
+  return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
@@ -19,8 +19,8 @@ function q(r, d) {
     })
   ]);
 }
-function F(r, d) {
-  return o(), n("svg", {
+function F(n, c) {
+  return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
@@ -34,8 +34,8 @@ function F(r, d) {
     })
   ]);
 }
-function K(r, d) {
-  return o(), n("svg", {
+function K(n, c) {
+  return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
@@ -54,8 +54,8 @@ function K(r, d) {
     })
   ]);
 }
-function P(r, d) {
-  return o(), n("svg", {
+function P(n, c) {
+  return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
@@ -65,8 +65,8 @@ function P(r, d) {
     s("path", { d: "M3 4.75a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM6.25 3a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7ZM6.25 7.25a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7ZM6.25 11.5a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7ZM4 12.25a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM3 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" })
   ]);
 }
-function R(r, d) {
-  return o(), n("svg", {
+function R(n, c) {
+  return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
@@ -89,139 +89,108 @@ const j = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "tiptap:onCreate"],
-  setup(r, { emit: d }) {
-    const i = r, b = d, w = h(!1), u = h(!1), c = h(""), m = $(), k = m.class ? `${m.class} ` : "", V = T.configure({
+  setup(n, { emit: c }) {
+    const a = n, b = c, w = p(!1), u = p(!1), d = p(""), m = $(), k = m.class ? `${m.class} ` : "", V = T.configure({
       link: {
         openOnClick: !1
       }
-    }), t = N({
-      extensions: [V, ...i.customExtensions],
-      content: i.modelValue,
+    }), e = N({
+      extensions: [V, ...a.customExtensions],
+      content: a.modelValue,
       editorProps: {
         attributes: {
           ...m,
-          id: i.id,
+          id: a.id,
           class: `${k}rvc-textarea rvc-rich-text-textarea`
         }
       },
-      onCreate: ({ editor: a }) => {
-        b("tiptap:onCreate", a);
+      onCreate: ({ editor: l }) => {
+        b("tiptap:onCreate", l);
       },
-      onUpdate: ({ editor: a }) => {
-        const e = a.isEmpty ? "" : a.getHTML();
-        b("update:modelValue", e);
+      onUpdate: ({ editor: l }) => {
+        const i = l.isEmpty ? "" : l.getHTML();
+        b("update:modelValue", i);
       },
-      onSelectionUpdate({ editor: a }) {
-        w.value = !a.view.state.selection.empty;
+      onSelectionUpdate({ editor: l }) {
+        w.value = !l.view.state.selection.empty;
       }
-    }), Z = x(() => {
-      var a;
-      return [
-        {
-          name: "bold",
-          icon: q,
-          title: "Bold",
-          isVisible: !0,
-          isActive: () => {
-            var e;
-            return ((e = t.value) == null ? void 0 : e.isActive("bold")) ?? !1;
-          },
-          action: () => {
-            var e;
-            return (e = t.value) == null ? void 0 : e.commands.toggleBold();
-          }
-        },
-        {
-          name: "italic",
-          icon: F,
-          title: "Italic",
-          isVisible: !0,
-          isActive: () => {
-            var e;
-            return ((e = t.value) == null ? void 0 : e.isActive("italic")) ?? !1;
-          },
-          action: () => {
-            var e;
-            return (e = t.value) == null ? void 0 : e.commands.toggleItalic();
-          }
-        },
-        {
-          name: "bulletList",
-          icon: P,
-          title: "Bullet List",
-          isVisible: i.config === "default",
-          isActive: () => {
-            var e;
-            return ((e = t.value) == null ? void 0 : e.isActive("bulletList")) ?? !1;
-          },
-          action: () => {
-            var e;
-            return (e = t.value) == null ? void 0 : e.commands.toggleBulletList();
-          }
-        },
-        {
-          name: "orderedList",
-          icon: R,
-          title: "Ordered List",
-          isVisible: i.config === "default",
-          isActive: () => {
-            var e;
-            return ((e = t.value) == null ? void 0 : e.isActive("orderedList")) ?? !1;
-          },
-          action: () => {
-            var e;
-            return (e = t.value) == null ? void 0 : e.commands.toggleOrderedList();
-          }
-        },
-        {
-          name: "link",
-          icon: K,
-          title: "Hyperlink",
-          isVisible: i.config === "default",
-          disabled: !w.value && !(((a = t.value) == null ? void 0 : a.isActive("link")) ?? !1),
-          isActive: () => {
-            var e;
-            return ((e = t.value) == null ? void 0 : e.isActive("link")) ?? !1;
-          },
-          action: () => {
-            var e;
-            c.value = ((e = t.value) == null ? void 0 : e.getAttributes("link").href) || "", u.value = !0;
-          }
+    }), Z = x(() => [
+      {
+        name: "bold",
+        icon: q,
+        title: "Bold",
+        isVisible: !0,
+        isActive: () => e.value?.isActive("bold") ?? !1,
+        action: () => e.value?.commands.toggleBold()
+      },
+      {
+        name: "italic",
+        icon: F,
+        title: "Italic",
+        isVisible: !0,
+        isActive: () => e.value?.isActive("italic") ?? !1,
+        action: () => e.value?.commands.toggleItalic()
+      },
+      {
+        name: "bulletList",
+        icon: P,
+        title: "Bullet List",
+        isVisible: a.config === "default",
+        isActive: () => e.value?.isActive("bulletList") ?? !1,
+        action: () => e.value?.commands.toggleBulletList()
+      },
+      {
+        name: "orderedList",
+        icon: R,
+        title: "Ordered List",
+        isVisible: a.config === "default",
+        isActive: () => e.value?.isActive("orderedList") ?? !1,
+        action: () => e.value?.commands.toggleOrderedList()
+      },
+      {
+        name: "link",
+        icon: K,
+        title: "Hyperlink",
+        isVisible: a.config === "default",
+        disabled: !w.value && !(e.value?.isActive("link") ?? !1),
+        isActive: () => e.value?.isActive("link") ?? !1,
+        action: () => {
+          d.value = e.value?.getAttributes("link").href || "", u.value = !0;
         }
-      ];
-    }), g = x(() => {
-      const a = Z.value.filter((l) => i.config === "default" || ["bold", "italic"].includes(l.name)), e = i.customCommands.map((l) => {
-        let p = !1;
-        return typeof l.disabled == "function" ? p = t.value ? l.disabled(t.value) : !1 : p = l.disabled ?? !1, {
-          ...l,
-          isVisible: l.isVisible ?? !0,
-          disabled: p,
-          isActive: () => l.isActive && t.value ? l.isActive(t.value) : !1,
-          action: () => t.value && l.action(t.value)
+      }
+    ]), g = x(() => {
+      const l = Z.value.filter((t) => a.config === "default" || ["bold", "italic"].includes(t.name)), i = a.customCommands.map((t) => {
+        let h = !1;
+        return typeof t.disabled == "function" ? h = e.value ? t.disabled(e.value) : !1 : h = t.disabled ?? !1, {
+          ...t,
+          isVisible: t.isVisible ?? !0,
+          disabled: h,
+          isActive: () => t.isActive && e.value ? t.isActive(e.value) : !1,
+          action: () => e.value && t.action(e.value)
         };
       });
-      return [...a, ...e];
+      return [...l, ...i];
     });
-    B(() => i.modelValue, (a) => {
-      if (!t.value) return;
-      t.value.getHTML() === a || t.value.commands.setContent(a, { emitUpdate: !1 });
+    B(() => a.modelValue, (l) => {
+      if (!e.value) return;
+      e.value.getHTML() === l || e.value.commands.setContent(l, { emitUpdate: !1 });
     });
     const H = () => {
-      t.value && (t.value.commands.setLink({ href: c.value }), u.value = !1, c.value = "");
+      e.value && (e.value.commands.setLink({ href: d.value }), u.value = !1, d.value = "");
     };
-    return (a, e) => (o(), n(C, null, [
+    return (l, i) => (o(), r(C, null, [
       v(I, {
-        id: `${i.id}-modal-add-hyperlink`,
+        id: `${a.id}-modal-add-hyperlink`,
         title: "Add Hyperlink",
         as: "form",
         show: u.value,
-        "onModal:close": e[1] || (e[1] = (l) => u.value = !1),
+        "onModal:close": i[1] || (i[1] = (t) => u.value = !1),
         "onModal:save": H
       }, {
         default: _(() => [
           v(D, {
-            modelValue: c.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (l) => c.value = l),
+            modelValue: d.value,
+            "onUpdate:modelValue": i[0] || (i[0] = (t) => d.value = t),
             placeholder: "https://www.example.com",
             type: "url",
             required: ""
@@ -229,34 +198,34 @@ const j = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
         ]),
         _: 1
       }, 8, ["id", "show"]),
-      A(a.$slots, "default"),
+      A(l.$slots, "default"),
       s("div", {
-        class: M(["rvc-rich-text", a.rootClass, { "rvc-rich-text-disabled": a.disabled }])
+        class: M(["rvc-rich-text", n.rootClass, { "rvc-rich-text-disabled": n.disabled }])
       }, [
-        f(t) ? A(a.$slots, "toolbar", {
+        f(e) ? A(l.$slots, "toolbar", {
           key: 0,
           commands: g.value,
-          tiptap: f(t)
+          tiptap: f(e)
         }, () => [
           s("ul", j, [
-            (o(!0), n(C, null, E(g.value.filter((l) => l.isVisible), (l) => (o(), n("li", {
-              key: `toolbar-item-command-${l.name}`
+            (o(!0), r(C, null, E(g.value.filter((t) => t.isVisible), (t) => (o(), r("li", {
+              key: `toolbar-item-command-${t.name}`
             }, [
               v(z, {
-                content: l.title,
+                content: t.title,
                 placement: "bottom",
                 size: "sm",
                 class: "rvc-rich-text-tooltip"
               }, {
                 default: _(() => [
                   s("button", {
-                    disabled: l.disabled,
+                    disabled: t.disabled,
                     type: "button",
-                    "aria-label": l.title,
-                    class: M([{ "rvc-rich-text-button-active": l.isActive() }, "rvc-rich-text-button"]),
-                    onClick: l.action
+                    "aria-label": t.title,
+                    class: M([{ "rvc-rich-text-button-active": t.isActive() }, "rvc-rich-text-button"]),
+                    onClick: t.action
                   }, [
-                    (o(), S(U(l.icon)))
+                    (o(), S(U(t.icon)))
                   ], 10, G)
                 ]),
                 _: 2
@@ -264,7 +233,7 @@ const j = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
             ]))), 128))
           ])
         ]) : y("", !0),
-        v(f(O), { editor: f(t) }, null, 8, ["editor"])
+        v(f(O), { editor: f(e) }, null, 8, ["editor"])
       ], 2)
     ], 64));
   }