@eodash/eodash 5.0.0-alpha.2.9 → 5.0.0-processing

package/core/client/SuspensedDashboard.ce.vue

@@ -1,105 +0,0 @@
-<template>
-  <v-app ref="vAppRef">
-    <Suspense>
-      <Dashboard :on-template-mount="setStylesFromHead" :config="config" />
-
-      <template #fallback>
-        <ErrorAlert @vue:mounted="setStylesFromHead()" v-model="error" />
-      </template>
-    </Suspense>
-  </v-app>
-</template>
-<script setup>
-import Dashboard from "@/views/Dashboard.vue";
-import { createApp, getCurrentInstance, onErrorCaptured, ref } from "vue";
-import { registerPlugins } from "@/plugins";
-import { eodashKey } from "@/utils/keys";
-import ErrorAlert from "@/components/ErrorAlert.vue";
-
-defineProps({
-  config: {
-    type: String,
-  },
-});
-
-/** @type {import("vue").Ref<import("vuetify/components").VApp | null>} */
-const vAppRef = ref(null);
-const app = createApp({});
-registerPlugins(app);
-
-const inst = getCurrentInstance();
-
-Object.assign(inst?.appContext ?? {}, app._context);
-
-//@ts-expect-error Property 'provides' does not exist on type 'ComponentInternalInstance'
-Object.assign(inst?.provides ?? {}, app._context.provides);
-
-/**
- * @param {import("vue").Ref<
- *   HTMLElement | import("vue").ComponentPublicInstance
- * >[]} [hiddenElements]
- */
-function setStylesFromHead(hiddenElements) {
-  const eodashShadowRoot = vAppRef.value?.$el.getRootNode();
-  const styleSheet = new CSSStyleSheet();
-  const head = document.querySelector("head");
-  let stylesStr = "";
-
-  Array.from(head?.children ?? []).forEach((child) => {
-    if (child.getAttribute("type") === "text/css") {
-      stylesStr += `\n ${child.innerHTML}`;
-      return;
-    }
-
-    if (
-      child.tagName == "LINK" &&
-      child.getAttribute("rel")?.includes("stylesheet")
-    ) {
-      eodashShadowRoot?.appendChild(child.cloneNode(true));
-    }
-  });
-
-  stylesStr += `\n
-      ${
-        //@ts-expect-error Property 'provides' does not exist on type 'ComponentInternalInstance'
-        /** @type {import("@/types").Eodash} */ (inst?.provides[eodashKey])
-          ?.brand.noLayout
-          ? `div.v-application__wrap {
-          min-height: fit-content;
-        }`
-          : ""
-      }
-        `;
-  styleSheet.replaceSync(stylesStr.replaceAll(":root", ":host"));
-  eodashShadowRoot?.adoptedStyleSheets.push(styleSheet);
-
-  if (
-    hiddenElements &&
-    !(
-      //@ts-expect-error Property 'provides' does not exist on type 'ComponentInternalInstance'
-      /** @type {import("@/types").Eodash} */ (inst.provides[eodashKey])?.brand
-        .noLayout
-    )
-  ) {
-    hiddenElements.forEach((element) => {
-      if (element.value) {
-        if (element.value instanceof HTMLElement) {
-          element.value.style.opacity = "1";
-        } else {
-          /** @type {HTMLElement} */
-          (element.value.$el).style.opacity = "1";
-        }
-      }
-    });
-  }
-}
-
-const error = ref("");
-onErrorCaptured((e, comp, info) => {
-  error.value = `
-  ${e}.
-  component: ${comp?.$.type.name}.
-  info: ${info}.
-  `;
-});
-</script>

package/dist/client/DashboardLayout-D0ZF6V2S.js

@@ -1,156 +0,0 @@
-import { _ as y, x as m, W as x, X as d, $ as t, a0 as r, a1 as l, a9 as _, a3 as n, a6 as u, a2 as c, a4 as p, d as h, a5 as g, F as f, a7 as v, ab as w } from "./asWebComponent-B91uK0U7.js";
-import { V as k } from "./VMain-BLX5vRRn.js";
-class A extends HTMLElement {
-  static get observedAttributes() {
-    return ["gap"];
-  }
-  constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.render();
-  }
-  render() {
-    this.shadowRoot.innerHTML = `
-    <style>
-      :host {
-        display: grid;
-        padding: ${this.getAttribute("gap") || 0}px;
-        height: 100%;
-        box-sizing: border-box;
-        gap: ${this.getAttribute("gap") || "0"}px;
-        grid-template-columns: repeat(12, 1fr);
-        grid-template-rows: repeat(12, 1fr);
-      }
-    </style>
-    <slot></slot>
-  `;
-  }
-  attributeChangedCallback(a, s, o) {
-    s !== o && (this[a] = o), this.render();
-  }
-}
-class C extends HTMLElement {
-  static get observedAttributes() {
-    return ["x", "y", "w", "h"];
-  }
-  constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.render();
-  }
-  render() {
-    this.shadowRoot.innerHTML = `
-      <style>
-        :host {
-          background: lightgrey;
-          border: 1px solid darkgrey;
-          border-radius: 4px;
-          padding: 4px 8px;
-          overflow: hidden;
-
-
-          grid-column: ${parseInt(this.getAttribute("x")) + 1} / span ${this.getAttribute("w")};
-          grid-row: ${parseInt(this.getAttribute("y")) + 1} / span ${this.getAttribute("h")};
-        }
-      </style>
-      <slot></slot>
-    `;
-  }
-  attributeChangedCallback(a, s, o) {
-    s !== o && (this[a] = o), this.render();
-  }
-}
-customElements.define("eox-layout", A);
-customElements.define("eox-layout-item", C);
-const L = ["gap"], $ = {
-  key: 0,
-  class: "bg-panel",
-  x: "0",
-  y: "0",
-  h: "12",
-  w: "12"
-}, E = ["h", "w", "x", "y"], M = {
-  __name: "DashboardLayout",
-  setup(i) {
-    const a = (
-      /** @type {import("@/types").Eodash} */
-      m(x)
-    ), [s] = d([a.template?.background]), o = d(a.template?.widgets);
-    return (T, B) => (t(), r(k, null, {
-      default: l(() => [
-        _("eox-layout", {
-          gap: n(a).template.gap ?? 2
-        }, [
-          n(s).component ? (t(), u("eox-layout-item", $, [
-            (t(), r(c, { suspensible: "" }, {
-              default: l(() => [
-                (t(), r(
-                  p(n(s).component),
-                  h({ id: "bg-widget" }, n(s).props),
-                  null,
-                  16
-                  /* FULL_PROPS */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }))
-          ])) : g("v-if", !0),
-          (t(!0), u(
-            f,
-            null,
-            v(n(o), (e, b) => (t(), r(
-              w,
-              {
-                key: b,
-                name: "fade"
-              },
-              {
-                default: l(() => [
-                  e.value.component ? (t(), u("eox-layout-item", {
-                    key: e.value.id,
-                    class: "panel bg-surface",
-                    h: e.value.layout.h,
-                    w: e.value.layout.w,
-                    x: e.value.layout.x,
-                    y: e.value.layout.y
-                  }, [
-                    (t(), r(
-                      c,
-                      { suspensible: "" },
-                      {
-                        default: l(() => [
-                          (t(), r(
-                            p(e.value.component),
-                            h({
-                              key: e.value.id,
-                              ref_for: !0
-                            }, e.value.props),
-                            null,
-                            16
-                            /* FULL_PROPS */
-                          ))
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      },
-                      1024
-                      /* DYNAMIC_SLOTS */
-                    ))
-                  ], 8, E)) : g("v-if", !0)
-                ]),
-                _: 2
-                /* DYNAMIC */
-              },
-              1024
-              /* DYNAMIC_SLOTS */
-            ))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ], 8, L)
-      ]),
-      _: 1
-      /* STABLE */
-    }));
-  }
-}, V = /* @__PURE__ */ y(M, [["__scopeId", "data-v-a859692c"]]);
-export {
-  V as default
-};

package/dist/client/DynamicWebComponent-CPsMSBHi.js

@@ -1,57 +0,0 @@
-import { by as i, aA as m, r as p, Z as d, aJ as f, $ as c, a6 as g, a0 as y, d as _, a4 as k } from "./asWebComponent-B91uK0U7.js";
-const h = { class: "d-flex flex-column fill-height overflow-auto" }, N = {
-  __name: "DynamicWebComponent",
-  props: {
-    link: {
-      type: [String, Function],
-      required: !0
-    },
-    constructorProp: String,
-    tagName: {
-      type: String,
-      required: !0
-    },
-    properties: {
-      type: Object,
-      default: () => ({})
-    },
-    onMounted: Function,
-    onUnmounted: Function
-  },
-  async setup(o) {
-    let t, a;
-    const e = (
-      /** @type {import("@/types").WebComponentProps} */
-      o
-    ), u = async () => typeof e.link == "string" ? await import(
-      /* @vite-ignore */
-      e.link
-    ) : await e.link(), l = customElements.get(e.tagName) ? null : ([t, a] = i(() => u().catch((n) => {
-      console.error(n);
-    })), t = await t, a(), t);
-    if (!customElements.get(e.tagName) && e.constructorProp) {
-      const n = l[e.constructorProp];
-      customElements.define(e.tagName, n);
-    }
-    const s = m(), r = p(null);
-    return d(() => {
-      e.onMounted?.(r.value, s);
-    }), f(() => {
-      e.onUnmounted?.(r.value, s);
-    }), (n, x) => (c(), g("span", h, [
-      (c(), y(
-        k(o.tagName),
-        _(o.properties, {
-          ref_key: "elementRef",
-          ref: r
-        }),
-        null,
-        16
-        /* FULL_PROPS */
-      ))
-    ]));
-  }
-};
-export {
-  N as default
-};

package/dist/client/EodashDatePicker-CBQP7u2X.js

@@ -1,252 +0,0 @@
-import { p as B, o as $, g as j, y as _, av as I, c as v, r as V, d as w, a as M, b as p, aw as R, ax as O, T as U, ay as F, x as N, Z as Y, az as H, aA as z, w as G, $ as h, a6 as W, a1 as y, a3 as C, aB as K, F as L, W as Z, a9 as k, aC as q, aD as J, t as S, a0 as T, M as D, aE as Q, V as P, aF as X, aG as x } from "./asWebComponent-B91uK0U7.js";
-import { t as tt, e as et } from "./eodashSTAC-DBjqe_Ho.js";
-import { m as at, V as E } from "./VOverlay-CvrYEmLu.js";
-import { b as ot, f as nt } from "./forwardRefs-BJJiadQP.js";
-const st = B({
-  id: String,
-  text: String,
-  ...$(at({
-    closeOnBack: !1,
-    location: "end",
-    locationStrategy: "connected",
-    eager: !0,
-    minWidth: 0,
-    offset: 10,
-    openOnClick: !1,
-    openOnHover: !0,
-    origin: "auto",
-    scrim: !1,
-    scrollStrategy: "reposition",
-    transition: !1
-  }), ["absolute", "persistent"])
-}, "VTooltip"), rt = j()({
-  name: "VTooltip",
-  props: st(),
-  emits: {
-    "update:modelValue": (t) => !0
-  },
-  setup(t, r) {
-    let {
-      slots: i
-    } = r;
-    const o = _(t, "modelValue"), {
-      scopeId: n
-    } = ot(), l = I(), e = v(() => t.id || `v-tooltip-${l}`), a = V(), s = v(() => t.location.split(" ").length > 1 ? t.location : t.location + " center"), c = v(() => t.origin === "auto" || t.origin === "overlap" || t.origin.split(" ").length > 1 || t.location.split(" ").length > 1 ? t.origin : t.origin + " center"), u = v(() => t.transition ? t.transition : o.value ? "scale-transition" : "fade-transition"), f = v(() => w({
-      "aria-describedby": e.value
-    }, t.activatorProps));
-    return M(() => {
-      const b = E.filterProps(t);
-      return p(E, w({
-        ref: a,
-        class: ["v-tooltip", t.class],
-        style: t.style,
-        id: e.value
-      }, b, {
-        modelValue: o.value,
-        "onUpdate:modelValue": (m) => o.value = m,
-        transition: u.value,
-        absolute: !0,
-        location: s.value,
-        origin: c.value,
-        persistent: !0,
-        role: "tooltip",
-        activatorProps: f.value,
-        _disableGlobalStack: !0
-      }, n), {
-        activator: i.activator,
-        default: function() {
-          for (var m = arguments.length, d = new Array(m), g = 0; g < m; g++)
-            d[g] = arguments[g];
-          return i.default?.(...d) ?? t.text;
-        }
-      });
-    }), nt({}, a);
-  }
-});
-function it(t, r) {
-  const i = typeof t == "string" ? R(t) : t, o = lt(i, r);
-  return {
-    mounted: o,
-    updated: o,
-    unmounted(n) {
-      O(null, n);
-    }
-  };
-}
-function lt(t, r) {
-  return function(i, o, n) {
-    const l = typeof r == "function" ? r(o) : r, e = o.value?.text ?? o.value ?? l?.text, a = U(o.value) ? o.value : {}, s = () => e ?? i.innerHTML, c = (n.ctx === o.instance.$ ? ct(n, o.instance.$)?.provides : n.ctx?.provides) ?? o.instance.$.provides, u = F(t, w(l, a), s);
-    u.appContext = Object.assign(/* @__PURE__ */ Object.create(null), o.instance.$.appContext, {
-      provides: c
-    }), O(u, i);
-  };
-}
-function ct(t, r) {
-  const i = /* @__PURE__ */ new Set(), o = (l) => {
-    for (const e of l) {
-      if (!e) continue;
-      if (e === t)
-        return !0;
-      i.add(e);
-      let a;
-      if (e.suspense ? a = o([e.ssContent]) : Array.isArray(e.children) ? a = o(e.children) : e.component?.vnode && (a = o([e.component?.subTree])), a)
-        return a;
-      i.delete(e);
-    }
-    return !1;
-  };
-  if (!o([r.subTree]))
-    throw new Error("Could not find original vnode");
-  const n = Array.from(i).reverse();
-  for (const l of n)
-    if (l.component)
-      return l.component;
-  return r;
-}
-const A = it(rt, (t) => ({
-  activator: "parent",
-  location: t.arg?.replace("-", " ") ?? "top",
-  text: typeof t.value == "boolean" ? void 0 : t.value
-})), ut = {
-  class: "flex rounded-lg border border-gray-300 dark:border-gray-600",
-  style: { margin: "2px" }
-}, dt = ["value"], gt = {
-  __name: "EodashDatePicker",
-  setup(t) {
-    function r(e) {
-      if (n.value && n.value.length > 0) {
-        let a = e ? 1 / 0 : -1 / 0;
-        n.value.forEach((s) => {
-          s?.dates && s.dates.forEach((c) => {
-            c instanceof Date && (!e && c.getTime() > a || e && c.getTime() < a) && (a = c.getTime());
-          });
-        }), a !== 0 && (l.value = new Date(a));
-      }
-    }
-    const i = (
-      /** @type {import("@/types").Eodash} */
-      N(Z)
-    ), o = V({
-      input: "YYYY-MM-DD"
-    }), n = V([]), l = v({
-      get() {
-        return x.value ? new Date(x.value) : /* @__PURE__ */ new Date();
-      },
-      /** @param {Date | string} updatedDate */
-      set(e) {
-        e instanceof Date && !isNaN(e.getTime()) ? x.value = new Date(
-          e.getTime() - e.getTimezoneOffset() * 6e4
-        ).toISOString() : x.value = (/* @__PURE__ */ new Date()).toISOString();
-      }
-    });
-    return Y(() => {
-      const { selectedStac: e } = H(z());
-      G(
-        [e],
-        async ([a]) => {
-          if (a) {
-            const s = tt(
-              `./${a.id}/collection.json`,
-              i.stacEndpoint
-            ), c = et(
-              e.value,
-              s
-            ), u = [
-              "#009E73",
-              "#0072B2",
-              "#E69F00",
-              "#CC79A7",
-              "#56B4E9",
-              "#D55E00"
-            ];
-            for (let f = 0; f < c.length; f++) {
-              const m = (await (await fetch(c[f])).json()).links.filter(
-                (d) => d.rel === "item" && "datetime" in d
-              ).map(
-                (d) => new Date(d.datetime)
-              );
-              n.value = [
-                {
-                  bar: {
-                    style: {
-                      backgroundColor: u[f % u.length]
-                    }
-                  },
-                  dates: m
-                }
-              ];
-            }
-          }
-        },
-        { immediate: !0 }
-      );
-    }), (e, a) => (h(), W(
-      L,
-      null,
-      [
-        p(C(J), {
-          modelValue: l.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (s) => l.value = s),
-          masks: o.value,
-          attributes: n.value
-        }, {
-          default: y(({ inputValue: s, inputEvents: c }) => [
-            k("div", ut, [
-              k("input", w({ value: s }, q(c, !0), {
-                style: { margin: "1px" },
-                class: "flex-grow px-1 py-1 bg-white dark:bg-gray-700"
-              }), null, 16, dt)
-            ])
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["modelValue", "masks", "attributes"]),
-        p(K, {
-          align: "center",
-          justify: "center",
-          style: { "margin-top": "6px" }
-        }, {
-          default: y(() => [
-            S((h(), T(P, {
-              style: { padding: "0px", "margin-right": "4px" },
-              density: "compact",
-              onClick: a[1] || (a[1] = (s) => r(!0))
-            }, {
-              default: y(() => [
-                p(D, {
-                  icon: [C(Q)]
-                }, null, 8, ["icon"])
-              ]),
-              _: 1
-              /* STABLE */
-            })), [
-              [A, "Set date to oldest available dataset", "bottom"]
-            ]),
-            S((h(), T(P, {
-              style: { padding: "0px", "margin-left": "4px" },
-              density: "compact",
-              onClick: a[2] || (a[2] = (s) => r(!1))
-            }, {
-              default: y(() => [
-                p(D, {
-                  icon: [C(X)]
-                }, null, 8, ["icon"])
-              ]),
-              _: 1
-              /* STABLE */
-            })), [
-              [A, "Set date to latest available dataset", "bottom"]
-            ])
-          ]),
-          _: 1
-          /* STABLE */
-        })
-      ],
-      64
-      /* STABLE_FRAGMENT */
-    ));
-  }
-};
-export {
-  gt as default
-};