@eodash/eodash 5.0.0-alpha.2.6 → 5.0.0-alpha.2.8

package/dist/client/Header-C-zX31Ys.js

@@ -1,635 +0,0 @@
-import { ae as Q, p as B, e as z, f as Y, g as k, a as I, b as a, ac as ce, ad as de, c as f, af as Z, Q as G, R as N, ag as J, ah as ve, s as T, r as A, w as V, ai as me, D as ge, aj as X, t as L, v as fe, F as he, d as j, C as P, B as be, ak as ye, al as Se, h as _e, am as Te, an as xe, i as Ve, j as Be, S as ke, ao as E, ap as Ie, Z as Pe, aq as we, ar as Ce, y as He, as as Re, at as Ne, au as ze, _ as Ee, x as Ae, W as je, $ as Ue, a0 as De, a1 as M, a8 as We, aa as $e, a3 as O } from "./asWebComponent-CpQUVi2N.js";
-import { m as Fe, M as R } from "./transition-DCePIwYR.js";
-import { a as Le } from "./index-dOzyv_xR.js";
-import { u as Me } from "./ssrBoot-L9KejErM.js";
-function Oe(e, n) {
-  if (!Q) return;
-  const t = n.modifiers || {}, r = n.value, {
-    handler: m,
-    options: s
-  } = typeof r == "object" ? r : {
-    handler: r,
-    options: {}
-  }, h = new IntersectionObserver(function() {
-    let c = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], y = arguments.length > 1 ? arguments[1] : void 0;
-    const o = e._observe?.[n.instance.$.uid];
-    if (!o) return;
-    const l = c.some((g) => g.isIntersecting);
-    m && (!t.quiet || o.init) && (!t.once || l || o.init) && m(l, c, y), l && t.once ? p(e, n) : o.init = !0;
-  }, s);
-  e._observe = Object(e._observe), e._observe[n.instance.$.uid] = {
-    init: !1,
-    observer: h
-  }, h.observe(e);
-}
-function p(e, n) {
-  const t = e._observe?.[n.instance.$.uid];
-  t && (t.observer.unobserve(e), delete e._observe[n.instance.$.uid]);
-}
-const qe = {
-  mounted: Oe,
-  unmounted: p
-}, ee = B({
-  text: String,
-  ...z(),
-  ...Y()
-}, "VToolbarTitle"), te = k()({
-  name: "VToolbarTitle",
-  props: ee(),
-  setup(e, n) {
-    let {
-      slots: t
-    } = n;
-    return I(() => {
-      const r = !!(t.default || t.text || e.text);
-      return a(e.tag, {
-        class: ["v-toolbar-title", e.class],
-        style: e.style
-      }, {
-        default: () => [r && a("div", {
-          class: "v-toolbar-title__placeholder"
-        }, [t.text ? t.text() : e.text, t.default?.()])]
-      });
-    }), {};
-  }
-});
-function Ke(e) {
-  return {
-    aspectStyles: f(() => {
-      const n = Number(e.aspectRatio);
-      return n ? {
-        paddingBottom: String(1 / n * 100) + "%"
-      } : void 0;
-    })
-  };
-}
-const ae = B({
-  aspectRatio: [String, Number],
-  contentClass: null,
-  inline: Boolean,
-  ...z(),
-  ...ce()
-}, "VResponsive"), q = k()({
-  name: "VResponsive",
-  props: ae(),
-  setup(e, n) {
-    let {
-      slots: t
-    } = n;
-    const {
-      aspectStyles: r
-    } = Ke(e), {
-      dimensionStyles: m
-    } = de(e);
-    return I(() => a("div", {
-      class: ["v-responsive", {
-        "v-responsive--inline": e.inline
-      }, e.class],
-      style: [m.value, e.style]
-    }, [a("div", {
-      class: "v-responsive__sizer",
-      style: r.value
-    }, null), t.additional?.(), t.default && a("div", {
-      class: ["v-responsive__content", e.contentClass]
-    }, [t.default()])])), {};
-  }
-}), Qe = B({
-  alt: String,
-  cover: Boolean,
-  color: String,
-  draggable: {
-    type: [Boolean, String],
-    default: void 0
-  },
-  eager: Boolean,
-  gradient: String,
-  lazySrc: String,
-  options: {
-    type: Object,
-    // For more information on types, navigate to:
-    // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
-    default: () => ({
-      root: void 0,
-      rootMargin: void 0,
-      threshold: void 0
-    })
-  },
-  sizes: String,
-  src: {
-    type: [String, Object],
-    default: ""
-  },
-  crossorigin: String,
-  referrerpolicy: String,
-  srcset: String,
-  position: String,
-  ...ae(),
-  ...z(),
-  ...Z(),
-  ...Fe()
-}, "VImg"), le = k()({
-  name: "VImg",
-  directives: {
-    intersect: qe
-  },
-  props: Qe(),
-  emits: {
-    loadstart: (e) => !0,
-    load: (e) => !0,
-    error: (e) => !0
-  },
-  setup(e, n) {
-    let {
-      emit: t,
-      slots: r
-    } = n;
-    const {
-      backgroundColorClasses: m,
-      backgroundColorStyles: s
-    } = G(N(e, "color")), {
-      roundedClasses: h
-    } = J(e), c = ve("VImg"), y = T(""), o = A(), l = T(e.eager ? "loading" : "idle"), g = T(), S = T(), u = f(() => e.src && typeof e.src == "object" ? {
-      src: e.src.src,
-      srcset: e.srcset || e.src.srcset,
-      lazySrc: e.lazySrc || e.src.lazySrc,
-      aspect: Number(e.aspectRatio || e.src.aspect || 0)
-    } : {
-      src: e.src,
-      srcset: e.srcset,
-      lazySrc: e.lazySrc,
-      aspect: Number(e.aspectRatio || 0)
-    }), d = f(() => u.value.aspect || g.value / S.value || 0);
-    V(() => e.src, () => {
-      b(l.value !== "idle");
-    }), V(d, (v, _) => {
-      !v && _ && o.value && x(o.value);
-    }), me(() => b());
-    function b(v) {
-      if (!(e.eager && v) && !(Q && !v && !e.eager)) {
-        if (l.value = "loading", u.value.lazySrc) {
-          const _ = new Image();
-          _.src = u.value.lazySrc, x(_, null);
-        }
-        u.value.src && ge(() => {
-          t("loadstart", o.value?.currentSrc || u.value.src), setTimeout(() => {
-            if (!c.isUnmounted)
-              if (o.value?.complete) {
-                if (o.value.naturalWidth || C(), l.value === "error") return;
-                d.value || x(o.value, null), l.value === "loading" && w();
-              } else
-                d.value || x(o.value), H();
-          });
-        });
-      }
-    }
-    function w() {
-      c.isUnmounted || (H(), x(o.value), l.value = "loaded", t("load", o.value?.currentSrc || u.value.src));
-    }
-    function C() {
-      c.isUnmounted || (l.value = "error", t("error", o.value?.currentSrc || u.value.src));
-    }
-    function H() {
-      const v = o.value;
-      v && (y.value = v.currentSrc || v.src);
-    }
-    let i = -1;
-    X(() => {
-      clearTimeout(i);
-    });
-    function x(v) {
-      let _ = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 100;
-      const W = () => {
-        if (clearTimeout(i), c.isUnmounted) return;
-        const {
-          naturalHeight: $,
-          naturalWidth: F
-        } = v;
-        $ || F ? (g.value = F, S.value = $) : !v.complete && l.value === "loading" && _ != null ? i = window.setTimeout(W, _) : (v.currentSrc.endsWith(".svg") || v.currentSrc.startsWith("data:image/svg+xml")) && (g.value = 1, S.value = 1);
-      };
-      W();
-    }
-    const U = f(() => ({
-      "v-img__img--cover": e.cover,
-      "v-img__img--contain": !e.cover
-    })), re = () => {
-      if (!u.value.src || l.value === "idle") return null;
-      const v = a("img", {
-        class: ["v-img__img", U.value],
-        style: {
-          objectPosition: e.position
-        },
-        src: u.value.src,
-        srcset: u.value.srcset,
-        alt: e.alt,
-        crossorigin: e.crossorigin,
-        referrerpolicy: e.referrerpolicy,
-        draggable: e.draggable,
-        sizes: e.sizes,
-        ref: o,
-        onLoad: w,
-        onError: C
-      }, null), _ = r.sources?.();
-      return a(R, {
-        transition: e.transition,
-        appear: !0
-      }, {
-        default: () => [L(_ ? a("picture", {
-          class: "v-img__picture"
-        }, [_, v]) : v, [[be, l.value === "loaded"]])]
-      });
-    }, se = () => a(R, {
-      transition: e.transition
-    }, {
-      default: () => [u.value.lazySrc && l.value !== "loaded" && a("img", {
-        class: ["v-img__img", "v-img__img--preload", U.value],
-        style: {
-          objectPosition: e.position
-        },
-        src: u.value.lazySrc,
-        alt: e.alt,
-        crossorigin: e.crossorigin,
-        referrerpolicy: e.referrerpolicy,
-        draggable: e.draggable
-      }, null)]
-    }), oe = () => r.placeholder ? a(R, {
-      transition: e.transition,
-      appear: !0
-    }, {
-      default: () => [(l.value === "loading" || l.value === "error" && !r.error) && a("div", {
-        class: "v-img__placeholder"
-      }, [r.placeholder()])]
-    }) : null, ie = () => r.error ? a(R, {
-      transition: e.transition,
-      appear: !0
-    }, {
-      default: () => [l.value === "error" && a("div", {
-        class: "v-img__error"
-      }, [r.error()])]
-    }) : null, ue = () => e.gradient ? a("div", {
-      class: "v-img__gradient",
-      style: {
-        backgroundImage: `linear-gradient(${e.gradient})`
-      }
-    }, null) : null, D = T(!1);
-    {
-      const v = V(d, (_) => {
-        _ && (requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            D.value = !0;
-          });
-        }), v());
-      });
-    }
-    return I(() => {
-      const v = q.filterProps(e);
-      return L(a(q, j({
-        class: ["v-img", {
-          "v-img--booting": !D.value
-        }, m.value, h.value, e.class],
-        style: [{
-          width: P(e.width === "auto" ? g.value : e.width)
-        }, s.value, e.style]
-      }, v, {
-        aspectRatio: d.value,
-        "aria-label": e.alt,
-        role: e.alt ? "img" : void 0
-      }), {
-        additional: () => a(he, null, [a(re, null, null), a(se, null, null), a(ue, null, null), a(oe, null, null), a(ie, null, null)]),
-        default: r.default
-      }), [[fe("intersect"), {
-        handler: b,
-        options: e.options
-      }, null, {
-        once: !0
-      }]]);
-    }), {
-      currentSrc: y,
-      image: o,
-      state: l,
-      naturalWidth: g,
-      naturalHeight: S
-    };
-  }
-}), Ye = [null, "prominent", "default", "comfortable", "compact"], ne = B({
-  absolute: Boolean,
-  collapse: Boolean,
-  color: String,
-  density: {
-    type: String,
-    default: "default",
-    validator: (e) => Ye.includes(e)
-  },
-  extended: Boolean,
-  extensionHeight: {
-    type: [Number, String],
-    default: 48
-  },
-  flat: Boolean,
-  floating: Boolean,
-  height: {
-    type: [Number, String],
-    default: 64
-  },
-  image: String,
-  title: String,
-  ...ye(),
-  ...z(),
-  ...Se(),
-  ...Z(),
-  ...Y({
-    tag: "header"
-  }),
-  ..._e()
-}, "VToolbar"), K = k()({
-  name: "VToolbar",
-  props: ne(),
-  setup(e, n) {
-    let {
-      slots: t
-    } = n;
-    const {
-      backgroundColorClasses: r,
-      backgroundColorStyles: m
-    } = G(N(e, "color")), {
-      borderClasses: s
-    } = Te(e), {
-      elevationClasses: h
-    } = xe(e), {
-      roundedClasses: c
-    } = J(e), {
-      themeClasses: y
-    } = Ve(e), {
-      rtlClasses: o
-    } = Be(), l = T(!!(e.extended || t.extension?.())), g = f(() => parseInt(Number(e.height) + (e.density === "prominent" ? Number(e.height) : 0) - (e.density === "comfortable" ? 8 : 0) - (e.density === "compact" ? 16 : 0), 10)), S = f(() => l.value ? parseInt(Number(e.extensionHeight) + (e.density === "prominent" ? Number(e.extensionHeight) : 0) - (e.density === "comfortable" ? 4 : 0) - (e.density === "compact" ? 8 : 0), 10) : 0);
-    return ke({
-      VBtn: {
-        variant: "text"
-      }
-    }), I(() => {
-      const u = !!(e.title || t.title), d = !!(t.image || e.image), b = t.extension?.();
-      return l.value = !!(e.extended || b), a(e.tag, {
-        class: ["v-toolbar", {
-          "v-toolbar--absolute": e.absolute,
-          "v-toolbar--collapse": e.collapse,
-          "v-toolbar--flat": e.flat,
-          "v-toolbar--floating": e.floating,
-          [`v-toolbar--density-${e.density}`]: !0
-        }, r.value, s.value, h.value, c.value, y.value, o.value, e.class],
-        style: [m.value, e.style]
-      }, {
-        default: () => [d && a("div", {
-          key: "image",
-          class: "v-toolbar__image"
-        }, [t.image ? a(E, {
-          key: "image-defaults",
-          disabled: !e.image,
-          defaults: {
-            VImg: {
-              cover: !0,
-              src: e.image
-            }
-          }
-        }, t.image) : a(le, {
-          key: "image-img",
-          cover: !0,
-          src: e.image
-        }, null)]), a(E, {
-          defaults: {
-            VTabs: {
-              height: P(g.value)
-            }
-          }
-        }, {
-          default: () => [a("div", {
-            class: "v-toolbar__content",
-            style: {
-              height: P(g.value)
-            }
-          }, [t.prepend && a("div", {
-            class: "v-toolbar__prepend"
-          }, [t.prepend?.()]), u && a(te, {
-            key: "title",
-            text: e.title
-          }, {
-            text: t.title
-          }), t.default?.(), t.append && a("div", {
-            class: "v-toolbar__append"
-          }, [t.append?.()])])]
-        }), a(E, {
-          defaults: {
-            VTabs: {
-              height: P(S.value)
-            }
-          }
-        }, {
-          default: () => [a(Le, null, {
-            default: () => [l.value && a("div", {
-              class: "v-toolbar__extension",
-              style: {
-                height: P(S.value)
-              }
-            }, [b])]
-          })]
-        })]
-      });
-    }), {
-      contentHeight: g,
-      extensionHeight: S
-    };
-  }
-}), Ze = B({
-  scrollTarget: {
-    type: String
-  },
-  scrollThreshold: {
-    type: [String, Number],
-    default: 300
-  }
-}, "scroll");
-function Ge(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  const {
-    canScroll: t
-  } = n;
-  let r = 0, m = 0;
-  const s = A(null), h = T(0), c = T(0), y = T(0), o = T(!1), l = T(!1), g = f(() => Number(e.scrollThreshold)), S = f(() => Ie((g.value - h.value) / g.value || 0)), u = () => {
-    const d = s.value;
-    if (!d || t && !t.value) return;
-    r = h.value, h.value = "window" in d ? d.pageYOffset : d.scrollTop;
-    const b = d instanceof Window ? document.documentElement.scrollHeight : d.scrollHeight;
-    if (m !== b) {
-      m = b;
-      return;
-    }
-    l.value = h.value < r, y.value = Math.abs(h.value - g.value);
-  };
-  return V(l, () => {
-    c.value = c.value || h.value;
-  }), V(o, () => {
-    c.value = 0;
-  }), Pe(() => {
-    V(() => e.scrollTarget, (d) => {
-      const b = d ? document.querySelector(d) : window;
-      if (!b) {
-        we(`Unable to locate element with identifier ${d}`);
-        return;
-      }
-      b !== s.value && (s.value?.removeEventListener("scroll", u), s.value = b, s.value.addEventListener("scroll", u, {
-        passive: !0
-      }));
-    }, {
-      immediate: !0
-    });
-  }), X(() => {
-    s.value?.removeEventListener("scroll", u);
-  }), t && V(t, u, {
-    immediate: !0
-  }), {
-    scrollThreshold: g,
-    currentScroll: h,
-    currentThreshold: y,
-    isScrollActive: o,
-    scrollRatio: S,
-    // required only for testing
-    // probably can be removed
-    // later (2 chars chlng)
-    isScrollingUp: l,
-    savedScroll: c
-  };
-}
-const Je = B({
-  scrollBehavior: String,
-  modelValue: {
-    type: Boolean,
-    default: !0
-  },
-  location: {
-    type: String,
-    default: "top",
-    validator: (e) => ["top", "bottom"].includes(e)
-  },
-  ...ne(),
-  ...Ce(),
-  ...Ze(),
-  height: {
-    type: [Number, String],
-    default: 64
-  }
-}, "VAppBar"), Xe = k()({
-  name: "VAppBar",
-  props: Je(),
-  emits: {
-    "update:modelValue": (e) => !0
-  },
-  setup(e, n) {
-    let {
-      slots: t
-    } = n;
-    const r = A(), m = He(e, "modelValue"), s = f(() => {
-      const i = new Set(e.scrollBehavior?.split(" ") ?? []);
-      return {
-        hide: i.has("hide"),
-        fullyHide: i.has("fully-hide"),
-        inverted: i.has("inverted"),
-        collapse: i.has("collapse"),
-        elevate: i.has("elevate"),
-        fadeImage: i.has("fade-image")
-        // shrink: behavior.has('shrink'),
-      };
-    }), h = f(() => {
-      const i = s.value;
-      return i.hide || i.fullyHide || i.inverted || i.collapse || i.elevate || i.fadeImage || // behavior.shrink ||
-      !m.value;
-    }), {
-      currentScroll: c,
-      scrollThreshold: y,
-      isScrollingUp: o,
-      scrollRatio: l
-    } = Ge(e, {
-      canScroll: h
-    }), g = f(() => s.value.hide || s.value.fullyHide), S = f(() => e.collapse || s.value.collapse && (s.value.inverted ? l.value > 0 : l.value === 0)), u = f(() => e.flat || s.value.fullyHide && !m.value || s.value.elevate && (s.value.inverted ? c.value > 0 : c.value === 0)), d = f(() => s.value.fadeImage ? s.value.inverted ? 1 - l.value : l.value : void 0), b = f(() => {
-      const i = Number(r.value?.contentHeight ?? e.height), x = Number(r.value?.extensionHeight ?? 0);
-      return g.value ? c.value < y.value || s.value.fullyHide ? i + x : i : i + x;
-    });
-    Re(f(() => !!e.scrollBehavior), () => {
-      Ne(() => {
-        g.value ? s.value.inverted ? m.value = c.value > y.value : m.value = o.value || c.value < y.value : m.value = !0;
-      });
-    });
-    const {
-      ssrBootStyles: w
-    } = Me(), {
-      layoutItemStyles: C,
-      layoutIsReady: H
-    } = ze({
-      id: e.name,
-      order: f(() => parseInt(e.order, 10)),
-      position: N(e, "location"),
-      layoutSize: b,
-      elementSize: T(void 0),
-      active: m,
-      absolute: N(e, "absolute")
-    });
-    return I(() => {
-      const i = K.filterProps(e);
-      return a(K, j({
-        ref: r,
-        class: ["v-app-bar", {
-          "v-app-bar--bottom": e.location === "bottom"
-        }, e.class],
-        style: [{
-          ...C.value,
-          "--v-toolbar-image-opacity": d.value,
-          height: void 0,
-          ...w.value
-        }, e.style]
-      }, i, {
-        collapse: S.value,
-        flat: u.value
-      }), t);
-    }), H;
-  }
-}), pe = k()({
-  name: "VAppBarTitle",
-  props: ee(),
-  setup(e, n) {
-    let {
-      slots: t
-    } = n;
-    return I(() => a(te, j(e, {
-      class: "v-app-bar-title"
-    }), t)), {};
-  }
-}), et = {
-  __name: "Header",
-  setup(e) {
-    const n = (
-      /** @type {import("@/types").Eodash} */
-      Ae(je)
-    ), t = n.brand?.name;
-    return (r, m) => (Ue(), De(Xe, { color: "primary" }, {
-      default: M(() => [
-        a(pe, null, {
-          default: M(() => [
-            We(
-              $e(O(t)),
-              1
-              /* TEXT */
-            )
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        a(le, {
-          class: "mx-12 logo",
-          src: O(n).brand?.logo
-        }, null, 8, ["src"])
-      ]),
-      _: 1
-      /* STABLE */
-    }));
-  }
-}, rt = /* @__PURE__ */ Ee(et, [["__scopeId", "data-v-d3a5e05e"]]);
-export {
-  rt as default
-};