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

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

@@ -3793,6 +3793,18 @@ const eodash = reactive({
         "surface-opacity": 0.6,
         "primary-opacity": 0.8,
       },
+      // Bank-Wong palette
+      collectionsPalette: [
+        "#009E73",
+        "#E69F00",
+        "#56B4E9",
+        "#009E73",
+        "#F0E442",
+        "#0072B2",
+        "#D55E00",
+        "#CC79A7",
+        "#994F00",
+      ],
     },
     footerText: "Demo configuration of eodash client",
   },
@@ -3912,7 +3924,6 @@ const eodash = reactive({
                     properties: {
                       hintText: `<b>Hint:</b> closest available date is displayed <br />
                             on map (see Analysis Layers)`,
-                      toggleCalendar: true,
                     },
                   },
                 }
@@ -4011,6 +4022,7 @@ const eodash = reactive({
                     properties: {
                       hintText: `<b>Hint:</b> closest available date is displayed <br />
                             on map (see Analysis Layers)`,
+                      toggleCalendar: true,
                     },
                   },
                 }
@@ -4183,6 +4195,7 @@ const eodash = reactive({
                     properties: {
                       hintText: `<b>Hint:</b> closest available date is displayed <br />
                                 on map (see Analysis Layers)`,
+                      toggleCalendar: true,
                     },
                   },
                 }
@@ -7517,7 +7530,7 @@ function createVuetify() {
     goTo
   };
 }
-const version = "3.7.6";
+const version = "3.7.7";
 createVuetify.version = version;
 function inject(key) {
   const vm = this.$;
@@ -7557,8 +7570,84 @@ const eodashCompareCollections = shallowReactive([]);
 /** whether the map postion was set in URL params on first load */
 const posIsSetFromUrl = ref(false);
 
-/** @type {import("vue").Ref<Record<string,any>|undefined>} */
+/**
+ * Current value of the layer control JSON form for the latest layer the user interacted with.
+ * @type {import("vue").Ref<Record<string, any> | undefined>}
+ */
 const layerControlFormValue = ref({});
+/**
+ * STAC indicators color palette, defaults to Bank-Wong palette
+ *  @type {string[]} */
+const collectionsPalette = reactive([
+  "#009E73",
+  "#0072B2",
+  "#E69F00",
+  "#CC79A7",
+  "#56B4E9",
+  "#D55E00",
+]);
+
+/**
+ * Loads font in the app using `webfontloader`
+ *
+ * @param {string} [family]
+ * @param {string} [link]
+ * @param {boolean} [isWebComponent]
+ * @returns {Promise<string>} - Font family name
+ * @see {@link "https://github.com/typekit/webfontloader"}
+ */
+const loadFont = async (
+  family = "",
+  link = "",
+  isWebComponent = false,
+) => {
+  if (family && link) {
+    const WebFontLoader = (await import('webfontloader')).default;
+    WebFontLoader.load({
+      classes: false,
+      custom: {
+        // Use FVD notation to include families https://github.com/typekit/fvd
+        families: [family],
+        // Path to stylesheet that defines font-face
+        urls: [link],
+      },
+      fontactive(familyName, _fvd) {
+        const stylesheet = new CSSStyleSheet();
+        const styles = isWebComponent
+          ? `eo-dash {font-family: ${familyName};}`
+          : `* {font-family: ${familyName};}`;
+        stylesheet.replaceSync(styles);
+        document.adoptedStyleSheets.push(stylesheet);
+      },
+      fontinactive(familyName, _fvd) {
+        throw new Error(`error loading font: ${familyName}`);
+      },
+    });
+  }
+  return family;
+};
+
+/**
+ *  @param {string} text
+ *  @param {import("vue").Ref<boolean>} showIcon
+ **/
+const copyToClipBoard = async (text, showIcon) => {
+  await navigator.clipboard.writeText(text);
+  showIcon.value = true;
+  setTimeout(() => {
+    showIcon.value = false;
+  }, 2000);
+};
+
+/**
+ * Sets the color palette for STAC indicators
+ * @param {string[]} colors
+ **/
+const setCollectionsPalette = (colors) => {
+  log.debug("Setting collections color palette", colors);
+  collectionsPalette.splice(0, collectionsPalette.length);
+  collectionsPalette.push(...colors);
+};
 
 // functions of this folder can only be consumed inside setup stores,
 // setup functions or vue composition api components https://vuejs.org/guide/reusability/composables
@@ -7627,13 +7716,19 @@ const useCompareAbsoluteUrl = (rel = "", base = eodash.stacEndpoint) => {
  * `ThemeDefinition`
  *
  * @param {string} themeName - Name of the theme to be updated
- * @param {import("vuetify").ThemeDefinition} [themeDefinition={}] - New
+ * @param {import("@/types").Eodash["brand"]["theme"]} [themeDefinition={}] - New
  *   defintion to be updated to. Default is `{}`
  * @returns {import("vuetify").ThemeInstance}
  */
 const useUpdateTheme = (themeName, themeDefinition = {}) => {
   const theme = useTheme();
 
+  // extract collections palette from the theme
+  if (themeDefinition.collectionsPalette?.length) {
+    setCollectionsPalette(themeDefinition.collectionsPalette);
+    delete themeDefinition.collectionsPalette;
+  }
+
   /** @type {(keyof import("vuetify").ThemeDefinition)[]} */ (
     Object.keys(themeDefinition)
   ).forEach((key) => {
@@ -7781,6 +7876,181 @@ const useOnLayersUpdate = (listener) => {
   });
 };
 
+/**
+ * Returns the current layers of {@link mapEl}
+ * @returns {Record<string,any>[]}
+ */
+const getLayers = () => mapEl.value?.layers.toReversed();
+
+/**
+ * Returns the current layers of {@link mapCompareEl}
+ * @returns {Record<string,any>[]}
+ */
+const getCompareLayers = () => mapCompareEl.value?.layers.toReversed();
+
+/**
+ * Register EPSG projection in `eox-map`
+ * @param {string|number|{name: string, def: string, extent?:number[]}} [projection]*/
+const registerProjection = async (projection) => {
+  let code = getProjectionCode(projection);
+  if (!code || registeredProjections.includes(code)) {
+    return;
+  }
+  log.debug("Unregistered projection found, registering it", code);
+  registeredProjections.push(code);
+  if (typeof projection === "object") {
+    // registering whole projection definition
+    await mapEl.value?.registerProjection(
+      code,
+      projection.def,
+      projection.extent,
+    );
+    // also registering for comparison map
+    await mapCompareEl.value?.registerProjection(
+      code,
+      projection.def,
+      projection.extent,
+    );
+  } else {
+    await mapEl.value?.registerProjectionFromCode(code);
+    // also registering for comparison map
+    await mapCompareEl.value?.registerProjectionFromCode(code);
+  }
+};
+/**
+ * Change `eox-map` projection from an `EPSG` projection
+ *  @param {string|number|{name: string, def: string}} [projection]*/
+const changeMapProjection = async (projection) => {
+  let code = getProjectionCode(projection);
+
+  if (!code) {
+    mapEl.value?.setAttribute("projection", "EPSG:3857");
+    mapCompareEl.value?.setAttribute("projection", "EPSG:3857");
+    return;
+  }
+
+  if (!registeredProjections.includes(code)) {
+    await registerProjection(projection);
+  }
+
+  code = mapEl.value?.getAttribute("projection") === code ? "EPSG:3857" : code;
+  mapEl.value?.setAttribute("projection", code);
+  mapCompareEl.value?.setAttribute("projection", code);
+};
+
+/**
+ *
+ * @param {string} template
+ */
+const setActiveTemplate = (template) => {
+  activeTemplate.value = template;
+  log.debug("Setting active template to", template);
+};
+
+const actions = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  changeMapProjection,
+  getCompareLayers,
+  getLayers,
+  registerProjection,
+  setActiveTemplate
+}, Symbol.toStringTag, { value: 'Module' }));
+
+/*
+ * eodashSTAC helpers that utilizes the app states or actions
+ */
+
+/**
+ * checks if there's a projection on the Collection and
+ * updates {@link availableMapProjection}
+ * @param {import('stac-ts').StacCollection} [STAcCollection]
+ */
+const setMapProjFromCol = async (STAcCollection) => {
+  // if a projection exists on the collection level
+  log.debug("Checking for available map projection in indicator");
+  const projection =
+    /** @type {number | string | {name: string, def: string} | undefined} */
+    (
+      STAcCollection?.["eodash:mapProjection"] ||
+        STAcCollection?.["proj:epsg"] ||
+        STAcCollection?.["eodash:proj4_def"]
+    );
+  if (projection) {
+    log.debug("Projection found", projection);
+    await registerProjection(projection);
+    const projectionCode = getProjectionCode(projection);
+    if (availableMapProjection.value !== projectionCode) {
+      log.debug(
+        "Changing map projection",
+        availableMapProjection.value,
+        projectionCode,
+      );
+      await changeMapProjection(projection);
+    }
+    // set it for `EodashMapBtns`
+    availableMapProjection.value = /** @type {string} */ (projectionCode);
+  } else {
+    // reset to default projection
+    log.debug("Resetting projection to default EPSG:3857");
+    await changeMapProjection((availableMapProjection.value = ""));
+  }
+};
+/**
+ *
+ * @param {string} collectionId
+ * @param {import("@/types").EodashStyleJson["variables"]} variables
+ */
+function getStyleVariablesState(collectionId, variables) {
+  const mapElement = /** @type {import("@eox/map").EOxMap} */ (mapEl.value);
+  if (!mapElement || !mapElement.layers.length || !variables) {
+    return variables;
+  }
+
+  const analysisGroup = mapElement.layers.find(
+    (layer) => layer.properties?.id === "AnalysisGroup",
+  );
+  if (!analysisGroup) {
+    return variables;
+  }
+  const matchingLayer = analysisGroup.layers?.find((layer) => {
+    const [collection, ..._other] = layer.properties?.id.split(";:;") ?? [
+      "",
+      "",
+      "",
+    ];
+    return (
+      collection === collectionId &&
+      ["Vector", "WebGLTile"].includes(layer?.type ?? "")
+    );
+  });
+
+  if (!matchingLayer) {
+    return variables;
+  }
+
+  const olLayer = mapElement.getLayerById(matchingLayer.properties?.id ?? "");
+  const oldVariablesState =
+    /** @type {import("ol/layer").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;
+  }
+  const styleVariablesKeys = Object.keys(variables);
+  const matchingKeys =
+    Object.keys(oldVariablesState).every((key) =>
+      styleVariablesKeys.includes(key),
+    ) &&
+    styleVariablesKeys.every((key) =>
+      Object.keys(oldVariablesState).includes(key),
+    );
+  return matchingKeys ? oldVariablesState : variables;
+}
+
 /** @param {import("stac-ts").StacLink[]} [links] */
 function generateFeatures(links) {
   /**
@@ -7818,12 +8088,19 @@ function generateFeatures(links) {
 /**
  * Sperates and extracts layerConfig (jsonform schema & legend) from a style json
  *
- *  @param { import("@/types").EodashStyleJson} [style] */
-function extractLayerConfig(style) {
+ * @param {string} collectionId
+ *  @param { import("@/types").EodashStyleJson} [style]
+ * */
+function extractLayerConfig(collectionId, style) {
   if (!style) {
     return { layerConfig: undefined, style: undefined };
   }
   style = { ...style };
+
+  if (Object.keys(style.variables ?? {}).length) {
+    style.variables = getStyleVariablesState(collectionId, style.variables);
+  }
+
   /** @type {Record<string,unknown> | undefined} */
   let layerConfig = undefined;
 
@@ -8160,86 +8437,6 @@ async function mergeGeojsons(geojsonUrls) {
   );
 }
 
-/**
- * Returns the current layers of {@link mapEl}
- * @returns {Record<string,any>[]}
- */
-const getLayers = () => mapEl.value?.layers.toReversed();
-
-/**
- * Returns the current layers of {@link mapCompareEl}
- * @returns {Record<string,any>[]}
- */
-const getCompareLayers = () => mapCompareEl.value?.layers.toReversed();
-
-/**
- * Register EPSG projection in `eox-map`
- * @param {string|number|{name: string, def: string, extent?:number[]}} [projection]*/
-const registerProjection = async (projection) => {
-  let code = getProjectionCode(projection);
-  if (!code || registeredProjections.includes(code)) {
-    return;
-  }
-  log.debug("Unregistered projection found, registering it", code);
-  registeredProjections.push(code);
-  if (typeof projection === "object") {
-    // registering whole projection definition
-    await mapEl.value?.registerProjection(
-      code,
-      projection.def,
-      projection.extent,
-    );
-    // also registering for comparison map
-    await mapCompareEl.value?.registerProjection(
-      code,
-      projection.def,
-      projection.extent,
-    );
-  } else {
-    await mapEl.value?.registerProjectionFromCode(code);
-    // also registering for comparison map
-    await mapCompareEl.value?.registerProjectionFromCode(code);
-  }
-};
-/**
- * Change `eox-map` projection from an `EPSG` projection
- *  @param {string|number|{name: string, def: string}} [projection]*/
-const changeMapProjection = async (projection) => {
-  let code = getProjectionCode(projection);
-
-  if (!code) {
-    mapEl.value?.setAttribute("projection", "EPSG:3857");
-    mapCompareEl.value?.setAttribute("projection", "EPSG:3857");
-    return;
-  }
-
-  if (!registeredProjections.includes(code)) {
-    await registerProjection(projection);
-  }
-
-  code = mapEl.value?.getAttribute("projection") === code ? "EPSG:3857" : code;
-  mapEl.value?.setAttribute("projection", code);
-  mapCompareEl.value?.setAttribute("projection", code);
-};
-
-/**
- *
- * @param {string} template
- */
-const setActiveTemplate = (template) => {
-  activeTemplate.value = template;
-  log.debug("Setting active template to", template);
-};
-
-const actions = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-  __proto__: null,
-  changeMapProjection,
-  getCompareLayers,
-  getLayers,
-  registerProjection,
-  setActiveTemplate
-}, Symbol.toStringTag, { value: 'Module' }));
-
 /**
  * @param {string} collectionId
  * @param {string} title
@@ -8313,7 +8510,7 @@ async function createLayersFromAssets(
           {
             type: "select",
             options: {
-              id: "selectInteraction",
+              id: (Math.random() * 10000).toFixed() + "_selectInteraction",
               condition: "pointermove",
               style: {
                 "stroke-color": "#335267",
@@ -8615,9 +8812,12 @@ class EodashCollection {
    */
   selectedItem;
 
-  /** @type {import("@/types").EodashStyleJson["tooltip"]} */
+  /** @type {Exclude<import("@/types").EodashStyleJson["tooltip"],undefined>} */
   #tooltipProperties = [];
 
+  /** @type {string | undefined} */
+  color;
+
   //  read only
   get collectionStac() {
     return this.#collectionStac;
@@ -8732,6 +8932,7 @@ class EodashCollection {
     // less control.
 
     let { layerConfig, style } = extractLayerConfig(
+      this.#collectionStac?.id ?? "",
       await fetchStyle(item, itemUrl),
     );
 
@@ -8766,6 +8967,10 @@ class EodashCollection {
           layerLegend: this.#collectionStac["eox:colorlegend"],
         };
       }
+      extraProperties = {
+        ...extraProperties,
+        ...(this.color && { color: this.color }),
+      };
       const links = await createLayersFromLinks(
         this.#collectionStac?.id ?? "",
         title,
@@ -8958,7 +9163,6 @@ class EodashCollection {
         indicator?.title || indicator.id,
         //@ts-expect-error indicator instead of item
         indicator,
-        // layerDatetime,
       )),
       ...(await createLayersFromAssets(
         indicator?.id ?? "",
@@ -8966,9 +9170,6 @@ class EodashCollection {
         indicatorAssets,
         //@ts-expect-error indicator instead of item
         indicator,
-        // style,
-        // layerConfig,
-        // layerDatetime,
       )),
     ];
   }
@@ -9114,9 +9315,10 @@ const useSTAcStore = defineStore("stac", () => {
         );
 
         await Promise.all(
-          collectionUrls.map((cu) => {
+          collectionUrls.map((cu, idx) => {
             const ec = new EodashCollection(cu);
             ec.fetchCollection();
+            ec.color = collectionsPalette[idx % collectionsPalette.length];
             return ec;
           }),
         ).then((collections) => {
@@ -9256,58 +9458,6 @@ const useEodashRuntime = async (runtimeConfig) => {
   return eodash;
 };
 
-/**
- * Loads font in the app using `webfontloader`
- *
- * @param {string} [family]
- * @param {string} [link]
- * @param {boolean} [isWebComponent]
- * @returns {Promise<string>} - Font family name
- * @see {@link "https://github.com/typekit/webfontloader"}
- */
-const loadFont = async (
-  family = "",
-  link = "",
-  isWebComponent = false,
-) => {
-  if (family && link) {
-    const WebFontLoader = (await import('webfontloader')).default;
-    WebFontLoader.load({
-      classes: false,
-      custom: {
-        // Use FVD notation to include families https://github.com/typekit/fvd
-        families: [family],
-        // Path to stylesheet that defines font-face
-        urls: [link],
-      },
-      fontactive(familyName, _fvd) {
-        const stylesheet = new CSSStyleSheet();
-        const styles = isWebComponent
-          ? `eo-dash {font-family: ${familyName};}`
-          : `* {font-family: ${familyName};}`;
-        stylesheet.replaceSync(styles);
-        document.adoptedStyleSheets.push(stylesheet);
-      },
-      fontinactive(familyName, _fvd) {
-        throw new Error(`error loading font: ${familyName}`);
-      },
-    });
-  }
-  return family;
-};
-
-/**
- *  @param {string} text
- *  @param {import("vue").Ref<boolean>} showIcon
- **/
-const copyToClipBoard = async (text, showIcon) => {
-  await navigator.clipboard.writeText(text);
-  showIcon.value = true;
-  setTimeout(() => {
-    showIcon.value = false;
-  }, 2000);
-};
-
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -10348,7 +10498,7 @@ const VProgressLinear = genericComponent()({
       "aria-hidden": props.active ? 'false' : 'true',
       "aria-valuemin": "0",
       "aria-valuemax": props.max,
-      "aria-valuenow": props.indeterminate ? undefined : normalizedValue.value,
+      "aria-valuenow": props.indeterminate ? undefined : Math.min(parseFloat(progress.value), max.value),
       "onClick": props.clickable && handleClick
     }, {
       default: () => [props.stream && createVNode("div", {
@@ -11302,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-B9_u6TTm.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-G7YsYO3B.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-CJ94ul63.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-DRKm8A8U.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-Dp44Ajbi.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-BlPFwhPc.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-BLmIgUGT.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-BIRcfcMo.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-PNfJ-Cw3.js'),"/widgets/ExportState.vue": () => import('./ExportState-5JyTshJH.js'),"/widgets/PopUp.vue": () => import('./PopUp-Bmfn3N_4.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-BPbgxdb0.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) {
@@ -11410,7 +11560,7 @@ const getWidgetDefinition = (config) => {
 
     case "web-component":
       importedWidget.component = defineAsyncComponent({
-        loader: () => import('./DynamicWebComponent-I9gzMY0L.js'),
+        loader: () => import('./DynamicWebComponent-rIFx5c0f.js'),
         suspensible: true,
       });
       importedWidget.props = reactive(config.widget);
@@ -11822,7 +11972,9 @@ const eodash = (
 
 useURLSearchParametersSync();
 
-const theme = useUpdateTheme("dashboardTheme", eodash.brand?.theme);
+const theme = useUpdateTheme("dashboardTheme", {
+  ...(eodash.brand?.theme ?? {}),
+});
 theme.global.name.value = "dashboardTheme";
 (
   ([__temp,__restore] = withAsyncContext(() => loadFont(
@@ -11844,15 +11996,15 @@ const { loadSTAC } = useSTAcStore();
 const { smAndDown } = useDisplay();
 const TemplateComponent = computed(() =>
   smAndDown.value
-    ? defineAsyncComponent(() => import('./MobileLayout-Atfoxf8d.js'))
-    : defineAsyncComponent(() => import('./DashboardLayout-SZfMDUoR.js')),
+    ? defineAsyncComponent(() => import('./MobileLayout-Df4Z1bMl.js'))
+    : defineAsyncComponent(() => import('./DashboardLayout-BjUs7mYs.js')),
 );
 
 const HeaderComponent = defineAsyncComponent(
-  () => import('./Header-BTq4DW1x.js'),
+  () => import('./Header-DYMnh4of.js'),
 );
 const FooterComponent = defineAsyncComponent(
-  () => import('./Footer-CM9hgdQP.js'),
+  () => import('./Footer-tjsscQ7O.js'),
 );
 
 const templateHeight = props.isWebComponent ? "100%" : "100dvh";
@@ -12051,4 +12203,4 @@ function register() {
 
 register();
 
-export { useSTAcStore as $, makeDensityProps as A, useDensity as B, useBackgroundColor as C, provideDefaults as D, isObject as E, useDefineTemplate as F, useLayout as G, makeDimensionProps as H, IconValue as I, useDimension as J, makeBorderProps as K, makeElevationProps as L, makeRoundedProps as M, useBorder as N, useElevation as O, useRounded as P, VDefaultsProvider as Q, clamp as R, consoleWarn as S, makeLayoutItemProps as T, useToggleScope as U, VBtn as V, useLayoutItem as W, eodashKey as X, consoleError as Y, datetime as Z, _export_sfc as _, useRender as a, eodashCollections as a0, makePanelTransparent as a1, mapCompareEl as a2, mapEl as a3, eodashCompareCollections as a4, layerControlFormValue as a5, getColFromLayer as a6, registerProjection as a7, getProjectionCode as a8, availableMapProjection as a9, usePosition as aA, useLink as aB, LoaderSlot as aC, removeUnneededProperties as aD, VRow as aE, VCol as aF, copyToClipBoard as aG, SUPPORTS_INTERSECTION as aH, getCurrentInstance as aI, useDefineWidgets as aJ, isOn as aK, eventName as aL, destructComputed as aM, parseAnchor as aN, flipSide as aO, flipAlign as aP, flipCorner as aQ, getAxis as aR, defer as aS, templateRef as aT, matchesSelector as aU, useRouter as aV, useBackButton as aW, EodashConstructor as aX, register as aY, store as aZ, changeMapProjection as aa, eoxLayersKey as ab, posIsSetFromUrl as ac, useOnLayersUpdate as ad, EodashCollection as ae, mapPosition as af, setActiveTemplate as ag, axios$1 as ah, getLayers as ai, extractLayerConfig as aj, currentUrl as ak, activeTemplate as al, getUid as am, createSimpleFunctional as an, makeSizeProps as ao, makeVariantProps as ap, useVariant as aq, useSize as ar, genOverlays as as, makeLoaderProps as at, makeLocationProps as au, makePositionProps as av, makeRouterProps as aw, Ripple as ax, useLoader as ay, useLocation as az, makeComponentProps as b, makeTagProps as c, makeThemeProps as d, provideTheme as e, useRtl as f, genericComponent as g, useLocale as h, useGroup as i, useProxiedModel as j, keys as k, makeGroupItemProps as l, makeVBtnProps as m, useGroupItem as n, omit as o, propsFactory as p, convertToUnit as q, makeDisplayProps as r, makeGroupProps as s, useDisplay as t, useTextColor as u, useResizeObserver as v, useGoTo as w, IN_BROWSER as x, VIcon as y, focusableChildren as z };
+export { useSTAcStore as $, makeDensityProps as A, useDensity as B, useBackgroundColor as C, provideDefaults as D, isObject as E, useDefineTemplate as F, useLayout as G, makeDimensionProps as H, IconValue as I, useDimension as J, makeBorderProps as K, makeElevationProps as L, makeRoundedProps as M, useBorder as N, useElevation as O, useRounded as P, VDefaultsProvider as Q, clamp as R, consoleWarn as S, makeLayoutItemProps as T, useToggleScope as U, VBtn as V, useLayoutItem as W, eodashKey as X, consoleError as Y, datetime as Z, _export_sfc as _, useRender as a, eodashCollections as a0, collectionsPalette as a1, makePanelTransparent as a2, mapCompareEl as a3, mapEl as a4, eodashCompareCollections as a5, layerControlFormValue as a6, getColFromLayer as a7, eoxLayersKey as a8, setMapProjFromCol as a9, usePosition as aA, useLink as aB, LoaderSlot as aC, removeUnneededProperties as aD, VRow as aE, VCol as aF, copyToClipBoard as aG, SUPPORTS_INTERSECTION as aH, getCurrentInstance as aI, useDefineWidgets as aJ, isOn as aK, eventName as aL, destructComputed as aM, parseAnchor as aN, flipSide as aO, flipAlign as aP, flipCorner as aQ, getAxis as aR, defer as aS, templateRef as aT, matchesSelector as aU, useRouter as aV, useBackButton as aW, EodashConstructor as aX, register as aY, store as aZ, posIsSetFromUrl as aa, useOnLayersUpdate as ab, EodashCollection as ac, mapPosition as ad, availableMapProjection as ae, changeMapProjection as af, setActiveTemplate as ag, axios$1 as ah, getLayers as ai, extractLayerConfig as aj, currentUrl as ak, activeTemplate as al, getUid as am, createSimpleFunctional as an, makeSizeProps as ao, makeVariantProps as ap, useVariant as aq, useSize as ar, genOverlays as as, makeLoaderProps as at, makeLocationProps as au, makePositionProps as av, makeRouterProps as aw, Ripple as ax, useLoader as ay, useLocation as az, makeComponentProps as b, makeTagProps as c, makeThemeProps as d, provideTheme as e, useRtl as f, genericComponent as g, useLocale as h, useGroup as i, useProxiedModel as j, keys as k, makeGroupItemProps as l, makeVBtnProps as m, useGroupItem as n, omit as o, propsFactory as p, convertToUnit as q, makeDisplayProps as r, makeGroupProps as s, useDisplay as t, useTextColor as u, useResizeObserver as v, useGoTo as w, IN_BROWSER as x, VIcon as y, focusableChildren as z };