@eodash/eodash 5.0.0-rc.1.5 → 5.0.0-rc.2

package/core/client/eodashSTAC/triggers.js

@@ -4,7 +4,7 @@
 import { changeMapProjection, registerProjection } from "@/store/actions";
 import log from "loglevel";
 import { getProjectionCode } from "./helpers";
-import { availableMapProjection } from "@/store/states";
+import { availableMapProjection, mapEl } from "@/store/states";
 
 /**
  * checks if there's a projection on the Collection and
@@ -41,3 +41,54 @@ export const setMapProjFromCol = async (STAcCollection) => {
     await changeMapProjection((availableMapProjection.value = ""));
   }
 };
+/**
+ *
+ * @param {string} collectionId
+ * @param {import("@/types").EodashStyleJson["variables"]} variables
+ */
+export function getStyleVariablesState(collectionId, variables) {
+  const mapElement = /** @type {import("@eox/map").EOxMap} */ (mapEl.value);
+  if (!mapElement || !mapElement.layers.length || !variables) {
+    return variables;
+  }
+
+  const analysisGroup = mapElement.layers.find(
+    (layer) => layer.properties?.id === "AnalysisGroup",
+  );
+  if (!analysisGroup) {
+    return variables;
+  }
+  const matchingLayer = analysisGroup.layers?.find((layer) => {
+    const [collection, ..._other] = layer.properties?.id.split(";:;") ?? [
+      "",
+      "",
+      "",
+    ];
+    return (
+      collection === collectionId &&
+      ["Vector", "WebGLTile"].includes(layer?.type ?? "")
+    );
+  });
+
+  if (!matchingLayer) {
+    return variables;
+  }
+
+  const olLayer = mapElement.getLayerById(matchingLayer.properties?.id ?? "");
+  const oldVariablesState = /** @type {import("ol/layer").WebGLTile} */ (
+    olLayer
+    //@ts-expect-error todo
+  ).getStyle()?.variables;
+  if (!oldVariablesState) {
+    return variables;
+  }
+  const styleVariablesKeys = Object.keys(variables);
+  const matchingKeys =
+    Object.keys(oldVariablesState).every((key) =>
+      styleVariablesKeys.includes(key),
+    ) &&
+    styleVariablesKeys.every((key) =>
+      Object.keys(oldVariablesState).includes(key),
+    );
+  return matchingKeys ? oldVariablesState : variables;
+}

package/core/client/store/stac.js

@@ -5,7 +5,11 @@ import { useAbsoluteUrl, useCompareAbsoluteUrl } from "@/composables/index";
 import { eodashKey } from "@/utils/keys";
 import { indicator } from "@/store/states";
 import { extractCollectionUrls } from "@/eodashSTAC/helpers";
-import { eodashCollections, eodashCompareCollections } from "@/utils/states";
+import {
+  eodashCollections,
+  eodashCompareCollections,
+  collectionsPalette,
+} from "@/utils/states";
 import { EodashCollection } from "@/eodashSTAC/EodashCollection";
 import log from "loglevel";
 
@@ -92,9 +96,10 @@ export const useSTAcStore = defineStore("stac", () => {
         );
 
         await Promise.all(
-          collectionUrls.map((cu) => {
+          collectionUrls.map((cu, idx) => {
             const ec = new EodashCollection(cu);
             ec.fetchCollection();
+            ec.color = collectionsPalette[idx % collectionsPalette.length];
             return ec;
           }),
         ).then((collections) => {

package/core/client/types.ts

@@ -229,7 +229,9 @@ export type Eodash<T extends ExecutionTime = "compiletime"> = {
      * Dashboard theme as a custom [vuetifyJs
      * theme](https://vuetifyjs.com/en/features/theme/).
      */
-    theme?: import("vuetify/lib/index.mjs").ThemeDefinition;
+    theme?: import("vuetify/lib/index.mjs").ThemeDefinition & {
+      collectionsPalette?: string[];
+    };
     /** Text applied to the footer. */
     footerText?: string;
   };
@@ -316,3 +318,10 @@ export declare const store: typeof import("@/store").default;
 /////
 
 export * from "./main.js";
+
+export type EodashStyleJson = import("ol/style/webgl.js").WebGLStyle & {
+  variables?: Record<string, any>;
+  legend?: Record<string, any>;
+  jsonform?: Record<string, any>;
+  tooltip?: { id: string; title?: string; appendix?: string }[];
+};

package/core/client/utils/index.js

@@ -1,3 +1,5 @@
+import log from "loglevel";
+import { collectionsPalette } from "./states";
 /**
  * Loads font in the app using `webfontloader`
  *
@@ -49,3 +51,13 @@ export const copyToClipBoard = async (text, showIcon) => {
     showIcon.value = false;
   }, 2000);
 };
+
+/**
+ * Sets the color palette for STAC indicators
+ * @param {string[]} colors
+ **/
+export const setCollectionsPalette = (colors) => {
+  log.debug("Setting collections color palette", colors);
+  collectionsPalette.splice(0, collectionsPalette.length);
+  collectionsPalette.push(...colors);
+};

package/core/client/utils/states.js

@@ -1,4 +1,4 @@
-import { ref, shallowReactive } from "vue";
+import { reactive, ref, shallowReactive } from "vue";
 
 /**
  * Array of eodash STAC Collections extracted from the current selected indicator.
@@ -20,3 +20,20 @@ export const eodashCompareCollections = shallowReactive([]);
 
 /** whether the map postion was set in URL params on first load */
 export const posIsSetFromUrl = ref(false);
+
+/**
+ * Current value of the layer control JSON form for the latest layer the user interacted with.
+ * @type {import("vue").Ref<Record<string, any> | undefined>}
+ */
+export const layerControlFormValue = ref({});
+/**
+ * STAC indicators color palette, defaults to Bank-Wong palette
+ *  @type {string[]} */
+export const collectionsPalette = reactive([
+  "#009E73",
+  "#0072B2",
+  "#E69F00",
+  "#CC79A7",
+  "#56B4E9",
+  "#D55E00",
+]);

package/core/client/views/Dashboard.vue

@@ -35,7 +35,9 @@ const eodash = await useEodashRuntime(props.config);
 
 useURLSearchParametersSync();
 
-const theme = useUpdateTheme("dashboardTheme", eodash.brand?.theme);
+const theme = useUpdateTheme("dashboardTheme", {
+  ...(eodash.brand?.theme ?? {}),
+});
 theme.global.name.value = "dashboardTheme";
 
 await loadFont(

package/dist/client/{DashboardLayout-B-4X57-t.js → DashboardLayout-VrJIbhe8.js}

@@ -1,7 +1,7 @@
 import { openBlock, createBlock, withCtx, createElementVNode, unref, normalizeStyle, createElementBlock, Suspense, resolveDynamicComponent, mergeProps, createCommentVNode, Fragment, renderList, Transition } from 'vue';
 import '@eox/layout';
-import { _ as _export_sfc, F as useDefineTemplate } from './asWebComponent-BnFMd0T6.js';
-import { V as VMain } from './VMain-BWLMf-rn.js';
+import { _ as _export_sfc, F as useDefineTemplate } from './asWebComponent-CLUhauLl.js';
+import { V as VMain } from './VMain-2GOqWb6m.js';
 
 const _hoisted_1 = ["gap"];
 const _hoisted_2 = ["id", "h", "w", "x", "y"];

package/dist/client/{DynamicWebComponent-Dj3QYwag.js → DynamicWebComponent-BCwpocDX.js}

@@ -1,5 +1,5 @@
 import { withAsyncContext, ref, onMounted, onUnmounted, openBlock, createElementBlock, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
-import { $ as useSTAcStore } from './asWebComponent-BnFMd0T6.js';
+import { $ as useSTAcStore } from './asWebComponent-CLUhauLl.js';
 
 const _hoisted_1 = { class: "d-flex flex-column fill-height overflow-auto" };
 

package/dist/client/EodashDatePicker-Bp5ec3BC.js

@@ -0,0 +1,430 @@
+import { resolveComponent, render, h, mergeProps, useCssVars, useTemplateRef, customRef, ref, computed, reactive, toRef, watch, onMounted, openBlock, createElementBlock, createVNode, unref, createSlots, withCtx, createElementVNode, withDirectives, createBlock, createCommentVNode, toHandlers } from 'vue';
+import { DatePicker } from 'v-calendar';
+import { E as isObject, Y as consoleError, t as useDisplay, Z as datetime, $ as useSTAcStore, a0 as eodashCollections, a1 as collectionsPalette, a2 as makePanelTransparent, V as VBtn, y as VIcon } from './asWebComponent-CLUhauLl.js';
+import { mdiRayEndArrow, mdiRayStartArrow } from '@mdi/js';
+import log from 'loglevel';
+import { V as VTooltip } from './VTooltip-BWg0dxx5.js';
+
+// Utilities
+function useDirectiveComponent(component, props) {
+  const concreteComponent = typeof component === 'string' ? resolveComponent(component) : component;
+  const hook = mountComponent(concreteComponent, props);
+  return {
+    mounted: hook,
+    updated: hook,
+    unmounted(el) {
+      render(null, el);
+    }
+  };
+}
+function mountComponent(component, props) {
+  return function (el, binding, vnode) {
+    const _props = typeof props === 'function' ? props(binding) : props;
+    const text = binding.value?.text ?? binding.value ?? _props?.text;
+    const value = isObject(binding.value) ? binding.value : {};
+
+    // Get the children from the props or directive value, or the element's children
+    const children = () => text ?? el.textContent;
+
+    // If vnode.ctx is the same as the instance, then we're bound to a plain element
+    // and need to find the nearest parent component instance to inherit provides from
+    const provides = (vnode.ctx === binding.instance.$ ? findComponentParent(vnode, binding.instance.$)?.provides : vnode.ctx?.provides) ?? binding.instance.$.provides;
+    const node = h(component, mergeProps(_props, value), children);
+    node.appContext = Object.assign(Object.create(null), binding.instance.$.appContext, {
+      provides
+    });
+    render(node, el);
+  };
+}
+function findComponentParent(vnode, root) {
+  // Walk the tree from root until we find the child vnode
+  const stack = new Set();
+  const walk = children => {
+    for (const child of children) {
+      if (!child) continue;
+      if (child === vnode || child.el && vnode.el && child.el === vnode.el) {
+        return true;
+      }
+      stack.add(child);
+      let result;
+      if (child.suspense) {
+        result = walk([child.ssContent]);
+      } else if (Array.isArray(child.children)) {
+        result = walk(child.children);
+      } else if (child.component?.vnode) {
+        result = walk([child.component?.subTree]);
+      }
+      if (result) {
+        return result;
+      }
+      stack.delete(child);
+    }
+    return false;
+  };
+  if (!walk([root.subTree])) {
+    consoleError('Could not find original vnode, component will not inherit provides');
+    return root;
+  }
+
+  // Return the first component parent
+  const result = Array.from(stack).reverse();
+  for (const child of result) {
+    if (child.component) {
+      return child.component;
+    }
+  }
+  return root;
+}
+
+// Components
+const Tooltip = useDirectiveComponent(VTooltip, binding => {
+  return {
+    activator: 'parent',
+    location: binding.arg?.replace('-', ' '),
+    text: typeof binding.value === 'boolean' ? undefined : binding.value
+  };
+});
+
+const _hoisted_1 = {
+  ref: "rootRef",
+  class: "datePicker"
+};
+const _hoisted_2 = {
+  class: "bg-surface d-flex flex-row align-center justify-center pb-1",
+  style: {"overflow":"hidden","width":"100%"}
+};
+const _hoisted_3 = {
+  class: "flex rounded-lg border border-gray-300 dark:border-gray-600",
+  style: {"margin":"2px","min-width":"0"}
+};
+const _hoisted_4 = ["value"];
+const _hoisted_5 = {
+  class: "d-flex flex-row align-center justify-center pb-1",
+  style: {"overflow":"hidden","width":"100%"}
+};
+const _hoisted_6 = {
+  class: "flex rounded-lg border border-gray-300 dark:border-gray-600",
+  style: {"margin":"2px","min-width":"0"}
+};
+const _hoisted_7 = ["value"];
+
+
+const _sfc_main = {
+  __name: 'EodashDatePicker',
+  props: {
+  hintText: {
+    type: String,
+    default: null,
+  },
+  hideArrows: {
+    type: Boolean,
+    default: false,
+  },
+  hideInputField: {
+    type: Boolean,
+    default: false,
+  },
+  toggleCalendar: {
+    type: Boolean,
+    default: false,
+  },
+},
+  setup(__props) {
+
+useCssVars(_ctx => ({
+  "45a34dce": (transform.value)
+}));
+
+const { lgAndDown } = useDisplay();
+
+const rootEl = useTemplateRef("rootRef");
+
+const datePickerEl = useTemplateRef("datePicker");
+
+// holds the number value of the datetime
+const currentDate = customRef((track, trigger) => ({
+  get() {
+    track();
+    return new Date(datetime.value).getTime();
+  },
+  /** @param {number} num */
+  set(num) {
+    trigger();
+    log.debug("Datepicker setting currentDate", datetime.value);
+    const date = new Date(num);
+    datetime.value = date.toISOString();
+    //@ts-expect-error supports move method https://vcalendar.io/datepicker/basics.html#basics
+    datePickerEl.value?.move({
+      month: date.getMonth() + 1,
+      year: date.getFullYear(),
+    });
+  },
+}));
+
+const masks = ref({
+  input: "YYYY-MM-DD",
+});
+
+/** @param {Date} date */
+const formatDate = (date) => {
+  const years = date.getFullYear();
+  const month = date.getMonth() + 1;
+  const day = date.getDate();
+  return `${years}-${month < 10 ? "0" + month : month}-${
+    day < 10 ? "0" + day : day
+  }`;
+};
+/**
+ *
+ * @param e {Event}
+ */
+const onInputChange = (e) => {
+  currentDate.value = new Date(
+    /** @type {HTMLInputElement} */ (e.target)?.value,
+  ).getTime();
+};
+const maskedCurrentDate = computed(() =>
+  formatDate(new Date(currentDate.value)),
+);
+
+
+
+/**
+ * Attributes displayed on datepicker
+ *
+ * @type {import("vue").Reactive<
+ *   (
+ *     | Partial<import("v-calendar/dist/types/src/utils/attribute").AttributeConfig>
+ *     | undefined
+ *   )[]
+ * >}
+ */
+const attributes = reactive([]);
+
+const selectedStac = toRef(useSTAcStore(), "selectedStac");
+
+watch(
+  selectedStac,
+  async (updatedStac, previousStac) => {
+    if (updatedStac && previousStac?.id !== updatedStac.id) {
+      log.debug("Datepicker selected STAC change triggered");
+      // remove old values
+      attributes.splice(0, attributes.length);
+
+      for (let idx = 0; idx < eodashCollections.length; idx++) {
+        log.debug("Retrieving dates", eodashCollections[idx]);
+        await eodashCollections[idx].fetchCollection();
+
+        const dates = [
+          ...new Set(
+            eodashCollections[idx].getItems()?.reduce((valid, it) => {
+              const parsed = Date.parse(/** @type {string} */ (it.datetime));
+              if (parsed) {
+                valid.push(new Date(parsed));
+              }
+              return valid;
+            }, /** @type {Date[]} */ ([])),
+          ),
+        ];
+        attributes.push({
+          key: "id-" + idx.toString() + Math.random().toString(16).slice(2),
+          dot: {
+            style: {
+              backgroundColor:
+                collectionsPalette[idx % collectionsPalette.length],
+            },
+          },
+          dates,
+          content: {
+            style: {
+              color: "#000000",
+              "font-weight": "bold",
+            },
+          },
+        });
+      }
+    }
+  },
+  { immediate: true },
+);
+
+/**
+ * @param {boolean} reverse
+ */
+function jumpDate(reverse) {
+  if (attributes.length) {
+    let latestDateMS = reverse ? Infinity : -Infinity;
+    attributes.forEach((coll) => {
+      if (coll?.dates) {
+        coll.dates.forEach((d) => {
+          // TODO: we need to handle time ranges and other options here
+          if (d instanceof Date) {
+            const mathFun = reverse ? "min" : "max";
+            latestDateMS = Math[mathFun](latestDateMS, d.getTime());
+          }
+        });
+      }
+    });
+    currentDate.value =
+      latestDateMS === -Infinity
+        ? Date.now()
+        : latestDateMS === Infinity
+          ? 0
+          : latestDateMS;
+  }
+}
+
+// fixes calendar dispalcement on lib mode
+const transform = ref("");
+onMounted(() => {
+  transform.value = document.querySelector("eo-dash")
+    ? "translate3d(50px,-80px,0)"
+    : "translate3d(0px,-80px,0)";
+});
+
+makePanelTransparent(rootEl);
+
+return (_ctx, _cache) => {
+                                                       
+                                                     
+                                                         
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(unref(DatePicker), {
+      ref: "datePicker",
+      modelValue: currentDate.value,
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => ((currentDate).value = $event)),
+      modelModifiers: { number: true },
+      attributes: attributes,
+      masks: masks.value,
+      expanded: "",
+      class: "bg-surface overflow-auto",
+      style: {"background-color":"transparent","max-width":"100%"}
+    }, createSlots({ _: 2 /* DYNAMIC */ }, [
+      (__props.toggleCalendar)
+        ? {
+            name: "default",
+            fn: withCtx(({ inputValue, inputEvents }) => [
+              createElementVNode("div", _hoisted_2, [
+                (!__props.hideArrows)
+                  ? withDirectives((openBlock(), createBlock(VBtn, {
+                      key: 0,
+                      density: "compact",
+                      size: unref(lgAndDown) ? 'x-small' : 'large',
+                      variant: "text",
+                      onClick: _cache[0] || (_cache[0] = $event => (jumpDate(true))),
+                      class: "py-2",
+                      style: {"flex-shrink":"1"}
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(VIcon, {
+                          icon: [unref(mdiRayEndArrow)]
+                        }, null, 8 /* PROPS */, ["icon"])
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["size"])), [
+                      [Tooltip, 'Set date to oldest available dataset', "bottom"]
+                    ])
+                  : createCommentVNode("v-if", true),
+                createElementVNode("div", _hoisted_3, [
+                  (!__props.hideInputField)
+                    ? (openBlock(), createElementBlock("input", mergeProps({
+                        key: 0,
+                        value: inputValue
+                      }, toHandlers(inputEvents, true), {
+                        class: "flex-grow px-1 py-1 dark:bg-gray-700",
+                        style: {"margin":"1px","width":"100%","white-space":"nowrap","overflow":"hidden","text-overflow":"ellipsis"}
+                      }), null, 16 /* FULL_PROPS */, _hoisted_4))
+                    : createCommentVNode("v-if", true)
+                ]),
+                (!__props.hideArrows)
+                  ? withDirectives((openBlock(), createBlock(VBtn, {
+                      key: 1,
+                      density: "compact",
+                      size: unref(lgAndDown) ? 'x-small' : 'large',
+                      variant: "text",
+                      onClick: _cache[1] || (_cache[1] = $event => (jumpDate(false))),
+                      class: "py-2",
+                      style: {"flex-shrink":"1"}
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(VIcon, {
+                          icon: [unref(mdiRayStartArrow)]
+                        }, null, 8 /* PROPS */, ["icon"])
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["size"])), [
+                      [Tooltip, 'Set date to latest available dataset', "bottom"]
+                    ])
+                  : createCommentVNode("v-if", true)
+              ])
+            ]),
+            key: "0"
+          }
+        : {
+            name: "footer",
+            fn: withCtx(() => [
+              createElementVNode("div", _hoisted_5, [
+                (!__props.hideArrows)
+                  ? withDirectives((openBlock(), createBlock(VBtn, {
+                      key: 0,
+                      density: "compact",
+                      size: unref(lgAndDown) ? 'x-small' : 'large',
+                      variant: "text",
+                      onClick: _cache[2] || (_cache[2] = $event => (jumpDate(true))),
+                      class: "py-2",
+                      style: {"flex-shrink":"1"}
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(VIcon, {
+                          icon: [unref(mdiRayEndArrow)]
+                        }, null, 8 /* PROPS */, ["icon"])
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["size"])), [
+                      [Tooltip, 'Set date to oldest available dataset', "bottom"]
+                    ])
+                  : createCommentVNode("v-if", true),
+                createElementVNode("div", _hoisted_6, [
+                  (!__props.hideInputField)
+                    ? (openBlock(), createElementBlock("input", {
+                        key: 0,
+                        value: maskedCurrentDate.value,
+                        onChange: onInputChange,
+                        class: "flex-grow px-1 py-1 dark:bg-gray-700",
+                        style: {"margin":"1px","width":"100%","white-space":"nowrap","overflow":"hidden","text-overflow":"ellipsis"}
+                      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_7))
+                    : createCommentVNode("v-if", true)
+                ]),
+                (!__props.hideArrows)
+                  ? withDirectives((openBlock(), createBlock(VBtn, {
+                      key: 1,
+                      density: "compact",
+                      size: unref(lgAndDown) ? 'x-small' : 'large',
+                      variant: "text",
+                      onClick: _cache[3] || (_cache[3] = $event => (jumpDate(false))),
+                      class: "py-2",
+                      style: {"flex-shrink":"1"}
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(VIcon, {
+                          icon: [unref(mdiRayStartArrow)]
+                        }, null, 8 /* PROPS */, ["icon"])
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["size"])), [
+                      [Tooltip, 'Set date to latest available dataset', "bottom"]
+                    ])
+                  : createCommentVNode("v-if", true)
+              ])
+            ]),
+            key: "1"
+          }
+    ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "attributes", "masks"])
+  ], 512 /* NEED_PATCH */))
+}
+}
+
+};
+
+export { _sfc_main as default };

package/dist/client/{EodashItemFilter-DBQwJQPh.js → EodashItemFilter-Cx0t-qeW.js}

@@ -1,5 +1,5 @@
 import { computed, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString } from 'vue';
-import { t as useDisplay, $ as useSTAcStore } from './asWebComponent-BnFMd0T6.js';
+import { t as useDisplay, $ as useSTAcStore } from './asWebComponent-CLUhauLl.js';
 import '@eox/itemfilter';
 
 const _hoisted_1 = [".items"];

package/dist/client/{EodashLayerControl-C5fOCvoI.js → EodashLayerControl-DERx00In.js}

@@ -3,7 +3,7 @@ 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-BnFMd0T6.js';
+import { $ as useSTAcStore, a3 as mapCompareEl, a4 as mapEl, a5 as eodashCompareCollections, a0 as eodashCollections, a6 as layerControlFormValue, a7 as getColFromLayer } from './asWebComponent-CLUhauLl.js';
 import { storeToRefs } from 'pinia';
 
 const _hoisted_1 = { class: "d-flex flex-column fill-height overflow-auto" };
@@ -97,6 +97,13 @@ const debouncedHandleDateTime = (evt) => {
   }, 500);
 };
 // ------
+/**
+ *
+ * @param {Event & {detail:{layer:import("ol/layer").Layer;jsonformValue:Record<string,any>}}} evt
+ */
+const onLayerConfigChange = (evt) => {
+  layerControlFormValue.value = evt.detail.jsonformValue;
+};
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock("span", _hoisted_1, [
@@ -108,7 +115,8 @@ return (_ctx, _cache) => {
           toolsAsList: "true",
           style: {"--eox-background-color":"transparent"},
           ref_key: "eoxLayercontrol",
-          ref: eoxLayercontrol
+          ref: eoxLayercontrol,
+          "on:layerConfig:change": onLayerConfigChange
         }), null, 16 /* FULL_PROPS */, _hoisted_2))
       : createCommentVNode("v-if", true)
   ]))

package/dist/client/{EodashLayoutSwitcher-BMO9k_20.js → EodashLayoutSwitcher-DTS7otlk.js}

@@ -1,7 +1,7 @@
 import { ref, openBlock, createElementBlock, createVNode, withCtx, mergeProps } from 'vue';
-import { a1 as makePanelTransparent, y as VIcon, ak as activeTemplate } from './asWebComponent-BnFMd0T6.js';
+import { a2 as makePanelTransparent, y as VIcon, al as activeTemplate } from './asWebComponent-CLUhauLl.js';
 import { mdiViewDashboard } from '@mdi/js';
-import { V as VTooltip } from './VTooltip-C3PeE7iO.js';
+import { V as VTooltip } from './VTooltip-BWg0dxx5.js';
 
 const _sfc_main = {
   __name: 'EodashLayoutSwitcher',