@eodash/eodash 5.0.0-alpha.1.8 → 5.0.0-alpha.2

package/dist/MobileLayout-DZmqrpub.js

@@ -0,0 +1,523 @@
+import { p as j, o as pe, g as K, r as E, c as h, u as J, a as m, F as X, m as O, I as te, b as xe, d as ke, e as ge, f as Ce, h as we, s as _, i as le, j as ze, w as Te, k as Ve, l as Pe, n as _e, t as T, q as Re, v as Be, x as Me, y as Ie, z as Ee, A as ae, B as Oe, C as $e, D as V, E as A, G as F, H as se, J as R, K as W, L as oe, M as ne, N as ie, O as ue, P as re, Q as Ae } from "./asWebComponent-BKe6Spni.js";
+import { m as Fe, V as Y, a as He, u as De, b as ce, c as Ge, d as Le } from "./VBtn-CFPhsIX8.js";
+import { u as Ne, a as qe } from "./color-D72nEBIR.js";
+import { f as Ue, a as We, s as Xe } from "./forwardRefs-Bxeu9Obx.js";
+import { V as ve } from "./index-8ch8xKfa.js";
+import { V as Ye } from "./VMain-deI9jyIf.js";
+const be = Symbol.for("vuetify:v-tabs"), je = j({
+  fixed: Boolean,
+  sliderColor: String,
+  hideSlider: Boolean,
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
+  ...pe(Fe({
+    selectedClass: "v-tab--selected",
+    variant: "text"
+  }), ["active", "block", "flat", "location", "position", "symbol"])
+}, "VTab"), he = K()({
+  name: "VTab",
+  props: je(),
+  setup(e, u) {
+    let {
+      slots: v,
+      attrs: r
+    } = u;
+    const {
+      textColorClasses: b,
+      textColorStyles: c
+    } = Ne(e, "sliderColor"), a = E(), o = E(), t = h(() => e.direction === "horizontal"), n = h(() => a.value?.group?.isSelected.value ?? !1);
+    function d(s) {
+      let {
+        value: g
+      } = s;
+      if (g) {
+        const x = a.value?.$el.parentElement?.querySelector(".v-tab--selected .v-tab__slider"), f = o.value;
+        if (!x || !f)
+          return;
+        const B = getComputedStyle(x).color, S = x.getBoundingClientRect(), k = f.getBoundingClientRect(), p = t.value ? "x" : "y", z = t.value ? "X" : "Y", M = t.value ? "right" : "bottom", C = t.value ? "width" : "height", H = S[p], D = k[p], w = H > D ? S[M] - k[M] : S[p] - k[p], P = Math.sign(w) > 0 ? t.value ? "right" : "bottom" : Math.sign(w) < 0 ? t.value ? "left" : "top" : "center", G = (Math.abs(w) + (Math.sign(w) < 0 ? S[C] : k[C])) / Math.max(S[C], k[C]) || 0, L = S[C] / k[C] || 0, $ = 1.5;
+        We(f, {
+          backgroundColor: [B, "currentcolor"],
+          transform: [`translate${z}(${w}px) scale${z}(${L})`, `translate${z}(${w / $}px) scale${z}(${(G - 1) / $ + 1})`, "none"],
+          transformOrigin: Array(3).fill(P)
+        }, {
+          duration: 225,
+          easing: Xe
+        });
+      }
+    }
+    return J(() => {
+      const s = Y.filterProps(e);
+      return m(Y, O({
+        symbol: be,
+        ref: a,
+        class: ["v-tab", e.class],
+        style: e.style,
+        tabindex: n.value ? 0 : -1,
+        role: "tab",
+        "aria-selected": String(n.value),
+        active: !1
+      }, s, r, {
+        block: e.fixed,
+        maxWidth: e.fixed ? 300 : void 0,
+        "onGroup:selected": d
+      }), {
+        ...v,
+        default: () => m(X, null, [v.default?.() ?? e.text, !e.hideSlider && m("div", {
+          ref: o,
+          class: ["v-tab__slider", b.value],
+          style: c.value
+        }, null)])
+      });
+    }), Ue({}, a);
+  }
+});
+function de(e) {
+  const v = Math.abs(e);
+  return Math.sign(e) * (v / ((1 / 0.501 - 2) * (1 - v) + 1));
+}
+function fe(e) {
+  let {
+    selectedElement: u,
+    containerSize: v,
+    contentSize: r,
+    isRtl: b,
+    currentScrollOffset: c,
+    isHorizontal: a
+  } = e;
+  const o = a ? u.clientWidth : u.clientHeight, t = a ? u.offsetLeft : u.offsetTop, n = b && a ? r - t - o : t, d = v + c, s = o + n, g = o * 0.4;
+  return n <= c ? c = Math.max(n - g, 0) : d <= s && (c = Math.min(c - (d - s - g), r - v)), c;
+}
+function Ke(e) {
+  let {
+    selectedElement: u,
+    containerSize: v,
+    contentSize: r,
+    isRtl: b,
+    isHorizontal: c
+  } = e;
+  const a = c ? u.clientWidth : u.clientHeight, o = c ? u.offsetLeft : u.offsetTop, t = b && c ? r - o - a / 2 - v / 2 : o + a / 2 - v / 2;
+  return Math.min(r - v, Math.max(0, t));
+}
+const Je = Symbol.for("vuetify:v-slide-group"), ye = j({
+  centerActive: Boolean,
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
+  symbol: {
+    type: null,
+    default: Je
+  },
+  nextIcon: {
+    type: te,
+    default: "$next"
+  },
+  prevIcon: {
+    type: te,
+    default: "$prev"
+  },
+  showArrows: {
+    type: [Boolean, String],
+    validator: (e) => typeof e == "boolean" || ["always", "desktop", "mobile"].includes(e)
+  },
+  ...xe(),
+  ...ke(),
+  ...ge(),
+  ...He({
+    selectedClass: "v-slide-group-item--active"
+  })
+}, "VSlideGroup"), me = K()({
+  name: "VSlideGroup",
+  props: ye(),
+  emits: {
+    "update:modelValue": (e) => !0
+  },
+  setup(e, u) {
+    let {
+      slots: v
+    } = u;
+    const {
+      isRtl: r
+    } = Ce(), {
+      displayClasses: b,
+      mobile: c
+    } = we(e), a = De(e, e.symbol), o = _(!1), t = _(0), n = _(0), d = _(0), s = h(() => e.direction === "horizontal"), {
+      resizeRef: g,
+      contentRect: x
+    } = le(), {
+      resizeRef: f,
+      contentRect: B
+    } = le(), S = h(() => a.selected.value.length ? a.items.value.findIndex((l) => l.id === a.selected.value[0]) : -1), k = h(() => a.selected.value.length ? a.items.value.findIndex((l) => l.id === a.selected.value[a.selected.value.length - 1]) : -1);
+    if (ze) {
+      let l = -1;
+      Te(() => [a.selected.value, x.value, B.value, s.value], () => {
+        cancelAnimationFrame(l), l = requestAnimationFrame(() => {
+          if (x.value && B.value) {
+            const i = s.value ? "width" : "height";
+            n.value = x.value[i], d.value = B.value[i], o.value = n.value + 1 < d.value;
+          }
+          if (S.value >= 0 && f.value) {
+            const i = f.value.children[k.value];
+            S.value === 0 || !o.value ? t.value = 0 : e.centerActive ? t.value = Ke({
+              selectedElement: i,
+              containerSize: n.value,
+              contentSize: d.value,
+              isRtl: r.value,
+              isHorizontal: s.value
+            }) : o.value && (t.value = fe({
+              selectedElement: i,
+              containerSize: n.value,
+              contentSize: d.value,
+              isRtl: r.value,
+              currentScrollOffset: t.value,
+              isHorizontal: s.value
+            }));
+          }
+        });
+      });
+    }
+    const p = _(!1);
+    let z = 0, M = 0;
+    function C(l) {
+      const i = s.value ? "clientX" : "clientY";
+      M = (r.value && s.value ? -1 : 1) * t.value, z = l.touches[0][i], p.value = !0;
+    }
+    function H(l) {
+      if (!o.value)
+        return;
+      const i = s.value ? "clientX" : "clientY", I = r.value && s.value ? -1 : 1;
+      t.value = I * (M + z - l.touches[0][i]);
+    }
+    function D(l) {
+      const i = d.value - n.value;
+      t.value < 0 || !o.value ? t.value = 0 : t.value >= i && (t.value = i), p.value = !1;
+    }
+    function w() {
+      g.value && (g.value[s.value ? "scrollLeft" : "scrollTop"] = 0);
+    }
+    const P = _(!1);
+    function Q(l) {
+      if (P.value = !0, !(!o.value || !f.value)) {
+        for (const i of l.composedPath())
+          for (const I of f.value.children)
+            if (I === i) {
+              t.value = fe({
+                selectedElement: I,
+                containerSize: n.value,
+                contentSize: d.value,
+                isRtl: r.value,
+                currentScrollOffset: t.value,
+                isHorizontal: s.value
+              });
+              return;
+            }
+      }
+    }
+    function G(l) {
+      P.value = !1;
+    }
+    function L(l) {
+      !P.value && !(l.relatedTarget && f.value?.contains(l.relatedTarget)) && y();
+    }
+    function $(l) {
+      f.value && (s.value ? l.key === "ArrowRight" ? y(r.value ? "prev" : "next") : l.key === "ArrowLeft" && y(r.value ? "next" : "prev") : l.key === "ArrowDown" ? y("next") : l.key === "ArrowUp" && y("prev"), l.key === "Home" ? y("first") : l.key === "End" && y("last"));
+    }
+    function y(l) {
+      if (f.value)
+        if (!l)
+          Ve(f.value)[0]?.focus();
+        else if (l === "next") {
+          const i = f.value.querySelector(":focus")?.nextElementSibling;
+          i ? i.focus() : y("first");
+        } else if (l === "prev") {
+          const i = f.value.querySelector(":focus")?.previousElementSibling;
+          i ? i.focus() : y("last");
+        } else
+          l === "first" ? f.value.firstElementChild?.focus() : l === "last" && f.value.lastElementChild?.focus();
+    }
+    function N(l) {
+      const i = t.value + (l === "prev" ? -1 : 1) * n.value;
+      t.value = Pe(i, 0, d.value - n.value);
+    }
+    const Se = h(() => {
+      let l = t.value > d.value - n.value ? -(d.value - n.value) + de(d.value - n.value - t.value) : -t.value;
+      t.value <= 0 && (l = de(-t.value));
+      const i = r.value && s.value ? -1 : 1;
+      return {
+        transform: `translate${s.value ? "X" : "Y"}(${i * l}px)`,
+        transition: p.value ? "none" : "",
+        willChange: p.value ? "transform" : ""
+      };
+    }), q = h(() => ({
+      next: a.next,
+      prev: a.prev,
+      select: a.select,
+      isSelected: a.isSelected
+    })), U = h(() => {
+      switch (e.showArrows) {
+        case "always":
+          return !0;
+        case "desktop":
+          return !c.value;
+        case !0:
+          return o.value || Math.abs(t.value) > 0;
+        case "mobile":
+          return c.value || o.value || Math.abs(t.value) > 0;
+        default:
+          return !c.value && (o.value || Math.abs(t.value) > 0);
+      }
+    }), Z = h(() => Math.abs(t.value) > 0), ee = h(() => d.value > Math.abs(t.value) + n.value);
+    return J(() => m(e.tag, {
+      class: ["v-slide-group", {
+        "v-slide-group--vertical": !s.value,
+        "v-slide-group--has-affixes": U.value,
+        "v-slide-group--is-overflowing": o.value
+      }, b.value, e.class],
+      style: e.style,
+      tabindex: P.value || a.selected.value.length ? -1 : 0,
+      onFocus: L
+    }, {
+      default: () => [U.value && m("div", {
+        key: "prev",
+        class: ["v-slide-group__prev", {
+          "v-slide-group__prev--disabled": !Z.value
+        }],
+        onClick: () => Z.value && N("prev")
+      }, [v.prev?.(q.value) ?? m(ve, null, {
+        default: () => [m(ce, {
+          icon: r.value ? e.nextIcon : e.prevIcon
+        }, null)]
+      })]), m("div", {
+        key: "container",
+        ref: g,
+        class: "v-slide-group__container",
+        onScroll: w
+      }, [m("div", {
+        ref: f,
+        class: "v-slide-group__content",
+        style: Se.value,
+        onTouchstartPassive: C,
+        onTouchmovePassive: H,
+        onTouchendPassive: D,
+        onFocusin: Q,
+        onFocusout: G,
+        onKeydown: $
+      }, [v.default?.(q.value)])]), U.value && m("div", {
+        key: "next",
+        class: ["v-slide-group__next", {
+          "v-slide-group__next--disabled": !ee.value
+        }],
+        onClick: () => ee.value && N("next")
+      }, [v.next?.(q.value) ?? m(ve, null, {
+        default: () => [m(ce, {
+          icon: r.value ? e.prevIcon : e.nextIcon
+        }, null)]
+      })])]
+    })), {
+      selected: a.selected,
+      scrollTo: N,
+      scrollOffset: t,
+      focus: y
+    };
+  }
+});
+function Qe(e) {
+  return e ? e.map((u) => Me(u) ? u : {
+    text: u,
+    value: u
+  }) : [];
+}
+const Ze = j({
+  alignTabs: {
+    type: String,
+    default: "start"
+  },
+  color: String,
+  fixedTabs: Boolean,
+  items: {
+    type: Array,
+    default: () => []
+  },
+  stacked: Boolean,
+  bgColor: String,
+  grow: Boolean,
+  height: {
+    type: [Number, String],
+    default: void 0
+  },
+  hideSlider: Boolean,
+  sliderColor: String,
+  ...ye({
+    mandatory: "force"
+  }),
+  ...Ge(),
+  ...ge()
+}, "VTabs"), et = K()({
+  name: "VTabs",
+  props: Ze(),
+  emits: {
+    "update:modelValue": (e) => !0
+  },
+  setup(e, u) {
+    let {
+      slots: v
+    } = u;
+    const r = _e(e, "modelValue"), b = h(() => Qe(e.items)), {
+      densityClasses: c
+    } = Le(e), {
+      backgroundColorClasses: a,
+      backgroundColorStyles: o
+    } = qe(T(e, "bgColor"));
+    return Re({
+      VTab: {
+        color: T(e, "color"),
+        direction: T(e, "direction"),
+        stacked: T(e, "stacked"),
+        fixed: T(e, "fixedTabs"),
+        sliderColor: T(e, "sliderColor"),
+        hideSlider: T(e, "hideSlider")
+      }
+    }), J(() => {
+      const t = me.filterProps(e);
+      return m(me, O(t, {
+        modelValue: r.value,
+        "onUpdate:modelValue": (n) => r.value = n,
+        class: ["v-tabs", `v-tabs--${e.direction}`, `v-tabs--align-tabs-${e.alignTabs}`, {
+          "v-tabs--fixed-tabs": e.fixedTabs,
+          "v-tabs--grow": e.grow,
+          "v-tabs--stacked": e.stacked
+        }, c.value, a.value, e.class],
+        style: [{
+          "--v-tabs-height": Be(e.height)
+        }, o.value, e.style],
+        role: "tablist",
+        symbol: be
+      }), {
+        default: () => [v.default ? v.default() : b.value.map((n) => m(he, O(n, {
+          key: n.text
+        }), null))]
+      });
+    }), {};
+  }
+}), it = {
+  __name: "MobileLayout",
+  setup(e) {
+    const u = (
+      /** @type {import("@/types").Eodash} */
+      Ie(Ee)
+    ), v = u.template.widgets, r = ae(v), [b] = ae([u.template?.background]), { mainRect: c } = Oe(), a = E(-1), o = E(null), t = E("");
+    return $e(() => {
+      t.value = c.value.bottom + /** @type {HTMLElement} */
+      (o.value?.$el?.clientHeight ?? 0) + "px";
+    }), (n, d) => (V(), A(Ye, {
+      class: "overflow-hidden",
+      style: { height: "91dvh" }
+    }, {
+      default: F(() => [
+        (V(), A(
+          se(R(b).component),
+          O({ id: "bg-widget" }, R(b).props),
+          null,
+          16
+          /* FULL_PROPS */
+        )),
+        (V(!0), W(
+          X,
+          null,
+          oe(R(r), (s, g) => ne((V(), W(
+            "div",
+            {
+              id: "overlay",
+              class: "pa-2",
+              key: g,
+              style: ie({
+                bottom: t.value,
+                position: "absolute",
+                overflow: "hidden",
+                width: "100%",
+                left: 0,
+                top: R(c).top + "px",
+                zIndex: 1,
+                background: "rgb(var(--v-theme-surface))"
+              })
+            },
+            [
+              m(Y, {
+                icon: "",
+                variant: "text",
+                style: { height: "5%", position: "relative" },
+                onClick: d[0] || (d[0] = (x) => a.value = -1)
+              }, {
+                default: F(() => [
+                  ue("✕")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              ne((V(), A(
+                se(s.value.component),
+                O({
+                  style: { height: "94% !important" },
+                  key: s.value.id
+                }, s.value.props),
+                null,
+                16
+                /* FULL_PROPS */
+              )), [
+                [re, a.value === g]
+              ])
+            ],
+            4
+            /* STYLE */
+          )), [
+            [re, a.value === g]
+          ])),
+          128
+          /* KEYED_FRAGMENT */
+        )),
+        m(et, {
+          ref_key: "tabs",
+          ref: o,
+          "align-tabs": "center",
+          "bg-color": "surface",
+          style: ie({ position: "relative", bottom: (R(c).bottom || 48) + "px", zIndex: 10 }),
+          "show-arrows": "",
+          modelValue: a.value,
+          "onUpdate:modelValue": d[1] || (d[1] = (s) => a.value = s)
+        }, {
+          default: F(() => [
+            (V(!0), W(
+              X,
+              null,
+              oe(R(r), (s, g) => (V(), A(he, {
+                key: g,
+                value: g
+              }, {
+                default: F(() => [
+                  ue(
+                    Ae(s.value.title),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["value"]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["style", "modelValue"])
+      ]),
+      _: 1
+      /* STABLE */
+    }));
+  }
+};
+export {
+  it as default
+};