@robuust-digital/vue-components 2.2.1 → 2.3.0

package/dist/_shared/Combobox.vue_vue_type_script_setup_true_lang-CP3x2DUA.js

@@ -1,266 +0,0 @@
-import { createElementBlock as c, openBlock as n, createElementVNode as r, defineComponent as U, ref as g, computed as P, createBlock as C, unref as d, mergeProps as D, withCtx as V, createCommentVNode as k, renderSlot as v, createVNode as f, resolveDynamicComponent as q, withModifiers as z, Fragment as N, renderList as M, createTextVNode as G, toDisplayString as A, normalizeClass as H } from "vue";
-import { useDebounceFn as J } from "@vueuse/core";
-import { Combobox as Q, ComboboxInput as W, ComboboxButton as X, ComboboxOptions as Y, ComboboxOption as _ } from "@headlessui/vue";
-import { r as ee, _ as oe } from "./ChevronDownIcon-DaaXfD3C.js";
-import { S as le } from "./icon-spinner-CP0VP_YM.js";
-function te(s, L) {
-  return n(), c("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    r("path", {
-      "fill-rule": "evenodd",
-      d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm2.78-4.22a.75.75 0 0 1-1.06 0L8 9.06l-1.72 1.72a.75.75 0 1 1-1.06-1.06L6.94 8 5.22 6.28a.75.75 0 0 1 1.06-1.06L8 6.94l1.72-1.72a.75.75 0 1 1 1.06 1.06L9.06 8l1.72 1.72a.75.75 0 0 1 0 1.06Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-function ae(s, L) {
-  return n(), c("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    r("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" })
-  ]);
-}
-const ne = { class: "rvc-combobox-container" }, se = { class: "rvc-combobox-wrapper" }, re = { class: "rvc-combobox-field" }, ie = {
-  key: 0,
-  class: "rvc-combobox-chips"
-}, ue = ["onClick"], de = {
-  key: 0,
-  class: "rvc-combobox-content"
-}, ce = {
-  key: 1,
-  class: "rvc-combobox-content"
-}, me = { class: "rvc-combobox-option-text" }, he = /* @__PURE__ */ U({
-  inheritAttrs: !1,
-  __name: "Combobox",
-  props: {
-    id: {},
-    rootClass: { default: "" },
-    modelValue: { default: null },
-    endpoint: { default: void 0 },
-    requestParams: { default: () => ({}) },
-    manualInput: { type: Boolean, default: !1 },
-    responseData: { type: Function, default: (s) => s },
-    displayValue: { type: Function, default: (s) => (s == null ? void 0 : s.name) || null },
-    optionText: { type: Function, default: (s) => (s == null ? void 0 : s.name) || null },
-    disabled: { type: Boolean, default: !1 },
-    minLength: { default: 2 },
-    itemKey: { default: "id" },
-    clearable: { type: Boolean, default: !1 },
-    rootAttrs: { default: () => ({}) },
-    multiple: { type: Boolean, default: !1 },
-    onSearch: { type: Function, default: () => Promise.resolve({ data: [] }) },
-    searchOnly: { type: Boolean, default: !1 },
-    icon: { type: [Function, Object, null], default: null },
-    prefixIcon: { type: [Function, Object, null], default: null },
-    size: { default: "base" },
-    debounce: { default: 150 },
-    minLoadingTime: { default: 0 },
-    onCancel: { type: Function, default: void 0 }
-  },
-  emits: ["update:modelValue", "update:requestParams", "combobox:noResults", "combobox:error"],
-  setup(s, { emit: L }) {
-    const t = s, m = L, i = g([]), b = g(!1), y = g(null), B = g(!0), T = g(null), u = P({
-      get: () => t.multiple ? t.modelValue || [] : t.modelValue,
-      set: (e) => m("update:modelValue", e)
-    }), I = P({
-      get: () => t.requestParams,
-      set: (e) => m("update:requestParams", e)
-    }), R = (e) => t.displayValue(e) || "", E = (e) => new Promise((l) => {
-      setTimeout(l, e);
-    }), S = (e, l) => {
-      i.value = [], m("combobox:error", e), m("combobox:noResults", l);
-    }, x = async (e) => {
-      if (!t.onSearch) return;
-      if (t.searchOnly && !e) {
-        i.value = [];
-        return;
-      }
-      if (e && e.length < t.minLength) {
-        i.value = [];
-        return;
-      }
-      T.value && t.onCancel && t.onCancel(T.value), b.value = !0;
-      const l = Date.now();
-      try {
-        const { data: a, error: h, cancel: w } = await t.onSearch(e, I.value, t.endpoint);
-        T.value = w || null;
-        const p = t.responseData(a), o = Date.now() - l;
-        !p.length && h && S(h, e), o < t.minLoadingTime && await E(t.minLoadingTime - o), p != null && p.length ? i.value = p : (i.value = [], m("combobox:noResults", e));
-      } catch (a) {
-        a != null && a.cancelled || S(a, e);
-      } finally {
-        b.value = !1;
-      }
-    }, Z = J(x, t.debounce), K = (e) => {
-      B.value ? (B.value = !1, x(e)) : Z(e);
-    }, j = (e) => {
-      var a;
-      ((a = e.target.value) == null ? void 0 : a.length) === 0 && (i.value = [], m("update:modelValue", null)), t.manualInput && m("update:modelValue", I.value.query);
-    }, $ = (e) => {
-      var l;
-      return t.multiple ? u.value.some((a) => a[t.itemKey] === e) : ((l = u.value) == null ? void 0 : l[t.itemKey]) === e;
-    }, F = (e) => {
-      u.value = u.value.filter((l) => l[t.itemKey] !== e[t.itemKey]);
-    };
-    return (e, l) => (n(), C(d(Q), D({
-      modelValue: u.value,
-      "onUpdate:modelValue": l[4] || (l[4] = (a) => u.value = a),
-      as: "div"
-    }, e.rootAttrs, {
-      multiple: e.multiple,
-      class: [
-        "rvc-combobox",
-        `rvc-combobox-${e.size}`,
-        e.rootClass
-      ]
-    }), {
-      default: V(() => {
-        var a, h, w, p;
-        return [
-          r("div", ne, [
-            r("div", se, [
-              r("div", re, [
-                e.prefixIcon ? v(e.$slots, "prefixIcon", {
-                  key: 0,
-                  icon: e.prefixIcon
-                }, () => [
-                  (n(), C(q(e.prefixIcon), { "aria-hidden": "true" }))
-                ]) : k("", !0),
-                f(d(W), D(e.$attrs, {
-                  id: e.id,
-                  "display-value": R,
-                  disabled: e.disabled,
-                  autocomplete: "off",
-                  onChange: l[0] || (l[0] = (o) => K(o.target.value)),
-                  onSearch: j,
-                  onInput: l[1] || (l[1] = (o) => y.value = o.target.value)
-                }), null, 16, ["id", "disabled"]),
-                f(d(X), {
-                  disabled: e.disabled,
-                  class: "rvc-combobox-button",
-                  onClick: l[2] || (l[2] = (o) => K(y.value || null))
-                }, {
-                  default: V(() => {
-                    var o;
-                    return [
-                      b.value ? v(e.$slots, "spinner", {
-                        key: 0,
-                        spinning: b.value
-                      }, () => [
-                        f(d(le), { class: "rvc-combobox-spinner" })
-                      ]) : (!e.searchOnly || (o = i.value) != null && o.length) && !b.value ? v(e.$slots, "icon", {
-                        key: 1,
-                        icon: e.icon
-                      }, () => [
-                        (n(), C(q(e.icon ?? d(ee)), { "aria-hidden": "true" }))
-                      ]) : k("", !0)
-                    ];
-                  }),
-                  _: 3
-                }, 8, ["disabled"])
-              ]),
-              e.clearable && (Array.isArray(e.modelValue) ? (a = e.modelValue) != null && a.length : (h = e.modelValue) != null && h.id) ? (n(), c("button", {
-                key: 0,
-                type: "button",
-                "aria-label": "Clear selection",
-                class: "rvc-combobox-clear",
-                onClick: l[3] || (l[3] = z((o) => m("update:modelValue", e.multiple ? [] : null), ["prevent"]))
-              }, [
-                v(e.$slots, "clear", {}, () => [
-                  f(d(ae))
-                ])
-              ])) : k("", !0)
-            ]),
-            e.multiple && Array.isArray(u.value) && ((w = u.value) != null && w.length) ? (n(), c("ul", ie, [
-              (n(!0), c(N, null, M(u.value, (o) => (n(), c("li", {
-                key: `${e.id}-selected-option-${o[e.itemKey]}`
-              }, [
-                v(e.$slots, "chip", {
-                  optionText: e.optionText(o),
-                  option: o,
-                  removeOption: F
-                }, () => [
-                  f(oe, {
-                    color: "gray",
-                    class: "rvc-combobox-chip",
-                    size: e.size
-                  }, {
-                    default: V(() => [
-                      G(A(e.optionText(o)) + " ", 1),
-                      r("button", {
-                        type: "button",
-                        "aria-label": "Remove option",
-                        onClick: z((O) => F(o), ["prevent"])
-                      }, [
-                        f(d(te))
-                      ], 8, ue)
-                    ]),
-                    _: 2
-                  }, 1032, ["size"])
-                ])
-              ]))), 128))
-            ])) : k("", !0),
-            (!e.searchOnly || (p = y.value) != null && p.length) && (!b.value || i.value.length) ? (n(), C(d(Y), {
-              key: 1,
-              class: "rvc-combobox-options"
-            }, {
-              default: V(() => [
-                y.value && y.value.length < e.minLength ? (n(), c("div", de, [
-                  r("div", null, [
-                    r("em", null, "Minimal " + A(e.minLength) + " characters.", 1)
-                  ])
-                ])) : !b.value && !i.value.length ? (n(), c("div", ce, [...l[5] || (l[5] = [
-                  r("div", null, " No results found. ", -1)
-                ])])) : (n(!0), c(N, { key: 2 }, M(i.value, (o) => (n(), C(d(_), {
-                  key: `option-${o[e.itemKey]}`,
-                  value: o,
-                  as: "template"
-                }, {
-                  default: V(({ active: O }) => [
-                    r("li", {
-                      class: H([
-                        "rvc-combobox-option",
-                        { "rvc-combobox-option-hover": O },
-                        { "rvc-combobox-option-active": $(o[e.itemKey]) }
-                      ])
-                    }, [
-                      v(e.$slots, "option", {
-                        option: o,
-                        isActive: $
-                      }, () => [
-                        v(e.$slots, "optionPrefix", {
-                          option: o[e.itemKey],
-                          isActive: $
-                        }),
-                        r("span", me, A(e.optionText(o)), 1),
-                        v(e.$slots, "optionSuffix", {
-                          option: o[e.itemKey],
-                          isActive: $
-                        })
-                      ])
-                    ], 2)
-                  ]),
-                  _: 2
-                }, 1032, ["value"]))), 128))
-              ]),
-              _: 3
-            })) : k("", !0)
-          ])
-        ];
-      }),
-      _: 3
-    }, 16, ["modelValue", "multiple", "class"]));
-  }
-});
-export {
-  he as _
-};

package/dist/_shared/Dropdown.vue_vue_type_script_setup_true_lang-CmYj-7WQ.js

@@ -1,115 +0,0 @@
-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-DeflHqux.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

@@ -1,75 +0,0 @@
-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
-};