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

package/dist/_shared/FormInput-C5LjZViC.js

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

package/dist/_shared/Modal-dqDGKVw5.js

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

package/dist/_shared/Tooltip-B93ZF7IF.js

@@ -1,126 +0,0 @@
-import { shallowRef as a, createElementBlock as p, openBlock as f, renderSlot as u, createElementVNode as g, normalizeStyle as x, normalizeClass as S, unref as h, createCommentVNode as $, mergeProps as R } from "vue";
-import { useFloating as k, autoUpdate as z, autoPlacement as P, offset as W, shift as C, arrow as M, size as A } from "@floating-ui/vue";
-const B = ["innerHTML"], N = {
-  __name: "Tooltip",
-  props: {
-    content: {
-      type: String,
-      required: !0
-    },
-    blur: {
-      type: Boolean,
-      default: !0
-    },
-    maxWidth: {
-      type: Number,
-      default: null
-    },
-    tooltipClass: {
-      type: String,
-      default: ""
-    },
-    placement: {
-      type: String,
-      default: void 0,
-      validator: (t) => t === void 0 || [
-        "top",
-        "right",
-        "bottom",
-        "left",
-        "top-start",
-        "top-end",
-        "right-start",
-        "right-end",
-        "bottom-start",
-        "bottom-end",
-        "left-start",
-        "left-end"
-      ].includes(t)
-    },
-    size: {
-      type: String,
-      default: "base",
-      validator: (t) => ["sm", "base"].includes(t)
-    }
-  },
-  setup(t) {
-    const o = t, i = a(), s = a(), l = a(), {
-      floatingStyles: y,
-      middlewareData: w,
-      placement: c
-    } = k(i, s, {
-      middleware: [
-        o.placement ? null : P(),
-        W(o.size === "sm" ? 7 : 10),
-        C({ crossAxis: !0, padding: 5 }),
-        M({ element: l }),
-        A({
-          apply({ availableWidth: e, availableHeight: r, elements: n }) {
-            Object.assign(n.floating.style, {
-              maxWidth: o.maxWidth ? `${Math.min(e, o.maxWidth) / 16}rem` : "",
-              maxHeight: `${r / 16}rem `
-            });
-          }
-        })
-      ],
-      whileElementsMounted: z,
-      placement: o.placement
-    }), b = (e) => ({
-      top: 0,
-      bottom: 180,
-      left: -90,
-      right: 90
-    })[e.split("-")[0]] || 0, v = (e) => {
-      var m, d;
-      const r = c.value.split("-")[0], n = {
-        left: "right",
-        right: "left",
-        bottom: "top",
-        top: "bottom"
-      }[r];
-      return {
-        style: {
-          left: (m = e.arrow) != null && m.x ? `${e.arrow.x}px` : "",
-          top: (d = e.arrow) != null && d.y ? `${e.arrow.y}px` : "",
-          bottom: "",
-          right: "",
-          [n]: l.value ? `${l.value.offsetWidth * -1}px` : "",
-          transform: `rotate(${b(c.value)}deg)`
-        }
-      };
-    };
-    return (e, r) => (f(), p("div", {
-      ref_key: "wrapperRef",
-      ref: i,
-      class: "rvc-tooltip-wrapper"
-    }, [
-      u(e.$slots, "default"),
-      g("div", {
-        ref_key: "tooltipRef",
-        ref: s,
-        class: S([
-          "rvc-tooltip",
-          t.tooltipClass,
-          `rvc-tooltip-${t.size}`,
-          { "rvc-tooltip-blur": t.blur }
-        ]),
-        style: x(h(y))
-      }, [
-        u(e.$slots, "content", { content: t.content }, () => [
-          t.content ? (f(), p("div", {
-            key: 0,
-            innerHTML: t.content
-          }, null, 8, B)) : $("", !0)
-        ]),
-        g("div", R({
-          ref_key: "arrowRef",
-          ref: l,
-          class: "rvc-tooltip-arrow"
-        }, v(h(w))), null, 16)
-      ], 6)
-    ], 512));
-  }
-};
-export {
-  N as _
-};