@revolugo/elements 6.9.3-beta.9 → 6.9.4-rc.0

package/dist/revolugo.vselect.B4IzM260.min.js

@@ -0,0 +1,660 @@
+import { V as re, c as we } from "./revolugo.vtextfield.BhmuZsP7.min.js";
+import { a1 as se, a2 as Y, O as F, a as d, F as $, D as _, aU as Se, a9 as A, ac as ie, k as q, H as C, b$ as be, aT as pe, aF as le, bF as Te, W as he, bz as oe, c0 as ke, af as Pe, aS as xe, X as Ee, ad as Z, ag as Ce, a6 as ce, a7 as Ie, bY as ne, a3 as Re, aa as Oe, bW as de, bX as fe, b_ as Ae, f as De } from "./revolugo.index.wc.DLkeXtka.min.js";
+import { b as Le } from "./revolugo.vinput.BowTI8jK.min.js";
+import { f as _e } from "./revolugo.forwardrefs.VVhh1qV3.min.js";
+import { u as Fe, m as Be, a as Me, V as ve } from "./revolugo.vlist.BwlPoH0e.min.js";
+import { w as ge, u as ue, m as ye, n as He, x as Ue, o as Ne, p as qe } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { V as ze } from "./revolugo.dialog-transition.Dly9KKqO.min.js";
+import { V as me } from "./revolugo.vicon.mrg8OisO.min.js";
+import { V as Ke } from "./revolugo.vmenu.Dasw1a1s.min.js";
+import { a as $e } from "./revolugo.vcheckboxbtn.BGpOwRWV.min.js";
+import { h as Ye, a as je } from "./revolugo.index.DZEISB0K.min.js";
+import { V as We } from "./revolugo.btag.C27GlEZ3.min.js";
+function Ve(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const u = import.meta.url, a = u.slice(0, u.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(a);
+      for (const r of REVOLUGO_ELEMENTS_STYLES.components)
+        r(a);
+      if (e.indexOf("fonts") >= 0) {
+        const r = document.createElement("link");
+        r.rel = "stylesheet", linK.href = a, document.head.appendChild(r);
+      }
+    }
+  } catch (u) {
+    console.error("[revolugo-elements] ", u);
+  }
+}
+const Ge = Y({
+  renderless: Boolean,
+  ...ye()
+}, "VVirtualScrollItem"), Xe = se()({
+  name: "VVirtualScrollItem",
+  inheritAttrs: !1,
+  props: Ge(),
+  emits: {
+    "update:height": (e) => !0
+  },
+  setup(e, u) {
+    let {
+      attrs: a,
+      emit: r,
+      slots: s
+    } = u;
+    const {
+      resizeRef: m,
+      contentRect: h
+    } = ge(void 0, "border");
+    F(() => h.value?.height, (i) => {
+      i != null && r("update:height", i);
+    }), ue(() => e.renderless ? d($, null, [s.default?.({
+      itemRef: m
+    })]) : d("div", _({
+      ref: m,
+      class: ["v-virtual-scroll__item", e.class],
+      style: e.style
+    }, a), [s.default?.()]));
+  }
+}), Je = -1, Qe = 1, ae = 100, Ze = Y({
+  itemHeight: {
+    type: [Number, String],
+    default: null
+  },
+  height: [Number, String]
+}, "virtual");
+function et(e, u) {
+  const a = Se(), r = A(0);
+  ie(() => {
+    r.value = parseFloat(e.itemHeight || 0);
+  });
+  const s = A(0), m = A(Math.ceil(
+    // Assume 16px items filling the entire screen height if
+    // not provided. This is probably incorrect but it minimises
+    // the chance of ending up with empty space at the bottom.
+    // The default value is set here to avoid poisoning getSize()
+    (parseInt(e.height) || a.height.value) / (r.value || 16)
+  ) || 1), h = A(0), i = A(0), n = q(), V = q();
+  let k = 0;
+  const {
+    resizeRef: P,
+    contentRect: c
+  } = ge();
+  ie(() => {
+    P.value = n.value;
+  });
+  const I = C(() => n.value === document.documentElement ? a.height.value : c.value?.height || parseInt(e.height) || 0), D = C(() => !!(n.value && V.value && I.value && r.value));
+  let T = Array.from({
+    length: u.value.length
+  }), g = Array.from({
+    length: u.value.length
+  });
+  const w = A(0);
+  let O = -1;
+  function j(t) {
+    return T[t] || r.value;
+  }
+  const x = be(() => {
+    const t = performance.now();
+    g[0] = 0;
+    const o = u.value.length;
+    for (let y = 1; y <= o - 1; y++)
+      g[y] = (g[y - 1] || 0) + j(y - 1);
+    w.value = Math.max(w.value, performance.now() - t);
+  }, w), W = F(D, (t) => {
+    t && (W(), k = V.value.offsetTop, x.immediate(), R(), ~O && he(() => {
+      oe && window.requestAnimationFrame(() => {
+        Q(O), O = -1;
+      });
+    }));
+  });
+  pe(() => {
+    x.clear();
+  });
+  function ee(t, o) {
+    const y = T[t], p = r.value;
+    r.value = p ? Math.min(r.value, o) : o, (y !== o || p !== r.value) && (T[t] = o, x());
+  }
+  function S(t) {
+    return t = le(t, 0, u.value.length - 1), g[t] || 0;
+  }
+  function G(t) {
+    return tt(g, t);
+  }
+  let B = 0, L = 0, z = 0;
+  F(I, (t, o) => {
+    o && (R(), t < o && requestAnimationFrame(() => {
+      L = 0, R();
+    }));
+  });
+  let M = -1;
+  function H() {
+    if (!n.value || !V.value) return;
+    const t = n.value.scrollTop, o = performance.now();
+    o - z > 500 ? (L = Math.sign(t - B), k = V.value.offsetTop) : L = t - B, B = t, z = o, window.clearTimeout(M), M = window.setTimeout(X, 500), R();
+  }
+  function X() {
+    !n.value || !V.value || (L = 0, z = 0, window.clearTimeout(M), R());
+  }
+  let J = -1;
+  function R() {
+    cancelAnimationFrame(J), J = requestAnimationFrame(te);
+  }
+  function te() {
+    if (!n.value || !I.value) return;
+    const t = B - k, o = Math.sign(L), y = Math.max(0, t - ae), p = le(G(y), 0, u.value.length), f = t + I.value + ae, v = le(G(f) + 1, p + 1, u.value.length);
+    if (
+      // Only update the side we're scrolling towards,
+      // the other side will be updated incidentally
+      (o !== Je || p < s.value) && (o !== Qe || v > m.value)
+    ) {
+      const E = S(s.value) - S(p), U = S(v) - S(m.value);
+      Math.max(E, U) > ae ? (s.value = p, m.value = v) : (p <= 0 && (s.value = p), v >= u.value.length && (m.value = v));
+    }
+    h.value = S(s.value), i.value = S(u.value.length) - S(m.value);
+  }
+  function Q(t) {
+    const o = S(t);
+    !n.value || t && !o ? O = t : n.value.scrollTop = o;
+  }
+  const l = C(() => u.value.slice(s.value, m.value).map((t, o) => ({
+    raw: t,
+    index: o + s.value,
+    key: Te(t) && "value" in t ? t.value : o + s.value
+  })));
+  return F(u, () => {
+    T = Array.from({
+      length: u.value.length
+    }), g = Array.from({
+      length: u.value.length
+    }), x.immediate(), R();
+  }, {
+    deep: !0
+  }), {
+    calculateVisibleItems: R,
+    containerRef: n,
+    markerRef: V,
+    computedItems: l,
+    paddingTop: h,
+    paddingBottom: i,
+    scrollToIndex: Q,
+    handleScroll: H,
+    handleScrollend: X,
+    handleItemResize: ee
+  };
+}
+function tt(e, u) {
+  let a = e.length - 1, r = 0, s = 0, m = null, h = -1;
+  if (e[a] < u)
+    return a;
+  for (; r <= a; )
+    if (s = r + a >> 1, m = e[s], m > u)
+      a = s - 1;
+    else if (m < u)
+      h = s, r = s + 1;
+    else return m === u ? s : r;
+  return h;
+}
+const lt = Y({
+  items: {
+    type: Array,
+    default: () => []
+  },
+  renderless: Boolean,
+  ...Ze(),
+  ...ye(),
+  ...Ne()
+}, "VVirtualScroll"), nt = se()({
+  name: "VVirtualScroll",
+  props: lt(),
+  setup(e, u) {
+    let {
+      slots: a
+    } = u;
+    const r = ke("VVirtualScroll"), {
+      dimensionStyles: s
+    } = He(e), {
+      calculateVisibleItems: m,
+      containerRef: h,
+      markerRef: i,
+      handleScroll: n,
+      handleScrollend: V,
+      handleItemResize: k,
+      scrollToIndex: P,
+      paddingTop: c,
+      paddingBottom: I,
+      computedItems: D
+    } = et(e, Pe(e, "items"));
+    return xe(() => e.renderless, () => {
+      function T() {
+        const w = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1) ? "addEventListener" : "removeEventListener";
+        h.value === document.documentElement ? (document[w]("scroll", n, {
+          passive: !0
+        }), document[w]("scrollend", V)) : (h.value?.[w]("scroll", n, {
+          passive: !0
+        }), h.value?.[w]("scrollend", V));
+      }
+      Ee(() => {
+        h.value = Ue(r.vnode.el, !0), T(!0);
+      }), pe(T);
+    }), ue(() => {
+      const T = D.value.map((g) => d(Xe, {
+        key: g.key,
+        renderless: e.renderless,
+        "onUpdate:height": (w) => k(g.index, w)
+      }, {
+        default: (w) => a.default?.({
+          item: g.raw,
+          index: g.index,
+          ...w
+        })
+      }));
+      return e.renderless ? d($, null, [d("div", {
+        ref: i,
+        class: "v-virtual-scroll__spacer",
+        style: {
+          paddingTop: Z(c.value)
+        }
+      }, null), T, d("div", {
+        class: "v-virtual-scroll__spacer",
+        style: {
+          paddingBottom: Z(I.value)
+        }
+      }, null)]) : d("div", {
+        ref: h,
+        class: ["v-virtual-scroll", e.class],
+        onScrollPassive: n,
+        onScrollend: V,
+        style: [s.value, e.style]
+      }, [d("div", {
+        ref: i,
+        class: "v-virtual-scroll__container",
+        style: {
+          paddingTop: Z(c.value),
+          paddingBottom: Z(I.value)
+        }
+      }, [T])]);
+    }), {
+      calculateVisibleItems: m,
+      scrollToIndex: P
+    };
+  }
+});
+function at(e, u) {
+  const a = A(!1);
+  let r;
+  function s(i) {
+    cancelAnimationFrame(r), a.value = !0, r = requestAnimationFrame(() => {
+      r = requestAnimationFrame(() => {
+        a.value = !1;
+      });
+    });
+  }
+  async function m() {
+    await new Promise((i) => requestAnimationFrame(i)), await new Promise((i) => requestAnimationFrame(i)), await new Promise((i) => requestAnimationFrame(i)), await new Promise((i) => {
+      if (a.value) {
+        const n = F(a, () => {
+          n(), i();
+        });
+      } else i();
+    });
+  }
+  async function h(i) {
+    if (i.key === "Tab" && u.value?.focus(), !["PageDown", "PageUp", "Home", "End"].includes(i.key)) return;
+    const n = e.value?.$el;
+    if (!n) return;
+    (i.key === "Home" || i.key === "End") && n.scrollTo({
+      top: i.key === "Home" ? 0 : n.scrollHeight,
+      behavior: "smooth"
+    }), await m();
+    const V = n.querySelectorAll(":scope > :not(.v-virtual-scroll__spacer)");
+    if (i.key === "PageDown" || i.key === "Home") {
+      const k = n.getBoundingClientRect().top;
+      for (const P of V)
+        if (P.getBoundingClientRect().top >= k) {
+          P.focus();
+          break;
+        }
+    } else {
+      const k = n.getBoundingClientRect().bottom;
+      for (const P of [...V].reverse())
+        if (P.getBoundingClientRect().bottom <= k) {
+          P.focus();
+          break;
+        }
+    }
+  }
+  return {
+    onScrollPassive: s,
+    onKeydown: h
+  };
+}
+const ot = Y({
+  chips: Boolean,
+  closableChips: Boolean,
+  closeText: {
+    type: String,
+    default: "$vuetify.close"
+  },
+  openText: {
+    type: String,
+    default: "$vuetify.open"
+  },
+  eager: Boolean,
+  hideNoData: Boolean,
+  hideSelected: Boolean,
+  listProps: {
+    type: Object
+  },
+  menu: Boolean,
+  menuIcon: {
+    type: Re,
+    default: "$dropdown"
+  },
+  menuProps: {
+    type: Object
+  },
+  multiple: Boolean,
+  noDataText: {
+    type: String,
+    default: "$vuetify.noDataText"
+  },
+  openOnClear: Boolean,
+  itemColor: String,
+  ...Be({
+    itemChildren: !1
+  })
+}, "Select"), st = Y({
+  ...ot(),
+  ...Oe(we({
+    modelValue: null,
+    role: "combobox"
+  }), ["validationValue", "dirty", "appendInnerIcon"]),
+  ...qe({
+    transition: {
+      component: ze
+    }
+  })
+}, "VSelect"), Vt = se()({
+  name: "VSelect",
+  props: st(),
+  emits: {
+    "update:focused": (e) => !0,
+    "update:modelValue": (e) => !0,
+    "update:menu": (e) => !0
+  },
+  setup(e, u) {
+    let {
+      slots: a
+    } = u;
+    const {
+      t: r
+    } = Ce(), s = q(), m = q(), h = q(), i = ce(e, "menu"), n = C({
+      get: () => i.value,
+      set: (l) => {
+        i.value && !l && m.value?.ΨopenChildren.size || (i.value = l);
+      }
+    }), {
+      items: V,
+      transformIn: k,
+      transformOut: P
+    } = Fe(e), c = ce(e, "modelValue", [], (l) => k(l === null ? [null] : Ie(l)), (l) => {
+      const t = P(l);
+      return e.multiple ? t : t[0] ?? null;
+    }), I = C(() => typeof e.counterValue == "function" ? e.counterValue(c.value) : typeof e.counterValue == "number" ? e.counterValue : c.value.length), D = Le(e), T = C(() => c.value.map((l) => l.value)), g = A(!1), w = C(() => n.value ? e.closeText : e.openText);
+    let O = "", j;
+    const x = C(() => e.hideSelected ? V.value.filter((l) => !c.value.some((t) => (e.valueComparator || ne)(t, l))) : V.value), W = C(() => e.hideNoData && !x.value.length || D.isReadonly.value || D.isDisabled.value), ee = C(() => ({
+      ...e.menuProps,
+      activatorProps: {
+        ...e.menuProps?.activatorProps || {},
+        "aria-haspopup": "listbox"
+        // Set aria-haspopup to 'listbox'
+      }
+    })), S = q(), G = at(S, s);
+    function B(l) {
+      e.openOnClear && (n.value = !0);
+    }
+    function L() {
+      W.value || (n.value = !n.value);
+    }
+    function z(l) {
+      de(l) && M(l);
+    }
+    function M(l) {
+      if (!l.key || D.isReadonly.value) return;
+      ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key) && l.preventDefault(), ["Enter", "ArrowDown", " "].includes(l.key) && (n.value = !0), ["Escape", "Tab"].includes(l.key) && (n.value = !1), l.key === "Home" ? S.value?.focus("first") : l.key === "End" && S.value?.focus("last");
+      const t = 1e3;
+      if (!de(l)) return;
+      const o = performance.now();
+      o - j > t && (O = ""), O += l.key.toLowerCase(), j = o;
+      const y = V.value.find((p) => p.title.toLowerCase().startsWith(O));
+      if (y !== void 0) {
+        c.value = [y];
+        const p = x.value.indexOf(y);
+        oe && window.requestAnimationFrame(() => {
+          p >= 0 && h.value?.scrollToIndex(p);
+        });
+      }
+    }
+    function H(l) {
+      let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+      if (!l.props.disabled)
+        if (e.multiple) {
+          const o = c.value.findIndex((p) => (e.valueComparator || ne)(p.value, l.value)), y = t ?? !~o;
+          if (~o) {
+            const p = y ? [...c.value, l] : [...c.value];
+            p.splice(o, 1), c.value = p;
+          } else y && (c.value = [...c.value, l]);
+        } else {
+          const o = t !== !1;
+          c.value = o ? [l] : [], he(() => {
+            n.value = !1;
+          });
+        }
+    }
+    function X(l) {
+      S.value?.$el.contains(l.relatedTarget) || (n.value = !1);
+    }
+    function J() {
+      e.eager && h.value?.calculateVisibleItems();
+    }
+    function R() {
+      g.value && s.value?.focus();
+    }
+    function te(l) {
+      g.value = !0;
+    }
+    function Q(l) {
+      if (l == null) c.value = [];
+      else if (fe(s.value, ":autofill") || fe(s.value, ":-webkit-autofill")) {
+        const t = V.value.find((o) => o.title === l);
+        t && H(t);
+      } else s.value && (s.value.value = "");
+    }
+    return F(n, () => {
+      if (!e.hideSelected && n.value && c.value.length) {
+        const l = x.value.findIndex((t) => c.value.some((o) => (e.valueComparator || ne)(o.value, t.value)));
+        oe && window.requestAnimationFrame(() => {
+          l >= 0 && h.value?.scrollToIndex(l);
+        });
+      }
+    }), F(() => e.items, (l, t) => {
+      n.value || g.value && !t.length && l.length && (n.value = !0);
+    }), ue(() => {
+      const l = !!(e.chips || a.chip), t = !!(!e.hideNoData || x.value.length || a["prepend-item"] || a["append-item"] || a["no-data"]), o = c.value.length > 0, y = re.filterProps(e), p = o || !g.value && e.label && !e.persistentPlaceholder ? void 0 : e.placeholder;
+      return d(re, _({
+        ref: s
+      }, y, {
+        modelValue: c.value.map((f) => f.props.value).join(", "),
+        "onUpdate:modelValue": Q,
+        focused: g.value,
+        "onUpdate:focused": (f) => g.value = f,
+        validationValue: c.externalValue,
+        counterValue: I.value,
+        dirty: o,
+        class: ["v-select", {
+          "v-select--active-menu": n.value,
+          "v-select--chips": !!e.chips,
+          [`v-select--${e.multiple ? "multiple" : "single"}`]: !0,
+          "v-select--selected": c.value.length,
+          "v-select--selection-slot": !!a.selection
+        }, e.class],
+        style: e.style,
+        inputmode: "none",
+        placeholder: p,
+        "onClick:clear": B,
+        "onMousedown:control": L,
+        onBlur: X,
+        onKeydown: M,
+        "aria-label": r(w.value),
+        title: r(w.value)
+      }), {
+        ...a,
+        default: () => d($, null, [d(Ke, _({
+          ref: m,
+          modelValue: n.value,
+          "onUpdate:modelValue": (f) => n.value = f,
+          activator: "parent",
+          contentClass: "v-select__content",
+          disabled: W.value,
+          eager: e.eager,
+          maxHeight: 310,
+          openOnClick: !1,
+          closeOnContentClick: !1,
+          transition: e.transition,
+          onAfterEnter: J,
+          onAfterLeave: R
+        }, ee.value), {
+          default: () => [t && d(Me, _({
+            ref: S,
+            selected: T.value,
+            selectStrategy: e.multiple ? "independent" : "single-independent",
+            onMousedown: (f) => f.preventDefault(),
+            onKeydown: z,
+            onFocusin: te,
+            tabindex: "-1",
+            "aria-live": "polite",
+            color: e.itemColor ?? e.color
+          }, G, e.listProps), {
+            default: () => [a["prepend-item"]?.(), !x.value.length && !e.hideNoData && (a["no-data"]?.() ?? d(ve, {
+              key: "no-data",
+              title: r(e.noDataText)
+            }, null)), d(nt, {
+              ref: h,
+              renderless: !0,
+              items: x.value
+            }, {
+              default: (f) => {
+                let {
+                  item: v,
+                  index: E,
+                  itemRef: U
+                } = f;
+                const N = _(v.props, {
+                  ref: U,
+                  key: v.value,
+                  onClick: () => H(v, null)
+                });
+                return a.item?.({
+                  item: v,
+                  index: E,
+                  props: N
+                }) ?? d(ve, _(N, {
+                  role: "option"
+                }), {
+                  prepend: (K) => {
+                    let {
+                      isSelected: b
+                    } = K;
+                    return d($, null, [e.multiple && !e.hideSelected ? d($e, {
+                      key: v.value,
+                      modelValue: b,
+                      ripple: !1,
+                      tabindex: "-1"
+                    }, null) : void 0, v.props.prependAvatar && d(Ye, {
+                      image: v.props.prependAvatar
+                    }, null), v.props.prependIcon && d(me, {
+                      icon: v.props.prependIcon
+                    }, null)]);
+                  }
+                });
+              }
+            }), a["append-item"]?.()]
+          })]
+        }), c.value.map((f, v) => {
+          function E(b) {
+            b.stopPropagation(), b.preventDefault(), H(f, !1);
+          }
+          const U = {
+            "onClick:close": E,
+            onKeydown(b) {
+              b.key !== "Enter" && b.key !== " " || (b.preventDefault(), b.stopPropagation(), E(b));
+            },
+            onMousedown(b) {
+              b.preventDefault(), b.stopPropagation();
+            },
+            modelValue: !0,
+            "onUpdate:modelValue": void 0
+          }, N = l ? !!a.chip : !!a.selection, K = N ? Ae(l ? a.chip({
+            item: f,
+            index: v,
+            props: U
+          }) : a.selection({
+            item: f,
+            index: v
+          })) : void 0;
+          if (!(N && !K))
+            return d("div", {
+              key: f.value,
+              class: "v-select__selection"
+            }, [l ? a.chip ? d(je, {
+              key: "chip-defaults",
+              defaults: {
+                VChip: {
+                  closable: e.closableChips,
+                  size: "small",
+                  text: f.title
+                }
+              }
+            }, {
+              default: () => [K]
+            }) : d(We, _({
+              key: "chip",
+              closable: e.closableChips,
+              size: "small",
+              text: f.title,
+              disabled: f.props.disabled
+            }, U), null) : K ?? d("span", {
+              class: "v-select__selection-text"
+            }, [f.title, e.multiple && v < c.value.length - 1 && d("span", {
+              class: "v-select__selection-comma"
+            }, [De(",")])])]);
+        })]),
+        "append-inner": function() {
+          for (var f = arguments.length, v = new Array(f), E = 0; E < f; E++)
+            v[E] = arguments[E];
+          return d($, null, [a["append-inner"]?.(...v), e.menuIcon ? d(me, {
+            class: "v-select__menu-icon",
+            icon: e.menuIcon
+          }, null) : void 0]);
+        }
+      });
+    }), _e({
+      isFocused: g,
+      menu: n,
+      select: H
+    }, s);
+  }
+});
+Ve("css/revolugo.vselect.C5CKHFYB.css");
+export {
+  Vt as V,
+  nt as a,
+  ot as m,
+  at as u
+};
+//# sourceMappingURL=revolugo.vselect.B4IzM260.min.js.map