@eodash/eodash 5.2.0 → 5.3.0

package/dist/client/EodashLayerControl-BLBds28C.js

@@ -1,154 +0,0 @@
-import { computed, ref, createElementBlock, openBlock, createCommentVNode, mergeProps, unref, renderSlot, createElementVNode, toDisplayString } from 'vue';
-import '@eox/layercontrol';
-import '@eox/jsonform';
-import '@eox/timecontrol';
-import 'color-legend-element';
-import { I as mapCompareEl, d as mapEl, J as getColFromLayer } from './helpers-wXK7Ywio.js';
-import { _ as _export_sfc, E as useSTAcStore, K as layerControlFormValueCompare, L as layerControlFormValue, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-ZyEzWOOf.js';
-import { storeToRefs } from 'pinia';
-
-const _style_0 = "eox-layercontrol[data-v-88d02d9c]{overflow:auto}";
-
-const _hoisted_1 = { class: "d-flex flex-column" };
-const _hoisted_2 = ["for"];
-const _hoisted_3 = {
-  key: 0,
-  class: "mt-2 mb-2"
-};
-
-
-const _sfc_main = {
-  __name: 'EodashLayerControl',
-  props: {
-  map: {
-    /** @type {import("vue").PropType<"first" | "second">} */
-    //@ts-expect-error todo
-    type: String,
-    default: "first",
-  },
-  tools: {
-    type: Array,
-    default: () => ["datetime", "info", "config", "legend", "opacity"],
-  },
-  title: {
-    type: String || Boolean,
-    default: "Layers",
-  },
-  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) {
-    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);
-};
-// ------
-/**
- *
- * @param {Event & {detail:{layer:import("ol/layer").Layer;jsonformValue:Record<string,any>}}} evt
- */
-const onLayerConfigChange = (evt) => {
-  if (props.map === "second") {
-    layerControlFormValueCompare.value = evt.detail.jsonformValue;
-  } else {
-    layerControlFormValue.value = evt.detail.jsonformValue;
-  }
-};
-
-return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock("span", _hoisted_1, [
-    (showControls.value)
-      ? (openBlock(), createElementBlock("eox-layercontrol", mergeProps({ key: unref(mapElement) }, config, {
-          for: unref(mapElement),
-          "onDatetime:updated": debouncedHandleDateTime,
-          toolsAsList: "true",
-          style: {"--eox-background-color":"transparent"},
-          ref_key: "eoxLayercontrol",
-          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)
-        ], 16 /* FULL_PROPS */, _hoisted_2))
-      : createCommentVNode("v-if", true)
-  ]))
-}
-}
-
-};
-const EodashLayerControl = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-88d02d9c"]]);
-
-export { EodashLayerControl as default };