@robuust-digital/vue-components 2.7.1 → 3.0.0

package/dist/_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-t8nRuJ6k.js

@@ -1,247 +0,0 @@
-import { openBlock as s, createElementBlock as r, createElementVNode as o, defineComponent as $, ref as p, useAttrs as B, computed as w, watch as y, Fragment as x, createVNode as v, withCtx as C, renderSlot as A, normalizeClass as _, unref as f, renderList as E, createBlock as S, resolveDynamicComponent as O, createCommentVNode as U } from "vue";
-import { useEditor as N, EditorContent as T } from "@tiptap/vue-3";
-import j from "@tiptap/starter-kit";
-import { _ as z } from "./Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js";
-import { _ as D } from "./FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
-import { _ as I } from "./Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js";
-function q(n, c) {
-  return s(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "fill-rule": "evenodd",
-      d: "M3 3a1 1 0 0 1 1-1h5a3.5 3.5 0 0 1 2.843 5.541A3.75 3.75 0 0 1 9.25 14H4a1 1 0 0 1-1-1V3Zm2.5 3.5v-2H9a1 1 0 0 1 0 2H5.5Zm0 2.5v2.5h3.75a1.25 1.25 0 1 0 0-2.5H5.5Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-function F(n, c) {
-  return s(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "fill-rule": "evenodd",
-      d: "M6.25 2.75A.75.75 0 0 1 7 2h6a.75.75 0 0 1 0 1.5h-2.483l-3.429 9H9A.75.75 0 0 1 9 14H3a.75.75 0 0 1 0-1.5h2.483l3.429-9H7a.75.75 0 0 1-.75-.75Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-function K(n, c) {
-  return s(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", {
-      "fill-rule": "evenodd",
-      d: "M8.914 6.025a.75.75 0 0 1 1.06 0 3.5 3.5 0 0 1 0 4.95l-2 2a3.5 3.5 0 0 1-5.396-4.402.75.75 0 0 1 1.251.827 2 2 0 0 0 3.085 2.514l2-2a2 2 0 0 0 0-2.828.75.75 0 0 1 0-1.06Z",
-      "clip-rule": "evenodd"
-    }),
-    o("path", {
-      "fill-rule": "evenodd",
-      d: "M7.086 9.975a.75.75 0 0 1-1.06 0 3.5 3.5 0 0 1 0-4.95l2-2a3.5 3.5 0 0 1 5.396 4.402.75.75 0 0 1-1.251-.827 2 2 0 0 0-3.085-2.514l-2 2a2 2 0 0 0 0 2.828.75.75 0 0 1 0 1.06Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-function P(n, c) {
-  return s(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("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(n, c) {
-  return s(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    o("path", { d: "M2.995 1a.625.625 0 1 0 0 1.25h.38v2.125a.625.625 0 1 0 1.25 0v-2.75A.625.625 0 0 0 4 1H2.995ZM3.208 7.385a2.37 2.37 0 0 1 1.027-.124L2.573 8.923a.625.625 0 0 0 .439 1.067l1.987.011a.625.625 0 0 0 .006-1.25l-.49-.003.777-.776c.215-.215.335-.506.335-.809 0-.465-.297-.957-.842-1.078a3.636 3.636 0 0 0-1.993.121.625.625 0 1 0 .416 1.179ZM2.625 11a.625.625 0 1 0 0 1.25H4.25a.125.125 0 0 1 0 .25H3.5a.625.625 0 1 0 0 1.25h.75a.125.125 0 0 1 0 .25H2.625a.625.625 0 1 0 0 1.25H4.25a1.375 1.375 0 0 0 1.153-2.125A1.375 1.375 0 0 0 4.25 11H2.625ZM7.25 2a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5h-6ZM7.25 7.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5h-6ZM6.5 13.25a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75Z" })
-  ]);
-}
-const G = { class: "rvc-rich-text-toolbar" }, J = ["disabled", "aria-label", "onClick"], le = /* @__PURE__ */ $({
-  inheritAttrs: !1,
-  __name: "RichTextEditor",
-  props: {
-    id: {},
-    modelValue: { default: "" },
-    rootClass: { default: void 0 },
-    config: { default: "default" },
-    customExtensions: { default: () => [] },
-    customCommands: { default: () => [] },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "tiptap:onCreate"],
-  setup(n, { emit: c }) {
-    const a = n, h = c, b = p(!1), u = p(!1), d = p(""), m = B(), M = m.class ? `${m.class} ` : "", k = Object.fromEntries(
-      Object.entries(m).filter(
-        (l) => l[0] !== "class" && typeof l[1] == "string"
-      )
-    ), V = j.configure({
-      link: {
-        openOnClick: !1
-      }
-    }), e = N({
-      extensions: [V, ...a.customExtensions],
-      content: a.modelValue,
-      editorProps: {
-        attributes: {
-          ...k,
-          id: a.id,
-          class: `${M}rvc-textarea rvc-rich-text-textarea`
-        }
-      },
-      onCreate: ({ editor: l }) => {
-        h("tiptap:onCreate", l);
-      },
-      onUpdate: ({ editor: l }) => {
-        const i = l.isEmpty ? "" : l.getHTML();
-        h("update:modelValue", i);
-      },
-      onSelectionUpdate({ editor: l }) {
-        b.value = !l.view.state.selection.empty;
-      }
-    }), Z = w(() => [
-      {
-        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: !b.value && !(e.value?.isActive("link") ?? !1),
-        isActive: () => e.value?.isActive("link") ?? !1,
-        action: () => {
-          d.value = e.value?.getAttributes("link").href || "", u.value = !0;
-        }
-      }
-    ]), g = w(() => {
-      const l = Z.value.filter((t) => a.config === "default" || ["bold", "italic"].includes(t.name)), i = a.customCommands.map((t) => {
-        const L = typeof t.disabled == "function" ? e.value ? t.disabled(e.value) : !1 : t.disabled ?? !1;
-        return {
-          ...t,
-          isVisible: t.isVisible ?? !0,
-          disabled: L,
-          isActive: () => t.isActive && e.value ? t.isActive(e.value) : !1,
-          action: () => e.value && t.action(e.value)
-        };
-      });
-      return [...l, ...i];
-    });
-    y(() => a.modelValue, (l) => {
-      if (!e.value) return;
-      e.value.getHTML() === l || e.value.commands.setContent(l, { emitUpdate: !1 });
-    });
-    const H = () => {
-      e.value && (e.value.commands.setLink({ href: d.value }), u.value = !1, d.value = "");
-    };
-    return (l, i) => (s(), r(x, null, [
-      v(I, {
-        id: `${a.id}-modal-add-hyperlink`,
-        title: "Add Hyperlink",
-        as: "form",
-        show: u.value,
-        "onModal:close": i[1] || (i[1] = (t) => u.value = !1),
-        "onModal:save": H
-      }, {
-        default: C(() => [
-          v(D, {
-            modelValue: d.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (t) => d.value = t),
-            placeholder: "https://www.example.com",
-            type: "url",
-            required: ""
-          }, null, 8, ["modelValue"])
-        ]),
-        _: 1
-      }, 8, ["id", "show"]),
-      A(l.$slots, "default"),
-      o("div", {
-        class: _(["rvc-rich-text", n.rootClass, { "rvc-rich-text-disabled": n.disabled }])
-      }, [
-        f(e) ? A(l.$slots, "toolbar", {
-          key: 0,
-          commands: g.value,
-          tiptap: f(e)
-        }, () => [
-          o("ul", G, [
-            (s(!0), r(x, null, E(g.value.filter((t) => t.isVisible), (t) => (s(), r("li", {
-              key: `toolbar-item-command-${t.name}`
-            }, [
-              v(z, {
-                content: t.title,
-                placement: "bottom",
-                size: "sm",
-                class: "rvc-rich-text-tooltip"
-              }, {
-                default: C(() => [
-                  o("button", {
-                    disabled: t.disabled,
-                    type: "button",
-                    "aria-label": t.title,
-                    class: _([{ "rvc-rich-text-button-active": t.isActive() }, "rvc-rich-text-button"]),
-                    onClick: t.action
-                  }, [
-                    (s(), S(O(t.icon)))
-                  ], 10, J)
-                ]),
-                _: 2
-              }, 1032, ["content"])
-            ]))), 128))
-          ])
-        ]) : U("", !0),
-        v(f(T), { editor: f(e) }, null, 8, ["editor"])
-      ], 2)
-    ], 64));
-  }
-});
-export {
-  le as _
-};