@eodash/eodash 5.6.1 → 5.7.1

package/dist/client/{EodashLayerControl-CC1Cogrn.js → EodashLayerControl-DMCeMkSd.js}

@@ -1,9 +1,11 @@
-import { withAsyncContext, computed, ref, openBlock, createElementBlock, mergeProps, unref, renderSlot, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
+import { withAsyncContext, computed, ref, watch, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
 import 'color-legend-element';
 import '@eox/timecontrol';
-import { S as mapCompareEl, i as mapEl, T as getColFromLayer } from './helpers-DAVGYl_f.js';
-import { _ as _export_sfc, H as useSTAcStore, P as layerControlFormValueCompare, Q as layerControlFormValue, M as eodashCompareCollections, L as eodashCollections } from './asWebComponent-DfULAbpq.js';
+import { a1 as mapCompareEl, n as mapEl, a2 as updateGeoZarrBands, a3 as layerControlFormValueCompare, a4 as layerControlFormValue, a5 as getColFromLayer, P as eodashCompareCollections, S as eodashCollections } from './helpers-CBqIUSXJ.js';
 import { storeToRefs } from 'pinia';
+import { _ as _export_sfc, H as useSTAcStore, aa as useEmitLayersUpdate } from './asWebComponent-BlFN2lkB.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-iJ8mX1rF.js';
+import { mdiViewDashboard } from '@mdi/js';
 
 /**
  * Taken from jQuery 2.1.3
@@ -1367,35 +1369,53 @@ const bandsEditorInterface = [
   },
 ];
 
-const _style_0 = "eox-layercontrol[data-v-219e33f9]{overflow:auto}";
+const _style_0 = "eox-layercontrol[data-v-2e9372f7]{overflow:auto}";
 
 const _hoisted_1 = { class: "d-flex flex-column" };
 const _hoisted_2 = ["for", ".customEditorInterfaces"];
 const _hoisted_3 = {
-  key: 0,
-  class: "mt-2 mb-2"
+  slot: "layerstitle",
+  class: "d-flex justify-space-between ma-2 pa-2 flex-shrink-0"
 };
+const _hoisted_4 = { key: 0 };
 
 
 const _sfc_main = {
   __name: 'EodashLayerControl',
   props: {
+  /** Which map instance this control is bound to. Use `"second"` in a compare-mode layout. */
   map: {
     /** @type {import("vue").PropType<"first" | "second">} */
     //@ts-expect-error todo
     type: String,
     default: "first",
   },
+  /** Tool tabs shown inside `eox-layercontrol`. Remove entries to hide individual tabs. */
   tools: {
-    type: Array,
+    type: /** @type {import("vue").PropType<string[]>} */ (Array),
     default: () => ["datetime", "info", "config", "legend", "opacity"],
   },
+  /** Heading rendered above the layer list. Set to `false` to hide it. */
   title: {
-    type: String || Boolean,
+    type: /** @type {import("vue").PropType<string | false>} */ ([
+      String,
+      Boolean,
+    ]),
     default: "Layers",
   },
+  /** CSS custom-property overrides forwarded to the underlying `eox-layercontrol` element via its `style` attribute. */
   cssVars: {
-    type: Object,
+    type: /** @type {import("vue").PropType<Record<string, string>>} */ (
+      Object
+    ),
+    default: {},
+  },
+  layoutIcon: {
+    type: String,
+    default: mdiViewDashboard,
+  },
+  layoutTarget: {
+    type: String,
   },
 },
   async setup(__props) {
@@ -1424,7 +1444,12 @@ const config = {
   style: props.cssVars,
 };
 
+const enableLayoutSwitcher = computed(
+  () => !!props.layoutTarget && !!props.layoutIcon,
+);
+
 const { selectedCompareStac, selectedStac } = storeToRefs(useSTAcStore());
+
 const showControls = computed(() => {
   if (props.map === "second") {
     return mapCompareEl.value !== null && selectedCompareStac.value !== null;
@@ -1436,12 +1461,23 @@ const eodashCols =
   props.map === "second" ? eodashCompareCollections : eodashCollections;
 const mapElement = props.map === "second" ? mapCompareEl : mapEl;
 
-/** @type { import("vue").Ref<HTMLElement & Record<string,any> | null>} */
+/** @type { import("vue").Ref<import("@eox/layercontrol").EOxLayerControl | null>} */
 const eoxLayercontrol = ref(null);
 
+// eox-timecontrol re-fires datetime:updated after layer reassignment;
+// dedupe by (collectionId, datetime)
+const processedDatetimes = new Map();
+watch([selectedStac, selectedCompareStac], () => processedDatetimes.clear());
+
 /** @param {CustomEvent<{layer:import('ol/layer').Layer; datetime:string;}>} evt */
 const handleDatetimeUpdate = async (evt) => {
   const { layer, datetime } = evt.detail;
+  const collectionId = layer.get("id")?.split(";:;")[0] ?? layer.get("id");
+  if (processedDatetimes.get(collectionId) === datetime) return;
+  // First event per collection is eox-timecontrol's mount echo.
+  const isFirstEvent = !processedDatetimes.has(collectionId);
+  processedDatetimes.set(collectionId, datetime);
+  if (isFirstEvent) return;
 
   const ec = await getColFromLayer(eodashCols, layer);
 
@@ -1452,9 +1488,10 @@ const handleDatetimeUpdate = async (evt) => {
     updatedLayers = await ec.updateLayerJson(
       datetime,
       layer.get("id"),
-      props.map,
+      mapElement.value?.layers ?? [],
     );
   }
+  if (!updatedLayers?.length) return;
   /** @type {Record<String,any>[] | undefined} */
   const dataLayers = updatedLayers?.find(
     (l) => l?.properties?.id === "AnalysisGroup",
@@ -1466,9 +1503,14 @@ const handleDatetimeUpdate = async (evt) => {
       dl.properties.layerControlExpand = true;
       dl.properties.layerControlToolsExpand = true;
     });
-    // assign layers to the map
     /** @type {HTMLElement & Record<string,any>} */
     (mapElement.value).layers = updatedLayers;
+    // Emit after layer assignment so listeners resolve against the new layer.
+    await useEmitLayersUpdate(
+      props.map === "second" ? "compareLayertime:updated" : "layertime:updated",
+      mapElement.value,
+      updatedLayers,
+    );
   }
 };
 
@@ -1491,6 +1533,8 @@ const debouncedHandleDateTime = (evt) => {
  * @param {Event & {detail:{layer:import("ol/layer").Layer;jsonformValue:Record<string,any>}}} evt
  */
 const onLayerConfigChange = (evt) => {
+  updateGeoZarrBands(evt.detail.layer, evt.detail.jsonformValue);
+
   if (props.map === "second") {
     layerControlFormValueCompare.value = evt.detail.jsonformValue;
   } else {
@@ -1503,6 +1547,7 @@ return (_ctx, _cache) => {
     (showControls.value)
       ? (openBlock(), createElementBlock("eox-layercontrol", mergeProps({ key: unref(mapElement) }, config, {
           for: unref(mapElement),
+          ".showLayerZoomState": true,
           ".customEditorInterfaces": unref(bandsEditorInterface),
           "onDatetime:updated": debouncedHandleDateTime,
           toolsAsList: "true",
@@ -1510,15 +1555,18 @@ return (_ctx, _cache) => {
           ref: eoxLayercontrol,
           "on:layerConfig:change": onLayerConfigChange
         }), [
-          renderSlot(_ctx.$slots, "layerstitle", {}, () => [
-            createElementVNode("div", null, [
-              (__props.title)
-                ? (openBlock(), createElementBlock("p", _hoisted_3, [
-                    createElementVNode("strong", null, toDisplayString(__props.title), 1 /* TEXT */)
-                  ]))
-                : createCommentVNode("v-if", true)
-            ])
-          ], true)
+          createElementVNode("span", _hoisted_3, [
+            (__props.title)
+              ? (openBlock(), createElementBlock("h4", _hoisted_4, toDisplayString(__props.title), 1 /* TEXT */))
+              : createCommentVNode("v-if", true),
+            (enableLayoutSwitcher.value)
+              ? (openBlock(), createBlock(_sfc_main$1, {
+                  key: 1,
+                  target: __props.layoutTarget,
+                  icon: __props.layoutIcon
+                }, null, 8 /* PROPS */, ["target", "icon"]))
+              : createCommentVNode("v-if", true)
+          ])
         ], 48 /* FULL_PROPS, NEED_HYDRATION */, _hoisted_2))
       : createCommentVNode("v-if", true)
   ]))
@@ -1526,6 +1574,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const EodashLayerControl = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-219e33f9"]]);
+const EodashLayerControl = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-2e9372f7"]]);
 
 export { EodashLayerControl as default };

package/dist/client/{EodashLayoutSwitcher-5WZYd6rr.js → EodashLayoutSwitcher-iJ8mX1rF.js}

@@ -1,8 +1,8 @@
 import { ref, openBlock, createElementBlock, unref, createBlock, withCtx, createVNode, mergeProps } from 'vue';
-import { D as activeTemplate } from './helpers-DAVGYl_f.js';
+import { J as activeTemplate } from './helpers-CBqIUSXJ.js';
 import { mdiViewDashboard } from '@mdi/js';
-import { G as useDisplay, I as useTransparentPanel, K as VIcon } from './asWebComponent-DfULAbpq.js';
-import { V as VTooltip } from './VTooltip-DbBu-ky3.js';
+import { G as useDisplay, I as useTransparentPanel, K as VIcon } from './asWebComponent-BlFN2lkB.js';
+import { V as VTooltip } from './VTooltip-2hAJyEoa.js';
 
 const _sfc_main = {
   __name: 'EodashLayoutSwitcher',