@revolugo/elements 6.8.2 → 6.8.3-beta.1

package/dist/{revolugo.vsheet.8UeU7qQn.min.js → revolugo.vsheet.Bq0fXKd0.min.js}

@@ -1,7 +1,7 @@
-import { c as E, u as S, b as h, a as v, m as f, d as k } from "./revolugo.rounded.Dnxang6X.min.js";
-import { b as L, n as p, u as C, e as P, o as T, m as y } from "./revolugo.webcomponentwrapper.DFYGhYzz.min.js";
-import { u as O, a as V, m as g, b as _ } from "./revolugo.position.hqKd4K_h.min.js";
-import { Z as R, _ as b, aD as w, ab as N, a as U, aF as D } from "./revolugo.index.wc.7I5uexuc.min.js";
+import { c as E, u as S, b as h, a as f, m as v, d as k } from "./revolugo.rounded.BOHYNseH.min.js";
+import { b as L, n as p, u as C, e as P, o as T, m as y } from "./revolugo.webcomponentwrapper.BMVPGxCQ.min.js";
+import { l as O, n as V, o as g, p as R } from "./revolugo.index.Cgeh5pQG.min.js";
+import { a1 as _, a2 as w, aK as b, af as M, a as N, aM as U } from "./revolugo.index.wc.C1h_M397.min.js";
 function d(e) {
   try {
     if (typeof document < "u") {
@@ -22,18 +22,18 @@ function d(e) {
     console.error("[revolugo-elements] ", s);
   }
 }
-const G = b({
+const G = w({
   color: String,
   ...k(),
   ...y(),
   ...T(),
-  ...f(),
-  ..._(),
-  ...g(),
   ...v(),
+  ...R(),
+  ...g(),
+  ...f(),
   ...P(),
-  ...D()
-}, "VSheet"), j = R()({
+  ...U()
+}, "VSheet"), j = _()({
   name: "VSheet",
   props: G(),
   setup(e, s) {
@@ -42,10 +42,10 @@ const G = b({
     } = s;
     const {
       themeClasses: o
-    } = w(e), {
+    } = b(e), {
       backgroundColorClasses: t,
       backgroundColorStyles: n
-    } = L(N(e, "color")), {
+    } = L(M(e, "color")), {
       borderClasses: r
     } = E(e), {
       dimensionStyles: l
@@ -58,7 +58,7 @@ const G = b({
     } = V(e), {
       roundedClasses: u
     } = h(e);
-    return C(() => U(e.tag, {
+    return C(() => N(e.tag, {
       class: ["v-sheet", o.value, t.value, r.value, c.value, i.value, u.value, e.class],
       style: [n.value, l.value, m.value, e.style]
     }, a)), {};
@@ -69,4 +69,4 @@ export {
   j as V,
   G as m
 };
-//# sourceMappingURL=revolugo.vsheet.8UeU7qQn.min.js.map
+//# sourceMappingURL=revolugo.vsheet.Bq0fXKd0.min.js.map

package/dist/{revolugo.vskeletonloader.Dk0enVo6.min.js → revolugo.vskeletonloader.CGHKwSZc.min.js}

@@ -1,6 +1,6 @@
-import { b, n as k, u as E, o as S } from "./revolugo.webcomponentwrapper.DFYGhYzz.min.js";
-import { u as L, m as x } from "./revolugo.rounded.Dnxang6X.min.js";
-import { Z as y, _ as w, ab as T, aD as _, ac as O, D as V, a3 as C, a as d, y as B, aF as P } from "./revolugo.index.wc.7I5uexuc.min.js";
+import { b as h, n as b, u as k, o as E } from "./revolugo.webcomponentwrapper.BMVPGxCQ.min.js";
+import { u as S, m as L } from "./revolugo.rounded.BOHYNseH.min.js";
+import { a1 as x, a2 as y, af as w, aK as T, ag as _, H as O, a7 as V, aM as C, a as l, D as B } from "./revolugo.index.wc.C1h_M397.min.js";
 function f(e) {
   try {
     if (typeof document < "u") {
@@ -8,20 +8,20 @@ function f(e) {
         sheets: [],
         components: []
       };
-      const a = import.meta.url, t = a.slice(0, a.lastIndexOf("/") + 1) + e;
-      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(t);
+      const t = import.meta.url, a = t.slice(0, t.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(a);
       for (const n of REVOLUGO_ELEMENTS_STYLES.components)
-        n(t);
+        n(a);
       if (e.indexOf("fonts") >= 0) {
         const n = document.createElement("link");
-        n.rel = "stylesheet", linK.href = t, document.head.appendChild(n);
+        n.rel = "stylesheet", linK.href = a, document.head.appendChild(n);
       }
     }
-  } catch (a) {
-    console.error("[revolugo-elements] ", a);
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
   }
 }
-const R = {
+const P = {
   actions: "button@2",
   article: "heading, paragraph",
   avatar: "avatar",
@@ -54,33 +54,33 @@ const R = {
   "table-tfoot": "text@2, avatar@2",
   text: "text"
 };
-function N(e) {
-  let a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return d("div", {
+function R(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  return l("div", {
     class: ["v-skeleton-loader__bone", `v-skeleton-loader__${e}`]
-  }, [a]);
+  }, [t]);
 }
-function s(e) {
-  const [a, t] = e.split("@");
+function r(e) {
+  const [t, a] = e.split("@");
   return Array.from({
-    length: t
-  }).map(() => o(a));
+    length: a
+  }).map(() => o(t));
 }
 function o(e) {
-  let a = [];
-  if (!e) return a;
-  const t = R[e];
-  if (e !== t) {
-    if (e.includes(",")) return l(e);
-    if (e.includes("@")) return s(e);
-    t.includes(",") ? a = l(t) : t.includes("@") ? a = s(t) : t && a.push(o(t));
+  let t = [];
+  if (!e) return t;
+  const a = P[e];
+  if (e !== a) {
+    if (e.includes(",")) return s(e);
+    if (e.includes("@")) return r(e);
+    a.includes(",") ? t = s(a) : a.includes("@") ? t = r(a) : a && t.push(o(a));
   }
-  return [N(e, a)];
+  return [R(e, t)];
 }
-function l(e) {
+function s(e) {
   return e.replace(/\s/g, "").split(",").map(o);
 }
-const U = w({
+const M = y({
   boilerplate: Boolean,
   color: String,
   loading: Boolean,
@@ -92,41 +92,40 @@ const U = w({
     type: [String, Array],
     default: "ossein"
   },
-  ...S(),
-  ...x(),
-  ...P()
-}, "VSkeletonLoader"), Y = y()({
+  ...E(),
+  ...L(),
+  ...C()
+}, "VSkeletonLoader"), Y = x()({
   name: "VSkeletonLoader",
-  props: U(),
-  setup(e, a) {
+  props: M(),
+  setup(e, t) {
     let {
-      slots: t
-    } = a;
+      slots: a
+    } = t;
     const {
       backgroundColorClasses: n,
-      backgroundColorStyles: c
-    } = b(T(e, "color")), {
-      dimensionStyles: u
-    } = k(e), {
-      elevationClasses: m
-    } = L(e), {
-      themeClasses: g
-    } = _(e), {
-      t: p
-    } = O(), v = V(() => o(C(e.type).join(",")));
-    return E(() => {
-      var r;
-      const i = !t.default || e.loading, h = e.boilerplate || !i ? {} : {
+      backgroundColorStyles: d
+    } = h(w(e, "color")), {
+      dimensionStyles: c
+    } = b(e), {
+      elevationClasses: u
+    } = S(e), {
+      themeClasses: m
+    } = T(e), {
+      t: g
+    } = _(), p = O(() => o(V(e.type).join(",")));
+    return k(() => {
+      const i = !a.default || e.loading, v = e.boilerplate || !i ? {} : {
         ariaLive: "polite",
-        ariaLabel: p(e.loadingText),
+        ariaLabel: g(e.loadingText),
         role: "alert"
       };
-      return d("div", B({
+      return l("div", B({
         class: ["v-skeleton-loader", {
           "v-skeleton-loader--boilerplate": e.boilerplate
-        }, g.value, n.value, m.value],
-        style: [c.value, i ? u.value : {}]
-      }, h), [i ? v.value : (r = t.default) == null ? void 0 : r.call(t)]);
+        }, m.value, n.value, u.value],
+        style: [d.value, i ? c.value : {}]
+      }, v), [i ? p.value : a.default?.()]);
     }), {};
   }
 });
@@ -134,4 +133,4 @@ f("css/revolugo.vskeletonloader.BlK8uFkX.css");
 export {
   Y as V
 };
-//# sourceMappingURL=revolugo.vskeletonloader.Dk0enVo6.min.js.map
+//# sourceMappingURL=revolugo.vskeletonloader.CGHKwSZc.min.js.map

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

@@ -0,0 +1,325 @@
+import { j as le, k as ne, b as H } from "./revolugo.index.Cgeh5pQG.min.js";
+import { w as U, u as oe, e as se, m as ie } from "./revolugo.webcomponentwrapper.BMVPGxCQ.min.js";
+import { a1 as re, a2 as ae, aE as ue, aU as ce, a9 as y, H as m, cG as fe, bC as N, O as de, a as h, aW as ve, a3 as D, cj as pe } from "./revolugo.index.wc.C1h_M397.min.js";
+import { V as Y } from "./revolugo.vicon.0J-whoPd.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, i = o.slice(0, o.lastIndexOf("/") + 1) + l;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(i);
+      for (const n of REVOLUGO_ELEMENTS_STYLES.components)
+        n(i);
+      if (l.indexOf("fonts") >= 0) {
+        const n = document.createElement("link");
+        n.rel = "stylesheet", linK.href = i, document.head.appendChild(n);
+      }
+    }
+  } catch (o) {
+    console.error("[revolugo-elements] ", o);
+  }
+}
+function he(l) {
+  let {
+    selectedElement: o,
+    containerElement: i,
+    isRtl: n,
+    isHorizontal: d
+  } = l;
+  const v = E(d, i), r = q(d, n, i), p = E(d, o), c = B(d, o), S = p * 0.4;
+  return r > c ? c - S : r + v < c + p ? c - v + p + S : r;
+}
+function me(l) {
+  let {
+    selectedElement: o,
+    containerElement: i,
+    isHorizontal: n
+  } = l;
+  const d = E(n, i), v = B(n, o), r = E(n, o);
+  return v - d / 2 + r / 2;
+}
+function j(l, o) {
+  return o?.[l ? "scrollWidth" : "scrollHeight"] || 0;
+}
+function Se(l, o) {
+  return o?.[l ? "clientWidth" : "clientHeight"] || 0;
+}
+function q(l, o, i) {
+  if (!i)
+    return 0;
+  const {
+    scrollLeft: n,
+    offsetWidth: d,
+    scrollWidth: v
+  } = i;
+  return l ? o ? v - d + n : n : i.scrollTop;
+}
+function E(l, o) {
+  return o?.[l ? "offsetWidth" : "offsetHeight"] || 0;
+}
+function B(l, o) {
+  return o?.[l ? "offsetLeft" : "offsetTop"] || 0;
+}
+const ge = Symbol.for("vuetify:v-slide-group"), ye = ae({
+  centerActive: Boolean,
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
+  symbol: {
+    type: null,
+    default: ge
+  },
+  nextIcon: {
+    type: D,
+    default: "$next"
+  },
+  prevIcon: {
+    type: D,
+    default: "$prev"
+  },
+  showArrows: {
+    type: [Boolean, String],
+    validator: (l) => typeof l == "boolean" || ["always", "desktop", "mobile"].includes(l)
+  },
+  ...ie(),
+  ...ve({
+    mobile: null
+  }),
+  ...se(),
+  ...ne({
+    selectedClass: "v-slide-group-item--active"
+  })
+}, "VSlideGroup"), ze = re()({
+  name: "VSlideGroup",
+  props: ye(),
+  emits: {
+    "update:modelValue": (l) => !0
+  },
+  setup(l, o) {
+    let {
+      slots: i
+    } = o;
+    const {
+      isRtl: n
+    } = ue(), {
+      displayClasses: d,
+      mobile: v
+    } = ce(l), r = le(l, l.symbol), p = y(!1), c = y(0), S = y(0), F = y(0), a = m(() => l.direction === "horizontal"), {
+      resizeRef: u,
+      contentRect: k
+    } = U(), {
+      resizeRef: f,
+      contentRect: z
+    } = U(), I = fe(), M = m(() => ({
+      container: u.el,
+      duration: 200,
+      easing: "easeOutQuart"
+    })), K = m(() => r.selected.value.length ? r.items.value.findIndex((e) => e.id === r.selected.value[0]) : -1), $ = m(() => r.selected.value.length ? r.items.value.findIndex((e) => e.id === r.selected.value[r.selected.value.length - 1]) : -1);
+    if (N) {
+      let e = -1;
+      de(() => [r.selected.value, k.value, z.value, a.value], () => {
+        cancelAnimationFrame(e), e = requestAnimationFrame(() => {
+          if (k.value && z.value) {
+            const t = a.value ? "width" : "height";
+            S.value = k.value[t], F.value = z.value[t], p.value = S.value + 1 < F.value;
+          }
+          if (K.value >= 0 && f.el) {
+            const t = f.el.children[$.value];
+            G(t, l.centerActive);
+          }
+        });
+      });
+    }
+    const b = y(!1);
+    function G(e, t) {
+      let s = 0;
+      t ? s = me({
+        containerElement: u.el,
+        isHorizontal: a.value,
+        selectedElement: e
+      }) : s = he({
+        containerElement: u.el,
+        isHorizontal: a.value,
+        isRtl: n.value,
+        selectedElement: e
+      }), P(s);
+    }
+    function P(e) {
+      if (!N || !u.el) return;
+      const t = E(a.value, u.el), s = q(a.value, n.value, u.el);
+      if (!(j(a.value, u.el) <= t || // Prevent scrolling by only a couple of pixels, which doesn't look smooth
+      Math.abs(e - s) < 16)) {
+        if (a.value && n.value && u.el) {
+          const {
+            scrollWidth: V,
+            offsetWidth: A
+          } = u.el;
+          e = V - A - e;
+        }
+        a.value ? I.horizontal(e, M.value) : I(e, M.value);
+      }
+    }
+    function Q(e) {
+      const {
+        scrollTop: t,
+        scrollLeft: s
+      } = e.target;
+      c.value = a.value ? s : t;
+    }
+    function J(e) {
+      if (b.value = !0, !(!p.value || !f.el)) {
+        for (const t of e.composedPath())
+          for (const s of f.el.children)
+            if (s === t) {
+              G(s);
+              return;
+            }
+      }
+    }
+    function X(e) {
+      b.value = !1;
+    }
+    let w = !1;
+    function Z(e) {
+      !w && !b.value && !(e.relatedTarget && f.el?.contains(e.relatedTarget)) && g(), w = !1;
+    }
+    function W() {
+      w = !0;
+    }
+    function ee(e) {
+      if (!f.el) return;
+      function t(s) {
+        e.preventDefault(), g(s);
+      }
+      a.value ? e.key === "ArrowRight" ? t(n.value ? "prev" : "next") : e.key === "ArrowLeft" && t(n.value ? "next" : "prev") : e.key === "ArrowDown" ? t("next") : e.key === "ArrowUp" && t("prev"), e.key === "Home" ? t("first") : e.key === "End" && t("last");
+    }
+    function x(e, t) {
+      if (!e) return;
+      let s = e;
+      do
+        s = s?.[t === "next" ? "nextElementSibling" : "previousElementSibling"];
+      while (s?.hasAttribute("disabled"));
+      return s;
+    }
+    function g(e) {
+      if (!f.el) return;
+      let t;
+      if (!e)
+        t = pe(f.el)[0];
+      else if (e === "next") {
+        if (t = x(f.el.querySelector(":focus"), e), !t) return g("first");
+      } else if (e === "prev") {
+        if (t = x(f.el.querySelector(":focus"), e), !t) return g("last");
+      } else e === "first" ? (t = f.el.firstElementChild, t?.hasAttribute("disabled") && (t = x(t, "next"))) : e === "last" && (t = f.el.lastElementChild, t?.hasAttribute("disabled") && (t = x(t, "prev")));
+      t && t.focus({
+        preventScroll: !0
+      });
+    }
+    function O(e) {
+      const t = a.value && n.value ? -1 : 1, s = (e === "prev" ? -t : t) * S.value;
+      let C = c.value + s;
+      if (a.value && n.value && u.el) {
+        const {
+          scrollWidth: V,
+          offsetWidth: A
+        } = u.el;
+        C += V - A;
+      }
+      P(C);
+    }
+    const T = m(() => ({
+      next: r.next,
+      prev: r.prev,
+      select: r.select,
+      isSelected: r.isSelected
+    })), R = m(() => {
+      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);
+      }
+    }), _ = m(() => Math.abs(c.value) > 1), L = m(() => {
+      if (!u.value) return !1;
+      const e = j(a.value, u.el), t = Se(a.value, u.el);
+      return e - t - Math.abs(c.value) > 1;
+    });
+    return oe(() => 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: b.value || r.selected.value.length ? -1 : 0,
+      onFocus: Z
+    }, {
+      default: () => [R.value && h("div", {
+        key: "prev",
+        class: ["v-slide-group__prev", {
+          "v-slide-group__prev--disabled": !_.value
+        }],
+        onMousedown: W,
+        onClick: () => _.value && O("prev")
+      }, [i.prev?.(T.value) ?? h(H, null, {
+        default: () => [h(Y, {
+          icon: n.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: J,
+        onFocusout: X,
+        onKeydown: ee
+      }, [i.default?.(T.value)])]), R.value && h("div", {
+        key: "next",
+        class: ["v-slide-group__next", {
+          "v-slide-group__next--disabled": !L.value
+        }],
+        onMousedown: W,
+        onClick: () => L.value && O("next")
+      }, [i.next?.(T.value) ?? h(H, null, {
+        default: () => [h(Y, {
+          icon: n.value ? l.prevIcon : l.nextIcon
+        }, null)]
+      })])]
+    })), {
+      selected: r.selected,
+      scrollTo: O,
+      scrollOffset: c,
+      focus: g,
+      hasPrev: _,
+      hasNext: L
+    };
+  }
+});
+te("css/revolugo.vslidegroup.ECiLCEE9.css");
+export {
+  ge as V,
+  ze as a,
+  ye as m
+};
+//# sourceMappingURL=revolugo.vslidegroup.CfQX__qs.min.js.map