@robuust-digital/vue-components 2.0.0 → 2.2.0-rc.0

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

@@ -0,0 +1,115 @@
+import { createElementBlock as v, openBlock as n, createElementVNode as _, defineComponent as B, createBlock as a, unref as t, normalizeClass as c, withCtx as r, renderSlot as s, createVNode as l, mergeProps as u, Transition as M, Fragment as $, renderList as y, resolveDynamicComponent as f, createCommentVNode as A, createTextVNode as L, toDisplayString as N } from "vue";
+import { Menu as V, MenuButton as p, MenuItems as D, MenuItem as m } from "@headlessui/vue";
+import { _ as I } from "./ButtonBase.vue_vue_type_script_setup_true_lang-B0YsKehI.js";
+function Z(w, i) {
+  return n(), v("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    _("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__ */ B({
+  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(w, { emit: i }) {
+    const b = i, g = (e) => {
+      const {
+        as: h,
+        bindAs: o,
+        event: d,
+        icon: C,
+        name: E,
+        ...k
+      } = e;
+      return k;
+    };
+    return (e, h) => (n(), a(t(V), {
+      as: "div",
+      class: c(["rvc-dropdown", e.rootClass])
+    }, {
+      default: r(() => [
+        s(e.$slots, "button", {
+          label: e.label,
+          button: t(p)
+        }, () => [
+          l(t(p), u({
+            as: I,
+            label: e.label,
+            color: "light",
+            icon: t(Z),
+            "icon-left": e.alignLeft
+          }, e.$attrs), null, 16, ["label", "icon", "icon-left"])
+        ]),
+        l(M, {
+          "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: r(() => [
+            l(t(D), {
+              class: c([
+                "rvc-dropdown-items",
+                {
+                  "rvc-dropdown-items-left": e.alignLeft,
+                  "rvc-dropdown-items-full": e.fullWidth
+                }
+              ])
+            }, {
+              default: r(() => [
+                s(e.$slots, "items", {
+                  items: e.items,
+                  menuItem: t(m)
+                }, () => [
+                  (n(!0), v($, null, y(e.items, (o, d) => (n(), a(t(m), {
+                    key: `${d}-dropdown-item`,
+                    as: "template"
+                  }, {
+                    default: r(() => [
+                      s(e.$slots, "item", { item: o }, () => [
+                        (n(), a(f(o.as ? o.as : "button"), u({ class: "rvc-dropdown-item" }, { ref_for: !0 }, g(o), {
+                          as: o.bindAs ? o.bindAs : void 0,
+                          onClick: (C) => (b("dropdown:click", o), o.event ? o.event() : null)
+                        }), {
+                          default: r(() => [
+                            o.icon ? (n(), a(f(o.icon), {
+                              key: 0,
+                              class: "rvc-dropdown-item-icon"
+                            })) : A("", !0),
+                            L(" " + N(o.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-BhJpG-Fw.js

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

package/dist/_shared/Lightswitch.vue_vue_type_script_setup_true_lang-CvN-2WJt.js

@@ -0,0 +1,44 @@
+import { defineComponent as c, computed as p, createBlock as s, openBlock as r, unref as o, withCtx as a, createVNode as f, createCommentVNode as h, mergeProps as g, createElementVNode as V, renderSlot as w } from "vue";
+import { SwitchGroup as v, Switch as _, SwitchLabel as S } from "@headlessui/vue";
+const B = /* @__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) => (r(), s(o(v), {
+      as: "div",
+      class: "rvc-lightswitch-group"
+    }, {
+      default: a(() => [
+        f(o(_), g({
+          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] = [
+            V("span", { class: "rvc-lightswitch-toggle" }, null, -1)
+          ])),
+          _: 1,
+          __: [1]
+        }, 16, ["modelValue", "class"]),
+        e.$slots.default ? (r(), s(o(S), { key: 0 }, {
+          default: a(() => [
+            w(e.$slots, "default")
+          ]),
+          _: 3
+        })) : h("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  B as _
+};

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

@@ -0,0 +1,187 @@
+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-B0YsKehI.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"])');
+  });
+  return {
+    contentRef: f,
+    ready: p,
+    isForm: l,
+    titleId: b,
+    descriptionId: v,
+    initialFocusElement: c
+  };
+}
+const M = {
+  role: "presentation",
+  class: "rvc-modal-presentation"
+}, q = { class: "rvc-modal-container" }, z = {
+  key: 0,
+  class: "rvc-modal-header"
+}, P = { class: "rvc-modal-header-inner" }, j = { class: "rvc-modal-close-wrapper" }, G = ["id"], J = {
+  key: 2,
+  class: "rvc-modal-footer"
+}, W = /* @__PURE__ */ D({
+  __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(m, { emit: f }) {
+    const p = m, l = f, {
+      contentRef: b,
+      ready: v,
+      isForm: c,
+      titleId: i,
+      descriptionId: k,
+      initialFocusElement: F
+    } = H(p);
+    return (e, o) => (y(), L(t(V), { as: "template" }, {
+      default: d(() => [
+        n(t(h), {
+          as: e.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"]))
+        }, {
+          default: d(() => [
+            n(t(g), {
+              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] = (a) => l("modal:open")),
+              onAfterEnter: o[1] || (o[1] = (a) => l("modal:opened"))
+            }, {
+              default: d(() => o[9] || (o[9] = [
+                r("div", {
+                  "aria-hidden": "true",
+                  class: "rvc-modal-backdrop"
+                }, null, -1)
+              ])),
+              _: 1,
+              __: [9]
+            }),
+            r("div", M, [
+              r("div", q, [
+                n(t(g), {
+                  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] = (a) => v.value = !0),
+                  onAfterLeave: o[6] || (o[6] = (a) => (v.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)
+                    }, {
+                      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
+                              }, () => [
+                                n(t(B), {
+                                  id: t(i),
+                                  class: "rvc-modal-title"
+                                }, {
+                                  default: d(() => [
+                                    R(S(e.title), 1)
+                                  ]),
+                                  _: 1
+                                }, 8, ["id"])
+                              ]),
+                              e.showClose ? s(e.$slots, "close", {
+                                key: 0,
+                                icon: t(w),
+                                emitClose: () => l("modal:close")
+                              }, () => [
+                                r("div", j, [
+                                  r("button", {
+                                    type: "button",
+                                    class: "rvc-modal-close",
+                                    "aria-label": "Close panel",
+                                    onClick: o[2] || (o[2] = (a) => l("modal:close"))
+                                  }, [
+                                    n(t(w), { "aria-hidden": "true" })
+                                  ])
+                                ])
+                              ]) : N("", !0)
+                            ])
+                          ])
+                        ])),
+                        r("div", {
+                          id: t(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 }, () => [
+                            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"))
+                            }, null, 8, ["type", "label", "spinning", "disabled"]),
+                            n(E, {
+                              type: "button",
+                              color: "light",
+                              label: e.cancelLabel,
+                              onClick: o[4] || (o[4] = (a) => l("modal:close"))
+                            }, null, 8, ["label"])
+                          ])
+                        ]))
+                      ]),
+                      _: 3
+                    }, 8, ["class", "aria-busy", "aria-describedby"])
+                  ]),
+                  _: 3
+                })
+              ])
+            ])
+          ]),
+          _: 3
+        }, 8, ["as", "initial-focus", "aria-labelledby"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  W as _,
+  H as u
+};