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

package/core/client/composables/EodashProcess.js

@@ -348,7 +348,7 @@ export async function processGeoTiff(links, jsonformValue, layerId, isPolling) {
   /** @type {Record<string,any>|undefined} */
   let style;
   if (flatStyleJSON) {
-    const extracted = extractLayerConfig(flatStyleJSON);
+    const extracted = extractLayerConfig(layerId ?? "", flatStyleJSON);
     layerConfig = extracted.layerConfig;
     style = extracted.style;
   }

package/core/client/eodashSTAC/triggers.js

@@ -75,10 +75,14 @@ export function getStyleVariablesState(collectionId, variables) {
   }
 
   const olLayer = mapElement.getLayerById(matchingLayer.properties?.id ?? "");
-  const oldVariablesState = /** @type {import("ol/layer").WebGLTile} */ (
-    olLayer
-    //@ts-expect-error todo
-  ).getStyle()?.variables;
+  const oldVariablesState =
+    /** @type {import("ol/layer").Vector} */ (
+      olLayer
+      //@ts-expect-error variables doesn't exist in non-flat style
+    ).getStyle?.()?.variables ??
+    //@ts-expect-error (styleVariables_ is a private property)
+    /** @type {import("ol/layer").WebGLTile} */ (olLayer).styleVariables_;
+
   if (!oldVariablesState) {
     return variables;
   }

package/dist/client/{DashboardLayout-VrJIbhe8.js → DashboardLayout-BjUs7mYs.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-CLUhauLl.js';
-import { V as VMain } from './VMain-2GOqWb6m.js';
+import { _ as _export_sfc, F as useDefineTemplate } from './asWebComponent-N7ChSAQG.js';
+import { V as VMain } from './VMain-fx1gaM7Y.js';
 
 const _hoisted_1 = ["gap"];
 const _hoisted_2 = ["id", "h", "w", "x", "y"];

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

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

package/dist/client/{EodashDatePicker-Bp5ec3BC.js → EodashDatePicker-brJlj1aQ.js}

@@ -1,9 +1,9 @@
 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 { 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-N7ChSAQG.js';
 import { mdiRayEndArrow, mdiRayStartArrow } from '@mdi/js';
 import log from 'loglevel';
-import { V as VTooltip } from './VTooltip-BWg0dxx5.js';
+import { V as VTooltip } from './VTooltip-DKOCofTl.js';
 
 // Utilities
 function useDirectiveComponent(component, props) {

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

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

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

@@ -3,7 +3,7 @@ import '@eox/layercontrol';
 import '@eox/jsonform';
 import '@eox/timecontrol';
 import 'color-legend-element';
-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 { $ as useSTAcStore, a3 as mapCompareEl, a4 as mapEl, a5 as eodashCompareCollections, a0 as eodashCollections, a6 as layerControlFormValue, a7 as getColFromLayer } from './asWebComponent-N7ChSAQG.js';
 import { storeToRefs } from 'pinia';
 
 const _hoisted_1 = { class: "d-flex flex-column fill-height overflow-auto" };

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

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

package/dist/client/{EodashMap-C-I6puhb.js → EodashMap-LOzTlvrM.js}

@@ -1,7 +1,7 @@
 import { onMounted, onUnmounted, watch, nextTick, ref, toRaw, computed, openBlock, createElementBlock, createElementVNode, unref, normalizeStyle } from 'vue';
 import '@eox/map';
 import '@eox/map/src/plugins/advancedLayersAndSources';
-import { a8 as eoxLayersKey, $ as useSTAcStore, a9 as setMapProjFromCol, aa as posIsSetFromUrl, ab as useOnLayersUpdate, ac as EodashCollection, ad as mapPosition, a4 as mapEl, a3 as mapCompareEl, Z as datetime, a0 as eodashCollections, a5 as eodashCompareCollections, a6 as layerControlFormValue } from './asWebComponent-CLUhauLl.js';
+import { a8 as eoxLayersKey, $ as useSTAcStore, a9 as setMapProjFromCol, aa as posIsSetFromUrl, ab as useOnLayersUpdate, ac as EodashCollection, ad as mapPosition, a4 as mapEl, a3 as mapCompareEl, Z as datetime, a0 as eodashCollections, a5 as eodashCompareCollections, a6 as layerControlFormValue } from './asWebComponent-N7ChSAQG.js';
 import { storeToRefs } from 'pinia';
 import log from 'loglevel';
 import { useEventBus } from '@vueuse/core';

package/dist/client/{EodashMapBtns-CWgtJiG4.js → EodashMapBtns-UXOupU5J.js}

@@ -1,9 +1,9 @@
 import { computed, ref, openBlock, createElementBlock, createBlock, unref, createCommentVNode, createVNode, withCtx } from 'vue';
-import { _ as _export_sfc, t as useDisplay, a2 as makePanelTransparent, V as VBtn, ae as availableMapProjection, af as changeMapProjection, ag as setActiveTemplate } from './asWebComponent-CLUhauLl.js';
+import { _ as _export_sfc, t as useDisplay, a2 as makePanelTransparent, V as VBtn, ae as availableMapProjection, af as changeMapProjection, ag as setActiveTemplate } from './asWebComponent-N7ChSAQG.js';
 import { mdiMapPlus, mdiEarthBox, mdiCompare } from '@mdi/js';
-import ExportState from './ExportState-S4lcehm3.js';
-import _sfc_main$1 from './PopUp-CzqV8BFZ.js';
-import _sfc_main$2 from './EodashItemFilter-Cx0t-qeW.js';
+import ExportState from './ExportState-DVosrSNY.js';
+import _sfc_main$1 from './PopUp-BFcSuX3b.js';
+import _sfc_main$2 from './EodashItemFilter-C2i4lnM1.js';
 
 const _sfc_main = {
   __name: 'EodashMapBtns',

package/dist/client/{EodashProcess-DWrTIyHT.js → EodashProcess-BlkqUdzj.js}

@@ -2,7 +2,7 @@ import { createVNode, watch, onMounted, nextTick, ref, useTemplateRef, computed,
 import '@eox/chart';
 import '@eox/drawtools';
 import '@eox/jsonform';
-import { p as propsFactory, b as makeComponentProps, H as makeDimensionProps, c as makeTagProps, g as genericComponent, f as useRtl, J as useDimension, a as useRender, ah as axios, ai as getLayers, a4 as mapEl, aj as extractLayerConfig, a8 as eoxLayersKey, $ as useSTAcStore, ab as useOnLayersUpdate, V as VBtn } from './asWebComponent-CLUhauLl.js';
+import { p as propsFactory, b as makeComponentProps, H as makeDimensionProps, c as makeTagProps, g as genericComponent, f as useRtl, J as useDimension, a as useRender, ah as axios, ai as getLayers, a4 as mapEl, aj as extractLayerConfig, a8 as eoxLayersKey, $ as useSTAcStore, ab as useOnLayersUpdate, V as VBtn } from './asWebComponent-N7ChSAQG.js';
 import { storeToRefs } from 'pinia';
 import { useEventBus } from '@vueuse/core';
 import { isMulti } from '@eox/jsonform/src/custom-inputs/spatial/utils';
@@ -382,7 +382,7 @@ async function processGeoTiff(links, jsonformValue, layerId, isPolling) {
   /** @type {Record<string,any>|undefined} */
   let style;
   if (flatStyleJSON) {
-    const extracted = extractLayerConfig(flatStyleJSON);
+    const extracted = extractLayerConfig(layerId ?? "", flatStyleJSON);
     layerConfig = extracted.layerConfig;
     style = extracted.style;
   }

package/dist/client/{EodashStacInfo-Dvsk97Mz.js → EodashStacInfo-Df3LXKAw.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, createElementVNode, unref } from 'vue';
 import '@eox/stacinfo';
-import { ak as currentUrl } from './asWebComponent-CLUhauLl.js';
+import { ak as currentUrl } from './asWebComponent-N7ChSAQG.js';
 
 const _hoisted_1 = { class: "flex-grow-1 fill-height overflow-auto" };
 const _hoisted_2 = [".for", ".allowHtml", ".body", ".featured", ".footer", ".styleOverride", ".header", ".subheader", ".tags"];

package/dist/client/{EodashTools-CdnjgTTl.js → EodashTools-BrqH4IDP.js}

@@ -1,9 +1,9 @@
 import { ref, computed, openBlock, createElementBlock, createElementVNode, createBlock, unref, createCommentVNode, createVNode, withCtx, mergeProps } from 'vue';
-import _sfc_main$2 from './PopUp-CzqV8BFZ.js';
-import _sfc_main$3 from './EodashItemFilter-Cx0t-qeW.js';
-import _sfc_main$1 from './EodashLayoutSwitcher-DTS7otlk.js';
+import _sfc_main$2 from './PopUp-BFcSuX3b.js';
+import _sfc_main$3 from './EodashItemFilter-C2i4lnM1.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-gLe7G8Qn.js';
 import { mdiViewDashboard, mdiPlus } from '@mdi/js';
-import { t as useDisplay, a2 as makePanelTransparent, V as VBtn } from './asWebComponent-CLUhauLl.js';
+import { t as useDisplay, a2 as makePanelTransparent, V as VBtn } from './asWebComponent-N7ChSAQG.js';
 
 const _hoisted_1 = { class: "d-flex flex-row justify-space-between pa-4 align-center" };
 

package/dist/client/{ExportState-S4lcehm3.js → ExportState-DVosrSNY.js}

@@ -1,9 +1,9 @@
 import { createVNode, Fragment, computed, withDirectives, mergeProps, resolveDirective, toRef, mergeModels, useModel, ref, openBlock, createBlock, withCtx, createElementVNode, createTextVNode, toDisplayString, unref, createElementBlock, createCommentVNode, renderList } from 'vue';
 import { mdiClipboardCheckOutline, mdiContentCopy } from '@mdi/js';
-import _sfc_main$1 from './PopUp-CzqV8BFZ.js';
-import { an as createSimpleFunctional, g as genericComponent, b as makeComponentProps, D as provideDefaults, a as useRender, p as propsFactory, c as makeTagProps, I as IconValue, K as makeBorderProps, A as makeDensityProps, M as makeRoundedProps, ao as makeSizeProps, d as makeThemeProps, ap as makeVariantProps, e as provideTheme, N as useBorder, aq as useVariant, B as useDensity, P as useRounded, ar as useSize, y as VIcon, Q as VDefaultsProvider, as as genOverlays, H as makeDimensionProps, L as makeElevationProps, at as makeLoaderProps, au as makeLocationProps, av as makePositionProps, aw as makeRouterProps, ax as Ripple, J as useDimension, O as useElevation, ay as useLoader, az as useLocation, aA as usePosition, aB as useLink, aC as LoaderSlot, u as useTextColor, q as convertToUnit, _ as _export_sfc, ai as getLayers, aD as removeUnneededProperties, aE as VRow, aF as VCol, V as VBtn, aG as copyToClipBoard, ad as mapPosition, ae as availableMapProjection } from './asWebComponent-CLUhauLl.js';
-import { a as VExpandTransition } from './index-BMj56LY3.js';
-import { V as VImg } from './VImg-Bn8bCvVM.js';
+import _sfc_main$1 from './PopUp-BFcSuX3b.js';
+import { an as createSimpleFunctional, g as genericComponent, b as makeComponentProps, D as provideDefaults, a as useRender, p as propsFactory, c as makeTagProps, I as IconValue, K as makeBorderProps, A as makeDensityProps, M as makeRoundedProps, ao as makeSizeProps, d as makeThemeProps, ap as makeVariantProps, e as provideTheme, N as useBorder, aq as useVariant, B as useDensity, P as useRounded, ar as useSize, y as VIcon, Q as VDefaultsProvider, as as genOverlays, H as makeDimensionProps, L as makeElevationProps, at as makeLoaderProps, au as makeLocationProps, av as makePositionProps, aw as makeRouterProps, ax as Ripple, J as useDimension, O as useElevation, ay as useLoader, az as useLocation, aA as usePosition, aB as useLink, aC as LoaderSlot, u as useTextColor, q as convertToUnit, _ as _export_sfc, ai as getLayers, aD as removeUnneededProperties, aE as VRow, aF as VCol, V as VBtn, aG as copyToClipBoard, ad as mapPosition, ae as availableMapProjection } from './asWebComponent-N7ChSAQG.js';
+import { a as VExpandTransition } from './index-BXi80Gr9.js';
+import { V as VImg } from './VImg-BO2Ysvsu.js';
 
 // Styles
 const VSpacer = createSimpleFunctional('v-spacer', 'div', 'VSpacer');

package/dist/client/{Footer-DlIEbXp-.js → Footer-tjsscQ7O.js}

@@ -1,5 +1,5 @@
 import { ref, toRef, shallowRef, computed, createVNode, watchEffect, inject, openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString, createTextVNode } from 'vue';
-import { p as propsFactory, K as makeBorderProps, b as makeComponentProps, L as makeElevationProps, T as makeLayoutItemProps, M as makeRoundedProps, c as makeTagProps, d as makeThemeProps, g as genericComponent, e as provideTheme, C as useBackgroundColor, N as useBorder, O as useElevation, P as useRounded, v as useResizeObserver, U as useToggleScope, a as useRender, q as convertToUnit, W as useLayoutItem, _ as _export_sfc, X as eodashKey, t as useDisplay } from './asWebComponent-CLUhauLl.js';
+import { p as propsFactory, K as makeBorderProps, b as makeComponentProps, L as makeElevationProps, T as makeLayoutItemProps, M as makeRoundedProps, c as makeTagProps, d as makeThemeProps, g as genericComponent, e as provideTheme, C as useBackgroundColor, N as useBorder, O as useElevation, P as useRounded, v as useResizeObserver, U as useToggleScope, a as useRender, q as convertToUnit, W as useLayoutItem, _ as _export_sfc, X as eodashKey, t as useDisplay } from './asWebComponent-N7ChSAQG.js';
 
 const makeVFooterProps = propsFactory({
   app: Boolean,

package/dist/client/{Header-CTiEXLi0.js → Header-DYMnh4of.js}

@@ -1,7 +1,7 @@
 import { createVNode, toRef, shallowRef, computed, ref, watch, onMounted, onBeforeUnmount, mergeProps, watchEffect, inject, openBlock, createBlock, withCtx, createTextVNode, toDisplayString, unref } from 'vue';
-import { p as propsFactory, b as makeComponentProps, c as makeTagProps, g as genericComponent, a as useRender, K as makeBorderProps, L as makeElevationProps, M as makeRoundedProps, d as makeThemeProps, C as useBackgroundColor, N as useBorder, O as useElevation, P as useRounded, e as provideTheme, f as useRtl, D as provideDefaults, Q as VDefaultsProvider, q as convertToUnit, R as clamp, S as consoleWarn, T as makeLayoutItemProps, j as useProxiedModel, U as useToggleScope, W as useLayoutItem, _ as _export_sfc, X as eodashKey } from './asWebComponent-CLUhauLl.js';
-import { a as VExpandTransition } from './index-BMj56LY3.js';
-import { V as VImg } from './VImg-Bn8bCvVM.js';
+import { p as propsFactory, b as makeComponentProps, c as makeTagProps, g as genericComponent, a as useRender, K as makeBorderProps, L as makeElevationProps, M as makeRoundedProps, d as makeThemeProps, C as useBackgroundColor, N as useBorder, O as useElevation, P as useRounded, e as provideTheme, f as useRtl, D as provideDefaults, Q as VDefaultsProvider, q as convertToUnit, R as clamp, S as consoleWarn, T as makeLayoutItemProps, j as useProxiedModel, U as useToggleScope, W as useLayoutItem, _ as _export_sfc, X as eodashKey } from './asWebComponent-N7ChSAQG.js';
+import { a as VExpandTransition } from './index-BXi80Gr9.js';
+import { V as VImg } from './VImg-BO2Ysvsu.js';
 import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
 
 const makeVToolbarTitleProps = propsFactory({

package/dist/client/{MobileLayout-DRgyQYFz.js → MobileLayout-Df4Z1bMl.js}

@@ -1,10 +1,10 @@
 import { ref, computed, createVNode, mergeProps, Fragment, shallowRef, watch, provide, withDirectives, resolveDirective, inject, vShow, nextTick, toRef, useCssVars, onMounted, openBlock, createBlock, withCtx, Suspense, unref, resolveDynamicComponent, createCommentVNode, createElementBlock, renderList, createElementVNode, createTextVNode, toDisplayString } from 'vue';
-import { k as keys, p as propsFactory, o as omit, m as makeVBtnProps, g as genericComponent, u as useTextColor, a as useRender, V as VBtn, b as makeComponentProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, f as useRtl, h as useLocale, i as useGroup, j as useProxiedModel, l as makeGroupItemProps, n as useGroupItem, q as convertToUnit, I as IconValue, r as makeDisplayProps, s as makeGroupProps, t as useDisplay, v as useResizeObserver, w as useGoTo, x as IN_BROWSER, y as VIcon, z as focusableChildren, A as makeDensityProps, B as useDensity, C as useBackgroundColor, D as provideDefaults, E as isObject, _ as _export_sfc, F as useDefineTemplate, G as useLayout } from './asWebComponent-CLUhauLl.js';
-import { V as VMain } from './VMain-2GOqWb6m.js';
-import { f as forwardRefs, a as animate, s as standardEasing, m as makeLazyProps, u as useLazy, b as useScopeId } from './forwardRefs-CxSsJulB.js';
+import { k as keys, p as propsFactory, o as omit, m as makeVBtnProps, g as genericComponent, u as useTextColor, a as useRender, V as VBtn, b as makeComponentProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, f as useRtl, h as useLocale, i as useGroup, j as useProxiedModel, l as makeGroupItemProps, n as useGroupItem, q as convertToUnit, I as IconValue, r as makeDisplayProps, s as makeGroupProps, t as useDisplay, v as useResizeObserver, w as useGoTo, x as IN_BROWSER, y as VIcon, z as focusableChildren, A as makeDensityProps, B as useDensity, C as useBackgroundColor, D as provideDefaults, E as isObject, _ as _export_sfc, F as useDefineTemplate, G as useLayout } from './asWebComponent-N7ChSAQG.js';
+import { V as VMain } from './VMain-fx1gaM7Y.js';
+import { f as forwardRefs, a as animate, s as standardEasing, m as makeLazyProps, u as useLazy, b as useScopeId } from './forwardRefs-C2UOEnvr.js';
 import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
-import { M as MaybeTransition } from './transition-DidoPMgC.js';
-import { V as VFadeTransition } from './index-BMj56LY3.js';
+import { M as MaybeTransition } from './transition-w_2EtUxa.js';
+import { V as VFadeTransition } from './index-BXi80Gr9.js';
 
 // Utilities
 const handleGesture = wrapper => {

package/dist/client/{PopUp-CzqV8BFZ.js → PopUp-BFcSuX3b.js}

@@ -1,7 +1,7 @@
 import { createVNode, Transition, mergeProps, ref, onBeforeUnmount, watch, nextTick, toRef, mergeModels, useModel, openBlock, createElementBlock, withCtx, createBlock, resolveDynamicComponent, unref, createCommentVNode, renderSlot } from 'vue';
-import { g as genericComponent, p as propsFactory, j as useProxiedModel, x as IN_BROWSER, a as useRender, z as focusableChildren, Q as VDefaultsProvider, K as makeBorderProps, b as makeComponentProps, H as makeDimensionProps, L as makeElevationProps, au as makeLocationProps, av as makePositionProps, M as makeRoundedProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, C as useBackgroundColor, N as useBorder, J as useDimension, O as useElevation, az as useLocation, aA as usePosition, P as useRounded, aJ as useDefineWidgets } from './asWebComponent-CLUhauLl.js';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-BetC0LGI.js';
-import { a as animate, d as deceleratedEasing, s as standardEasing, c as acceleratedEasing, g as getTargetBox, n as nullifyTransforms, b as useScopeId, f as forwardRefs } from './forwardRefs-CxSsJulB.js';
+import { g as genericComponent, p as propsFactory, j as useProxiedModel, x as IN_BROWSER, a as useRender, z as focusableChildren, Q as VDefaultsProvider, K as makeBorderProps, b as makeComponentProps, H as makeDimensionProps, L as makeElevationProps, au as makeLocationProps, av as makePositionProps, M as makeRoundedProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, C as useBackgroundColor, N as useBorder, J as useDimension, O as useElevation, az as useLocation, aA as usePosition, P as useRounded, aJ as useDefineWidgets } from './asWebComponent-N7ChSAQG.js';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-CiQn3F6n.js';
+import { a as animate, d as deceleratedEasing, s as standardEasing, c as acceleratedEasing, g as getTargetBox, n as nullifyTransforms, b as useScopeId, f as forwardRefs } from './forwardRefs-C2UOEnvr.js';
 
 const makeVDialogTransitionProps = propsFactory({
   target: [Object, Array]

package/dist/client/{VImg-Bn8bCvVM.js → VImg-BO2Ysvsu.js}

@@ -1,6 +1,6 @@
 import { createVNode, computed, toRef, shallowRef, ref, watch, onBeforeMount, nextTick, onBeforeUnmount, withDirectives, mergeProps, Fragment, resolveDirective, vShow } from 'vue';
-import { aH as SUPPORTS_INTERSECTION, p as propsFactory, b as makeComponentProps, H as makeDimensionProps, g as genericComponent, J as useDimension, a as useRender, M as makeRoundedProps, C as useBackgroundColor, P as useRounded, aI as getCurrentInstance, q as convertToUnit } from './asWebComponent-CLUhauLl.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-DidoPMgC.js';
+import { aH as SUPPORTS_INTERSECTION, p as propsFactory, b as makeComponentProps, H as makeDimensionProps, g as genericComponent, J as useDimension, a as useRender, M as makeRoundedProps, C as useBackgroundColor, P as useRounded, aI as getCurrentInstance, q as convertToUnit } from './asWebComponent-N7ChSAQG.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-w_2EtUxa.js';
 
 // Utilities
 function mounted(el, binding) {

package/dist/client/{VMain-2GOqWb6m.js → VMain-fx1gaM7Y.js}

@@ -1,5 +1,5 @@
 import { createVNode } from 'vue';
-import { p as propsFactory, b as makeComponentProps, H as makeDimensionProps, c as makeTagProps, g as genericComponent, J as useDimension, G as useLayout, a as useRender } from './asWebComponent-CLUhauLl.js';
+import { p as propsFactory, b as makeComponentProps, H as makeDimensionProps, c as makeTagProps, g as genericComponent, J as useDimension, G as useLayout, a as useRender } from './asWebComponent-N7ChSAQG.js';
 import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
 
 const makeVMainProps = propsFactory({

package/dist/client/{VOverlay-BetC0LGI.js → VOverlay-CiQn3F6n.js}

@@ -1,7 +1,7 @@
 import { ref, watch, onScopeDispose, computed, nextTick, watchEffect, effectScope, inject, mergeProps, shallowRef, onMounted, reactive, provide, readonly, toRaw, warn, toRef, onBeforeUnmount, createVNode, Fragment, Teleport, withDirectives, vShow, resolveDirective, Transition } from 'vue';
-import { aK as isOn, aL as eventName, p as propsFactory, x as IN_BROWSER, U as useToggleScope, aM as destructComputed, aN as parseAnchor, aO as flipSide, aP as flipAlign, aQ as flipCorner, Y as consoleError, aR as getAxis, q as convertToUnit, R as clamp, aS as defer, aI as getCurrentInstance, aT as templateRef, aU as matchesSelector, t as useDisplay, b as makeComponentProps, H as makeDimensionProps, d as makeThemeProps, g as genericComponent, j as useProxiedModel, e as provideTheme, f as useRtl, C as useBackgroundColor, J as useDimension, aV as useRouter, a as useRender, aW as useBackButton } from './asWebComponent-CLUhauLl.js';
-import { g as getTargetBox, B as Box, e as getOverflow, n as nullifyTransforms, m as makeLazyProps, u as useLazy, b as useScopeId, a as animate, s as standardEasing } from './forwardRefs-CxSsJulB.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-DidoPMgC.js';
+import { aK as isOn, aL as eventName, p as propsFactory, x as IN_BROWSER, U as useToggleScope, aM as destructComputed, aN as parseAnchor, aO as flipSide, aP as flipAlign, aQ as flipCorner, Y as consoleError, aR as getAxis, q as convertToUnit, R as clamp, aS as defer, aI as getCurrentInstance, aT as templateRef, aU as matchesSelector, t as useDisplay, b as makeComponentProps, H as makeDimensionProps, d as makeThemeProps, g as genericComponent, j as useProxiedModel, e as provideTheme, f as useRtl, C as useBackgroundColor, J as useDimension, aV as useRouter, a as useRender, aW as useBackButton } from './asWebComponent-N7ChSAQG.js';
+import { g as getTargetBox, B as Box, e as getOverflow, n as nullifyTransforms, m as makeLazyProps, u as useLazy, b as useScopeId, a as animate, s as standardEasing } from './forwardRefs-C2UOEnvr.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-w_2EtUxa.js';
 
 // Utilities
 const handlers = new WeakMap();

package/dist/client/{VTooltip-BWg0dxx5.js → VTooltip-DKOCofTl.js}

@@ -1,7 +1,7 @@
 import { computed, ref, mergeProps, createVNode } from 'vue';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-BetC0LGI.js';
-import { b as useScopeId, f as forwardRefs } from './forwardRefs-CxSsJulB.js';
-import { p as propsFactory, o as omit, g as genericComponent, j as useProxiedModel, am as getUid, a as useRender } from './asWebComponent-CLUhauLl.js';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-CiQn3F6n.js';
+import { b as useScopeId, f as forwardRefs } from './forwardRefs-C2UOEnvr.js';
+import { p as propsFactory, o as omit, g as genericComponent, j as useProxiedModel, am as getUid, a as useRender } from './asWebComponent-N7ChSAQG.js';
 
 const makeVTooltipProps = propsFactory({
   id: String,

package/dist/client/{WidgetsContainer-Cv466WUW.js → WidgetsContainer-DL0bdnjh.js}

@@ -1,5 +1,5 @@
 import { ref, onMounted, nextTick, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, normalizeStyle, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
-import { aJ as useDefineWidgets, G as useLayout } from './asWebComponent-CLUhauLl.js';
+import { aJ as useDefineWidgets, G as useLayout } from './asWebComponent-N7ChSAQG.js';
 import 'animated-details';
 
 const _sfc_main = {

package/dist/client/{asWebComponent-CLUhauLl.js → asWebComponent-N7ChSAQG.js}

@@ -8029,10 +8029,14 @@ function getStyleVariablesState(collectionId, variables) {
   }
 
   const olLayer = mapElement.getLayerById(matchingLayer.properties?.id ?? "");
-  const oldVariablesState = /** @type {import("ol/layer").WebGLTile} */ (
-    olLayer
-    //@ts-expect-error todo
-  ).getStyle()?.variables;
+  const oldVariablesState =
+    /** @type {import("ol/layer").Vector} */ (
+      olLayer
+      //@ts-expect-error variables doesn't exist in non-flat style
+    ).getStyle?.()?.variables ??
+    //@ts-expect-error (styleVariables_ is a private property)
+    /** @type {import("ol/layer").WebGLTile} */ (olLayer).styleVariables_;
+
   if (!oldVariablesState) {
     return variables;
   }
@@ -11448,7 +11452,7 @@ const ErrorAlert = /*#__PURE__*/_export_sfc(_sfc_main$3, [['__scopeId',"data-v-a
 const internalWidgets = (() => {
   /** @type {Record<string, () => Promise<import("vue").Component>>} */
   const importMap = {
-    .../* #__PURE__ */ Object.assign({"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-Bp5ec3BC.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-Cx0t-qeW.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-DERx00In.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-DTS7otlk.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-C-I6puhb.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-CWgtJiG4.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-DWrTIyHT.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-Dvsk97Mz.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-CdnjgTTl.js'),"/widgets/ExportState.vue": () => import('./ExportState-S4lcehm3.js'),"/widgets/PopUp.vue": () => import('./PopUp-CzqV8BFZ.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-Cv466WUW.js')}),
+    .../* #__PURE__ */ Object.assign({"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-brJlj1aQ.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-C2i4lnM1.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-DNQzPQQ4.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-gLe7G8Qn.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-LOzTlvrM.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-UXOupU5J.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-BlkqUdzj.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-Df3LXKAw.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-BrqH4IDP.js'),"/widgets/ExportState.vue": () => import('./ExportState-DVosrSNY.js'),"/widgets/PopUp.vue": () => import('./PopUp-BFcSuX3b.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-DL0bdnjh.js')}),
     .../* #__PURE__ */ Object.assign({}),
   };
   for (const key in importMap) {
@@ -11556,7 +11560,7 @@ const getWidgetDefinition = (config) => {
 
     case "web-component":
       importedWidget.component = defineAsyncComponent({
-        loader: () => import('./DynamicWebComponent-BCwpocDX.js'),
+        loader: () => import('./DynamicWebComponent-rIFx5c0f.js'),
         suspensible: true,
       });
       importedWidget.props = reactive(config.widget);
@@ -11992,15 +11996,15 @@ const { loadSTAC } = useSTAcStore();
 const { smAndDown } = useDisplay();
 const TemplateComponent = computed(() =>
   smAndDown.value
-    ? defineAsyncComponent(() => import('./MobileLayout-DRgyQYFz.js'))
-    : defineAsyncComponent(() => import('./DashboardLayout-VrJIbhe8.js')),
+    ? defineAsyncComponent(() => import('./MobileLayout-Df4Z1bMl.js'))
+    : defineAsyncComponent(() => import('./DashboardLayout-BjUs7mYs.js')),
 );
 
 const HeaderComponent = defineAsyncComponent(
-  () => import('./Header-CTiEXLi0.js'),
+  () => import('./Header-DYMnh4of.js'),
 );
 const FooterComponent = defineAsyncComponent(
-  () => import('./Footer-DlIEbXp-.js'),
+  () => import('./Footer-tjsscQ7O.js'),
 );
 
 const templateHeight = props.isWebComponent ? "100%" : "100dvh";

package/dist/client/eo-dash.js

@@ -1,2 +1,2 @@
-export { aX as EodashConstructor, aY as register, aZ as store } from './asWebComponent-CLUhauLl.js';
+export { aX as EodashConstructor, aY as register, aZ as store } from './asWebComponent-N7ChSAQG.js';
 import 'vue';

package/dist/client/{forwardRefs-CxSsJulB.js → forwardRefs-C2UOEnvr.js}

@@ -1,5 +1,5 @@
 import { shallowRef, computed, watch } from 'vue';
-import { p as propsFactory, aI as getCurrentInstance } from './asWebComponent-CLUhauLl.js';
+import { p as propsFactory, aI as getCurrentInstance } from './asWebComponent-N7ChSAQG.js';
 
 class Box {
   constructor(_ref) {

package/dist/client/{index-BMj56LY3.js → index-BXi80Gr9.js}

@@ -1,5 +1,5 @@
 import { TransitionGroup, Transition, h, camelize } from 'vue';
-import { g as genericComponent, p as propsFactory } from './asWebComponent-CLUhauLl.js';
+import { g as genericComponent, p as propsFactory } from './asWebComponent-N7ChSAQG.js';
 
 // Utilities
 const makeTransitionProps = propsFactory({

package/dist/client/{transition-DidoPMgC.js → transition-w_2EtUxa.js}

@@ -1,5 +1,5 @@
 import { h, mergeProps, TransitionGroup, Transition } from 'vue';
-import { p as propsFactory } from './asWebComponent-CLUhauLl.js';
+import { p as propsFactory } from './asWebComponent-N7ChSAQG.js';
 
 // Utilities
 const makeTransitionProps = propsFactory({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.0.0-rc.2",
+  "version": "5.0.0-rc.2.1",
   "type": "module",
   "types": "./dist/types/core/client/types.d.ts",
   "files": [