@robuust-digital/vue-components 2.2.1 → 2.3.0

package/dist/_shared/Dropdown.vue_vue_type_script_setup_true_lang-BtkiBqxy.js

@@ -0,0 +1,115 @@
+import { createElementBlock as p, openBlock as r, createElementVNode as B, defineComponent as M, createBlock as l, unref as n, normalizeClass as u, withCtx as a, renderSlot as s, createVNode as i, mergeProps as f, Transition as $, Fragment as y, renderList as A, resolveDynamicComponent as m, createCommentVNode as L, createTextVNode as N, toDisplayString as V } from "vue";
+import { Menu as x, MenuButton as v, MenuItems as D, MenuItem as w } from "@headlessui/vue";
+import { _ as I } from "./ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js";
+function Z(t, c) {
+  return r(), p("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    B("path", { d: "M10 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10 8.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM11.5 15.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" })
+  ]);
+}
+const z = /* @__PURE__ */ M({
+  inheritAttrs: !1,
+  __name: "Dropdown",
+  props: {
+    items: {},
+    alignLeft: { type: Boolean, default: !1 },
+    fullWidth: { type: Boolean, default: !1 },
+    label: { default: "Options" },
+    rootClass: { default: "" }
+  },
+  emits: ["dropdown:click"],
+  setup(t, { emit: c }) {
+    const b = c, g = (o) => {
+      const {
+        as: h,
+        bindAs: e,
+        event: d,
+        icon: C,
+        name: E,
+        ...k
+      } = o;
+      return k;
+    };
+    return (o, h) => (r(), l(n(x), {
+      as: "div",
+      class: u(["rvc-dropdown", t.rootClass])
+    }, {
+      default: a(() => [
+        s(o.$slots, "button", {
+          label: t.label,
+          button: n(v)
+        }, () => [
+          i(n(v), f({
+            as: I,
+            label: t.label,
+            color: "light",
+            icon: n(Z),
+            "icon-left": t.alignLeft
+          }, o.$attrs), null, 16, ["label", "icon", "icon-left"])
+        ]),
+        i($, {
+          "enter-active-class": "rvc-dropdown-transition-enter",
+          "enter-from-class": "rvc-dropdown-transition-enter-from",
+          "enter-to-class": "rvc-dropdown-transition-enter-to",
+          "leave-active-class": "rvc-dropdown-transition-leave",
+          "leave-from-class": "rvc-dropdown-transition-leave-from",
+          "leave-to-class": "rvc-dropdown-transition-leave-to"
+        }, {
+          default: a(() => [
+            i(n(D), {
+              class: u([
+                "rvc-dropdown-items",
+                {
+                  "rvc-dropdown-items-left": t.alignLeft,
+                  "rvc-dropdown-items-full": t.fullWidth
+                }
+              ])
+            }, {
+              default: a(() => [
+                s(o.$slots, "items", {
+                  items: t.items,
+                  menuItem: n(w)
+                }, () => [
+                  (r(!0), p(y, null, A(t.items, (e, d) => (r(), l(n(w), {
+                    key: `${d}-dropdown-item`,
+                    as: "template"
+                  }, {
+                    default: a(() => [
+                      s(o.$slots, "item", { item: e }, () => [
+                        (r(), l(m(e.as ? e.as : "button"), f({ class: "rvc-dropdown-item" }, { ref_for: !0 }, g(e), {
+                          as: e.bindAs ? e.bindAs : void 0,
+                          onClick: (C) => (b("dropdown:click", e), e.event ? e.event() : null)
+                        }), {
+                          default: a(() => [
+                            e.icon ? (r(), l(m(e.icon), {
+                              key: 0,
+                              class: "rvc-dropdown-item-icon"
+                            })) : L("", !0),
+                            N(" " + V(e.name), 1)
+                          ]),
+                          _: 2
+                        }, 1040, ["as", "onClick"]))
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ])
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  z as _
+};

package/dist/_shared/FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js

@@ -0,0 +1,74 @@
+import { computed as y, getCurrentInstance as I, defineComponent as g, useSlots as x, ref as B, createElementBlock as o, openBlock as n, normalizeClass as C, createCommentVNode as a, renderSlot as s, unref as i, createBlock as p, resolveDynamicComponent as f, normalizeProps as V, guardReactiveProps as b, withDirectives as z, mergeProps as m, vModelDynamic as F } from "vue";
+const M = () => ({ hasModelBinding: y(() => {
+  const l = I();
+  return !!(l?.vnode?.props && Object.prototype.hasOwnProperty.call(l.vnode.props, "onUpdate:modelValue"));
+}) }), O = {
+  key: 0,
+  class: "rvc-input-prefix"
+}, P = ["type"], j = ["type"], D = {
+  key: 1,
+  class: "rvc-input-suffix"
+}, S = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "FormInput",
+  props: {
+    modelValue: { default: void 0 },
+    rootClass: { default: "" },
+    prefixIcon: { type: [Function, Object, null], default: null },
+    icon: { type: [Function, Object, null], default: null },
+    size: { default: "base" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const v = e, h = l, { hasModelBinding: k } = M(), r = x(), u = B(null), c = y({
+      get: () => v.modelValue,
+      set: (t) => h("update:modelValue", t)
+    });
+    return (t, d) => (n(), o("div", {
+      class: C([
+        "rvc-input",
+        `rvc-input-${e.size}`,
+        e.rootClass
+      ])
+    }, [
+      i(r).prefix || i(r).prefixIcon || e.prefixIcon ? (n(), o("span", O, [
+        s(t.$slots, "prefix", {}, () => [
+          s(t.$slots, "prefixIcon", { icon: e.prefixIcon }, () => [
+            e.prefixIcon ? (n(), p(f(e.prefixIcon), {
+              key: 0,
+              "aria-hidden": "true"
+            })) : a("", !0)
+          ])
+        ])
+      ])) : a("", !0),
+      s(t.$slots, "input", V(b(t.$attrs)), () => [
+        i(k) ? z((n(), o("input", m({ key: 0 }, t.$attrs, {
+          ref_key: "input",
+          ref: u,
+          "onUpdate:modelValue": d[0] || (d[0] = ($) => c.value = $),
+          type: t.$attrs.type || "text"
+        }), null, 16, P)), [
+          [F, c.value]
+        ]) : (n(), o("input", m({ key: 1 }, t.$attrs, {
+          ref_key: "input",
+          ref: u,
+          type: t.$attrs.type || "text"
+        }), null, 16, j))
+      ]),
+      i(r).suffix || i(r).icon || e.icon ? (n(), o("span", D, [
+        s(t.$slots, "suffix", {}, () => [
+          s(t.$slots, "icon", { icon: e.icon }, () => [
+            e.icon ? (n(), p(f(e.icon), {
+              key: 0,
+              "aria-hidden": "true"
+            })) : a("", !0)
+          ])
+        ])
+      ])) : a("", !0)
+    ], 2));
+  }
+});
+export {
+  S as _,
+  M as u
+};

package/dist/_shared/{Modal.vue_vue_type_script_setup_true_lang-CoHkAJj3.js → Modal.vue_vue_type_script_setup_true_lang-2AljJgxw.js}

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