@revolugo/elements 6.8.2-beta.2 → 6.8.2-beta.20

package/dist/revolugo.vslidegroup.aRAg8EmQ.min.js

@@ -0,0 +1,333 @@
+import { j as le, k as oe, b as H } from "./revolugo.index.CxQvHaJF.min.js";
+import { w as N, u as ne, e as se, m as re } from "./revolugo.webcomponentwrapper.B9-sm0Ry.min.js";
+import { X as ie, Y as ae, az as ue, aP as ce, a3 as y, D as S, cr as fe, bu as U, L as de, a as h, aR as ve, Z as D, c4 as pe } from "./revolugo.index.wc.CiMMOIKO.min.js";
+import { V as Y } from "./revolugo.vicon.BnJaIb_1.min.js";
+function te(l) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const o = import.meta.url, n = o.slice(0, o.lastIndexOf("/") + 1) + l;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(n);
+      for (const r of REVOLUGO_ELEMENTS_STYLES.components)
+        r(n);
+      if (l.indexOf("fonts") >= 0) {
+        const r = document.createElement("link");
+        r.rel = "stylesheet", linK.href = n, document.head.appendChild(r);
+      }
+    }
+  } catch (o) {
+    console.error("[revolugo-elements] ", o);
+  }
+}
+function he(l) {
+  let {
+    selectedElement: o,
+    containerElement: n,
+    isRtl: r,
+    isHorizontal: d
+  } = l;
+  const v = E(d, n), i = B(d, r, n), p = E(d, o), c = K(d, o), g = p * 0.4;
+  return i > c ? c - g : i + v < c + p ? c - v + p + g : i;
+}
+function Se(l) {
+  let {
+    selectedElement: o,
+    containerElement: n,
+    isHorizontal: r
+  } = l;
+  const d = E(r, n), v = K(r, o), i = E(r, o);
+  return v - d / 2 + i / 2;
+}
+function q(l, o) {
+  const n = l ? "scrollWidth" : "scrollHeight";
+  return (o == null ? void 0 : o[n]) || 0;
+}
+function ge(l, o) {
+  const n = l ? "clientWidth" : "clientHeight";
+  return (o == null ? void 0 : o[n]) || 0;
+}
+function B(l, o, n) {
+  if (!n)
+    return 0;
+  const {
+    scrollLeft: r,
+    offsetWidth: d,
+    scrollWidth: v
+  } = n;
+  return l ? o ? v - d + r : r : n.scrollTop;
+}
+function E(l, o) {
+  const n = l ? "offsetWidth" : "offsetHeight";
+  return (o == null ? void 0 : o[n]) || 0;
+}
+function K(l, o) {
+  const n = l ? "offsetLeft" : "offsetTop";
+  return (o == null ? void 0 : o[n]) || 0;
+}
+const me = Symbol.for("vuetify:v-slide-group"), ye = ae({
+  centerActive: Boolean,
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
+  symbol: {
+    type: null,
+    default: me
+  },
+  nextIcon: {
+    type: D,
+    default: "$next"
+  },
+  prevIcon: {
+    type: D,
+    default: "$prev"
+  },
+  showArrows: {
+    type: [Boolean, String],
+    validator: (l) => typeof l == "boolean" || ["always", "desktop", "mobile"].includes(l)
+  },
+  ...re(),
+  ...ve({
+    mobile: null
+  }),
+  ...se(),
+  ...oe({
+    selectedClass: "v-slide-group-item--active"
+  })
+}, "VSlideGroup"), we = ie()({
+  name: "VSlideGroup",
+  props: ye(),
+  emits: {
+    "update:modelValue": (l) => !0
+  },
+  setup(l, o) {
+    let {
+      slots: n
+    } = o;
+    const {
+      isRtl: r
+    } = ue(), {
+      displayClasses: d,
+      mobile: v
+    } = ce(l), i = le(l, l.symbol), p = y(!1), c = y(0), g = y(0), F = y(0), a = S(() => l.direction === "horizontal"), {
+      resizeRef: u,
+      contentRect: z
+    } = N(), {
+      resizeRef: f,
+      contentRect: w
+    } = N(), I = fe(), M = S(() => ({
+      container: u.el,
+      duration: 200,
+      easing: "easeOutQuart"
+    })), j = S(() => i.selected.value.length ? i.items.value.findIndex((t) => t.id === i.selected.value[0]) : -1), $ = S(() => i.selected.value.length ? i.items.value.findIndex((t) => t.id === i.selected.value[i.selected.value.length - 1]) : -1);
+    if (U) {
+      let t = -1;
+      de(() => [i.selected.value, z.value, w.value, a.value], () => {
+        cancelAnimationFrame(t), t = requestAnimationFrame(() => {
+          if (z.value && w.value) {
+            const e = a.value ? "width" : "height";
+            g.value = z.value[e], F.value = w.value[e], p.value = g.value + 1 < F.value;
+          }
+          if (j.value >= 0 && f.el) {
+            const e = f.el.children[$.value];
+            P(e, l.centerActive);
+          }
+        });
+      });
+    }
+    const x = y(!1);
+    function P(t, e) {
+      let s = 0;
+      e ? s = Se({
+        containerElement: u.el,
+        isHorizontal: a.value,
+        selectedElement: t
+      }) : s = he({
+        containerElement: u.el,
+        isHorizontal: a.value,
+        isRtl: r.value,
+        selectedElement: t
+      }), G(s);
+    }
+    function G(t) {
+      if (!U || !u.el) return;
+      const e = E(a.value, u.el), s = B(a.value, r.value, u.el);
+      if (!(q(a.value, u.el) <= e || // Prevent scrolling by only a couple of pixels, which doesn't look smooth
+      Math.abs(t - s) < 16)) {
+        if (a.value && r.value && u.el) {
+          const {
+            scrollWidth: A,
+            offsetWidth: C
+          } = u.el;
+          t = A - C - t;
+        }
+        a.value ? I.horizontal(t, M.value) : I(t, M.value);
+      }
+    }
+    function Q(t) {
+      const {
+        scrollTop: e,
+        scrollLeft: s
+      } = t.target;
+      c.value = a.value ? s : e;
+    }
+    function X(t) {
+      if (x.value = !0, !(!p.value || !f.el)) {
+        for (const e of t.composedPath())
+          for (const s of f.el.children)
+            if (s === e) {
+              P(s);
+              return;
+            }
+      }
+    }
+    function Z(t) {
+      x.value = !1;
+    }
+    let k = !1;
+    function J(t) {
+      var e;
+      !k && !x.value && !(t.relatedTarget && ((e = f.el) != null && e.contains(t.relatedTarget))) && m(), k = !1;
+    }
+    function W() {
+      k = !0;
+    }
+    function ee(t) {
+      if (!f.el) return;
+      function e(s) {
+        t.preventDefault(), m(s);
+      }
+      a.value ? t.key === "ArrowRight" ? e(r.value ? "prev" : "next") : t.key === "ArrowLeft" && e(r.value ? "next" : "prev") : t.key === "ArrowDown" ? e("next") : t.key === "ArrowUp" && e("prev"), t.key === "Home" ? e("first") : t.key === "End" && e("last");
+    }
+    function b(t, e) {
+      if (!t) return;
+      let s = t;
+      do
+        s = s == null ? void 0 : s[e === "next" ? "nextElementSibling" : "previousElementSibling"];
+      while (s != null && s.hasAttribute("disabled"));
+      return s;
+    }
+    function m(t) {
+      if (!f.el) return;
+      let e;
+      if (!t)
+        e = pe(f.el)[0];
+      else if (t === "next") {
+        if (e = b(f.el.querySelector(":focus"), t), !e) return m("first");
+      } else if (t === "prev") {
+        if (e = b(f.el.querySelector(":focus"), t), !e) return m("last");
+      } else t === "first" ? (e = f.el.firstElementChild, e != null && e.hasAttribute("disabled") && (e = b(e, "next"))) : t === "last" && (e = f.el.lastElementChild, e != null && e.hasAttribute("disabled") && (e = b(e, "prev")));
+      e && e.focus({
+        preventScroll: !0
+      });
+    }
+    function T(t) {
+      const e = a.value && r.value ? -1 : 1, s = (t === "prev" ? -e : e) * g.value;
+      let V = c.value + s;
+      if (a.value && r.value && u.el) {
+        const {
+          scrollWidth: A,
+          offsetWidth: C
+        } = u.el;
+        V += A - C;
+      }
+      G(V);
+    }
+    const O = S(() => ({
+      next: i.next,
+      prev: i.prev,
+      select: i.select,
+      isSelected: i.isSelected
+    })), R = S(() => {
+      switch (l.showArrows) {
+        // Always show arrows on desktop & mobile
+        case "always":
+          return !0;
+        // Always show arrows on desktop
+        case "desktop":
+          return !v.value;
+        // Show arrows on mobile when overflowing.
+        // This matches the default 2.2 behavior
+        case !0:
+          return p.value || Math.abs(c.value) > 0;
+        // Always show on mobile
+        case "mobile":
+          return v.value || p.value || Math.abs(c.value) > 0;
+        // https://material.io/components/tabs#scrollable-tabs
+        // Always show arrows when
+        // overflowed on desktop
+        default:
+          return !v.value && (p.value || Math.abs(c.value) > 0);
+      }
+    }), _ = S(() => Math.abs(c.value) > 1), L = S(() => {
+      if (!u.value) return !1;
+      const t = q(a.value, u.el), e = ge(a.value, u.el);
+      return t - e - Math.abs(c.value) > 1;
+    });
+    return ne(() => h(l.tag, {
+      class: ["v-slide-group", {
+        "v-slide-group--vertical": !a.value,
+        "v-slide-group--has-affixes": R.value,
+        "v-slide-group--is-overflowing": p.value
+      }, d.value, l.class],
+      style: l.style,
+      tabindex: x.value || i.selected.value.length ? -1 : 0,
+      onFocus: J
+    }, {
+      default: () => {
+        var t, e, s;
+        return [R.value && h("div", {
+          key: "prev",
+          class: ["v-slide-group__prev", {
+            "v-slide-group__prev--disabled": !_.value
+          }],
+          onMousedown: W,
+          onClick: () => _.value && T("prev")
+        }, [((t = n.prev) == null ? void 0 : t.call(n, O.value)) ?? h(H, null, {
+          default: () => [h(Y, {
+            icon: r.value ? l.nextIcon : l.prevIcon
+          }, null)]
+        })]), h("div", {
+          key: "container",
+          ref: u,
+          class: "v-slide-group__container",
+          onScroll: Q
+        }, [h("div", {
+          ref: f,
+          class: "v-slide-group__content",
+          onFocusin: X,
+          onFocusout: Z,
+          onKeydown: ee
+        }, [(e = n.default) == null ? void 0 : e.call(n, O.value)])]), R.value && h("div", {
+          key: "next",
+          class: ["v-slide-group__next", {
+            "v-slide-group__next--disabled": !L.value
+          }],
+          onMousedown: W,
+          onClick: () => L.value && T("next")
+        }, [((s = n.next) == null ? void 0 : s.call(n, O.value)) ?? h(H, null, {
+          default: () => [h(Y, {
+            icon: r.value ? l.prevIcon : l.nextIcon
+          }, null)]
+        })])];
+      }
+    })), {
+      selected: i.selected,
+      scrollTo: T,
+      scrollOffset: c,
+      focus: m,
+      hasPrev: _,
+      hasNext: L
+    };
+  }
+});
+te("css/revolugo.vslidegroup.ECiLCEE9.css");
+export {
+  me as V,
+  we as a,
+  ye as m
+};
+//# sourceMappingURL=revolugo.vslidegroup.aRAg8EmQ.min.js.map

package/dist/{revolugo.vsnackbar.BVKj6AMI.min.js → revolugo.vsnackbar.CgopB6r6.min.js}

@@ -1,10 +1,9 @@
-import { g as U, u as G, l as p, y as I, E as B, F } from "./revolugo.webcomponentwrapper.D4MvwGCF.min.js";
+import { g as D, u as G, l as p, y as I, E as B, F } from "./revolugo.webcomponentwrapper.B9-sm0Ry.min.js";
 import { f as j } from "./revolugo.forwardrefs.-bfQnFea.min.js";
-import { a as K, m as $, b as q, V as H } from "./revolugo.position.Dh9P2x6G.min.js";
-import { Z, _ as z, a2 as J, aD as Q, C as h, a5 as E, ai as W, aN as X, M as _, V as ee, b$ as te, D as ae, a as s, y as C, a6 as ne, aF as oe, aO as se, R as re, a8 as ie } from "./revolugo.index.wc.bYWqzpa9.min.js";
-import { b as le, a as ce } from "./revolugo.rounded.B5lCsIO9.min.js";
-import { p as ue, q as me, g as ve, a as fe } from "./revolugo.index.D74NQ89L.min.js";
-function D(e) {
+import { n as H, t as K, v as Q, o as X, p as $, g as q, V as z, a as J } from "./revolugo.index.CxQvHaJF.min.js";
+import { X as W, Y as Z, a0 as ee, aF as te, C as b, a3 as E, ag as ae, aN as ne, L as _, S as oe, cc as se, D as re, a as s, y as C, a4 as ie, aH as le, aO as ce, Q as ue, a6 as me } from "./revolugo.index.wc.CiMMOIKO.min.js";
+import { b as ve, a as fe } from "./revolugo.rounded.DLc3W4P_.min.js";
+function U(e) {
   try {
     if (typeof document < "u") {
       window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
@@ -31,7 +30,7 @@ function de(e) {
     clearInterval(a);
   }
   function f() {
-    t(), re(() => o.value = e());
+    t(), ue(() => o.value = e());
   }
   function d(i) {
     const k = i ? getComputedStyle(i) : {
@@ -44,14 +43,14 @@ function de(e) {
       o.value = Math.max(e() - S, 0), o.value <= 0 && t();
     }, l);
   }
-  return se(t), {
+  return ce(t), {
     clear: t,
     time: o,
     start: d,
     reset: f
   };
 }
-const ke = z({
+const ke = Z({
   multiLine: Boolean,
   text: String,
   timer: [Boolean, String],
@@ -60,17 +59,17 @@ const ke = z({
     default: 5e3
   },
   vertical: Boolean,
-  ...q({
+  ...$({
     location: "bottom"
   }),
-  ...$(),
-  ...ce(),
-  ...me(),
-  ...oe(),
-  ...ne(I({
+  ...X(),
+  ...fe(),
+  ...Q(),
+  ...le(),
+  ...ie(I({
     transition: "v-snackbar-transition"
   }), ["persistent", "noClickAnimation", "scrim", "scrollStrategy"])
-}, "VSnackbar"), Ve = Z()({
+}, "VSnackbar"), Te = W()({
   name: "VSnackbar",
   props: ke(),
   emits: {
@@ -80,56 +79,56 @@ const ke = z({
     let {
       slots: a
     } = o;
-    const t = J(e, "modelValue"), {
+    const t = ee(e, "modelValue"), {
       positionClasses: f
-    } = K(e), {
+    } = H(e), {
       scopeId: d
-    } = U(), {
+    } = D(), {
       themeClasses: i
-    } = Q(e), {
+    } = te(e), {
       colorClasses: k,
       colorStyles: l,
       variantClasses: y
-    } = ue(e), {
+    } = K(e), {
       roundedClasses: S
-    } = le(e), c = de(() => Number(e.timeout)), T = h(), V = h(), u = E(!1), w = E(0), L = h(), O = W(B, void 0);
-    X(() => !!O, () => {
+    } = ve(e), c = de(() => Number(e.timeout)), T = b(), w = b(), u = E(!1), V = E(0), L = b(), O = ae(B, void 0);
+    ne(() => !!O, () => {
       const n = F();
-      ie(() => {
+      me(() => {
         L.value = n.mainStyles.value;
       });
-    }), _(t, m), _(() => e.timeout, m), ee(() => {
+    }), _(t, m), _(() => e.timeout, m), oe(() => {
       t.value && m();
     });
-    let b = -1;
+    let h = -1;
     function m() {
-      c.reset(), window.clearTimeout(b);
+      c.reset(), window.clearTimeout(h);
       const n = Number(e.timeout);
       if (!t.value || n === -1) return;
-      const r = te(V.value);
-      c.start(r), b = window.setTimeout(() => {
+      const r = se(w.value);
+      c.start(r), h = window.setTimeout(() => {
         t.value = !1;
       }, n);
     }
     function x() {
-      c.reset(), window.clearTimeout(b);
+      c.reset(), window.clearTimeout(h);
     }
     function R() {
       u.value = !0, x();
     }
-    function P() {
+    function g() {
       u.value = !1, m();
     }
-    function M(n) {
-      w.value = n.touches[0].clientY;
-    }
     function N(n) {
-      Math.abs(w.value - n.changedTouches[0].clientY) > 50 && (t.value = !1);
+      V.value = n.touches[0].clientY;
+    }
+    function Y(n) {
+      Math.abs(V.value - n.changedTouches[0].clientY) > 50 && (t.value = !1);
     }
-    function Y() {
-      u.value && P();
+    function M() {
+      u.value && g();
     }
-    const A = ae(() => e.location.split(" ").reduce((n, r) => (n[`v-snackbar--${r}`] = !0, n), {}));
+    const A = re(() => e.location.split(" ").reduce((n, r) => (n[`v-snackbar--${r}`] = !0, n), {}));
     return G(() => {
       const n = p.filterProps(e), r = !!(a.default || a.text || e.text);
       return s(p, C({
@@ -148,24 +147,24 @@ const ke = z({
           class: ["v-snackbar__wrapper", i.value, k.value, S.value, y.value],
           style: [l.value],
           onPointerenter: R,
-          onPointerleave: P
+          onPointerleave: g
         }, n.contentProps),
         persistent: !0,
         noClickAnimation: !0,
         scrim: !1,
         scrollStrategy: "none",
         _disableGlobalStack: !0,
-        onTouchstartPassive: M,
-        onTouchend: N,
-        onAfterLeave: Y
+        onTouchstartPassive: N,
+        onTouchend: Y,
+        onAfterLeave: M
       }, d), {
         default: () => {
-          var v, g;
-          return [ve(!1, "v-snackbar"), e.timer && !u.value && s("div", {
+          var v, P;
+          return [q(!1, "v-snackbar"), e.timer && !u.value && s("div", {
             key: "timer",
             class: "v-snackbar__timer"
-          }, [s(H, {
-            ref: V,
+          }, [s(z, {
+            ref: w,
             color: typeof e.timer == "string" ? e.timer : "info",
             max: e.timeout,
             "model-value": c.time.value
@@ -174,7 +173,7 @@ const ke = z({
             class: "v-snackbar__content",
             role: "status",
             "aria-live": "polite"
-          }, [((v = a.text) == null ? void 0 : v.call(a)) ?? e.text, (g = a.default) == null ? void 0 : g.call(a)]), a.actions && s(fe, {
+          }, [((v = a.text) == null ? void 0 : v.call(a)) ?? e.text, (P = a.default) == null ? void 0 : P.call(a)]), a.actions && s(J, {
             defaults: {
               VBtn: {
                 variant: "text",
@@ -195,8 +194,8 @@ const ke = z({
     }), j({}, T);
   }
 });
-D("css/revolugo.vsnackbar.Cj7AcupY.css");
+U("css/revolugo.vsnackbar.Cj7AcupY.css");
 export {
-  Ve as V
+  Te as V
 };
-//# sourceMappingURL=revolugo.vsnackbar.BVKj6AMI.min.js.map
+//# sourceMappingURL=revolugo.vsnackbar.CgopB6r6.min.js.map

package/dist/revolugo.vspacer.DfGL0s5_.min.js

@@ -0,0 +1,7 @@
+import "./revolugo.webcomponentwrapper.B9-sm0Ry.min.js";
+import { c as r } from "./revolugo.index.CxQvHaJF.min.js";
+const e = r("v-spacer", "div", "VSpacer");
+export {
+  e as V
+};
+//# sourceMappingURL=revolugo.vspacer.DfGL0s5_.min.js.map