@robuust-digital/vue-components 2.7.0 → 3.0.0

package/dist/_shared/Lightswitch.vue_vue_type_script_setup_true_lang-hiuDVfo5.js

@@ -1,43 +0,0 @@
-import { defineComponent as c, computed as p, openBlock as s, createBlock as r, unref as o, withCtx as a, createVNode as f, mergeProps as h, createElementVNode as g, renderSlot as V, createCommentVNode as w } from "vue";
-import { SwitchGroup as v, Switch as S, SwitchLabel as b } from "@headlessui/vue";
-const C = /* @__PURE__ */ c({
-  inheritAttrs: !1,
-  __name: "Lightswitch",
-  props: {
-    modelValue: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(u, { emit: d }) {
-    const i = u, n = d, l = p({
-      get: () => i.modelValue,
-      set: (e) => n("update:modelValue", e)
-    });
-    return (e, t) => (s(), r(o(v), {
-      as: "div",
-      class: "rvc-lightswitch-group"
-    }, {
-      default: a(() => [
-        f(o(S), h({
-          modelValue: l.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (m) => l.value = m),
-          class: [{ "rvc-lightswitch-enabled": l.value }, "rvc-lightswitch"]
-        }, e.$attrs), {
-          default: a(() => [...t[1] || (t[1] = [
-            g("span", { class: "rvc-lightswitch-toggle" }, null, -1)
-          ])]),
-          _: 1
-        }, 16, ["modelValue", "class"]),
-        e.$slots.default ? (s(), r(o(b), { key: 0 }, {
-          default: a(() => [
-            V(e.$slots, "default")
-          ]),
-          _: 3
-        })) : w("", !0)
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  C as _
-};

package/dist/_shared/Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js

@@ -1,203 +0,0 @@
-import { ref as $, computed as y, defineComponent as L, openBlock as p, createBlock as I, unref as t, withCtx as c, createVNode as i, withModifiers as N, createElementVNode as d, normalizeClass as T, renderSlot as s, createElementBlock as w, createTextVNode as h, toDisplayString as D, createCommentVNode as R } from "vue";
-import { TransitionRoot as S, Dialog as V, TransitionChild as B, DialogPanel as M, DialogTitle as g } from "@headlessui/vue";
-import { _ as E } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
-import { r as F } from "./XMarkIcon-CPr_Rd8y.js";
-function A(e) {
-  const u = $(null), C = $(!1), a = y(() => {
-    if (typeof e.as == "string")
-      return e.as.toLowerCase() === "form";
-    const r = e.as, m = r.name ?? r.__name;
-    return (typeof m == "string" ? m.toLowerCase() : "") === "form";
-  }), b = y(() => `${e.id}-title`), f = y(() => `${e.id}-content`), v = y(() => u.value?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
-  return {
-    contentRef: u,
-    ready: C,
-    isForm: a,
-    titleId: b,
-    descriptionId: f,
-    initialFocusElement: v
-  };
-}
-const H = {
-  role: "presentation",
-  class: "rvc-modal-presentation"
-}, q = { class: "rvc-modal-container" }, x = {
-  key: 0,
-  class: "rvc-modal-header"
-}, z = { class: "rvc-modal-header-inner" }, P = { class: "rvc-modal-close-wrapper" }, j = ["id"], G = {
-  key: 2,
-  class: "rvc-modal-footer"
-}, U = /* @__PURE__ */ L({
-  __name: "Modal",
-  props: {
-    as: { default: "div" },
-    id: {},
-    title: {},
-    showClose: { type: Boolean, default: !1 },
-    spinning: { type: Boolean, default: !1 },
-    submitLabel: { default: "Confirm" },
-    cancelLabel: { default: "Cancel" },
-    panelClass: { default: "rvc-modal-panel-max-width" },
-    resetHeader: { type: Boolean, default: !1 },
-    resetFooter: { type: Boolean, default: !1 }
-  },
-  emits: ["modal:open", "modal:opened", "modal:close", "modal:save", "modal:closed"],
-  setup(e, { emit: u }) {
-    const C = e, a = u, {
-      contentRef: b,
-      ready: f,
-      isForm: v,
-      titleId: r,
-      descriptionId: m,
-      initialFocusElement: k
-    } = A(C);
-    return (n, o) => (p(), I(t(S), { as: "template" }, {
-      default: c(() => [
-        i(t(V), {
-          as: e.as,
-          class: "rvc-modal",
-          static: "",
-          "aria-modal": "true",
-          role: "dialog",
-          "initial-focus": t(k),
-          "aria-labelledby": t(r),
-          onClose: o[7] || (o[7] = (l) => a("modal:close")),
-          onSubmit: o[8] || (o[8] = N((l) => a("modal:save", l), ["prevent"]))
-        }, {
-          default: c(() => [
-            i(t(B), {
-              as: "template",
-              enter: "rvc-modal-backdrop-transition-enter",
-              "enter-from": "rvc-modal-backdrop-transition-enter-from",
-              "enter-to": "rvc-modal-backdrop-transition-enter-to",
-              leave: "rvc-modal-backdrop-transition-leave",
-              "leave-from": "rvc-modal-backdrop-transition-leave-from",
-              "leave-to": "rvc-modal-backdrop-transition-leave-to",
-              onBeforeEnter: o[0] || (o[0] = (l) => a("modal:open")),
-              onAfterEnter: o[1] || (o[1] = (l) => a("modal:opened"))
-            }, {
-              default: c(() => [...o[9] || (o[9] = [
-                d("div", {
-                  "aria-hidden": "true",
-                  class: "rvc-modal-backdrop"
-                }, null, -1)
-              ])]),
-              _: 1
-            }),
-            d("div", H, [
-              d("div", q, [
-                i(t(B), {
-                  as: "template",
-                  enter: "rvc-modal-transition-enter",
-                  "enter-from": "rvc-modal-transition-enter-from",
-                  "enter-to": "rvc-modal-transition-enter-to",
-                  leave: "rvc-modal-transition-leave",
-                  "leave-from": "rvc-modal-transition-leave-from",
-                  "leave-to": "rvc-modal-transition-leave-to",
-                  onBeforeEnter: o[5] || (o[5] = (l) => f.value = !0),
-                  onAfterLeave: o[6] || (o[6] = (l) => (f.value = !1, a("modal:closed")))
-                }, {
-                  default: c(() => [
-                    i(t(M), {
-                      class: T(["rvc-modal-panel", e.panelClass]),
-                      "aria-busy": e.spinning,
-                      "aria-describedby": t(m)
-                    }, {
-                      default: c(() => [
-                        s(n.$slots, "panel", {
-                          title: e.title,
-                          loading: e.spinning,
-                          isForm: t(v),
-                          titleId: t(r),
-                          descriptionId: t(m),
-                          contentRef: t(b),
-                          dialogTitle: t(g),
-                          emitClose: () => a("modal:close"),
-                          emitSave: (l = void 0) => a("modal:save", l)
-                        }, () => [
-                          e.resetHeader ? s(n.$slots, "header", { key: 1 }) : (p(), w("header", x, [
-                            s(n.$slots, "header", {
-                              title: e.title,
-                              showClose: e.showClose
-                            }, () => [
-                              d("div", z, [
-                                s(n.$slots, "title", {
-                                  id: t(r),
-                                  dialogTitle: t(g),
-                                  title: e.title
-                                }, () => [
-                                  i(t(g), {
-                                    id: t(r),
-                                    class: "rvc-modal-title"
-                                  }, {
-                                    default: c(() => [
-                                      h(D(e.title), 1)
-                                    ]),
-                                    _: 1
-                                  }, 8, ["id"])
-                                ]),
-                                e.showClose ? s(n.$slots, "close", {
-                                  key: 0,
-                                  icon: t(F),
-                                  emitClose: () => a("modal:close")
-                                }, () => [
-                                  d("div", P, [
-                                    d("button", {
-                                      type: "button",
-                                      class: "rvc-modal-close",
-                                      "aria-label": "Close panel",
-                                      onClick: o[2] || (o[2] = (l) => a("modal:close"))
-                                    }, [
-                                      i(t(F), { "aria-hidden": "true" })
-                                    ])
-                                  ])
-                                ]) : R("", !0)
-                              ])
-                            ])
-                          ])),
-                          d("div", {
-                            id: t(m),
-                            ref_key: "contentRef",
-                            ref: b,
-                            class: "rvc-modal-content"
-                          }, [
-                            s(n.$slots, "default", { ready: t(f) })
-                          ], 8, j),
-                          e.resetFooter ? s(n.$slots, "footer", { key: 3 }) : (p(), w("footer", G, [
-                            s(n.$slots, "footer", { loading: e.spinning }, () => [
-                              i(E, {
-                                type: t(v) ? "submit" : "button",
-                                label: e.submitLabel,
-                                spinning: e.spinning,
-                                disabled: e.spinning,
-                                onClick: o[3] || (o[3] = (l) => !t(v) && a("modal:save"))
-                              }, null, 8, ["type", "label", "spinning", "disabled"]),
-                              i(E, {
-                                type: "button",
-                                color: "light",
-                                label: e.cancelLabel,
-                                onClick: o[4] || (o[4] = (l) => a("modal:close"))
-                              }, null, 8, ["label"])
-                            ])
-                          ]))
-                        ])
-                      ]),
-                      _: 3
-                    }, 8, ["class", "aria-busy", "aria-describedby"])
-                  ]),
-                  _: 3
-                })
-              ])
-            ])
-          ]),
-          _: 3
-        }, 8, ["as", "initial-focus", "aria-labelledby"])
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  U as _,
-  A as u
-};

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

@@ -1,247 +0,0 @@
-import { openBlock as s, createElementBlock as r, createElementVNode as o, defineComponent as $, ref as h, useAttrs as B, computed as x, watch as y, Fragment as C, createVNode as v, withCtx as A, renderSlot as _, normalizeClass as M, 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, b = c, g = h(!1), u = h(!1), d = h(""), m = B(), k = m.class ? `${m.class} ` : "", V = Object.fromEntries(
-      Object.entries(m).filter(
-        (l) => l[0] !== "class" && typeof l[1] == "string"
-      )
-    ), Z = j.configure({
-      link: {
-        openOnClick: !1
-      }
-    }), e = N({
-      extensions: [Z, ...a.customExtensions],
-      content: a.modelValue,
-      editorProps: {
-        attributes: {
-          ...V,
-          id: a.id,
-          class: `${k}rvc-textarea rvc-rich-text-textarea`
-        }
-      },
-      onCreate: ({ editor: l }) => {
-        b("tiptap:onCreate", l);
-      },
-      onUpdate: ({ editor: l }) => {
-        const i = l.isEmpty ? "" : l.getHTML();
-        b("update:modelValue", i);
-      },
-      onSelectionUpdate({ editor: l }) {
-        g.value = !l.view.state.selection.empty;
-      }
-    }), H = 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: !g.value && !(e.value?.isActive("link") ?? !1),
-        isActive: () => e.value?.isActive("link") ?? !1,
-        action: () => {
-          d.value = e.value?.getAttributes("link").href || "", u.value = !0;
-        }
-      }
-    ]), w = x(() => {
-      const l = H.value.filter((t) => a.config === "default" || ["bold", "italic"].includes(t.name)), i = a.customCommands.map((t) => {
-        let p = !1;
-        return typeof t.disabled == "function" ? p = e.value ? t.disabled(e.value) : !1 : p = t.disabled ?? !1, {
-          ...t,
-          isVisible: t.isVisible ?? !0,
-          disabled: p,
-          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 L = () => {
-      e.value && (e.value.commands.setLink({ href: d.value }), u.value = !1, d.value = "");
-    };
-    return (l, i) => (s(), r(C, 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": L
-      }, {
-        default: A(() => [
-          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"]),
-      _(l.$slots, "default"),
-      o("div", {
-        class: M(["rvc-rich-text", n.rootClass, { "rvc-rich-text-disabled": n.disabled }])
-      }, [
-        f(e) ? _(l.$slots, "toolbar", {
-          key: 0,
-          commands: w.value,
-          tiptap: f(e)
-        }, () => [
-          o("ul", G, [
-            (s(!0), r(C, null, E(w.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: A(() => [
-                  o("button", {
-                    disabled: t.disabled,
-                    type: "button",
-                    "aria-label": t.title,
-                    class: M([{ "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 _
-};