@revolugo/elements 6.8.2-beta.21 → 6.8.2-beta.3

package/dist/revolugo.vtooltip.CI_oDjbQ.min.js

@@ -0,0 +1,395 @@
+import { j as ie, k as re, b as H, V as U } from "./revolugo.index.CDltx0TU.min.js";
+import { w as N, u as K, e as ue, m as ce, g as fe, y as de, l as D } from "./revolugo.webcomponentwrapper.Ci87Oown.min.js";
+import { Z as j, _ as Q, ax as ve, aP as ge, a5 as x, D as v, cd as he, b6 as Y, M as pe, a as p, aS as Se, $ as B, bT as me, a2 as ye, aE as Ee, C as be, y as $, a6 as xe } from "./revolugo.index.wc.CNPB8R3P.min.js";
+import { f as we } from "./revolugo.forwardrefs.-bfQnFea.min.js";
+function se(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const n = import.meta.url, o = n.slice(0, n.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(o);
+      for (const s of REVOLUGO_ELEMENTS_STYLES.components)
+        s(o);
+      if (e.indexOf("fonts") >= 0) {
+        const s = document.createElement("link");
+        s.rel = "stylesheet", linK.href = o, document.head.appendChild(s);
+      }
+    }
+  } catch (n) {
+    console.error("[revolugo-elements] ", n);
+  }
+}
+function ze(e) {
+  let {
+    selectedElement: n,
+    containerElement: o,
+    isRtl: s,
+    isHorizontal: g
+  } = e;
+  const h = w(g, o), i = J(g, s, o), d = w(g, n), f = Z(g, n), S = d * 0.4;
+  return i > f ? f - S : i + h < f + d ? f - h + d + S : i;
+}
+function Oe(e) {
+  let {
+    selectedElement: n,
+    containerElement: o,
+    isHorizontal: s
+  } = e;
+  const g = w(s, o), h = Z(s, n), i = w(s, n);
+  return h - g / 2 + i / 2;
+}
+function q(e, n) {
+  const o = e ? "scrollWidth" : "scrollHeight";
+  return (n == null ? void 0 : n[o]) || 0;
+}
+function Te(e, n) {
+  const o = e ? "clientWidth" : "clientHeight";
+  return (n == null ? void 0 : n[o]) || 0;
+}
+function J(e, n, o) {
+  if (!o)
+    return 0;
+  const {
+    scrollLeft: s,
+    offsetWidth: g,
+    scrollWidth: h
+  } = o;
+  return e ? n ? h - g + s : s : o.scrollTop;
+}
+function w(e, n) {
+  const o = e ? "offsetWidth" : "offsetHeight";
+  return (n == null ? void 0 : n[o]) || 0;
+}
+function Z(e, n) {
+  const o = e ? "offsetLeft" : "offsetTop";
+  return (n == null ? void 0 : n[o]) || 0;
+}
+const ke = Symbol.for("vuetify:v-slide-group"), Ve = Q({
+  centerActive: Boolean,
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
+  symbol: {
+    type: null,
+    default: ke
+  },
+  nextIcon: {
+    type: B,
+    default: "$next"
+  },
+  prevIcon: {
+    type: B,
+    default: "$prev"
+  },
+  showArrows: {
+    type: [Boolean, String],
+    validator: (e) => typeof e == "boolean" || ["always", "desktop", "mobile"].includes(e)
+  },
+  ...ce(),
+  ...Se({
+    mobile: null
+  }),
+  ...ue(),
+  ...re({
+    selectedClass: "v-slide-group-item--active"
+  })
+}, "VSlideGroup"), Le = j()({
+  name: "VSlideGroup",
+  props: Ve(),
+  emits: {
+    "update:modelValue": (e) => !0
+  },
+  setup(e, n) {
+    let {
+      slots: o
+    } = n;
+    const {
+      isRtl: s
+    } = ve(), {
+      displayClasses: g,
+      mobile: h
+    } = ge(e), i = ie(e, e.symbol), d = x(!1), f = x(0), S = x(0), z = x(0), r = v(() => e.direction === "horizontal"), {
+      resizeRef: u,
+      contentRect: m
+    } = N(), {
+      resizeRef: c,
+      contentRect: y
+    } = N(), E = he(), C = v(() => ({
+      container: u.el,
+      duration: 200,
+      easing: "easeOutQuart"
+    })), X = v(() => i.selected.value.length ? i.items.value.findIndex((l) => l.id === i.selected.value[0]) : -1), ee = v(() => i.selected.value.length ? i.items.value.findIndex((l) => l.id === i.selected.value[i.selected.value.length - 1]) : -1);
+    if (Y) {
+      let l = -1;
+      pe(() => [i.selected.value, m.value, y.value, r.value], () => {
+        cancelAnimationFrame(l), l = requestAnimationFrame(() => {
+          if (m.value && y.value) {
+            const t = r.value ? "width" : "height";
+            S.value = m.value[t], z.value = y.value[t], d.value = S.value + 1 < z.value;
+          }
+          if (X.value >= 0 && c.el) {
+            const t = c.el.children[ee.value];
+            F(t, e.centerActive);
+          }
+        });
+      });
+    }
+    const O = x(!1);
+    function F(l, t) {
+      let a = 0;
+      t ? a = Oe({
+        containerElement: u.el,
+        isHorizontal: r.value,
+        selectedElement: l
+      }) : a = ze({
+        containerElement: u.el,
+        isHorizontal: r.value,
+        isRtl: s.value,
+        selectedElement: l
+      }), G(a);
+    }
+    function G(l) {
+      if (!Y || !u.el) return;
+      const t = w(r.value, u.el), a = J(r.value, s.value, u.el);
+      if (!(q(r.value, u.el) <= t || // Prevent scrolling by only a couple of pixels, which doesn't look smooth
+      Math.abs(l - a) < 16)) {
+        if (r.value && s.value && u.el) {
+          const {
+            scrollWidth: L,
+            offsetWidth: M
+          } = u.el;
+          l = L - M - l;
+        }
+        r.value ? E.horizontal(l, C.value) : E(l, C.value);
+      }
+    }
+    function te(l) {
+      const {
+        scrollTop: t,
+        scrollLeft: a
+      } = l.target;
+      f.value = r.value ? a : t;
+    }
+    function le(l) {
+      if (O.value = !0, !(!d.value || !c.el)) {
+        for (const t of l.composedPath())
+          for (const a of c.el.children)
+            if (a === t) {
+              F(a);
+              return;
+            }
+      }
+    }
+    function oe(l) {
+      O.value = !1;
+    }
+    let k = !1;
+    function ne(l) {
+      var t;
+      !k && !O.value && !(l.relatedTarget && ((t = c.el) != null && t.contains(l.relatedTarget))) && b(), k = !1;
+    }
+    function W() {
+      k = !0;
+    }
+    function ae(l) {
+      if (!c.el) return;
+      function t(a) {
+        l.preventDefault(), b(a);
+      }
+      r.value ? l.key === "ArrowRight" ? t(s.value ? "prev" : "next") : l.key === "ArrowLeft" && t(s.value ? "next" : "prev") : l.key === "ArrowDown" ? t("next") : l.key === "ArrowUp" && t("prev"), l.key === "Home" ? t("first") : l.key === "End" && t("last");
+    }
+    function T(l, t) {
+      if (!l) return;
+      let a = l;
+      do
+        a = a == null ? void 0 : a[t === "next" ? "nextElementSibling" : "previousElementSibling"];
+      while (a != null && a.hasAttribute("disabled"));
+      return a;
+    }
+    function b(l) {
+      if (!c.el) return;
+      let t;
+      if (!l)
+        t = me(c.el)[0];
+      else if (l === "next") {
+        if (t = T(c.el.querySelector(":focus"), l), !t) return b("first");
+      } else if (l === "prev") {
+        if (t = T(c.el.querySelector(":focus"), l), !t) return b("last");
+      } else l === "first" ? (t = c.el.firstElementChild, t != null && t.hasAttribute("disabled") && (t = T(t, "next"))) : l === "last" && (t = c.el.lastElementChild, t != null && t.hasAttribute("disabled") && (t = T(t, "prev")));
+      t && t.focus({
+        preventScroll: !0
+      });
+    }
+    function V(l) {
+      const t = r.value && s.value ? -1 : 1, a = (l === "prev" ? -t : t) * S.value;
+      let I = f.value + a;
+      if (r.value && s.value && u.el) {
+        const {
+          scrollWidth: L,
+          offsetWidth: M
+        } = u.el;
+        I += L - M;
+      }
+      G(I);
+    }
+    const P = v(() => ({
+      next: i.next,
+      prev: i.prev,
+      select: i.select,
+      isSelected: i.isSelected
+    })), R = v(() => {
+      switch (e.showArrows) {
+        // Always show arrows on desktop & mobile
+        case "always":
+          return !0;
+        // Always show arrows on desktop
+        case "desktop":
+          return !h.value;
+        // Show arrows on mobile when overflowing.
+        // This matches the default 2.2 behavior
+        case !0:
+          return d.value || Math.abs(f.value) > 0;
+        // Always show on mobile
+        case "mobile":
+          return h.value || d.value || Math.abs(f.value) > 0;
+        // https://material.io/components/tabs#scrollable-tabs
+        // Always show arrows when
+        // overflowed on desktop
+        default:
+          return !h.value && (d.value || Math.abs(f.value) > 0);
+      }
+    }), _ = v(() => Math.abs(f.value) > 1), A = v(() => {
+      if (!u.value) return !1;
+      const l = q(r.value, u.el), t = Te(r.value, u.el);
+      return l - t - Math.abs(f.value) > 1;
+    });
+    return K(() => p(e.tag, {
+      class: ["v-slide-group", {
+        "v-slide-group--vertical": !r.value,
+        "v-slide-group--has-affixes": R.value,
+        "v-slide-group--is-overflowing": d.value
+      }, g.value, e.class],
+      style: e.style,
+      tabindex: O.value || i.selected.value.length ? -1 : 0,
+      onFocus: ne
+    }, {
+      default: () => {
+        var l, t, a;
+        return [R.value && p("div", {
+          key: "prev",
+          class: ["v-slide-group__prev", {
+            "v-slide-group__prev--disabled": !_.value
+          }],
+          onMousedown: W,
+          onClick: () => _.value && V("prev")
+        }, [((l = o.prev) == null ? void 0 : l.call(o, P.value)) ?? p(H, null, {
+          default: () => [p(U, {
+            icon: s.value ? e.nextIcon : e.prevIcon
+          }, null)]
+        })]), p("div", {
+          key: "container",
+          ref: u,
+          class: "v-slide-group__container",
+          onScroll: te
+        }, [p("div", {
+          ref: c,
+          class: "v-slide-group__content",
+          onFocusin: le,
+          onFocusout: oe,
+          onKeydown: ae
+        }, [(t = o.default) == null ? void 0 : t.call(o, P.value)])]), R.value && p("div", {
+          key: "next",
+          class: ["v-slide-group__next", {
+            "v-slide-group__next--disabled": !A.value
+          }],
+          onMousedown: W,
+          onClick: () => A.value && V("next")
+        }, [((a = o.next) == null ? void 0 : a.call(o, P.value)) ?? p(H, null, {
+          default: () => [p(U, {
+            icon: s.value ? e.prevIcon : e.nextIcon
+          }, null)]
+        })])];
+      }
+    })), {
+      selected: i.selected,
+      scrollTo: V,
+      scrollOffset: f,
+      focus: b,
+      hasPrev: _,
+      hasNext: A
+    };
+  }
+}), Pe = Q({
+  id: String,
+  text: String,
+  ...xe(de({
+    closeOnBack: !1,
+    location: "end",
+    locationStrategy: "connected",
+    eager: !0,
+    minWidth: 0,
+    offset: 10,
+    openOnClick: !1,
+    openOnHover: !0,
+    origin: "auto",
+    scrim: !1,
+    scrollStrategy: "reposition",
+    transition: !1
+  }), ["absolute", "persistent"])
+}, "VTooltip"), Me = j()({
+  name: "VTooltip",
+  props: Pe(),
+  emits: {
+    "update:modelValue": (e) => !0
+  },
+  setup(e, n) {
+    let {
+      slots: o
+    } = n;
+    const s = ye(e, "modelValue"), {
+      scopeId: g
+    } = fe(), h = Ee(), i = v(() => e.id || `v-tooltip-${h}`), d = be(), f = v(() => e.location.split(" ").length > 1 ? e.location : e.location + " center"), S = v(() => e.origin === "auto" || e.origin === "overlap" || e.origin.split(" ").length > 1 || e.location.split(" ").length > 1 ? e.origin : e.origin + " center"), z = v(() => e.transition ? e.transition : s.value ? "scale-transition" : "fade-transition"), r = v(() => $({
+      "aria-describedby": i.value
+    }, e.activatorProps));
+    return K(() => {
+      const u = D.filterProps(e);
+      return p(D, $({
+        ref: d,
+        class: ["v-tooltip", e.class],
+        style: e.style,
+        id: i.value
+      }, u, {
+        modelValue: s.value,
+        "onUpdate:modelValue": (m) => s.value = m,
+        transition: z.value,
+        absolute: !0,
+        location: f.value,
+        origin: S.value,
+        persistent: !0,
+        role: "tooltip",
+        activatorProps: r.value,
+        _disableGlobalStack: !0
+      }, g), {
+        activator: o.activator,
+        default: function() {
+          var E;
+          for (var m = arguments.length, c = new Array(m), y = 0; y < m; y++)
+            c[y] = arguments[y];
+          return ((E = o.default) == null ? void 0 : E.call(o, ...c)) ?? e.text;
+        }
+      });
+    }), we({}, d);
+  }
+});
+se("css/revolugo.vtooltip.O8QDYs1J.css");
+export {
+  Me as V,
+  ke as a,
+  Le as b,
+  Ve as m
+};
+//# sourceMappingURL=revolugo.vtooltip.CI_oDjbQ.min.js.map

package/dist/{revolugo.vwindowitem.D5OeWBiN.min.js → revolugo.vwindowitem.IF1zLcjR.min.js}

@@ -1,8 +1,8 @@
-import { bE as b, X as B, Y as R, aF as G, az as j, aa as A, C as Y, D as h, a3 as T, L as U, a as m, H as V, aC as F, aH as z, ai as D, ag as N, Q as K, a7 as x, I as Q } from "./revolugo.index.wc.CiMMOIKO.min.js";
-import { u as X, e as q, m as H, r as J, M as Z, v as p } from "./revolugo.webcomponentwrapper.B9-sm0Ry.min.js";
-import { j as ee, u as te, i as ne } from "./revolugo.index.CxQvHaJF.min.js";
-import { u as oe } from "./revolugo.ssrboot.6UmkB4Il.min.js";
-import { a as I } from "./revolugo.vbtn.CJwuvbOT.min.js";
+import { bg as b, Z as B, _ as R, aD as G, ax as j, ac as A, C, D as h, a5 as T, M as U, a as m, H as V, aA as D, aF as F, ak as z, ai as N, R as K, a9 as Y, I as Z } from "./revolugo.index.wc.CNPB8R3P.min.js";
+import { u as k, e as q, m as O, r as J, M as Q, v as p } from "./revolugo.webcomponentwrapper.Ci87Oown.min.js";
+import { j as ee, u as te, i as ne } from "./revolugo.index.CDltx0TU.min.js";
+import { u as oe } from "./revolugo.ssrboot.CTe1vadS.min.js";
+import { a as I } from "./revolugo.vbtn.DsvUpshD.min.js";
 function $(e) {
   try {
     if (typeof document < "u") {
@@ -101,10 +101,10 @@ function re(e, o) {
     t.removeEventListener(d, i[d]);
   }), delete t._touchHandlers[n];
 }
-const O = {
+const X = {
   mounted: le,
   unmounted: re
-}, k = Symbol.for("vuetify:v-window"), W = Symbol.for("vuetify:v-window-group"), de = R({
+}, H = Symbol.for("vuetify:v-window"), M = Symbol.for("vuetify:v-window-group"), de = R({
   continuous: Boolean,
   nextIcon: {
     type: [Boolean, String, Function, Object],
@@ -138,13 +138,13 @@ const O = {
     type: [Boolean, String],
     default: "force"
   },
-  ...H(),
+  ...O(),
   ...q(),
-  ...z()
+  ...F()
 }, "VWindow"), ye = B()({
   name: "VWindow",
   directives: {
-    Touch: O
+    Touch: X
   },
   props: de(),
   emits: {
@@ -160,28 +160,28 @@ const O = {
       isRtl: i
     } = j(), {
       t: u
-    } = A(), s = ee(e, W), d = Y(), r = h(() => i.value ? !e.reverse : e.reverse), v = T(!1), E = h(() => {
+    } = A(), s = ee(e, M), d = C(), r = h(() => i.value ? !e.reverse : e.reverse), v = T(!1), E = h(() => {
       const a = e.direction === "vertical" ? "y" : "x", f = (r.value ? !v.value : v.value) ? "-reverse" : "";
       return `v-window-${a}${f}-transition`;
-    }), S = T(0), y = Y(void 0), g = h(() => s.items.value.findIndex((a) => s.selected.value.includes(a.id)));
+    }), S = T(0), y = C(void 0), g = h(() => s.items.value.findIndex((a) => s.selected.value.includes(a.id)));
     U(g, (a, l) => {
-      const f = s.items.value.length, C = f - 1;
-      f <= 2 ? v.value = a < l : a === C && l === 0 ? v.value = !0 : a === 0 && l === C ? v.value = !1 : v.value = a < l;
-    }), D(k, {
+      const f = s.items.value.length, L = f - 1;
+      f <= 2 ? v.value = a < l : a === L && l === 0 ? v.value = !0 : a === 0 && l === L ? v.value = !1 : v.value = a < l;
+    }), z(H, {
       transition: E,
       isReversed: v,
       transitionCount: S,
       transitionHeight: y,
       rootRef: d
     });
-    const c = h(() => e.continuous || g.value !== 0), w = h(() => e.continuous || g.value !== s.items.value.length - 1);
-    function _() {
+    const c = h(() => e.continuous || g.value !== 0), _ = h(() => e.continuous || g.value !== s.items.value.length - 1);
+    function w() {
       c.value && s.prev();
     }
-    function L() {
-      w.value && s.next();
+    function x() {
+      _.value && s.next();
     }
-    const M = h(() => {
+    const W = h(() => {
       const a = [], l = {
         icon: i.value ? e.nextIcon : e.prevIcon,
         class: `v-window__${r.value ? "right" : "left"}`,
@@ -197,16 +197,16 @@ const O = {
         onClick: s.next,
         "aria-label": u("$vuetify.carousel.next")
       };
-      return a.push(w.value ? t.next ? t.next({
+      return a.push(_.value ? t.next ? t.next({
         props: f
       }) : m(I, f, null) : m("div", null, null)), a;
     }), P = h(() => e.touch === !1 ? e.touch : {
       ...{
         left: () => {
-          r.value ? _() : L();
+          r.value ? w() : x();
         },
         right: () => {
-          r.value ? L() : _();
+          r.value ? x() : w();
         },
         start: (l) => {
           let {
@@ -217,7 +217,7 @@ const O = {
       },
       ...e.touch === !0 ? {} : e.touch
     });
-    return X(() => V(m(e.tag, {
+    return k(() => V(m(e.tag, {
       ref: d,
       class: ["v-window", {
         "v-window--show-arrows-on-hover": e.showArrows === "hover"
@@ -235,11 +235,11 @@ const O = {
           group: s
         }), e.showArrows !== !1 && m("div", {
           class: "v-window__controls"
-        }, [M.value])]), (l = t.additional) == null ? void 0 : l.call(t, {
+        }, [W.value])]), (l = t.additional) == null ? void 0 : l.call(t, {
           group: s
         })];
       }
-    }), [[F("touch"), P.value]])), {
+    }), [[D("touch"), P.value]])), {
       group: s
     };
   }
@@ -252,13 +252,13 @@ const O = {
     type: [Boolean, String],
     default: void 0
   },
-  ...H(),
+  ...O(),
   ...ne(),
   ...p()
 }, "VWindowItem"), Se = B()({
   name: "VWindowItem",
   directives: {
-    Touch: O
+    Touch: X
   },
   props: ve(),
   emits: {
@@ -268,7 +268,7 @@ const O = {
     let {
       slots: t
     } = o;
-    const n = N(k), i = te(e, W), {
+    const n = N(H), i = te(e, M), {
       isBooted: u
     } = oe();
     if (!n || !i) throw new Error("[Vuetify] VWindowItem must be used inside VWindow");
@@ -278,14 +278,14 @@ const O = {
     }
     function v() {
       var c;
-      s.value || !n || (s.value = !0, n.transitionCount.value === 0 && (n.transitionHeight.value = x((c = n.rootRef.value) == null ? void 0 : c.clientHeight)), n.transitionCount.value += 1);
+      s.value || !n || (s.value = !0, n.transitionCount.value === 0 && (n.transitionHeight.value = Y((c = n.rootRef.value) == null ? void 0 : c.clientHeight)), n.transitionCount.value += 1);
     }
     function E() {
       r();
     }
     function S(c) {
       s.value && K(() => {
-        !d.value || !s.value || !n || (n.transitionHeight.value = x(c.clientHeight));
+        !d.value || !s.value || !n || (n.transitionHeight.value = Y(c.clientHeight));
       });
     }
     const y = h(() => {
@@ -303,7 +303,7 @@ const O = {
     }), {
       hasContent: g
     } = J(e, i.isSelected);
-    return X(() => m(Z, {
+    return k(() => m(Q, {
       transition: y.value,
       disabled: !u.value
     }, {
@@ -312,7 +312,7 @@ const O = {
         return [V(m("div", {
           class: ["v-window-item", i.selectedClass.value, e.class],
           style: e.style
-        }, [g.value && ((c = t.default) == null ? void 0 : c.call(t))]), [[Q, i.isSelected.value]])];
+        }, [g.value && ((c = t.default) == null ? void 0 : c.call(t))]), [[Z, i.isSelected.value]])];
       }
     })), {
       groupItem: i
@@ -326,4 +326,4 @@ export {
   ve as b,
   de as m
 };
-//# sourceMappingURL=revolugo.vwindowitem.D5OeWBiN.min.js.map
+//# sourceMappingURL=revolugo.vwindowitem.IF1zLcjR.min.js.map

package/dist/{revolugo.watch-list.BFsimHQY.min.js → revolugo.watch-list.BD0XoO1O.min.js}

@@ -1,4 +1,4 @@
-import { d as x } from "./revolugo.index.wc.CiMMOIKO.min.js";
+import { d as x } from "./revolugo.index.wc.CNPB8R3P.min.js";
 const f = (r, d, e) => x({
   watch: r.reduce((m, c) => (m[c] = {
     deep: e == null ? void 0 : e.deep,
@@ -13,4 +13,4 @@ const f = (r, d, e) => x({
 export {
   f as w
 };
-//# sourceMappingURL=revolugo.watch-list.BFsimHQY.min.js.map
+//# sourceMappingURL=revolugo.watch-list.BD0XoO1O.min.js.map