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

package/dist/client/EodashLayerControl-De7IlCm_.js

@@ -0,0 +1,120 @@
+import { computed, ref, openBlock, createElementBlock, mergeProps, unref, createCommentVNode } from 'vue';
+import '@eox/layercontrol';
+import '@eox/jsonform';
+import '@eox/timecontrol';
+import 'color-legend-element';
+import { $ as useSTAcStore, a2 as mapCompareEl, a3 as mapEl, a4 as eodashCompareCollections, a0 as eodashCollections, a5 as getColFromLayer } from './asWebComponent-BRGyP_j5.js';
+import { storeToRefs } from 'pinia';
+
+const _hoisted_1 = { class: "d-flex flex-column fill-height overflow-auto" };
+const _hoisted_2 = ["for"];
+
+
+const _sfc_main = {
+  __name: 'EodashLayerControl',
+  props: {
+  map: {
+    type: String,
+    default: "first",
+  },
+  tools: {
+    type: Array,
+    default: () => ["datetime", "info", "config", "legend", "opacity"],
+  },
+  cssVars: {
+    type: Object,
+  },
+},
+  setup(__props) {
+
+const props = __props;
+
+const config = {
+  tools: props.tools,
+  style: props.cssVars,
+};
+
+const { selectedCompareStac, selectedStac } = storeToRefs(useSTAcStore());
+const showControls = computed(() => {
+  if (props.map === "second") {
+    return mapCompareEl.value !== null && selectedCompareStac.value !== null;
+  }
+  return mapEl.value !== null && selectedStac.value !== null;
+});
+
+const eodashCols =
+  props.map === "second" ? eodashCompareCollections : eodashCollections;
+const mapElement = props.map === "second" ? mapCompareEl : mapEl;
+
+/** @type { import("vue").Ref<HTMLElement & Record<string,any> | null>} */
+const eoxLayercontrol = ref(null);
+
+/** @param {CustomEvent<{layer:import('ol/layer').Layer; datetime:string;}>} evt */
+const handleDatetimeUpdate = async (evt) => {
+  const { layer, datetime } = evt.detail;
+
+  const ec = await getColFromLayer(eodashCols, layer);
+
+  /** @type {Record<string,any>[] | undefined} */
+  let updatedLayers = [];
+
+  if (ec) {
+    await ec.fetchCollection();
+    updatedLayers = await ec.updateLayerJson(
+      datetime,
+      layer.get("id"),
+      props.map,
+    );
+  }
+  /** @type {Record<String,any>[] | undefined} */
+  const dataLayers = updatedLayers?.find(
+    (l) => l?.properties?.id === "AnalysisGroup",
+  )?.layers;
+
+  if (dataLayers?.length) {
+    // Add expand to all analysis layers
+    dataLayers?.forEach((dl) => {
+      dl.properties.layerControlExpand = true;
+      dl.properties.layerControlToolsExpand = true;
+    });
+    // assign layers to the map
+    /** @type {HTMLElement & Record<string,any>} */
+    (mapElement.value).layers = updatedLayers;
+  }
+};
+
+// -----  debounce logic
+/** @type {NodeJS.Timeout | undefined} */
+let timeout;
+
+/**
+ * @param {CustomEvent<{layer:import('ol/layer').Layer; datetime:string;}>} evt
+ **/
+const debouncedHandleDateTime = (evt) => {
+  clearTimeout(timeout);
+  timeout = setTimeout(() => {
+    handleDatetimeUpdate(evt);
+  }, 500);
+};
+// ------
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("span", _hoisted_1, [
+    (showControls.value)
+      ? (openBlock(), createElementBlock("eox-layercontrol", mergeProps({ key: 0 }, config, {
+          for: unref(mapElement),
+          "onDatetime:updated": debouncedHandleDateTime,
+          class: "fill-height",
+          toolsAsList: "true",
+          style: {"--eox-background-color":"transparent"},
+          ref_key: "eoxLayercontrol",
+          ref: eoxLayercontrol
+        }), null, 16 /* FULL_PROPS */, _hoisted_2))
+      : createCommentVNode("v-if", true)
+  ]))
+}
+}
+
+};
+
+export { _sfc_main as default };

package/dist/client/EodashLayoutSwitcher-C-3-jjn5.js

@@ -0,0 +1,52 @@
+import { ref, openBlock, createElementBlock, createVNode, withCtx, mergeProps } from 'vue';
+import { a1 as makePanelTransparent, y as VIcon, ak as activeTemplate } from './asWebComponent-BRGyP_j5.js';
+import { mdiViewDashboard } from '@mdi/js';
+import { V as VTooltip } from './VTooltip-CDu3bErh.js';
+
+const _sfc_main = {
+  __name: 'EodashLayoutSwitcher',
+  props: {
+  target: {
+    type: String,
+    default: "main",
+  },
+  // mdi/js icon
+  icon: {
+    type: String,
+    default: mdiViewDashboard,
+  },
+},
+  setup(__props) {
+
+
+
+/** @type {import("vue").Ref<HTMLDivElement|null>} */
+const rootRef = ref(null);
+makePanelTransparent(rootRef);
+
+return (_ctx, _cache) => {
+                                                       
+                                                             
+
+  return (openBlock(), createElementBlock("div", {
+    ref_key: "rootRef",
+    ref: rootRef
+  }, [
+    createVNode(VTooltip, {
+      text: `Switch to ${__props.target} mode`
+    }, {
+      activator: withCtx(({ props }) => [
+        createVNode(VIcon, mergeProps(props, {
+          onClick: _cache[0] || (_cache[0] = $event => (activeTemplate.value = __props.target)),
+          icon: [__props.icon]
+        }), null, 16 /* FULL_PROPS */, ["icon"])
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["text"])
+  ], 512 /* NEED_PATCH */))
+}
+}
+
+};
+
+export { _sfc_main as default };