@eodash/eodash 5.0.0-rc.2.4 → 5.0.0-rc.2.5

package/core/client/composables/EodashProcess.js

@@ -184,7 +184,6 @@ export function extractGeometries(jsonformValue, jsonformSchema) {
  * @param {import("@eox/jsonform").EOxJSONForm | null} jsonFormEl
  **/
 export function injectJsonformCSS(jsonFormEl) {
-  //@ts-expect-error TODO
   if (!jsonFormEl?.shadowRoot) {
     console.error("jsonform has no shadowRoot");
     return;
@@ -193,7 +192,6 @@ export function injectJsonformCSS(jsonFormEl) {
   stylesheet.replaceSync(`.je-indented-panel {
     border: none !important;
   }`);
-  //@ts-expect-error TODO
   jsonFormEl.shadowRoot.adoptedStyleSheets = [stylesheet];
 }
 
@@ -440,6 +438,9 @@ export async function handleProcesses({
   isPolling,
   processResults,
 }) {
+  if (!jsonformEl.value || !jsonformSchema.value || !selectedStac.value) {
+    return;
+  }
   log.debug("Processing...");
   loading.value = true;
   try {
@@ -448,7 +449,6 @@ export async function handleProcesses({
     );
     const bboxProperty = getBboxProperty(jsonformSchema.value);
     const jsonformValue = /** @type {Record<string,any>} */ (
-      //@ts-expect-error todo
       jsonformEl.value?.value
     );
 
@@ -604,13 +604,43 @@ export async function initProcess({
     processResults,
   });
   if (selectedStac.value["eodash:jsonform"]) {
-    //@ts-expect-error  todo
     jsonformEl.value?.editor.destroy();
     // wait for the layers to be rendered
     jsonformSchema.value = await axios
       //@ts-expect-error eodash extention
       .get(selectedStac.value["eodash:jsonform"])
       .then((resp) => resp.data);
+      // jsonformSchema.value = {
+      //   "options": {
+      //     "execute": true
+      //   },
+      //   "type": "object",
+      //   "properties": {
+      //     "feature": {
+      //       "type": "string",
+      //       "title": "Select feature on map",
+      //       "options": {
+      //         drawtools:{
+      //           "for": "eox-map#main",
+      //           "layerId": "geodb-collection",
+      //           featureStyles:{
+      //             /** @type {import("ol/")} */
+      //             layer: {
+
+      //             },
+      //             // hover:{},
+      //             click:{
+      //               "stroke-width": 2,
+      //               "stroke-color": "red",
+      //             }
+      //           }
+      //         },
+      //           "featureProperty": "id"
+      //       },
+      //       "format": "feature"
+      //     }
+      //   }
+      // }
     // remove borders from jsonform
     await nextTick(() => {
       injectJsonformCSS(jsonformEl.value);

package/core/client/eodashSTAC/createLayers.js

@@ -137,6 +137,7 @@ export async function createLayersFromAssets(
         }),
       },
       ...(!style?.variables && { style }),
+      interactions:[],
     };
 
     layer.properties = { ...layer.properties, ...(extraProperties ?? {}) };

package/core/client/types.ts

@@ -323,10 +323,10 @@ export declare const store: typeof import("@/store").default;
 /////
 
 export * from "./main.js";
-//@ts-expect-error todo
-export type EodashStyleJson = import("ol/style/webgl.js").WebGLStyle & {
+
+export type EodashStyleJson = import("ol/style/flat").FlatStyleLike & {
   variables?: Record<string, string | number | boolean | null | undefined>;
   legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
-  jsonform?: Record<string, any>;
+  jsonform?: import("json-schema").JSONSchema7;
   tooltip?: { id: string; title?: string; appendix?: string }[];
 };

package/core/client/vite-env.d.ts

@@ -5,19 +5,6 @@ declare module "*.vue" {
   const component: DefineComponent<object, object, unknown>;
   export default component;
 }
-declare module "@eox/jsonform" {
-   class EOxJSONForm extends import("lit").LitElement{
-    constructor(){
-      super();
-    }
-   }
-   export { EOxJSONForm };
-}
-
-declare module "@eox/jsonform/src/custom-inputs/spatial/utils" {
-   const isMulti:(value:any)=> boolean;
-   export { isMulti };
-}
 declare interface Window {
   eodashStore: typeof import("@/store").default;
   setEodashLoglevel: typeof import("loglevel").setLevel;

package/dist/client/{DashboardLayout-D1UcB3RV.js → DashboardLayout-BX3Sm_Vx.js}

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

package/dist/client/{DynamicWebComponent-DtZ_mHL9.js → DynamicWebComponent-BqoHM1np.js}

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

package/dist/client/{EodashDatePicker-CYU0MZX5.js → EodashDatePicker-BoWV2vc8.js}

@@ -1,9 +1,9 @@
 import { resolveComponent, render, h, mergeProps, useCssVars, ref, useTemplateRef, customRef, computed, reactive, toRef, watch, onMounted, createElementBlock, openBlock, createVNode, unref, createSlots, withCtx, createElementVNode, withDirectives, createCommentVNode, createBlock, toHandlers } from 'vue';
 import { DatePicker } from 'v-calendar';
-import { E as isObject, Y as consoleError, r as useDisplay, Z as datetime, $ as useSTAcStore, a0 as eodashCollections, a1 as collectionsPalette, a2 as makePanelTransparent, V as VBtn, v as VIcon } from './asWebComponent-DZpMGxEY.js';
+import { E as isObject, Y as consoleError, r as useDisplay, Z as datetime, $ as useSTAcStore, a0 as eodashCollections, a1 as collectionsPalette, a2 as makePanelTransparent, V as VBtn, v as VIcon } from './asWebComponent-Df8nUiLs.js';
 import { mdiRayEndArrow, mdiRayStartArrow } from '@mdi/js';
 import log from 'loglevel';
-import { V as VTooltip } from './VTooltip-XJLaLrZQ.js';
+import { V as VTooltip } from './VTooltip-BMsliOuh.js';
 
 // Utilities
 function useDirectiveComponent(component, props) {

package/dist/client/{EodashItemFilter-SE9oW3oZ.js → EodashItemFilter-127fZLyK.js}

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

package/dist/client/{EodashLayerControl-BuGe29Nt.js → EodashLayerControl-B-pZaizw.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-DZpMGxEY.js';
+import { $ as useSTAcStore, a3 as mapCompareEl, a4 as mapEl, a5 as eodashCompareCollections, a0 as eodashCollections, a6 as layerControlFormValue, a7 as getColFromLayer } from './asWebComponent-Df8nUiLs.js';
 import { storeToRefs } from 'pinia';
 
 const _hoisted_1 = { class: "d-flex flex-column fill-height overflow-auto" };

package/dist/client/{EodashLayoutSwitcher-6wLl-Gtd.js → EodashLayoutSwitcher-DwexHfOD.js}

@@ -1,7 +1,7 @@
 import { ref, createElementBlock, openBlock, createVNode, withCtx, mergeProps } from 'vue';
-import { a2 as makePanelTransparent, v as VIcon, al as activeTemplate } from './asWebComponent-DZpMGxEY.js';
+import { a2 as makePanelTransparent, v as VIcon, al as activeTemplate } from './asWebComponent-Df8nUiLs.js';
 import { mdiViewDashboard } from '@mdi/js';
-import { V as VTooltip } from './VTooltip-XJLaLrZQ.js';
+import { V as VTooltip } from './VTooltip-BMsliOuh.js';
 
 const _sfc_main = {
   __name: 'EodashLayoutSwitcher',

package/dist/client/{EodashMap-DhVCoYMi.js → EodashMap-BSR7_wRA.js}

@@ -1,7 +1,7 @@
 import { onMounted, onUnmounted, watch, nextTick, ref, toRaw, computed, createElementBlock, openBlock, 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, a6 as layerControlFormValue, a5 as eodashCompareCollections } from './asWebComponent-DZpMGxEY.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, a6 as layerControlFormValue, a5 as eodashCompareCollections } from './asWebComponent-Df8nUiLs.js';
 import { storeToRefs } from 'pinia';
 import log from 'loglevel';
 import { useEventBus } from '@vueuse/core';
@@ -527,7 +527,6 @@ const tooltipPropertyTransform = (param) => {
     }),
   );
 
-  //@ts-expect-error todo
   const tooltipProp = updatedProperties?.find((prop) => prop.id === param.key);
   if (!tooltipProp) {
     return undefined;
@@ -574,7 +573,12 @@ return (_ctx, _cache) => {
       ref_key: "compareMap",
       ref: compareMap,
       ".layers": eoxMapCompareLayers.value
-    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_3)
+    }, [
+      createElementVNode("eox-map-tooltip", {
+        style: normalizeStyle(tooltipStyles.value),
+        ".propertyTransform": tooltipPropertyTransform
+      }, null, 36 /* STYLE, NEED_HYDRATION */)
+    ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_3)
   ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_1))
 }
 }

package/dist/client/{EodashMapBtns-BWWu6eHG.js → EodashMapBtns-Jfn3bpWD.js}

@@ -1,9 +1,9 @@
 import { computed, ref, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, unref, withCtx } from 'vue';
-import { _ as _export_sfc, r as useDisplay, a2 as makePanelTransparent, V as VBtn, ae as availableMapProjection, af as changeMapProjection, ag as setActiveTemplate } from './asWebComponent-DZpMGxEY.js';
+import { _ as _export_sfc, r as useDisplay, a2 as makePanelTransparent, V as VBtn, ae as availableMapProjection, af as changeMapProjection, ag as setActiveTemplate } from './asWebComponent-Df8nUiLs.js';
 import { mdiMapPlus, mdiEarthBox, mdiCompare } from '@mdi/js';
-import ExportState from './ExportState-BqnlEpzR.js';
-import _sfc_main$1 from './PopUp-Ba6mY2jQ.js';
-import _sfc_main$2 from './EodashItemFilter-SE9oW3oZ.js';
+import ExportState from './ExportState-Ckcb6u01.js';
+import _sfc_main$1 from './PopUp-D3IyjsN4.js';
+import _sfc_main$2 from './EodashItemFilter-127fZLyK.js';
 
 const _sfc_main = {
   __name: 'EodashMapBtns',

package/dist/client/{EodashProcess-GSj_LMsK.js → EodashProcess-CpbZPYBp.js}

@@ -2,7 +2,7 @@ import { createVNode, nextTick, watch, onMounted, ref, useTemplateRef, computed,
 import '@eox/chart';
 import '@eox/drawtools';
 import '@eox/jsonform';
-import { g as genericComponent, p as propsFactory, c as useRtl, H as useDimension, a as useRender, h as makeTagProps, J as makeDimensionProps, i as makeComponentProps, 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-DZpMGxEY.js';
+import { g as genericComponent, p as propsFactory, c as useRtl, H as useDimension, a as useRender, h as makeTagProps, J as makeDimensionProps, i as makeComponentProps, 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-Df8nUiLs.js';
 import { storeToRefs } from 'pinia';
 import { useEventBus } from '@vueuse/core';
 import { isMulti } from '@eox/jsonform/src/custom-inputs/spatial/utils';
@@ -218,7 +218,6 @@ function extractGeometries(jsonformValue, jsonformSchema) {
  * @param {import("@eox/jsonform").EOxJSONForm | null} jsonFormEl
  **/
 function injectJsonformCSS(jsonFormEl) {
-  //@ts-expect-error TODO
   if (!jsonFormEl?.shadowRoot) {
     console.error("jsonform has no shadowRoot");
     return;
@@ -227,7 +226,6 @@ function injectJsonformCSS(jsonFormEl) {
   stylesheet.replaceSync(`.je-indented-panel {
     border: none !important;
   }`);
-  //@ts-expect-error TODO
   jsonFormEl.shadowRoot.adoptedStyleSheets = [stylesheet];
 }
 
@@ -474,6 +472,9 @@ async function handleProcesses({
   isPolling,
   processResults,
 }) {
+  if (!jsonformEl.value || !jsonformSchema.value || !selectedStac.value) {
+    return;
+  }
   log.debug("Processing...");
   loading.value = true;
   try {
@@ -482,7 +483,6 @@ async function handleProcesses({
     );
     const bboxProperty = getBboxProperty(jsonformSchema.value);
     const jsonformValue = /** @type {Record<string,any>} */ (
-      //@ts-expect-error todo
       jsonformEl.value?.value
     );
 
@@ -638,13 +638,43 @@ async function initProcess({
     processResults,
   });
   if (selectedStac.value["eodash:jsonform"]) {
-    //@ts-expect-error  todo
     jsonformEl.value?.editor.destroy();
     // wait for the layers to be rendered
     jsonformSchema.value = await axios
       //@ts-expect-error eodash extention
       .get(selectedStac.value["eodash:jsonform"])
       .then((resp) => resp.data);
+      // jsonformSchema.value = {
+      //   "options": {
+      //     "execute": true
+      //   },
+      //   "type": "object",
+      //   "properties": {
+      //     "feature": {
+      //       "type": "string",
+      //       "title": "Select feature on map",
+      //       "options": {
+      //         drawtools:{
+      //           "for": "eox-map#main",
+      //           "layerId": "geodb-collection",
+      //           featureStyles:{
+      //             /** @type {import("ol/")} */
+      //             layer: {
+
+      //             },
+      //             // hover:{},
+      //             click:{
+      //               "stroke-width": 2,
+      //               "stroke-color": "red",
+      //             }
+      //           }
+      //         },
+      //           "featureProperty": "id"
+      //       },
+      //       "format": "feature"
+      //     }
+      //   }
+      // }
     // remove borders from jsonform
     await nextTick(() => {
       injectJsonformCSS(jsonformEl.value);
@@ -773,7 +803,6 @@ useOnLayersUpdate(async (evt, _payload) => {
 });
 
 const startProcess = async () => {
-  //@ts-expect-error todo
   const errors = jsonformEl.value?.editor.validate();
   if (errors?.length) {
     console.warn("[eodash] Form validation failed", errors);
@@ -802,7 +831,6 @@ const chartStyles = computed(() => {
     styles["height"] =
       Math.max(
         (containerEl.value?.offsetHeight ?? 0) -
-        //@ts-expect-error TODO
           (jsonformEl.value?.offsetHeight ?? 0),
         200,
       ) + "px";

package/dist/client/{EodashStacInfo-DjRSGLHM.js → EodashStacInfo-STq_bW7S.js}

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, createElementVNode, unref } from 'vue';
 import '@eox/stacinfo';
-import { ak as currentUrl } from './asWebComponent-DZpMGxEY.js';
+import { ak as currentUrl } from './asWebComponent-Df8nUiLs.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-CJ4hBH_X.js → EodashTools-uxSuJhVJ.js}

@@ -1,9 +1,9 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, unref, withCtx, mergeProps } from 'vue';
-import _sfc_main$2 from './PopUp-Ba6mY2jQ.js';
-import _sfc_main$3 from './EodashItemFilter-SE9oW3oZ.js';
-import _sfc_main$1 from './EodashLayoutSwitcher-6wLl-Gtd.js';
+import _sfc_main$2 from './PopUp-D3IyjsN4.js';
+import _sfc_main$3 from './EodashItemFilter-127fZLyK.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-DwexHfOD.js';
 import { mdiViewDashboard, mdiPlus } from '@mdi/js';
-import { r as useDisplay, a2 as makePanelTransparent, V as VBtn } from './asWebComponent-DZpMGxEY.js';
+import { r as useDisplay, a2 as makePanelTransparent, V as VBtn } from './asWebComponent-Df8nUiLs.js';
 
 const _hoisted_1 = { class: "d-flex flex-row justify-space-between pa-4 align-center" };
 

package/dist/client/{ExportState-BqnlEpzR.js → ExportState-Ckcb6u01.js}

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

package/dist/client/{Footer-C_3WrfI4.js → Footer-C8JP-coH.js}

@@ -1,5 +1,5 @@
 import { ref, toRef, shallowRef, computed, watchEffect, createVNode, inject, createBlock, openBlock, unref, withCtx, createElementVNode, toDisplayString } from 'vue';
-import { g as genericComponent, p as propsFactory, b as provideTheme, B as useBackgroundColor, K as useBorder, L as useElevation, M as useRounded, s as useResizeObserver, T as useToggleScope, U as useLayoutItem, a as useRender, q as convertToUnit, f as makeThemeProps, h as makeTagProps, O as makeRoundedProps, W as makeLayoutItemProps, P as makeElevationProps, i as makeComponentProps, Q as makeBorderProps, _ as _export_sfc, X as eodashKey, r as useDisplay } from './asWebComponent-DZpMGxEY.js';
+import { g as genericComponent, p as propsFactory, b as provideTheme, B as useBackgroundColor, K as useBorder, L as useElevation, M as useRounded, s as useResizeObserver, T as useToggleScope, U as useLayoutItem, a as useRender, q as convertToUnit, f as makeThemeProps, h as makeTagProps, O as makeRoundedProps, W as makeLayoutItemProps, P as makeElevationProps, i as makeComponentProps, Q as makeBorderProps, _ as _export_sfc, X as eodashKey, r as useDisplay } from './asWebComponent-Df8nUiLs.js';
 
 const makeVFooterProps = propsFactory({
   app: Boolean,

package/dist/client/{Header-D_hcGpNG.js → Header-Dxx7q9FW.js}

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

package/dist/client/{MobileLayout-CDbupC9v.js → MobileLayout-BE19Peep.js}

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

package/dist/client/{PopUp-Ba6mY2jQ.js → PopUp-D3IyjsN4.js}

@@ -1,7 +1,7 @@
 import { createVNode, Transition, mergeProps, ref, onBeforeUnmount, watch, nextTick, toRef, mergeModels, useModel, createElementBlock, openBlock, withCtx, createBlock, createCommentVNode, resolveDynamicComponent, unref, renderSlot } from 'vue';
-import { g as genericComponent, p as propsFactory, j as useProxiedModel, I as IN_BROWSER, a as useRender, z as focusableChildren, N as VDefaultsProvider, b as provideTheme, B as useBackgroundColor, K as useBorder, H as useDimension, L as useElevation, av as useLocation, aw as usePosition, M as useRounded, f as makeThemeProps, h as makeTagProps, O as makeRoundedProps, az as makePositionProps, aA as makeLocationProps, P as makeElevationProps, J as makeDimensionProps, i as makeComponentProps, Q as makeBorderProps, aJ as useDefineWidgets } from './asWebComponent-DZpMGxEY.js';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-B9mxXaCv.js';
-import { a as animate, g as getTargetBox, n as nullifyTransforms, c as acceleratedEasing, d as deceleratedEasing, s as standardEasing, b as useScopeId, f as forwardRefs } from './forwardRefs-BtkfywIE.js';
+import { g as genericComponent, p as propsFactory, j as useProxiedModel, I as IN_BROWSER, a as useRender, z as focusableChildren, N as VDefaultsProvider, b as provideTheme, B as useBackgroundColor, K as useBorder, H as useDimension, L as useElevation, av as useLocation, aw as usePosition, M as useRounded, f as makeThemeProps, h as makeTagProps, O as makeRoundedProps, az as makePositionProps, aA as makeLocationProps, P as makeElevationProps, J as makeDimensionProps, i as makeComponentProps, Q as makeBorderProps, aJ as useDefineWidgets } from './asWebComponent-Df8nUiLs.js';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-BS-E4Z6g.js';
+import { a as animate, g as getTargetBox, n as nullifyTransforms, c as acceleratedEasing, d as deceleratedEasing, s as standardEasing, b as useScopeId, f as forwardRefs } from './forwardRefs-lhDuXD-N.js';
 
 // Utilities
 const makeVDialogTransitionProps = propsFactory({

package/dist/client/{VImg-Yc9F9pYq.js → VImg-BmCNSu3X.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, g as genericComponent, p as propsFactory, H as useDimension, a as useRender, J as makeDimensionProps, i as makeComponentProps, B as useBackgroundColor, M as useRounded, aI as getCurrentInstance, q as convertToUnit, O as makeRoundedProps } from './asWebComponent-DZpMGxEY.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-CtL4BoVi.js';
+import { aH as SUPPORTS_INTERSECTION, g as genericComponent, p as propsFactory, H as useDimension, a as useRender, J as makeDimensionProps, i as makeComponentProps, B as useBackgroundColor, M as useRounded, aI as getCurrentInstance, q as convertToUnit, O as makeRoundedProps } from './asWebComponent-Df8nUiLs.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-DHEuQX4I.js';
 
 // Utilities
 function mounted(el, binding) {

package/dist/client/{VMain-BiS7HPEk.js → VMain-eZDKIfmJ.js}

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

package/dist/client/{VOverlay-B9mxXaCv.js → VOverlay-BS-E4Z6g.js}

@@ -1,7 +1,7 @@
 import { computed, watch, onScopeDispose, nextTick, ref, watchEffect, effectScope, inject, mergeProps, shallowRef, onMounted, reactive, provide, toRaw, readonly, warn, toRef, onBeforeUnmount, createVNode, Fragment, Teleport, withDirectives, vShow, resolveDirective, Transition } from 'vue';
-import { aK as isOn, aL as eventName, p as propsFactory, 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, I as IN_BROWSER, T as useToggleScope, aS as defer, aI as getCurrentInstance, aT as templateRef, aU as matchesSelector, r as useDisplay, f as makeThemeProps, J as makeDimensionProps, i as makeComponentProps, g as genericComponent, j as useProxiedModel, b as provideTheme, c as useRtl, B as useBackgroundColor, H as useDimension, aV as useRouter, aW as useBackButton, a as useRender } from './asWebComponent-DZpMGxEY.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-BtkfywIE.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-CtL4BoVi.js';
+import { aK as isOn, aL as eventName, p as propsFactory, 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, I as IN_BROWSER, T as useToggleScope, aS as defer, aI as getCurrentInstance, aT as templateRef, aU as matchesSelector, r as useDisplay, f as makeThemeProps, J as makeDimensionProps, i as makeComponentProps, g as genericComponent, j as useProxiedModel, b as provideTheme, c as useRtl, B as useBackgroundColor, H as useDimension, aV as useRouter, aW as useBackButton, a as useRender } from './asWebComponent-Df8nUiLs.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-lhDuXD-N.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-DHEuQX4I.js';
 
 // Utilities
 const handlers = new WeakMap();

package/dist/client/{VTooltip-XJLaLrZQ.js → VTooltip-BMsliOuh.js}

@@ -1,7 +1,7 @@
 import { computed, ref, mergeProps, createVNode } from 'vue';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-B9mxXaCv.js';
-import { b as useScopeId, f as forwardRefs } from './forwardRefs-BtkfywIE.js';
-import { g as genericComponent, p as propsFactory, j as useProxiedModel, am as getUid, a as useRender, o as omit } from './asWebComponent-DZpMGxEY.js';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-BS-E4Z6g.js';
+import { b as useScopeId, f as forwardRefs } from './forwardRefs-lhDuXD-N.js';
+import { g as genericComponent, p as propsFactory, j as useProxiedModel, am as getUid, a as useRender, o as omit } from './asWebComponent-Df8nUiLs.js';
 
 const makeVTooltipProps = propsFactory({
   id: String,

package/dist/client/{WidgetsContainer-DRVb_73N.js → WidgetsContainer-Cl6M5R5c.js}

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

package/dist/client/{asWebComponent-DZpMGxEY.js → asWebComponent-Df8nUiLs.js}

@@ -8717,6 +8717,7 @@ async function createLayersFromAssets(
         }),
       },
       ...(!style?.variables && { style }),
+      interactions:[],
     };
 
     layer.properties = { ...layer.properties, ...(extraProperties ?? {}) };
@@ -11653,7 +11654,7 @@ const ErrorAlert = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-a
 const internalWidgets = (() => {
   /** @type {Record<string, () => Promise<import("vue").Component>>} */
   const importMap = {
-    .../* #__PURE__ */ Object.assign({"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-CYU0MZX5.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-SE9oW3oZ.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-BuGe29Nt.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-6wLl-Gtd.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-DhVCoYMi.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-BWWu6eHG.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-GSj_LMsK.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-DjRSGLHM.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-CJ4hBH_X.js'),"/widgets/ExportState.vue": () => import('./ExportState-BqnlEpzR.js'),"/widgets/PopUp.vue": () => import('./PopUp-Ba6mY2jQ.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-DRVb_73N.js')}),
+    .../* #__PURE__ */ Object.assign({"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-BoWV2vc8.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-127fZLyK.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-B-pZaizw.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-DwexHfOD.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-BSR7_wRA.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-Jfn3bpWD.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-CpbZPYBp.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-STq_bW7S.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-uxSuJhVJ.js'),"/widgets/ExportState.vue": () => import('./ExportState-Ckcb6u01.js'),"/widgets/PopUp.vue": () => import('./PopUp-D3IyjsN4.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-Cl6M5R5c.js')}),
     .../* #__PURE__ */ Object.assign({}),
   };
   for (const key in importMap) {
@@ -11766,7 +11767,7 @@ const getWidgetDefinition = (config) => {
 
     case "web-component":
       importedWidget.component = defineAsyncComponent({
-        loader: () => import('./DynamicWebComponent-DtZ_mHL9.js'),
+        loader: () => import('./DynamicWebComponent-BqoHM1np.js'),
         suspensible: true,
       });
       importedWidget.props = reactive(config.widget);
@@ -12161,7 +12162,7 @@ return (_ctx, _cache) => {
 
 };
 
-const version = "5.0.0-rc.2.4";
+const version = "5.0.0-rc.2.5";
 const pkgJson = {
   version};
 
@@ -12263,15 +12264,15 @@ const { loadSTAC } = useSTAcStore();
 const { smAndDown } = useDisplay();
 const TemplateComponent = computed(() =>
   smAndDown.value
-    ? defineAsyncComponent(() => import('./MobileLayout-CDbupC9v.js'))
-    : defineAsyncComponent(() => import('./DashboardLayout-D1UcB3RV.js')),
+    ? defineAsyncComponent(() => import('./MobileLayout-BE19Peep.js'))
+    : defineAsyncComponent(() => import('./DashboardLayout-BX3Sm_Vx.js')),
 );
 
 const HeaderComponent = defineAsyncComponent(
-  () => import('./Header-D_hcGpNG.js'),
+  () => import('./Header-Dxx7q9FW.js'),
 );
 const FooterComponent = defineAsyncComponent(
-  () => import('./Footer-C_3WrfI4.js'),
+  () => import('./Footer-C8JP-coH.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-DZpMGxEY.js';
+export { aX as EodashConstructor, aY as register, aZ as store } from './asWebComponent-Df8nUiLs.js';
 import 'vue';

package/dist/client/{forwardRefs-BtkfywIE.js → forwardRefs-lhDuXD-N.js}

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

package/dist/client/{index-f55xuyof.js → index-Bt5GEGxl.js}

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

package/dist/client/{transition-CtL4BoVi.js → transition-DHEuQX4I.js}

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

package/dist/types/core/client/eodashSTAC/EodashCollection.d.ts

@@ -5,7 +5,7 @@ export class EodashCollection {
      * @param {import("stac-ts").StacCollection} indicator */
     static getIndicatorLayers(indicator: import("stac-ts").StacCollection): Promise<(Record<string, any> | {
         interactions: never[];
-        style?: any;
+        style?: import("../types").EodashStyleJson | undefined;
         type: string;
         source: {
             type: string;
@@ -15,14 +15,15 @@ export class EodashCollection {
         };
         properties: {
             layerConfig?: {
-                style: any;
+                style: import("../types").EodashStyleJson | undefined;
             } | undefined;
             id: string;
             title: string;
             layerDatetime: Record<string, unknown> | undefined;
         };
     } | {
-        style?: any;
+        interactions: never[];
+        style?: import("../types").EodashStyleJson | undefined;
         type: string;
         source: {
             type: string;
@@ -32,7 +33,7 @@ export class EodashCollection {
         };
         properties: {
             layerConfig?: {
-                style: any;
+                style: import("../types").EodashStyleJson | undefined;
             } | undefined;
             id: string;
             title: string;
@@ -55,7 +56,7 @@ export class EodashCollection {
             layerConfig: Record<string, unknown> | undefined;
             layerDatetime: Record<string, unknown> | undefined;
         };
-        style: any;
+        style: import("../types").EodashStyleJson | undefined;
     })[]>;
     /**
      * Returns GeoDB layer from a list of EodashCollections
@@ -128,7 +129,11 @@ export class EodashCollection {
      *  @param {Date} [date]
      **/
     getItem(date?: Date): import("stac-ts").StacLink | undefined;
-    getToolTipProperties(): Promise<any>;
+    getToolTipProperties(): Promise<{
+        id: string;
+        title?: string;
+        appendix?: string;
+    }[]>;
     /**
      *
      * @param {string} datetime

package/dist/types/core/client/eodashSTAC/createLayers.d.ts

@@ -10,7 +10,7 @@
  **/
 export function createLayersFromAssets(collectionId: string, title: string, assets: Record<string, import("stac-ts").StacAsset>, item: import("stac-ts").StacItem, style?: import("../types").EodashStyleJson, layerConfig?: Record<string, unknown>, layerDatetime?: Record<string, unknown>, extraProperties?: object | null): Promise<({
     interactions: never[];
-    style?: any;
+    style?: import("../types").EodashStyleJson | undefined;
     type: string;
     source: {
         type: string;
@@ -20,14 +20,15 @@ export function createLayersFromAssets(collectionId: string, title: string, asse
     };
     properties: {
         layerConfig?: {
-            style: any;
+            style: import("../types").EodashStyleJson | undefined;
         } | undefined;
         id: string;
         title: string;
         layerDatetime: Record<string, unknown> | undefined;
     };
 } | {
-    style?: any;
+    interactions: never[];
+    style?: import("../types").EodashStyleJson | undefined;
     type: string;
     source: {
         type: string;
@@ -37,7 +38,7 @@ export function createLayersFromAssets(collectionId: string, title: string, asse
     };
     properties: {
         layerConfig?: {
-            style: any;
+            style: import("../types").EodashStyleJson | undefined;
         } | undefined;
         id: string;
         title: string;
@@ -60,6 +61,6 @@ export function createLayersFromAssets(collectionId: string, title: string, asse
         layerConfig: Record<string, unknown> | undefined;
         layerDatetime: Record<string, unknown> | undefined;
     };
-    style: any;
+    style: import("../types").EodashStyleJson | undefined;
 })[]>;
 export function createLayersFromLinks(collectionId: string, title: string, item: import("stac-ts").StacItem, layerDatetime?: Record<string, any>, extraProperties?: object | null): Promise<Record<string, any>[]>;

package/dist/types/core/client/eodashSTAC/helpers.d.ts

@@ -19,8 +19,11 @@ export function generateFeatures(links?: import("stac-ts").StacLink[], extraProp
  *  @param { import("../types").EodashStyleJson} [style]
  * */
 export function extractLayerConfig(collectionId: string, style?: import("../types").EodashStyleJson): {
+    layerConfig: undefined;
+    style: undefined;
+} | {
     layerConfig: Record<string, unknown> | undefined;
-    style: any;
+    style: import("../types").EodashStyleJson;
 };
 /**
  * Function to extract collection urls from an indicator
@@ -50,7 +53,384 @@ export function assignProjID(item: import("stac-ts").StacItem, linkOrAsset: impo
  */
 export function mergeGeojsons(geojsonUrls: string[]): Promise<string | undefined>;
 export function extractRoles(properties: Record<string, any>, linkOrAsset: import("stac-ts").StacLink | import("stac-ts").StacAsset): Record<string, any>;
-export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string): Promise<any>;
+export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string): Promise<{
+    "fill-color"?: import("ol/style/flat.js").ColorExpression | undefined;
+    "fill-pattern-src"?: import("ol/style/flat.js").StringExpression | undefined;
+    "fill-pattern-size"?: import("ol/style/flat.js").SizeExpression | undefined;
+    "fill-pattern-offset"?: import("ol/style/flat.js").SizeExpression | undefined;
+    "fill-pattern-offset-origin"?: import("ol/style/Icon.js").IconOrigin | undefined;
+    "stroke-color"?: import("ol/style/flat.js").ColorExpression | undefined;
+    "stroke-width"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "stroke-line-cap"?: import("ol/style/flat.js").StringExpression | undefined;
+    "stroke-line-join"?: import("ol/style/flat.js").StringExpression | undefined;
+    "stroke-line-dash"?: import("ol/style/flat.js").NumberArrayExpression | undefined;
+    "stroke-line-dash-offset"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "stroke-miter-limit"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "stroke-offset"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "stroke-pattern-src"?: string | undefined;
+    "stroke-pattern-offset"?: import("ol/style/flat.js").SizeExpression | undefined;
+    "stroke-pattern-offset-origin"?: import("ol/style/Icon.js").IconOrigin | undefined;
+    "stroke-pattern-size"?: import("ol/style/flat.js").SizeExpression | undefined;
+    "stroke-pattern-spacing"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "z-index"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "text-value"?: import("ol/style/flat.js").StringExpression | undefined;
+    "text-font"?: import("ol/style/flat.js").StringExpression | undefined;
+    "text-max-angle"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "text-offset-x"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "text-offset-y"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "text-overflow"?: import("ol/style/flat.js").BooleanExpression | undefined;
+    "text-placement"?: import("ol/style/flat.js").StringExpression | undefined;
+    "text-repeat"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "text-scale"?: import("ol/style/flat.js").SizeExpression | undefined;
+    "text-rotate-with-view"?: import("ol/style/flat.js").BooleanExpression | undefined;
+    "text-rotation"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "text-align"?: import("ol/style/flat.js").StringExpression | undefined;
+    "text-justify"?: import("ol/style/flat.js").StringExpression | undefined;
+    "text-baseline"?: import("ol/style/flat.js").StringExpression | undefined;
+    "text-padding"?: import("ol/style/flat.js").NumberArrayExpression | undefined;
+    "text-fill-color"?: import("ol/style/flat.js").ColorExpression | undefined;
+    "text-background-fill-color"?: import("ol/style/flat.js").ColorExpression | undefined;
+    "text-stroke-color"?: import("ol/style/flat.js").ColorExpression | undefined;
+    "text-stroke-line-cap"?: import("ol/style/flat.js").StringExpression | undefined;
+    "text-stroke-line-join"?: import("ol/style/flat.js").StringExpression | undefined;
+    "text-stroke-line-dash"?: import("ol/style/flat.js").NumberArrayExpression | undefined;
+    "text-stroke-line-dash-offset"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "text-stroke-miter-limit"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "text-stroke-width"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "text-background-stroke-color"?: import("ol/style/flat.js").ColorExpression | undefined;
+    "text-background-stroke-line-cap"?: import("ol/style/flat.js").StringExpression | undefined;
+    "text-background-stroke-line-join"?: import("ol/style/flat.js").StringExpression | undefined;
+    "text-background-stroke-line-dash"?: import("ol/style/flat.js").NumberArrayExpression | undefined;
+    "text-background-stroke-line-dash-offset"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "text-background-stroke-miter-limit"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "text-background-stroke-width"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "text-declutter-mode"?: import("ol/style/Style.js").DeclutterMode | undefined;
+    "icon-src"?: string | undefined;
+    "icon-anchor"?: import("ol/style/flat.js").NumberArrayExpression | undefined;
+    "icon-anchor-origin"?: import("ol/style/Icon.js").IconOrigin | undefined;
+    "icon-anchor-x-units"?: import("ol/style/Icon.js").IconAnchorUnits | undefined;
+    "icon-anchor-y-units"?: import("ol/style/Icon.js").IconAnchorUnits | undefined;
+    "icon-color"?: import("ol/style/flat.js").ColorExpression | undefined;
+    "icon-cross-origin"?: string | null | undefined;
+    "icon-offset"?: import("ol/style/flat.js").SizeExpression | undefined;
+    "icon-displacement"?: import("ol/style/flat.js").NumberArrayExpression | undefined;
+    "icon-offset-origin"?: import("ol/style/Icon.js").IconOrigin | undefined;
+    "icon-opacity"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "icon-scale"?: import("ol/style/flat.js").SizeExpression | undefined;
+    "icon-width"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "icon-height"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "icon-rotation"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "icon-rotate-with-view"?: import("ol/style/flat.js").BooleanExpression | undefined;
+    "icon-size"?: import("ol/style/flat.js").SizeExpression | undefined;
+    "icon-declutter-mode"?: import("ol/style/Style.js").DeclutterMode | undefined;
+    "shape-points"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "shape-fill-color"?: import("ol/style/flat.js").ColorExpression | undefined;
+    "shape-stroke-color"?: import("ol/style/flat.js").ColorExpression | undefined;
+    "shape-stroke-width"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "shape-stroke-line-cap"?: import("ol/style/flat.js").StringExpression | undefined;
+    "shape-stroke-line-join"?: import("ol/style/flat.js").StringExpression | undefined;
+    "shape-stroke-line-dash"?: import("ol/style/flat.js").NumberArrayExpression | undefined;
+    "shape-stroke-line-dash-offset"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "shape-stroke-miter-limit"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "shape-radius"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "shape-radius2"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "shape-angle"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "shape-displacement"?: import("ol/style/flat.js").NumberArrayExpression | undefined;
+    "shape-opacity"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "shape-rotation"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "shape-rotate-with-view"?: import("ol/style/flat.js").BooleanExpression | undefined;
+    "shape-scale"?: import("ol/style/flat.js").SizeExpression | undefined;
+    "shape-declutter-mode"?: import("ol/style/Style.js").DeclutterMode | undefined;
+    "circle-radius"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "circle-fill-color"?: import("ol/style/flat.js").ColorExpression | undefined;
+    "circle-stroke-color"?: import("ol/style/flat.js").ColorExpression | undefined;
+    "circle-stroke-width"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "circle-stroke-line-cap"?: import("ol/style/flat.js").StringExpression | undefined;
+    "circle-stroke-line-join"?: import("ol/style/flat.js").StringExpression | undefined;
+    "circle-stroke-line-dash"?: import("ol/style/flat.js").NumberArrayExpression | undefined;
+    "circle-stroke-line-dash-offset"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "circle-stroke-miter-limit"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "circle-displacement"?: import("ol/style/flat.js").NumberArrayExpression | undefined;
+    "circle-scale"?: import("ol/style/flat.js").SizeExpression | undefined;
+    "circle-opacity"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "circle-rotation"?: import("ol/style/flat.js").NumberExpression | undefined;
+    "circle-rotate-with-view"?: import("ol/style/flat.js").BooleanExpression | undefined;
+    "circle-declutter-mode"?: import("ol/style/Style.js").DeclutterMode | undefined;
+    variables?: Record<string, string | number | boolean | null | undefined>;
+    legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
+    jsonform?: import("json-schema").JSONSchema7;
+    tooltip?: {
+        id: string;
+        title?: string;
+        appendix?: string;
+    }[];
+} | {
+    [x: number]: import("ol/style/flat.js").FlatStyle;
+    length: number;
+    toString(): string;
+    toLocaleString(): string;
+    toLocaleString(locales: string | string[], options?: Intl.NumberFormatOptions & Intl.DateTimeFormatOptions): string;
+    pop(): import("ol/style/flat.js").FlatStyle | undefined;
+    push(...items: import("ol/style/flat.js").FlatStyle[]): number;
+    concat(...items: ConcatArray<import("ol/style/flat.js").FlatStyle>[]): import("ol/style/flat.js").FlatStyle[];
+    concat(...items: (import("ol/style/flat.js").FlatStyle | ConcatArray<import("ol/style/flat.js").FlatStyle>)[]): import("ol/style/flat.js").FlatStyle[];
+    join(separator?: string): string;
+    reverse(): import("ol/style/flat.js").FlatStyle[];
+    shift(): import("ol/style/flat.js").FlatStyle | undefined;
+    slice(start?: number, end?: number): import("ol/style/flat.js").FlatStyle[];
+    sort(compareFn?: ((a: import("ol/style/flat.js").FlatStyle, b: import("ol/style/flat.js").FlatStyle) => number) | undefined): import("ol/style/flat.js").FlatStyle[] & {
+        variables?: Record<string, string | number | boolean | null | undefined>;
+        legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
+        jsonform?: import("json-schema").JSONSchema7;
+        tooltip?: {
+            id: string;
+            title?: string;
+            appendix?: string;
+        }[];
+    };
+    splice(start: number, deleteCount?: number): import("ol/style/flat.js").FlatStyle[];
+    splice(start: number, deleteCount: number, ...items: import("ol/style/flat.js").FlatStyle[]): import("ol/style/flat.js").FlatStyle[];
+    unshift(...items: import("ol/style/flat.js").FlatStyle[]): number;
+    indexOf(searchElement: import("ol/style/flat.js").FlatStyle, fromIndex?: number): number;
+    lastIndexOf(searchElement: import("ol/style/flat.js").FlatStyle, fromIndex?: number): number;
+    every<S extends import("ol/style/flat.js").FlatStyle>(predicate: (value: import("ol/style/flat.js").FlatStyle, index: number, array: import("ol/style/flat.js").FlatStyle[]) => value is S, thisArg?: any): this is S[];
+    every(predicate: (value: import("ol/style/flat.js").FlatStyle, index: number, array: import("ol/style/flat.js").FlatStyle[]) => unknown, thisArg?: any): boolean;
+    some(predicate: (value: import("ol/style/flat.js").FlatStyle, index: number, array: import("ol/style/flat.js").FlatStyle[]) => unknown, thisArg?: any): boolean;
+    forEach(callbackfn: (value: import("ol/style/flat.js").FlatStyle, index: number, array: import("ol/style/flat.js").FlatStyle[]) => void, thisArg?: any): void;
+    map<U>(callbackfn: (value: import("ol/style/flat.js").FlatStyle, index: number, array: import("ol/style/flat.js").FlatStyle[]) => U, thisArg?: any): U[];
+    filter<S extends import("ol/style/flat.js").FlatStyle>(predicate: (value: import("ol/style/flat.js").FlatStyle, index: number, array: import("ol/style/flat.js").FlatStyle[]) => value is S, thisArg?: any): S[];
+    filter(predicate: (value: import("ol/style/flat.js").FlatStyle, index: number, array: import("ol/style/flat.js").FlatStyle[]) => unknown, thisArg?: any): import("ol/style/flat.js").FlatStyle[];
+    reduce(callbackfn: (previousValue: import("ol/style/flat.js").FlatStyle, currentValue: import("ol/style/flat.js").FlatStyle, currentIndex: number, array: import("ol/style/flat.js").FlatStyle[]) => import("ol/style/flat.js").FlatStyle): import("ol/style/flat.js").FlatStyle;
+    reduce(callbackfn: (previousValue: import("ol/style/flat.js").FlatStyle, currentValue: import("ol/style/flat.js").FlatStyle, currentIndex: number, array: import("ol/style/flat.js").FlatStyle[]) => import("ol/style/flat.js").FlatStyle, initialValue: import("ol/style/flat.js").FlatStyle): import("ol/style/flat.js").FlatStyle;
+    reduce<U>(callbackfn: (previousValue: U, currentValue: import("ol/style/flat.js").FlatStyle, currentIndex: number, array: import("ol/style/flat.js").FlatStyle[]) => U, initialValue: U): U;
+    reduceRight(callbackfn: (previousValue: import("ol/style/flat.js").FlatStyle, currentValue: import("ol/style/flat.js").FlatStyle, currentIndex: number, array: import("ol/style/flat.js").FlatStyle[]) => import("ol/style/flat.js").FlatStyle): import("ol/style/flat.js").FlatStyle;
+    reduceRight(callbackfn: (previousValue: import("ol/style/flat.js").FlatStyle, currentValue: import("ol/style/flat.js").FlatStyle, currentIndex: number, array: import("ol/style/flat.js").FlatStyle[]) => import("ol/style/flat.js").FlatStyle, initialValue: import("ol/style/flat.js").FlatStyle): import("ol/style/flat.js").FlatStyle;
+    reduceRight<U>(callbackfn: (previousValue: U, currentValue: import("ol/style/flat.js").FlatStyle, currentIndex: number, array: import("ol/style/flat.js").FlatStyle[]) => U, initialValue: U): U;
+    find<S extends import("ol/style/flat.js").FlatStyle>(predicate: (value: import("ol/style/flat.js").FlatStyle, index: number, obj: import("ol/style/flat.js").FlatStyle[]) => value is S, thisArg?: any): S | undefined;
+    find(predicate: (value: import("ol/style/flat.js").FlatStyle, index: number, obj: import("ol/style/flat.js").FlatStyle[]) => unknown, thisArg?: any): import("ol/style/flat.js").FlatStyle | undefined;
+    findIndex(predicate: (value: import("ol/style/flat.js").FlatStyle, index: number, obj: import("ol/style/flat.js").FlatStyle[]) => unknown, thisArg?: any): number;
+    fill(value: import("ol/style/flat.js").FlatStyle, start?: number, end?: number): import("ol/style/flat.js").FlatStyle[] & {
+        variables?: Record<string, string | number | boolean | null | undefined>;
+        legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
+        jsonform?: import("json-schema").JSONSchema7;
+        tooltip?: {
+            id: string;
+            title?: string;
+            appendix?: string;
+        }[];
+    };
+    copyWithin(target: number, start: number, end?: number): import("ol/style/flat.js").FlatStyle[] & {
+        variables?: Record<string, string | number | boolean | null | undefined>;
+        legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
+        jsonform?: import("json-schema").JSONSchema7;
+        tooltip?: {
+            id: string;
+            title?: string;
+            appendix?: string;
+        }[];
+    };
+    entries(): ArrayIterator<[number, import("ol/style/flat.js").FlatStyle]>;
+    keys(): ArrayIterator<number>;
+    values(): ArrayIterator<import("ol/style/flat.js").FlatStyle>;
+    includes(searchElement: import("ol/style/flat.js").FlatStyle, fromIndex?: number): boolean;
+    flatMap<U, This = undefined>(callback: (this: This, value: import("ol/style/flat.js").FlatStyle, index: number, array: import("ol/style/flat.js").FlatStyle[]) => U | readonly U[], thisArg?: This | undefined): U[];
+    flat<A, D extends number = 1>(this: A, depth?: D | undefined): FlatArray<A, D>[];
+    at(index: number): import("ol/style/flat.js").FlatStyle | undefined;
+    findLast<S extends import("ol/style/flat.js").FlatStyle>(predicate: (value: import("ol/style/flat.js").FlatStyle, index: number, array: import("ol/style/flat.js").FlatStyle[]) => value is S, thisArg?: any): S | undefined;
+    findLast(predicate: (value: import("ol/style/flat.js").FlatStyle, index: number, array: import("ol/style/flat.js").FlatStyle[]) => unknown, thisArg?: any): import("ol/style/flat.js").FlatStyle | undefined;
+    findLastIndex(predicate: (value: import("ol/style/flat.js").FlatStyle, index: number, array: import("ol/style/flat.js").FlatStyle[]) => unknown, thisArg?: any): number;
+    toReversed(): import("ol/style/flat.js").FlatStyle[];
+    toSorted(compareFn?: ((a: import("ol/style/flat.js").FlatStyle, b: import("ol/style/flat.js").FlatStyle) => number) | undefined): import("ol/style/flat.js").FlatStyle[];
+    toSpliced(start: number, deleteCount: number, ...items: import("ol/style/flat.js").FlatStyle[]): import("ol/style/flat.js").FlatStyle[];
+    toSpliced(start: number, deleteCount?: number): import("ol/style/flat.js").FlatStyle[];
+    with(index: number, value: import("ol/style/flat.js").FlatStyle): import("ol/style/flat.js").FlatStyle[];
+    [Symbol.iterator](): ArrayIterator<import("ol/style/flat.js").FlatStyle>;
+    [Symbol.unscopables]: {
+        [x: number]: boolean | undefined;
+        length?: boolean | undefined;
+        toString?: boolean | undefined;
+        toLocaleString?: boolean | undefined;
+        pop?: boolean | undefined;
+        push?: boolean | undefined;
+        concat?: boolean | undefined;
+        join?: boolean | undefined;
+        reverse?: boolean | undefined;
+        shift?: boolean | undefined;
+        slice?: boolean | undefined;
+        sort?: boolean | undefined;
+        splice?: boolean | undefined;
+        unshift?: boolean | undefined;
+        indexOf?: boolean | undefined;
+        lastIndexOf?: boolean | undefined;
+        every?: boolean | undefined;
+        some?: boolean | undefined;
+        forEach?: boolean | undefined;
+        map?: boolean | undefined;
+        filter?: boolean | undefined;
+        reduce?: boolean | undefined;
+        reduceRight?: boolean | undefined;
+        find?: boolean | undefined;
+        findIndex?: boolean | undefined;
+        fill?: boolean | undefined;
+        copyWithin?: boolean | undefined;
+        entries?: boolean | undefined;
+        keys?: boolean | undefined;
+        values?: boolean | undefined;
+        includes?: boolean | undefined;
+        flatMap?: boolean | undefined;
+        flat?: boolean | undefined;
+        at?: boolean | undefined;
+        findLast?: boolean | undefined;
+        findLastIndex?: boolean | undefined;
+        toReversed?: boolean | undefined;
+        toSorted?: boolean | undefined;
+        toSpliced?: boolean | undefined;
+        with?: boolean | undefined;
+        [Symbol.iterator]?: boolean | undefined;
+        readonly [Symbol.unscopables]?: boolean | undefined;
+    };
+    variables?: Record<string, string | number | boolean | null | undefined>;
+    legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
+    jsonform?: import("json-schema").JSONSchema7;
+    tooltip?: {
+        id: string;
+        title?: string;
+        appendix?: string;
+    }[];
+} | {
+    [x: number]: import("ol/style/flat.js").Rule;
+    length: number;
+    toString(): string;
+    toLocaleString(): string;
+    toLocaleString(locales: string | string[], options?: Intl.NumberFormatOptions & Intl.DateTimeFormatOptions): string;
+    pop(): import("ol/style/flat.js").Rule | undefined;
+    push(...items: import("ol/style/flat.js").Rule[]): number;
+    concat(...items: ConcatArray<import("ol/style/flat.js").Rule>[]): import("ol/style/flat.js").Rule[];
+    concat(...items: (import("ol/style/flat.js").Rule | ConcatArray<import("ol/style/flat.js").Rule>)[]): import("ol/style/flat.js").Rule[];
+    join(separator?: string): string;
+    reverse(): import("ol/style/flat.js").Rule[];
+    shift(): import("ol/style/flat.js").Rule | undefined;
+    slice(start?: number, end?: number): import("ol/style/flat.js").Rule[];
+    sort(compareFn?: ((a: import("ol/style/flat.js").Rule, b: import("ol/style/flat.js").Rule) => number) | undefined): import("ol/style/flat.js").Rule[] & {
+        variables?: Record<string, string | number | boolean | null | undefined>;
+        legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
+        jsonform?: import("json-schema").JSONSchema7;
+        tooltip?: {
+            id: string;
+            title?: string;
+            appendix?: string;
+        }[];
+    };
+    splice(start: number, deleteCount?: number): import("ol/style/flat.js").Rule[];
+    splice(start: number, deleteCount: number, ...items: import("ol/style/flat.js").Rule[]): import("ol/style/flat.js").Rule[];
+    unshift(...items: import("ol/style/flat.js").Rule[]): number;
+    indexOf(searchElement: import("ol/style/flat.js").Rule, fromIndex?: number): number;
+    lastIndexOf(searchElement: import("ol/style/flat.js").Rule, fromIndex?: number): number;
+    every<S extends import("ol/style/flat.js").Rule>(predicate: (value: import("ol/style/flat.js").Rule, index: number, array: import("ol/style/flat.js").Rule[]) => value is S, thisArg?: any): this is S[];
+    every(predicate: (value: import("ol/style/flat.js").Rule, index: number, array: import("ol/style/flat.js").Rule[]) => unknown, thisArg?: any): boolean;
+    some(predicate: (value: import("ol/style/flat.js").Rule, index: number, array: import("ol/style/flat.js").Rule[]) => unknown, thisArg?: any): boolean;
+    forEach(callbackfn: (value: import("ol/style/flat.js").Rule, index: number, array: import("ol/style/flat.js").Rule[]) => void, thisArg?: any): void;
+    map<U>(callbackfn: (value: import("ol/style/flat.js").Rule, index: number, array: import("ol/style/flat.js").Rule[]) => U, thisArg?: any): U[];
+    filter<S extends import("ol/style/flat.js").Rule>(predicate: (value: import("ol/style/flat.js").Rule, index: number, array: import("ol/style/flat.js").Rule[]) => value is S, thisArg?: any): S[];
+    filter(predicate: (value: import("ol/style/flat.js").Rule, index: number, array: import("ol/style/flat.js").Rule[]) => unknown, thisArg?: any): import("ol/style/flat.js").Rule[];
+    reduce(callbackfn: (previousValue: import("ol/style/flat.js").Rule, currentValue: import("ol/style/flat.js").Rule, currentIndex: number, array: import("ol/style/flat.js").Rule[]) => import("ol/style/flat.js").Rule): import("ol/style/flat.js").Rule;
+    reduce(callbackfn: (previousValue: import("ol/style/flat.js").Rule, currentValue: import("ol/style/flat.js").Rule, currentIndex: number, array: import("ol/style/flat.js").Rule[]) => import("ol/style/flat.js").Rule, initialValue: import("ol/style/flat.js").Rule): import("ol/style/flat.js").Rule;
+    reduce<U>(callbackfn: (previousValue: U, currentValue: import("ol/style/flat.js").Rule, currentIndex: number, array: import("ol/style/flat.js").Rule[]) => U, initialValue: U): U;
+    reduceRight(callbackfn: (previousValue: import("ol/style/flat.js").Rule, currentValue: import("ol/style/flat.js").Rule, currentIndex: number, array: import("ol/style/flat.js").Rule[]) => import("ol/style/flat.js").Rule): import("ol/style/flat.js").Rule;
+    reduceRight(callbackfn: (previousValue: import("ol/style/flat.js").Rule, currentValue: import("ol/style/flat.js").Rule, currentIndex: number, array: import("ol/style/flat.js").Rule[]) => import("ol/style/flat.js").Rule, initialValue: import("ol/style/flat.js").Rule): import("ol/style/flat.js").Rule;
+    reduceRight<U>(callbackfn: (previousValue: U, currentValue: import("ol/style/flat.js").Rule, currentIndex: number, array: import("ol/style/flat.js").Rule[]) => U, initialValue: U): U;
+    find<S extends import("ol/style/flat.js").Rule>(predicate: (value: import("ol/style/flat.js").Rule, index: number, obj: import("ol/style/flat.js").Rule[]) => value is S, thisArg?: any): S | undefined;
+    find(predicate: (value: import("ol/style/flat.js").Rule, index: number, obj: import("ol/style/flat.js").Rule[]) => unknown, thisArg?: any): import("ol/style/flat.js").Rule | undefined;
+    findIndex(predicate: (value: import("ol/style/flat.js").Rule, index: number, obj: import("ol/style/flat.js").Rule[]) => unknown, thisArg?: any): number;
+    fill(value: import("ol/style/flat.js").Rule, start?: number, end?: number): import("ol/style/flat.js").Rule[] & {
+        variables?: Record<string, string | number | boolean | null | undefined>;
+        legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
+        jsonform?: import("json-schema").JSONSchema7;
+        tooltip?: {
+            id: string;
+            title?: string;
+            appendix?: string;
+        }[];
+    };
+    copyWithin(target: number, start: number, end?: number): import("ol/style/flat.js").Rule[] & {
+        variables?: Record<string, string | number | boolean | null | undefined>;
+        legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
+        jsonform?: import("json-schema").JSONSchema7;
+        tooltip?: {
+            id: string;
+            title?: string;
+            appendix?: string;
+        }[];
+    };
+    entries(): ArrayIterator<[number, import("ol/style/flat.js").Rule]>;
+    keys(): ArrayIterator<number>;
+    values(): ArrayIterator<import("ol/style/flat.js").Rule>;
+    includes(searchElement: import("ol/style/flat.js").Rule, fromIndex?: number): boolean;
+    flatMap<U, This = undefined>(callback: (this: This, value: import("ol/style/flat.js").Rule, index: number, array: import("ol/style/flat.js").Rule[]) => U | readonly U[], thisArg?: This | undefined): U[];
+    flat<A, D extends number = 1>(this: A, depth?: D | undefined): FlatArray<A, D>[];
+    at(index: number): import("ol/style/flat.js").Rule | undefined;
+    findLast<S extends import("ol/style/flat.js").Rule>(predicate: (value: import("ol/style/flat.js").Rule, index: number, array: import("ol/style/flat.js").Rule[]) => value is S, thisArg?: any): S | undefined;
+    findLast(predicate: (value: import("ol/style/flat.js").Rule, index: number, array: import("ol/style/flat.js").Rule[]) => unknown, thisArg?: any): import("ol/style/flat.js").Rule | undefined;
+    findLastIndex(predicate: (value: import("ol/style/flat.js").Rule, index: number, array: import("ol/style/flat.js").Rule[]) => unknown, thisArg?: any): number;
+    toReversed(): import("ol/style/flat.js").Rule[];
+    toSorted(compareFn?: ((a: import("ol/style/flat.js").Rule, b: import("ol/style/flat.js").Rule) => number) | undefined): import("ol/style/flat.js").Rule[];
+    toSpliced(start: number, deleteCount: number, ...items: import("ol/style/flat.js").Rule[]): import("ol/style/flat.js").Rule[];
+    toSpliced(start: number, deleteCount?: number): import("ol/style/flat.js").Rule[];
+    with(index: number, value: import("ol/style/flat.js").Rule): import("ol/style/flat.js").Rule[];
+    [Symbol.iterator](): ArrayIterator<import("ol/style/flat.js").Rule>;
+    [Symbol.unscopables]: {
+        [x: number]: boolean | undefined;
+        length?: boolean | undefined;
+        toString?: boolean | undefined;
+        toLocaleString?: boolean | undefined;
+        pop?: boolean | undefined;
+        push?: boolean | undefined;
+        concat?: boolean | undefined;
+        join?: boolean | undefined;
+        reverse?: boolean | undefined;
+        shift?: boolean | undefined;
+        slice?: boolean | undefined;
+        sort?: boolean | undefined;
+        splice?: boolean | undefined;
+        unshift?: boolean | undefined;
+        indexOf?: boolean | undefined;
+        lastIndexOf?: boolean | undefined;
+        every?: boolean | undefined;
+        some?: boolean | undefined;
+        forEach?: boolean | undefined;
+        map?: boolean | undefined;
+        filter?: boolean | undefined;
+        reduce?: boolean | undefined;
+        reduceRight?: boolean | undefined;
+        find?: boolean | undefined;
+        findIndex?: boolean | undefined;
+        fill?: boolean | undefined;
+        copyWithin?: boolean | undefined;
+        entries?: boolean | undefined;
+        keys?: boolean | undefined;
+        values?: boolean | undefined;
+        includes?: boolean | undefined;
+        flatMap?: boolean | undefined;
+        flat?: boolean | undefined;
+        at?: boolean | undefined;
+        findLast?: boolean | undefined;
+        findLastIndex?: boolean | undefined;
+        toReversed?: boolean | undefined;
+        toSorted?: boolean | undefined;
+        toSpliced?: boolean | undefined;
+        with?: boolean | undefined;
+        [Symbol.iterator]?: boolean | undefined;
+        readonly [Symbol.unscopables]?: boolean | undefined;
+    };
+    variables?: Record<string, string | number | boolean | null | undefined>;
+    legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
+    jsonform?: import("json-schema").JSONSchema7;
+    tooltip?: {
+        id: string;
+        title?: string;
+        appendix?: string;
+    }[];
+} | undefined>;
 export function getProjectionCode(projection?: string | number | {
     name: string;
     def: string;

package/dist/types/core/client/types.d.ts

@@ -273,10 +273,10 @@ export declare function register(): void;
  */
 export declare const store: typeof import("./store").default;
 export * from "./main.js";
-export type EodashStyleJson = import("ol/style/webgl.js").WebGLStyle & {
+export type EodashStyleJson = import("ol/style/flat").FlatStyleLike & {
     variables?: Record<string, string | number | boolean | null | undefined>;
     legend?: import("@eox/layercontrol/src/components/layer-config.js").EOxLayerControlLayerConfig["layerConfig"]["legend"];
-    jsonform?: Record<string, any>;
+    jsonform?: import("json-schema").JSONSchema7;
     tooltip?: {
         id: string;
         title?: string;

package/dist/types/widgets/PopUp.vue.d.ts

@@ -4,16 +4,16 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
+    width: string;
     height: string;
     maxHeight: string;
     maxWidth: string;
-    width: string;
     widget?: import("../core/client/types").Widget<"compiletime"> | undefined;
     $props: {
+        readonly width?: string | undefined;
         readonly height?: string | undefined;
         readonly maxHeight?: string | undefined;
         readonly maxWidth?: string | undefined;
-        readonly width?: string | undefined;
         readonly widget?: import("../core/client/types").Widget<"compiletime"> | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLSpanElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.0.0-rc.2.4",
+  "version": "5.0.0-rc.2.5",
   "type": "module",
   "types": "./dist/types/core/client/types.d.ts",
   "files": [
@@ -59,15 +59,15 @@
     "docs:generate": "typedoc --options typedoc.config.json"
   },
   "dependencies": {
-    "@eox/chart": "^0.3.1",
-    "@eox/drawtools": "^0.13.5",
+    "@eox/chart": "^0.4.0",
+    "@eox/drawtools": "^0.14.0",
     "@eox/itemfilter": "^1.7.1",
-    "@eox/jsonform": "^0.15.3",
+    "@eox/jsonform": "^0.15.4",
     "@eox/layercontrol": "^0.29.0",
     "@eox/layout": "^0.3.0",
     "@eox/map": "^1.19.4",
     "@eox/stacinfo": "^0.6.2",
-    "@eox/timecontrol": "^0.12.2",
+    "@eox/timecontrol": "^0.12.3",
     "@mdi/js": "^7.4.47",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vueuse/core": "^12.0.0",
@@ -97,6 +97,7 @@
     "@babel/types": "^7.26.9",
     "@eox/eslint-config": "^2.0.0",
     "@pinia/testing": "^0.1.7",
+    "@types/json-schema": "^7.0.15",
     "@types/mustache": "^4.2.5",
     "@types/node": "^22.13.5",
     "@types/openlayers": "^4.6.23",

package/widgets/EodashMap.vue

@@ -25,7 +25,12 @@
       slot="second"
       ref="compareMap"
       .layers="eoxMapCompareLayers"
-    />
+    >
+    <eox-map-tooltip
+        :style="tooltipStyles"
+        .propertyTransform="tooltipPropertyTransform"
+      />
+  </eox-map>
   </eox-map-compare>
 </template>
 <script setup>
@@ -173,7 +178,6 @@ const tooltipPropertyTransform = (param) => {
     }),
   );
 
-  //@ts-expect-error todo
   const tooltipProp = updatedProperties?.find((prop) => prop.id === param.key);
   if (!tooltipProp) {
     return undefined;

package/widgets/EodashProcess.vue

@@ -156,7 +156,6 @@ useOnLayersUpdate(async (evt, _payload) => {
 });
 
 const startProcess = async () => {
-  //@ts-expect-error todo
   const errors = jsonformEl.value?.editor.validate();
   if (errors?.length) {
     console.warn("[eodash] Form validation failed", errors);
@@ -186,7 +185,6 @@ const chartStyles = computed(() => {
     styles["height"] =
       Math.max(
         (containerEl.value?.offsetHeight ?? 0) -
-        //@ts-expect-error TODO
           (jsonformEl.value?.offsetHeight ?? 0),
         200,
       ) + "px";