@eodash/eodash 5.3.2 → 5.3.3

package/dist/client/{index-wcTqj0PZ.js → index-BkW06-Lg.js}

@@ -1,13 +1,13 @@
 import { onMounted, onUnmounted, watch, computed, useTemplateRef, ref, toRaw, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, normalizeStyle, createVNode } from 'vue';
 import '@eox/map';
 import '@eox/map/src/plugins/advancedLayersAndSources';
-import { P as setMapProjFromCol, E as mapPosition, M as sanitizeBbox, h as mapEl, N as mapCompareEl, F as indicator, H as compareIndicator, C as poi, B as datetime } from './helpers-DoQGyrvY.js';
+import { P as setMapProjFromCol, E as mapPosition, M as sanitizeBbox, h as mapEl, N as mapCompareEl, F as indicator, H as compareIndicator, C as poi, B as datetime } from './helpers-CtUlAW0N.js';
 import { storeToRefs } from 'pinia';
-import { O as EodashCollection, E as useSTAcStore, P as useEmitLayersUpdate, Q as isFirstLoad, K as useOnLayersUpdate, _ as _export_sfc, D as useDisplay, N as layerControlFormValue, M as layerControlFormValueCompare, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-Dptqds6-.js';
+import { O as EodashCollection, E as useSTAcStore, P as useEmitLayersUpdate, Q as isFirstLoad, K as useOnLayersUpdate, _ as _export_sfc, D as useDisplay, a as useLayout, N as layerControlFormValue, M as layerControlFormValueCompare, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-DdguWGDI.js';
 import log from 'loglevel';
 import { i as inAndOut } from './easing-CH0-9wR8.js';
 import mustache from 'mustache';
-import EodashMapBtns from './EodashMapBtns-B910ylV6.js';
+import EodashMapBtns from './EodashMapBtns-nFY6MIAX.js';
 
 /**
  * Creates full layer configuration from indicator and time information
@@ -309,13 +309,6 @@ const useInitMap = (
           return;
         }
 
-        /** @type {Record<string,any>[]} */
-        layersCollection = await createLayersConfig(
-          updatedStac,
-          eodashCols,
-          selectedItem ? updatedItem : updatedTime,
-        );
-
         // We try to set the current time selection to latest extent date
         let endInterval = null;
         const interval = updatedStac?.extent?.temporal?.interval;
@@ -334,8 +327,17 @@ const useInitMap = (
           !isFirstLoad.value
         ) {
           datetime.value = endInterval.toISOString();
+        } else if (isFirstLoad.value && !datetime.value && endInterval) {
+          datetime.value = endInterval.toISOString();
         }
 
+        /** @type {Record<string,any>[]} */
+        layersCollection = await createLayersConfig(
+          updatedStac,
+          eodashCols,
+          updatedItem ?? updatedTime,
+        );
+
         if (zoomToExtent) {
           // Try to move map view to extent only when main
           // indicator and map changes
@@ -407,7 +409,7 @@ const useUpdateTooltipProperties = (eodashCols, tooltipProperties) => {
   });
 };
 
-const _style_0 = "#cursor-coordinates[data-v-fc8f0071]{position:fixed;left:24px;bottom:54px;color:#000000e6;font-size:11px;font-family:var(--eox-body-font-family);background:#fffe;border-radius:4px;border:none;padding:0 3px;max-height:24px}@media (max-width: 959px){#cursor-coordinates[data-v-fc8f0071]{display:none}}#scale-line[data-v-fc8f0071]{position:fixed;left:24px;bottom:28px;color:#fff}@media (max-width: 959px){#scale-line[data-v-fc8f0071]{bottom:102px}}[data-v-fc8f0071] .ol-scale-line{background:#fffe!important;border-radius:4px!important;border:none!important;padding:0 3px 3px!important;font-size:10px!important;font-family:var(--eox-body-font-family);max-height:20px}[data-v-fc8f0071] .ol-scale-line-inner{display:flex;justify-content:center;border:1px solid rgba(0,0,0,.5)!important;border-top:none!important;color:#333!important;font-weight:500!important;transform:translateY(1px)}.map-buttons-container[data-v-fc8f0071]{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);pointer-events:none;z-index:1}.map-buttons-container[data-v-fc8f0071]>*{pointer-events:auto}";
+const _style_0 = "#cursor-coordinates[data-v-76f918a2]{position:fixed;left:24px;bottom:54px;color:#000000e6;font-size:11px;font-family:var(--eox-body-font-family);background:#fffe;border-radius:4px;border:none;padding:0 3px;max-height:24px}@media (max-width: 959px){#cursor-coordinates[data-v-76f918a2]{display:none}}#scale-line[data-v-76f918a2]{position:fixed;left:24px;bottom:28px;color:#fff}@media (max-width: 959px){#scale-line[data-v-76f918a2]{bottom:102px}}[data-v-76f918a2] .ol-scale-line{background:#fffe!important;border-radius:4px!important;border:none!important;padding:0 3px 3px!important;font-size:10px!important;font-family:var(--eox-body-font-family);max-height:20px}[data-v-76f918a2] .ol-scale-line-inner{display:flex;justify-content:center;border:1px solid rgba(0,0,0,.5)!important;border-top:none!important;color:#333!important;font-weight:500!important;transform:translateY(1px)}.map-buttons-container[data-v-76f918a2]{position:fixed;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);pointer-events:none;z-index:1}.map-buttons-container[data-v-76f918a2]>*{pointer-events:auto}";
 
 const _hoisted_1 = [".enabled"];
 const _hoisted_2 = [".center", ".zoom", ".layers", ".controls"];
@@ -691,7 +693,10 @@ const tooltipPropertyTransform = (map) => {
       param.value = JSON.stringify(param.value);
     }
     if (!isNaN(Number(param.value))) {
-      param.value = Number(param.value).toFixed(4).toString();
+      const decimals = !isNaN(Number(tooltipProp.decimals))
+        ? Number(tooltipProp.decimals)
+        : 4;
+      param.value = Number(param.value).toFixed(decimals).toString();
     }
 
     return {
@@ -700,6 +705,13 @@ const tooltipPropertyTransform = (map) => {
     };
   };
 };
+const { mainRect } = useLayout();
+const btnsTop = ref(0);
+onMounted(() => {
+  const eoDash = document.querySelector("eo-dash");
+  btnsTop.value =
+    (mainRect.value.top || eoDash?.getBoundingClientRect().top) ?? 0;
+});
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock("span", null, [
@@ -746,7 +758,7 @@ return (_ctx, _cache) => {
       : createCommentVNode("v-if", true),
     createElementVNode("div", {
       class: "map-buttons-container",
-      style: normalizeStyle(`margin: ${__props.btnsPosition.gap}px 0 ${__props.btnsPosition.gap}px 0`)
+      style: normalizeStyle(`margin: ${__props.btnsPosition.gap}px 0 ${__props.btnsPosition.gap}px 0; top: ${btnsTop.value}px;`)
     }, [
       createCommentVNode(" prettier-ignore "),
       createVNode(EodashMapBtns, {
@@ -772,6 +784,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-fc8f0071"]]);
+const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-76f918a2"]]);
 
 export { index as default };

package/dist/client/{index--uKz-mt4.js → index-BxDh5v-H.js}

@@ -1,9 +1,9 @@
 import { onMounted, onUnmounted, withAsyncContext, useTemplateRef, ref, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, unref, toDisplayString } from 'vue';
-import { E as useSTAcStore, K as useOnLayersUpdate, _ as _export_sfc, L as VRow } from './asWebComponent-Dptqds6-.js';
-import { F as indicator, h as mapEl, M as sanitizeBbox, j as axios } from './helpers-DoQGyrvY.js';
+import { E as useSTAcStore, K as useOnLayersUpdate, _ as _export_sfc, L as VRow } from './asWebComponent-DdguWGDI.js';
+import { F as indicator, h as mapEl, M as sanitizeBbox, j as axios } from './helpers-CtUlAW0N.js';
 import { i as inAndOut } from './easing-CH0-9wR8.js';
 import { mdiViewDashboard } from '@mdi/js';
-import _sfc_main$1 from './EodashLayoutSwitcher-DdwQYoI4.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-B9XqQXCS.js';
 
 /**
  *

package/dist/client/{index-DTxo2ysK.js → index-DBo0F4Fv.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, render, h, mergeProps } from 'vue';
-import { X as consoleError, Y as isObject } from './asWebComponent-Dptqds6-.js';
-import { V as VTooltip } from './VTooltip-D5dnTfem.js';
+import { X as consoleError, Y as isObject } from './asWebComponent-DdguWGDI.js';
+import { V as VTooltip } from './VTooltip-BYUZeia1.js';
 
 // Utilities
 function useDirectiveComponent(component, props) {

package/dist/client/templates.js

@@ -1,5 +1,5 @@
 import { mdiViewDashboardVariant, mdiViewDashboard } from '@mdi/js';
-import { L as includesProcess } from './helpers-DoQGyrvY.js';
+import { L as includesProcess } from './helpers-CtUlAW0N.js';
 
 /**
  * Special values that tell deepmerge to perform a certain action.
@@ -904,4 +904,4 @@ const getBaseConfig = (config) => {
   return merged;
 };
 
-export { compare, getBaseConfig as default, expert, getBaseConfig, lite };
+export { compare, getBaseConfig as default, expert, explore, getBaseConfig, lite };

package/dist/client/{transition-CFfv5MCB.js → transition-BdzATvPB.js}

@@ -1,5 +1,5 @@
 import { mergeProps, h, TransitionGroup, Transition } from 'vue';
-import { p as propsFactory, Y as isObject, aG as onlyDefinedProps } from './asWebComponent-Dptqds6-.js';
+import { p as propsFactory, Y as isObject, aG as onlyDefinedProps } from './asWebComponent-DdguWGDI.js';
 
 // Utilities
 const makeTransitionProps = propsFactory({

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

@@ -150,6 +150,7 @@ export class EodashCollection {
         id: string;
         title?: string;
         appendix?: string;
+        decimals?: number;
     }[]>;
     /**
      *

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

@@ -1,7 +1,7 @@
 /**
-* Generic handler for possible authentications schemes as defined in STAC authentication extension.
-* @param {import("../types").StacAuthItem } item
-* @param {import("../types").StacAuthLink | import("../types").StacAuthAsset} linkOrAsset
-* @returns {string}
-*/
+ * Generic handler for possible authentications schemes as defined in STAC authentication extension.
+ * @param {import("../types").StacAuthItem } item
+ * @param {import("../types").StacAuthLink | import("../types").StacAuthAsset} linkOrAsset
+ * @returns {string}
+ */
 export function handleAuthenticationOfLink(item: import("../types").StacAuthItem, linkOrAsset: import("../types").StacAuthLink | import("../types").StacAuthAsset): string;

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

@@ -204,6 +204,7 @@ export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string, ke
         id: string;
         title?: string;
         appendix?: string;
+        decimals?: number;
     }[];
 } | {
     [n: number]: import("ol/style/flat.js").FlatStyle;
@@ -227,6 +228,7 @@ export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string, ke
             id: string;
             title?: string;
             appendix?: string;
+            decimals?: number;
         }[];
     };
     splice(start: number, deleteCount?: number): import("ol/style/flat.js").FlatStyle[];
@@ -258,6 +260,7 @@ export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string, ke
             id: string;
             title?: string;
             appendix?: string;
+            decimals?: number;
         }[];
     };
     copyWithin(target: number, start: number, end?: number): import("ol/style/flat.js").FlatStyle[] & {
@@ -268,6 +271,7 @@ export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string, ke
             id: string;
             title?: string;
             appendix?: string;
+            decimals?: number;
         }[];
     };
     entries(): ArrayIterator<[number, import("ol/style/flat.js").FlatStyle]>;
@@ -337,6 +341,7 @@ export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string, ke
         id: string;
         title?: string;
         appendix?: string;
+        decimals?: number;
     }[];
 } | {
     [n: number]: import("ol/style/flat.js").Rule;
@@ -360,6 +365,7 @@ export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string, ke
             id: string;
             title?: string;
             appendix?: string;
+            decimals?: number;
         }[];
     };
     splice(start: number, deleteCount?: number): import("ol/style/flat.js").Rule[];
@@ -391,6 +397,7 @@ export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string, ke
             id: string;
             title?: string;
             appendix?: string;
+            decimals?: number;
         }[];
     };
     copyWithin(target: number, start: number, end?: number): import("ol/style/flat.js").Rule[] & {
@@ -401,6 +408,7 @@ export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string, ke
             id: string;
             title?: string;
             appendix?: string;
+            decimals?: number;
         }[];
     };
     entries(): ArrayIterator<[number, import("ol/style/flat.js").Rule]>;
@@ -470,6 +478,7 @@ export function fetchStyle(item: import("stac-ts").StacItem, itemUrl: string, ke
         id: string;
         title?: string;
         appendix?: string;
+        decimals?: number;
     }[];
 } | undefined>;
 export function fetchAllStyles(item: import("stac-ts").StacItem, itemUrl: string): Promise<Array<import("../types").EodashStyleJson>>;

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

@@ -375,6 +375,7 @@ export type EodashStyleJson = import("ol/style/flat").FlatStyleLike & {
         id: string;
         title?: string;
         appendix?: string;
+        decimals?: number;
     }[];
 };
 export type EodashRasterJSONForm = {

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

@@ -70,10 +70,22 @@ export const dataThemesBrands: {
         icon: string;
         color: string;
     };
+    climate: {
+        icon: string;
+        color: string;
+    };
     economy: {
         icon: string;
         color: string;
     };
+    commerce: {
+        icon: string;
+        color: string;
+    };
+    society: {
+        icon: string;
+        color: string;
+    };
     biomass: {
         icon: string;
         color: string;
@@ -82,8 +94,24 @@ export const dataThemesBrands: {
         icon: string;
         color: string;
     };
+    energy: {
+        icon: string;
+        color: string;
+    };
+    tourism: {
+        icon: string;
+        color: string;
+    };
+    sport: {
+        icon: string;
+        color: string;
+    };
     cryosphere: {
         icon: string;
         color: string;
     };
+    industry: {
+        icon: string;
+        color: string;
+    };
 };

package/dist/types/templates/index.d.ts

@@ -1,6 +1,7 @@
 export { default as lite } from "./lite";
 export { default as expert } from "./expert";
 export { default as compare } from "./compare";
+export { default as explore } from "./explore";
 export { getBaseConfig };
 export default getBaseConfig;
 import { getBaseConfig } from "./baseConfig";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.3.2",
+  "version": "5.3.3",
   "type": "module",
   "types": "./dist/types/core/client/types.d.ts",
   "files": [
@@ -42,7 +42,7 @@
   "browser": "./core/client/main.js",
   "scripts": {
     "start": "npx eodash dev --entryPoint templates/baseConfig.js",
-    "prepare": "rollup -c",
+    "prepare": "rollup -c && chmod +x dist/node/cli.js",
     "prepack": "npm run build:lib && npm run build:types",
     "dev": "npx eodash dev --entryPoint templates/baseConfig.js",
     "dev:lib": "npx eodash dev --entryPoint templates/baseConfig.js --lib",

package/templates/index.js

@@ -3,6 +3,8 @@ import { getBaseConfig } from "./baseConfig";
 export { default as lite } from "./lite";
 export { default as expert } from "./expert";
 export { default as compare } from "./compare";
+export { default as explore } from "./explore";
+
 export { getBaseConfig };
 
 export default getBaseConfig;

package/widgets/EodashMap/index.vue

@@ -41,7 +41,7 @@
     <span v-if="enableScaleLine" id="scale-line" ref="scale-line" />
     <div
       class="map-buttons-container"
-      :style="`margin: ${btnsPosition.gap}px 0 ${btnsPosition.gap}px 0`"
+      :style="`margin: ${btnsPosition.gap}px 0 ${btnsPosition.gap}px 0; top: ${btnsTop}px;`"
     >
       <!-- prettier-ignore -->
       <EodashMapBtns
@@ -79,7 +79,7 @@ import {
 } from "@/store/states";
 import { storeToRefs } from "pinia";
 import { useSTAcStore } from "@/store/stac";
-import { useDisplay } from "vuetify";
+import { useDisplay, useLayout } from "vuetify";
 import {
   eodashCollections,
   eodashCompareCollections,
@@ -355,7 +355,10 @@ const tooltipPropertyTransform = (map) => {
       param.value = JSON.stringify(param.value);
     }
     if (!isNaN(Number(param.value))) {
-      param.value = Number(param.value).toFixed(4).toString();
+      const decimals = !isNaN(Number(tooltipProp.decimals))
+        ? Number(tooltipProp.decimals)
+        : 4;
+      param.value = Number(param.value).toFixed(decimals).toString();
     }
 
     return {
@@ -364,6 +367,13 @@ const tooltipPropertyTransform = (map) => {
     };
   };
 };
+const { mainRect } = useLayout();
+const btnsTop = ref(0);
+onMounted(() => {
+  const eoDash = document.querySelector("eo-dash");
+  btnsTop.value =
+    (mainRect.value.top || eoDash?.getBoundingClientRect().top) ?? 0;
+});
 </script>
 
 <style scoped>
@@ -421,7 +431,6 @@ const tooltipPropertyTransform = (map) => {
 
 .map-buttons-container {
   position: fixed;
-  top: 0;
   left: 0;
   width: 100%;
   height: 100%;

package/widgets/EodashMap/methods/index.js

@@ -155,13 +155,6 @@ export const useInitMap = (
           return;
         }
 
-        /** @type {Record<string,any>[]} */
-        layersCollection = await createLayersConfig(
-          updatedStac,
-          eodashCols,
-          selectedItem ? updatedItem : updatedTime,
-        );
-
         // We try to set the current time selection to latest extent date
         let endInterval = null;
         const interval = updatedStac?.extent?.temporal?.interval;
@@ -180,8 +173,17 @@ export const useInitMap = (
           !isFirstLoad.value
         ) {
           datetime.value = endInterval.toISOString();
+        } else if (isFirstLoad.value && !datetime.value && endInterval) {
+          datetime.value = endInterval.toISOString();
         }
 
+        /** @type {Record<string,any>[]} */
+        layersCollection = await createLayersConfig(
+          updatedStac,
+          eodashCols,
+          updatedItem ?? updatedTime,
+        );
+
         if (zoomToExtent) {
           // Try to move map view to extent only when main
           // indicator and map changes

package/widgets/EodashProcess/ProcessList.vue

@@ -20,10 +20,12 @@
             <a
               class="processUrl"
               target="_blank"
+              v-tooltip="'Process details'"
               :href="getJobStatusUrl(item.jobID, currentIndicator)"
               >{{
                 new Date(item.job_start_datetime).toISOString().slice(0, 16)
-              }}</a
+              }}
+              <v-icon>mdi-open-in-new</v-icon></a
             >
           </td>
           <td>{{ item.status }}</td>
@@ -71,7 +73,13 @@
   </div>
 </template>
 <script setup>
-import { mdiUploadBox, mdiDownloadBox, mdiTrashCanOutline } from "@mdi/js";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import {
+  mdiUploadBox,
+  mdiDownloadBox,
+  mdiTrashCanOutline,
+  mdiOpenInNew,
+} from "@mdi/js";
 import { onMounted, toRef, toRefs } from "vue";
 import { useSTAcStore } from "@/store/stac";
 import { compareIndicator, indicator } from "@/store/states";