@eodash/eodash 5.7.0 → 5.7.1

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

@@ -1,9 +1,11 @@
-import { withAsyncContext, computed, ref, watch, 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 { R as mapCompareEl, i as mapEl, S as getColFromLayer } from './helpers-DjZVl_WF.js';
-import { _ as _export_sfc, H as useSTAcStore, P as layerControlFormValueCompare, Q as layerControlFormValue, R as useEmitLayersUpdate, M as eodashCompareCollections, L as eodashCollections } from './asWebComponent-BHWpMuE3.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-cd4de44c]{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,6 +1444,10 @@ const config = {
   style: props.cssVars,
 };
 
+const enableLayoutSwitcher = computed(
+  () => !!props.layoutTarget && !!props.layoutIcon,
+);
+
 const { selectedCompareStac, selectedStac } = storeToRefs(useSTAcStore());
 
 const showControls = computed(() => {
@@ -1437,7 +1461,7 @@ 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;
@@ -1509,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 {
@@ -1521,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",
@@ -1528,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)
   ]))
@@ -1544,6 +1574,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const EodashLayerControl = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-cd4de44c"]]);
+const EodashLayerControl = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-2e9372f7"]]);
 
 export { EodashLayerControl as default };

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

@@ -1,8 +1,8 @@
 import { ref, openBlock, createElementBlock, unref, createBlock, withCtx, createVNode, mergeProps } from 'vue';
-import { C as activeTemplate } from './helpers-DjZVl_WF.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-BHWpMuE3.js';
-import { V as VTooltip } from './VTooltip-CJw2FyWk.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',