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

package/dist/MobileLayout-DZmqrpub.js

@@ -1,523 +0,0 @@
-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
-};