@eodash/eodash 5.0.0-alpha.2.3 → 5.0.0-alpha.2.5

package/dist/Header-DFz2BUnp.js

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