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

package/core/client/components/DashboardLayout.vue

@@ -22,7 +22,7 @@
           <eox-layout-item
             v-if="importedWidget.value.component"
             :key="importedWidget.value.id"
-            class="panel"
+            class="panel bg-surface"
             :h="importedWidget.value.layout.h"
             :w="importedWidget.value.layout.w"
             :x="importedWidget.value.layout.x"
@@ -59,7 +59,6 @@ const importedWidgets = useDefineWidgets(eodash.template?.widgets);
   overflow: visible;
   z-index: 1;
   border-radius: 0px;
-  background: rgb(var(--v-theme-surface));
 }
 
 .bg-panel {

package/core/client/components/MobileLayout.vue

@@ -14,7 +14,7 @@
         v-if="importedWidget.value.component"
         v-show="activeIdx === idx"
         id="overlay"
-        class="pa-2 panel"
+        class="pa-2 panel bg-surface"
       >
         <v-btn icon variant="text" class="close-btn" @click="activeIdx = -1"
           >&#x2715;</v-btn
@@ -90,7 +90,6 @@ onMounted(() => {
   width: 100%;
   left: 0;
   z-index: 1;
-  background: rgb(var(--v-theme-surface));
 }
 
 .component-container {

package/core/client/composables/index.js

@@ -128,6 +128,7 @@ export const makePanelTransparent = (root) => {
   onMounted(() => {
     const eoxItem = root.value?.parentElement;
     if (eoxItem?.tagName === "EOX-LAYOUT-ITEM") {
+      eoxItem.classList.remove("bg-surface");
       eoxItem.style.background = "transparent";
       eoxItem.style.border = "transparent";
     }

package/core/client/store/Actions.js

@@ -4,5 +4,11 @@
  * @returns {object[]}
  */
 export const getLayers = (el = "eox-map") =>
-  //@ts-expect-error layers doesn't exist on type element
-  document.querySelector(el)?.layers.toReversed();
+  customElements.get("eo-dash")
+    ? document
+        .querySelector("eo-dash")
+        ?.shadowRoot?.querySelector(el)
+        //@ts-expect-error `layers` doesn't exist on type element
+        ?.layers.toReversed()
+    : //@ts-expect-error `layers` doesn't exist on type element
+      document.querySelector(el)?.layers.toReversed();

package/core/client/types.d.ts

@@ -249,7 +249,7 @@ export interface EodashStore {
     /** returns the layers of the `eox-map`
      * @param `eox-map` element selector
      */
-    getLayers: (el: string = "eox-map") => object[];
+    getLayers: (el: string) => object[];
   };
   /** Pinia store definition used to navigate the root STAC catalog. */
   stac: {

package/dist/client/{DashboardLayout-Cbci3g7o.js → DashboardLayout-D0ZF6V2S.js}

@@ -1,5 +1,5 @@
-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-DeaU3QoK.js";
-import { V as k } from "./VMain-Bu1bPjvK.js";
+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"];
@@ -105,7 +105,7 @@ const L = ["gap"], $ = {
                 default: l(() => [
                   e.value.component ? (t(), u("eox-layout-item", {
                     key: e.value.id,
-                    class: "panel",
+                    class: "panel bg-surface",
                     h: e.value.layout.h,
                     w: e.value.layout.w,
                     x: e.value.layout.x,
@@ -150,7 +150,7 @@ const L = ["gap"], $ = {
       /* STABLE */
     }));
   }
-}, V = /* @__PURE__ */ y(M, [["__scopeId", "data-v-34c69bd3"]]);
+}, V = /* @__PURE__ */ y(M, [["__scopeId", "data-v-a859692c"]]);
 export {
   V as default
 };

package/dist/client/{DynamicWebComponent-DzmQ3Fr3.js → DynamicWebComponent-CPsMSBHi.js}

@@ -1,5 +1,5 @@
-import { bx as i, aA as m, r as p, Z as d, by as f, $ as c, a6 as g, a0 as y, d as _, a4 as k } from "./asWebComponent-DeaU3QoK.js";
-const h = { class: "d-flex flex-column fill-height overflow-auto" }, C = {
+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: {
@@ -38,7 +38,7 @@ const h = { class: "d-flex flex-column fill-height overflow-auto" }, C = {
       e.onMounted?.(r.value, s);
     }), f(() => {
       e.onUnmounted?.(r.value, s);
-    }), (n, b) => (c(), g("span", h, [
+    }), (n, x) => (c(), g("span", h, [
       (c(), y(
         k(o.tagName),
         _(o.properties, {
@@ -53,5 +53,5 @@ const h = { class: "d-flex flex-column fill-height overflow-auto" }, C = {
   }
 };
 export {
-  C as default
+  N as default
 };

package/dist/client/{EodashDatePicker-SP5bYISd.js → EodashDatePicker-CBQP7u2X.js}

@@ -1,7 +1,7 @@
-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-DeaU3QoK.js";
-import { t as tt, e as et } from "./eodashSTAC-CFQuZ_cI.js";
-import { m as at, V as E } from "./VOverlay-D_MKJ4vQ.js";
-import { b as ot, f as nt } from "./forwardRefs-D0a135Tc.js";
+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,