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

package/dist/revolugo.vsheet.CDgBUxHk.min.js

@@ -0,0 +1,72 @@
+import { c as E, u as S, b as h, a as f, m as v, d as k } from "./revolugo.rounded.C-2ilaaW.min.js";
+import { b as L, n as p, u as C, e as P, o as T, m as y } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { l as O, n as V, o as g, p as R } from "./revolugo.index.DZEISB0K.min.js";
+import { a1 as _, a2 as w, aK as b, af as M, a as N, aM as U } from "./revolugo.index.wc.DLkeXtka.min.js";
+function d(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const s = import.meta.url, a = s.slice(0, s.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(a);
+      for (const o of REVOLUGO_ELEMENTS_STYLES.components)
+        o(a);
+      if (e.indexOf("fonts") >= 0) {
+        const o = document.createElement("link");
+        o.rel = "stylesheet", linK.href = a, document.head.appendChild(o);
+      }
+    }
+  } catch (s) {
+    console.error("[revolugo-elements] ", s);
+  }
+}
+const G = w({
+  color: String,
+  ...k(),
+  ...y(),
+  ...T(),
+  ...v(),
+  ...R(),
+  ...g(),
+  ...f(),
+  ...P(),
+  ...U()
+}, "VSheet"), j = _()({
+  name: "VSheet",
+  props: G(),
+  setup(e, s) {
+    let {
+      slots: a
+    } = s;
+    const {
+      themeClasses: o
+    } = b(e), {
+      backgroundColorClasses: t,
+      backgroundColorStyles: n
+    } = L(M(e, "color")), {
+      borderClasses: r
+    } = E(e), {
+      dimensionStyles: l
+    } = p(e), {
+      elevationClasses: c
+    } = S(e), {
+      locationStyles: m
+    } = O(e), {
+      positionClasses: i
+    } = V(e), {
+      roundedClasses: u
+    } = h(e);
+    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)), {};
+  }
+});
+d("css/revolugo.vsheet.Dmcoj8cr.css");
+export {
+  j as V,
+  G as m
+};
+//# sourceMappingURL=revolugo.vsheet.CDgBUxHk.min.js.map

package/dist/revolugo.vskeletonloader.DgIjR-8k.min.js

@@ -0,0 +1,136 @@
+import { b as h, n as b, u as k, o as E } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { u as S, m as L } from "./revolugo.rounded.C-2ilaaW.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.DLkeXtka.min.js";
+function f(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      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(a);
+      if (e.indexOf("fonts") >= 0) {
+        const n = document.createElement("link");
+        n.rel = "stylesheet", linK.href = a, document.head.appendChild(n);
+      }
+    }
+  } catch (t) {
+    console.error("[revolugo-elements] ", t);
+  }
+}
+const P = {
+  actions: "button@2",
+  article: "heading, paragraph",
+  avatar: "avatar",
+  button: "button",
+  card: "image, heading",
+  "card-avatar": "image, list-item-avatar",
+  chip: "chip",
+  "date-picker": "list-item, heading, divider, date-picker-options, date-picker-days, actions",
+  "date-picker-options": "text, avatar@2",
+  "date-picker-days": "avatar@28",
+  divider: "divider",
+  heading: "heading",
+  image: "image",
+  "list-item": "text",
+  "list-item-avatar": "avatar, text",
+  "list-item-two-line": "sentences",
+  "list-item-avatar-two-line": "avatar, sentences",
+  "list-item-three-line": "paragraph",
+  "list-item-avatar-three-line": "avatar, paragraph",
+  ossein: "ossein",
+  paragraph: "text@3",
+  sentences: "text@2",
+  subtitle: "text",
+  table: "table-heading, table-thead, table-tbody, table-tfoot",
+  "table-heading": "chip, text",
+  "table-thead": "heading@6",
+  "table-tbody": "table-row-divider@6",
+  "table-row-divider": "table-row, divider",
+  "table-row": "text@6",
+  "table-tfoot": "text@2, avatar@2",
+  text: "text"
+};
+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}`]
+  }, [t]);
+}
+function r(e) {
+  const [t, a] = e.split("@");
+  return Array.from({
+    length: a
+  }).map(() => o(t));
+}
+function o(e) {
+  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 [R(e, t)];
+}
+function s(e) {
+  return e.replace(/\s/g, "").split(",").map(o);
+}
+const M = y({
+  boilerplate: Boolean,
+  color: String,
+  loading: Boolean,
+  loadingText: {
+    type: String,
+    default: "$vuetify.loading"
+  },
+  type: {
+    type: [String, Array],
+    default: "ossein"
+  },
+  ...E(),
+  ...L(),
+  ...C()
+}, "VSkeletonLoader"), Y = x()({
+  name: "VSkeletonLoader",
+  props: M(),
+  setup(e, t) {
+    let {
+      slots: a
+    } = t;
+    const {
+      backgroundColorClasses: n,
+      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: g(e.loadingText),
+        role: "alert"
+      };
+      return l("div", B({
+        class: ["v-skeleton-loader", {
+          "v-skeleton-loader--boilerplate": e.boilerplate
+        }, m.value, n.value, u.value],
+        style: [d.value, i ? c.value : {}]
+      }, v), [i ? p.value : a.default?.()]);
+    }), {};
+  }
+});
+f("css/revolugo.vskeletonloader.BlK8uFkX.css");
+export {
+  Y as V
+};
+//# sourceMappingURL=revolugo.vskeletonloader.DgIjR-8k.min.js.map

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

@@ -0,0 +1,325 @@
+import { j as le, k as ne, b as H } from "./revolugo.index.DZEISB0K.min.js";
+import { w as U, u as oe, e as se, m as ie } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
+import { a1 as re, a2 as ae, aE as ue, aU as ce, a9 as y, H as m, cG as fe, bz as N, O as de, a as h, aW as ve, a3 as D, cj as pe } from "./revolugo.index.wc.DLkeXtka.min.js";
+import { V as Y } from "./revolugo.vicon.mrg8OisO.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: A,
+            offsetWidth: C
+          } = u.el;
+          e = A - C - 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 V = c.value + s;
+      if (a.value && n.value && u.el) {
+        const {
+          scrollWidth: A,
+          offsetWidth: C
+        } = u.el;
+        V += A - C;
+      }
+      P(V);
+    }
+    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.BV7NJuLN.min.js.map