@eodash/eodash 5.0.0-alpha.2.1 → 5.0.0-alpha.2.11

package/dist/Header-DC50S6GR.js

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