@eodash/eodash 5.7.0 → 5.8.0

package/dist/client/EodashStacInfo-CJhhxthD.js

@@ -0,0 +1,169 @@
+import { ref, watch, onUnmounted, computed, openBlock, createElementBlock, createCommentVNode } from 'vue';
+import '@eox/stacinfo';
+import { t as isSTACItem, R as currentUrl } from './helpers-BFuh19CP.js';
+import { storeToRefs } from 'pinia';
+import { H as useSTAcStore } from './asWebComponent-IZanwL-A.js';
+
+const _hoisted_1 = { class: "flex-grow-1" };
+const _hoisted_2 = [".for", ".allowHtml", ".body", ".featured", ".footer", ".header", ".tags", ".styleOverride"];
+
+
+const _sfc_main = {
+  __name: 'EodashStacInfo',
+  props: {
+  level: {
+    type: /** @type {import("vue").PropType<"item" | "collection">} */ (String),
+    default: "collection",
+    validator: (/** @type {string} */ v) => ["collection", "item"].includes(v),
+  },
+  styleOverride: {
+    type: String,
+    default: "",
+  },
+  allowHtml: {
+    type: Boolean,
+    default: true,
+  },
+
+  header: {
+    /**
+     * @type {import("vue").PropType<
+     *   (string | {
+     *     key: string,
+     *     filter?: (item: any) => boolean
+     *   })[]
+     * >}
+     */
+    type: Array,
+    default: () => ["title"],
+  },
+  tags: {
+    /**
+     * @type {import("vue").PropType<
+     *   (string | {
+     *     key: string,
+     *     filter?: (item: any) => boolean
+     *   })[]
+     * >}
+     */
+    type: Array,
+    default: () => ["themes"],
+  },
+  body: {
+    /**
+     * @type {import("vue").PropType<
+     *   (string | {
+     *     key: string,
+     *     filter?: (item: any) => boolean
+     *   })[]
+     * >}
+     */
+    type: Array,
+    default: () => [
+      "satellite",
+      "sensor",
+      "insituSources",
+      "otherSources",
+      "agency",
+      "extent",
+    ],
+  },
+  featured: {
+    /**
+     * @type {import("vue").PropType<
+     *   (string | {
+     *     key: string,
+     *     filter?: (item: any) => boolean
+     *   })[]
+     * >}
+     */
+    type: Array,
+    default: () => ["description", "providers", "assets", "links"],
+  },
+  footer: {
+    /**
+     * @type {import("vue").PropType<
+     *   (string | {
+     *     key: string,
+     *     filter?: (item: any) => boolean
+     *   })[]
+     * >}
+     */
+    type: Array,
+    default: () => ["sci:citation", "sci:doi", "sci:publication"],
+  },
+},
+  setup(__props) {
+
+
+
+const { selectedItem } = storeToRefs(useSTAcStore());
+
+/** @type {import("vue").Ref<string | null>} */
+const itemUrl = ref(null);
+/**
+ * Active object URL (only set for the blob fallback)
+ * @type {string | null}
+ */
+let activeItemUrl = null;
+
+const revokeItem = () => {
+  if (activeItemUrl) {
+    URL.revokeObjectURL(activeItemUrl);
+    activeItemUrl = null;
+  }
+};
+
+watch(
+  selectedItem,
+  (item) => {
+    if (__props.level !== "item" || !item) return;
+    revokeItem();
+    if (!isSTACItem(item)) {
+      itemUrl.value = item.href;
+      return;
+    }
+    const selfHref = item?.links?.find((l) => l.rel === "self")?.href;
+    if (selfHref) {
+      itemUrl.value = selfHref;
+    } else if (item) {
+      const blob = new Blob([JSON.stringify(item)], {
+        type: "application/json",
+      });
+      activeItemUrl = URL.createObjectURL(blob);
+      itemUrl.value = activeItemUrl;
+    } else {
+      itemUrl.value = null;
+    }
+  },
+  { immediate: true },
+);
+onUnmounted(revokeItem);
+
+const stacInfoURL = computed(() =>
+  __props.level === "item" ? itemUrl.value : currentUrl.value,
+);
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    (stacInfoURL.value)
+      ? (openBlock(), createElementBlock("eox-stacinfo", {
+          key: 0,
+          ".for": stacInfoURL.value,
+          ".allowHtml": __props.allowHtml,
+          ".body": __props.body,
+          ".featured": __props.featured,
+          ".footer": __props.footer,
+          ".header": __props.header,
+          ".tags": __props.tags,
+          style: {"--color-primary-lighter":"none"},
+          ".styleOverride": __props.styleOverride
+        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_2))
+      : createCommentVNode("v-if", true)
+  ]))
+}
+}
+
+};
+
+export { _sfc_main as default };

package/dist/client/{EodashTools-1zHz26gv.js → EodashTools-CWyK8QJT.js}

@@ -1,9 +1,9 @@
 import { ref, computed, openBlock, createElementBlock, createElementVNode, createBlock, unref, createCommentVNode, createVNode, withCtx, mergeProps } from 'vue';
-import _sfc_main$2 from './PopUp-9uimfK49.js';
-import EodashItemFilter from './EodashItemFilter-BpdA8QQa.js';
-import _sfc_main$1 from './EodashLayoutSwitcher-B1fRUt7G.js';
+import _sfc_main$2 from './PopUp-7_XnhvCc.js';
+import EodashItemFilter from './EodashItemFilter-CJy3zYzD.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-ZRlESI9O.js';
 import { mdiViewDashboard, mdiPlusCircleOutline } from '@mdi/js';
-import { _ as _export_sfc, G as useDisplay, I as useTransparentPanel, J as VBtn } from './asWebComponent-BHWpMuE3.js';
+import { _ as _export_sfc, G as useDisplay, I as useTransparentPanel, J as VBtn } from './asWebComponent-IZanwL-A.js';
 
 const _style_0 = ".v-btn--size-default[data-v-73449028]{--v-btn-height: 30px}";
 

package/dist/client/{ExportState-DbOm8hBI.js → ExportState-BXhy5TOU.js}

@@ -1,15 +1,16 @@
-import { createVNode, normalizeStyle, normalizeClass, createElementVNode, Fragment, toDisplayString, shallowRef, watch, withDirectives, mergeProps, computed, toRef, useModel, ref, openBlock, createBlock, withCtx, createElementBlock, renderList, unref, createTextVNode, vShow, createCommentVNode, mergeModels } from 'vue';
+import { createVNode, normalizeStyle, normalizeClass, createElementVNode, Fragment, toDisplayString, shallowRef, watch, withDirectives, mergeProps, useModel, ref, openBlock, createBlock, withCtx, createElementBlock, renderList, unref, createTextVNode, vShow, createCommentVNode, mergeModels } from 'vue';
 import { mdiContentCopy, mdiClipboardCheckOutline } from '@mdi/js';
-import _sfc_main$1 from './PopUp-9uimfK49.js';
-import { a2 as createSimpleFunctional, g as genericComponent, o as provideDefaults, c as useRender, p as propsFactory, m as makeTagProps, e as makeComponentProps, l as provideTheme, h as useBorder, a3 as useVariant, Y as useDensity, k as useRounded, a4 as useSize, K as VIcon, V as VDefaultsProvider, a5 as genOverlays, a6 as IconValue, a7 as makeVariantProps, r as makeThemeProps, a8 as makeSizeProps, s as makeRoundedProps, Z as makeDensityProps, w as makeBorderProps, a9 as Ripple, b as useDimension, i as useElevation, aa as useLoader, j as useLocation, ab as usePosition, ac as useLink, ad as makeRouterProps, ae as makePositionProps, t as makeLocationProps, af as makeLoaderProps, v as makeElevationProps, d as makeDimensionProps, q as convertToUnit, ag as LoaderSlot, ah as useTextColor, _ as _export_sfc, J as VBtn, ai as copyToClipBoard } from './asWebComponent-BHWpMuE3.js';
-import { M as chartSpec, a1 as removeUnneededProperties, v as getLayers, D as mapPosition, W as availableMapProjection } from './helpers-DjZVl_WF.js';
+import _sfc_main$1 from './PopUp-7_XnhvCc.js';
+import { R as createSimpleFunctional, g as genericComponent, o as provideDefaults, c as useRender, p as propsFactory, m as makeTagProps, e as makeComponentProps, K as VIcon, V as VDefaultsProvider, Q as IconValue, Z as makeDensityProps, S as Ripple, l as provideTheme, h as useBorder, U as useVariant, W as useDensity, b as useDimension, i as useElevation, ai as useLoader, j as useLocation, aj as usePosition, k as useRounded, T as useLink, X as makeVariantProps, r as makeThemeProps, Y as makeRouterProps, s as makeRoundedProps, ak as makePositionProps, t as makeLocationProps, al as makeLoaderProps, v as makeElevationProps, d as makeDimensionProps, w as makeBorderProps, q as convertToUnit, am as LoaderSlot, a1 as genOverlays, _ as _export_sfc, J as VBtn, an as copyToClipBoard } from './asWebComponent-IZanwL-A.js';
+import { _ as chartSpec, al as removeUnneededProperties, a9 as layerControlFormValue, F as getLayers, O as mapPosition, ae as availableMapProjection } from './helpers-BFuh19CP.js';
 import { base64EncodeSpec } from '@eox/chart';
-import { V as VImg, a as VExpandTransition } from './VImg-CrmB76ZY.js';
+import { V as VImg, a as VExpandTransition } from './VImg-B75dgw2K.js';
+import { V as VAvatar, a as VDivider } from './VDivider-DWYM0WUr.js';
 
 // Styles
 const VSpacer = createSimpleFunctional('v-spacer', 'div', 'VSpacer');
 
-const _style_0 = ".code-block[data-v-b7d44f9a]{background-color:#ddd;font-family:monospace;font-size:small;max-height:200px;overflow-y:auto}";
+const _style_0 = ".code-block[data-v-72a96cd2]{background-color:#ddd;font-family:monospace;font-size:small;max-height:200px;overflow-y:auto}";
 
 const makeVCardActionsProps = propsFactory({
   ...makeComponentProps(),
@@ -61,85 +62,6 @@ const VCardSubtitle = genericComponent()({
 // Utilities
 const VCardTitle = createSimpleFunctional('v-card-title');
 
-const makeVAvatarProps = propsFactory({
-  start: Boolean,
-  end: Boolean,
-  icon: IconValue,
-  image: String,
-  text: String,
-  ...makeBorderProps(),
-  ...makeComponentProps(),
-  ...makeDensityProps(),
-  ...makeRoundedProps(),
-  ...makeSizeProps(),
-  ...makeTagProps(),
-  ...makeThemeProps(),
-  ...makeVariantProps({
-    variant: 'flat'
-  })
-}, 'VAvatar');
-const VAvatar = genericComponent()({
-  name: 'VAvatar',
-  props: makeVAvatarProps(),
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    const {
-      themeClasses
-    } = provideTheme(props);
-    const {
-      borderClasses
-    } = useBorder(props);
-    const {
-      colorClasses,
-      colorStyles,
-      variantClasses
-    } = useVariant(props);
-    const {
-      densityClasses
-    } = useDensity(props);
-    const {
-      roundedClasses
-    } = useRounded(props);
-    const {
-      sizeClasses,
-      sizeStyles
-    } = useSize(props);
-    useRender(() => createVNode(props.tag, {
-      "class": normalizeClass(['v-avatar', {
-        'v-avatar--start': props.start,
-        'v-avatar--end': props.end
-      }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class]),
-      "style": normalizeStyle([colorStyles.value, sizeStyles.value, props.style])
-    }, {
-      default: () => [!slots.default ? props.image ? createVNode(VImg, {
-        "key": "image",
-        "src": props.image,
-        "alt": "",
-        "cover": true
-      }, null) : props.icon ? createVNode(VIcon, {
-        "key": "icon",
-        "icon": props.icon
-      }, null) : props.text : createVNode(VDefaultsProvider, {
-        "key": "content-defaults",
-        "defaults": {
-          VImg: {
-            cover: true,
-            src: props.image
-          },
-          VIcon: {
-            icon: props.icon
-          }
-        }
-      }, {
-        default: () => [slots.default()]
-      }), genOverlays(false, 'v-avatar')]
-    }));
-    return {};
-  }
-});
-
 const makeCardItemProps = propsFactory({
   appendAvatar: String,
   appendIcon: IconValue,
@@ -431,90 +353,6 @@ const VCard = genericComponent()({
   }
 });
 
-const allowedVariants = ['dotted', 'dashed', 'solid', 'double'];
-const makeVDividerProps = propsFactory({
-  color: String,
-  contentOffset: [Number, String, Array],
-  gradient: Boolean,
-  inset: Boolean,
-  length: [Number, String],
-  opacity: [Number, String],
-  thickness: [Number, String],
-  vertical: Boolean,
-  variant: {
-    type: String,
-    default: 'solid',
-    validator: v => allowedVariants.includes(v)
-  },
-  ...makeComponentProps(),
-  ...makeThemeProps()
-}, 'VDivider');
-const VDivider = genericComponent()({
-  name: 'VDivider',
-  props: makeVDividerProps(),
-  setup(props, _ref) {
-    let {
-      attrs,
-      slots
-    } = _ref;
-    const {
-      themeClasses
-    } = provideTheme(props);
-    const {
-      textColorClasses,
-      textColorStyles
-    } = useTextColor(() => props.color);
-    const dividerStyles = computed(() => {
-      const styles = {};
-      if (props.length) {
-        styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);
-      }
-      if (props.thickness) {
-        styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);
-      }
-      return styles;
-    });
-    const contentStyles = toRef(() => {
-      const margin = Array.isArray(props.contentOffset) ? props.contentOffset[0] : props.contentOffset;
-      const shift = Array.isArray(props.contentOffset) ? props.contentOffset[1] : 0;
-      return {
-        marginBlock: props.vertical && margin ? convertToUnit(margin) : undefined,
-        marginInline: !props.vertical && margin ? convertToUnit(margin) : undefined,
-        transform: shift ? `translate${props.vertical ? 'X' : 'Y'}(${convertToUnit(shift)})` : undefined
-      };
-    });
-    useRender(() => {
-      const divider = createElementVNode("hr", {
-        "class": normalizeClass([{
-          'v-divider': true,
-          'v-divider--gradient': props.gradient && !slots.default,
-          'v-divider--inset': props.inset,
-          'v-divider--vertical': props.vertical
-        }, themeClasses.value, textColorClasses.value, props.class]),
-        "style": normalizeStyle([dividerStyles.value, textColorStyles.value, {
-          '--v-border-opacity': props.opacity
-        }, {
-          'border-style': props.variant
-        }, props.style]),
-        "aria-orientation": !attrs.role || attrs.role === 'separator' ? props.vertical ? 'vertical' : 'horizontal' : undefined,
-        "role": `${attrs.role || 'separator'}`
-      }, null);
-      if (!slots.default) return divider;
-      return createElementVNode("div", {
-        "class": normalizeClass(['v-divider__wrapper', {
-          'v-divider__wrapper--gradient': props.gradient,
-          'v-divider__wrapper--inset': props.inset,
-          'v-divider__wrapper--vertical': props.vertical
-        }])
-      }, [divider, createElementVNode("div", {
-        "class": "v-divider__content",
-        "style": normalizeStyle(contentStyles.value)
-      }, [slots.default()]), divider]);
-    });
-    return {};
-  }
-});
-
 const _hoisted_1 = { class: "d-flex flex-wrap gap-2 mb-4" };
 const _hoisted_2 = { style: {"position":"absolute","bottom":"15px"} };
 const _hoisted_3 = {
@@ -558,7 +396,15 @@ const copyBtns = [
   {
     id: Symbol(),
     copyFn: async () =>
-      await copyToClipBoard(JSON.stringify(props.getLayers()), copySuccess),
+      await copyToClipBoard(
+        JSON.stringify(
+          removeUnneededProperties(
+            props.getLayers(),
+            layerControlFormValue.value,
+          ),
+        ),
+        copySuccess,
+      ),
     copyAs: "layers configuration",
   },
   {
@@ -582,7 +428,7 @@ const getMapStepCode = () => {
 #### Tour step title
 Text describing the current step of the tour and why it is interesting what the map shows currently
 `;
-  return `${preTag}'${JSON.stringify(removeUnneededProperties(props.getLayers()))}' ${endTag}`;
+  return `${preTag}'${JSON.stringify(removeUnneededProperties(props.getLayers(), layerControlFormValue.value))}' ${endTag}`;
 };
 const getMapEntryCode = () => {
   const [x, y, z] = mapPosition.value;
@@ -590,7 +436,7 @@ const getMapEntryCode = () => {
     "## Map Example <!" +
     '--{as="eox-map" style="width: 100%; height: 500px;" layers=';
   const endTag = `zoom="${z}" center=[${[x, y]}] projection="${availableMapProjection.value}" }-->`;
-  return `${preTag}'${JSON.stringify(removeUnneededProperties(props.getLayers()))}' ${endTag}`;
+  return `${preTag}'${JSON.stringify(removeUnneededProperties(props.getLayers(), layerControlFormValue.value))}' ${endTag}`;
 };
 
 const getChartExportCode = () => {
@@ -673,7 +519,7 @@ return (_ctx, _cache) => {
               _cache[5] || (_cache[5] = createElementVNode("p", { class: "text-body-2 mb-2" }, [
                 createElementVNode("strong", null, "Map Layers Configuration")
               ], -1 /* CACHED */)),
-              createElementVNode("div", _hoisted_4, toDisplayString(unref(removeUnneededProperties)(__props.getLayers())), 1 /* TEXT */),
+              createElementVNode("div", _hoisted_4, toDisplayString(unref(removeUnneededProperties)(__props.getLayers(), unref(layerControlFormValue))), 1 /* TEXT */),
               (unref(chartSpec))
                 ? (openBlock(), createElementBlock("div", _hoisted_5, [
                     _cache[4] || (_cache[4] = createElementVNode("p", { class: "text-body-2 mb-2" }, [
@@ -711,6 +557,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const ExportState = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-b7d44f9a"]]);
+const ExportState = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-72a96cd2"]]);
 
 export { ExportState as default };

package/dist/client/{Footer-BKg-VVkj.js → Footer-DZPvnhcT.js}

@@ -1,5 +1,5 @@
 import { ref, shallowRef, computed, toRef, watchEffect, createVNode, normalizeStyle, normalizeClass, inject, openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString } from 'vue';
-import { g as genericComponent, l as provideTheme, f as useBackgroundColor, h as useBorder, i as useElevation, k as useRounded, F as useResizeObserver, A as useToggleScope, B as useLayoutItem, c as useRender, q as convertToUnit, p as propsFactory, r as makeThemeProps, m as makeTagProps, s as makeRoundedProps, D as makeLayoutItemProps, v as makeElevationProps, e as makeComponentProps, w as makeBorderProps, _ as _export_sfc, E as eodashKey, G as useDisplay } from './asWebComponent-BHWpMuE3.js';
+import { g as genericComponent, l as provideTheme, f as useBackgroundColor, h as useBorder, i as useElevation, k as useRounded, F as useResizeObserver, A as useToggleScope, B as useLayoutItem, c as useRender, q as convertToUnit, p as propsFactory, r as makeThemeProps, m as makeTagProps, s as makeRoundedProps, D as makeLayoutItemProps, v as makeElevationProps, e as makeComponentProps, w as makeBorderProps, _ as _export_sfc, E as eodashKey, G as useDisplay } from './asWebComponent-IZanwL-A.js';
 
 const _style_0 = ".footer-text[data-v-f0fd061e]{font-size:.8rem}";
 

package/dist/client/{Header-DCrwCvmY.js → Header-CiGsDE_a.js}

@@ -1,6 +1,6 @@
 import { createVNode, normalizeStyle, normalizeClass, createElementVNode, shallowRef, computed, ref, watch, onMounted, onBeforeUnmount, toRef, watchEffect, mergeProps, inject, openBlock, createBlock, withCtx, createTextVNode, toDisplayString, unref } from 'vue';
-import { g as genericComponent, c as useRender, p as propsFactory, m as makeTagProps, e as makeComponentProps, f as useBackgroundColor, h as useBorder, i as useElevation, j as useLocation, k as useRounded, l as provideTheme, n as useRtl, o as provideDefaults, V as VDefaultsProvider, q as convertToUnit, r as makeThemeProps, s as makeRoundedProps, t as makeLocationProps, v as makeElevationProps, w as makeBorderProps, x as clamp, y as consoleWarn, z as useProxiedModel, A as useToggleScope, B as useLayoutItem, C as omit, D as makeLayoutItemProps, _ as _export_sfc, E as eodashKey } from './asWebComponent-BHWpMuE3.js';
-import { V as VImg, a as VExpandTransition } from './VImg-CrmB76ZY.js';
+import { g as genericComponent, c as useRender, p as propsFactory, m as makeTagProps, e as makeComponentProps, f as useBackgroundColor, h as useBorder, i as useElevation, j as useLocation, k as useRounded, l as provideTheme, n as useRtl, o as provideDefaults, V as VDefaultsProvider, q as convertToUnit, r as makeThemeProps, s as makeRoundedProps, t as makeLocationProps, v as makeElevationProps, w as makeBorderProps, x as clamp, y as consoleWarn, z as useProxiedModel, A as useToggleScope, B as useLayoutItem, C as omit, D as makeLayoutItemProps, _ as _export_sfc, E as eodashKey } from './asWebComponent-IZanwL-A.js';
+import { V as VImg, a as VExpandTransition } from './VImg-B75dgw2K.js';
 import { u as useSsrBoot } from './ssrBoot-Zgc_Ttvi.js';
 
 const _style_0 = ".logo[data-v-86c95219]{max-width:140px}";