@eodash/eodash 5.0.0-rc.3 → 5.1.0

package/dist/client/EodashMapBtns-WoGq8MuV.js

@@ -0,0 +1,173 @@
+import { computed, ref, createElementBlock, openBlock, withDirectives, createCommentVNode, createBlock, createVNode, unref, withCtx, triggerRef } from 'vue';
+import { _ as _export_sfc, Y as useSTAcStore, r as useDisplay, Z as useTransparentPanel, V as VBtn } from './asWebComponent-By_7_JjS.js';
+import { z as activeTemplate, K as availableMapProjection, L as changeMapProjection, y as poi, D as comparePoi, M as setActiveTemplate } from './helpers-Dy0Q13tP.js';
+import { mdiCompareRemove, mdiCompare, mdiMapPlus, mdiEarthBox, mdiStarFourPointsCircleOutline } from '@mdi/js';
+import ExportState from './ExportState-D-iuwaad.js';
+import _sfc_main$1 from './PopUp-BsYLvWch.js';
+import EodashItemFilter from './EodashItemFilter-DPznh8UB.js';
+import { storeToRefs } from 'pinia';
+import { l as loadPOiIndicator } from './handling-CgmFXkW6.js';
+import { T as Tooltip } from './index-Dqj4tbx2.js';
+
+const _style_0 = ".map-btn[data-v-771740c6]{width:36px;height:36px;border-radius:25%;margin:4px}";
+
+const _sfc_main = {
+  __name: 'EodashMapBtns',
+  props: {
+    exportMap: {
+      type: Boolean,
+      default: true,
+    },
+    changeProjection: {
+      type: Boolean,
+      default: true,
+    },
+    compareIndicators: {
+      /** @type {import("vue").PropType<boolean | {compareTemplate?:string;fallbackTemplate?:string}> }*/
+      type: [Boolean, Object],
+      default: true,
+    },
+    backToPOIs: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  setup(__props) {
+
+
+const { selectedStac, selectedCompareStac } = storeToRefs(useSTAcStore());
+const { resetSelectedCompareSTAC } = useSTAcStore();
+const { smAndDown } = useDisplay();
+const popupWidth = computed(() => (smAndDown.value ? "80%" : "70%"));
+const popupHeight = computed(() => (smAndDown.value ? "90%" : "70%"));
+
+const showMapState = ref(false);
+const showCompareIndicators = ref(false);
+const compareIcon = computed(() =>
+  activeTemplate.value ===
+  ((typeof __props.compareIndicators === "object" &&
+    __props.compareIndicators?.compareTemplate) ||
+    "compare")
+    ? mdiCompareRemove
+    : mdiCompare,
+);
+
+const onCompareClick = () => {
+  showCompareIndicators.value = !showCompareIndicators.value;
+
+  const fallbackTemplate =
+    (typeof __props.compareIndicators === "object" &&
+      __props.compareIndicators.fallbackTemplate) ||
+    "expert";
+  selectedCompareStac.value = null;
+  resetSelectedCompareSTAC();
+  setActiveTemplate(fallbackTemplate);
+  triggerRef(selectedStac);
+};
+
+/** @type {import("vue").Ref<HTMLDivElement|null>} */
+const rootRef = ref(null);
+
+const onSelectCompareIndicator = () => {
+  const compareTemplate =
+    (typeof __props.compareIndicators === "object" &&
+      __props.compareIndicators.compareTemplate) ||
+    "compare";
+  setActiveTemplate(compareTemplate);
+  showCompareIndicators.value = !showCompareIndicators.value;
+};
+
+useTransparentPanel(rootRef);
+
+return (_ctx, _cache) => {
+                                                     
+                                                         
+
+  return (openBlock(), createElementBlock("div", {
+    ref_key: "rootRef",
+    ref: rootRef,
+    class: "d-flex flex-column align-end"
+  }, [
+    (__props.exportMap)
+      ? withDirectives((openBlock(), createBlock(VBtn, {
+          key: 0,
+          class: "map-btn",
+          icon: [unref(mdiMapPlus)],
+          size: "small",
+          onClick: _cache[0] || (_cache[0] = $event => (showMapState.value = !showMapState.value))
+        }, null, 8 /* PROPS */, ["icon"])), [
+          [Tooltip, 'Extract Storytelling configuration', "bottom"]
+        ])
+      : createCommentVNode("v-if", true),
+    (__props.exportMap)
+      ? (openBlock(), createBlock(ExportState, {
+          key: 1,
+          modelValue: showMapState.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ((showMapState).value = $event))
+        }, null, 8 /* PROPS */, ["modelValue"]))
+      : createCommentVNode("v-if", true),
+    (__props.changeProjection && !!unref(availableMapProjection))
+      ? withDirectives((openBlock(), createBlock(VBtn, {
+          key: 2,
+          class: "map-btn",
+          icon: [unref(mdiEarthBox)],
+          size: "small",
+          onClick: _cache[2] || (_cache[2] = $event => (unref(changeMapProjection)(unref(availableMapProjection))))
+        }, null, 8 /* PROPS */, ["icon"])), [
+          [Tooltip, 'Change map projection', "bottom"]
+        ])
+      : createCommentVNode("v-if", true),
+    (__props.compareIndicators)
+      ? withDirectives((openBlock(), createBlock(VBtn, {
+          key: 3,
+          class: "map-btn",
+          icon: [compareIcon.value],
+          size: "small",
+          onClick: onCompareClick
+        }, null, 8 /* PROPS */, ["icon"])), [
+          [Tooltip, 'Compare mode', "bottom"]
+        ])
+      : createCommentVNode("v-if", true),
+    (__props.backToPOIs && (unref(poi) || unref(comparePoi)))
+      ? withDirectives((openBlock(), createBlock(VBtn, {
+          key: 4,
+          class: "map-btn",
+          icon: [unref(mdiStarFourPointsCircleOutline)],
+          size: "small",
+          onClick: _cache[3] || (_cache[3] = $event => (unref(loadPOiIndicator)()))
+        }, null, 8 /* PROPS */, ["icon"])), [
+          [Tooltip, 'back to POIs', "bottom"]
+        ])
+      : createCommentVNode("v-if", true),
+    createVNode(_sfc_main$1, {
+      modelValue: showCompareIndicators.value,
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => ((showCompareIndicators).value = $event)),
+      maxWidth: popupWidth.value,
+      width: popupWidth.value,
+      "max-height": popupHeight.value,
+      height: popupHeight.value
+    }, {
+      default: withCtx(() => [
+        createVNode(EodashItemFilter, {
+          enableCompare: true,
+          enableHighlighting: false,
+          resultType: "cards",
+          style: {"--select-filter-max-items":"8"},
+          "filters-title": "Select an indicator to compare",
+          subTitleProperty: "subtitle",
+          imageProperty: "thumbnail",
+          aggregateResults: "collection_group",
+          "results-title": "",
+          onSelect: onSelectCompareIndicator
+        })
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["modelValue", "maxWidth", "width", "max-height", "height"])
+  ], 512 /* NEED_PATCH */))
+}
+}
+
+};
+const EodashMapBtns = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-771740c6"]]);
+
+export { EodashMapBtns as default };

package/dist/client/{EodashStacInfo-C_hDy6Pd.js → EodashStacInfo-CSvvF2jI.js}

@@ -1,8 +1,8 @@
 import { createElementBlock, openBlock, createElementVNode, unref } from 'vue';
 import '@eox/stacinfo';
-import { ao as currentUrl } from './asWebComponent-BJ2NWunV.js';
+import { w as currentUrl } from './helpers-Dy0Q13tP.js';
 
-const _hoisted_1 = { class: "flex-grow-1 fill-height overflow-auto" };
+const _hoisted_1 = { class: "flex-grow-1" };
 const _hoisted_2 = [".for", ".allowHtml", ".body", ".featured", ".footer", ".styleOverride", ".header", ".subheader", ".tags"];
 
 
@@ -16,22 +16,7 @@ const _sfc_main = {
 
   styleOverride: {
     type: String,
-    default: `
-.single-property {columns: 1!important;}
-h1 {margin:0px!important;font-size:16px!important;}
-header h1:after {
-content:' ';
-display:block;
-border:1px solid #d0d0d0;
-}
-h2 {font-size:15px}
-h3 {font-size:14px}
-summary {cursor: pointer;}
-#properties li > .value { font-weight: normal !important;}
-main {padding-bottom: 10px;}
-.footer-container {line-height:1;}
-.footer-container button {margin-top: -10px;}
-.footer-container small {font-size:10px;line-height:1;}`,
+    default: "",
   },
   header: {
     /** @type {import("vue").PropType<string[]>}  */

package/dist/client/{EodashTools-BXflvRf8.js → EodashTools-Cv1SXQ5y.js}

@@ -1,11 +1,11 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, unref, withCtx, mergeProps } from 'vue';
-import _sfc_main$2 from './PopUp-DgNrh9Df.js';
-import _sfc_main$3 from './EodashItemFilter-B9HCvIMi.js';
-import _sfc_main$1 from './EodashLayoutSwitcher-DqeFO3RN.js';
-import { mdiViewDashboard, mdiPlus } from '@mdi/js';
-import { r as useDisplay, a1 as makePanelTransparent, V as VBtn } from './asWebComponent-BJ2NWunV.js';
+import _sfc_main$2 from './PopUp-BsYLvWch.js';
+import EodashItemFilter from './EodashItemFilter-DPznh8UB.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-C5qTEffW.js';
+import { mdiViewDashboard, mdiPlusCircleOutline } from '@mdi/js';
+import { r as useDisplay, Z as useTransparentPanel, V as VBtn } from './asWebComponent-By_7_JjS.js';
 
-const _hoisted_1 = { class: "d-flex flex-row justify-space-between pa-4 align-center" };
+const _hoisted_1 = { class: "d-flex flex-row align-center fill-height justify-space-between pa-2 align-center" };
 
 
 const _sfc_main = {
@@ -43,12 +43,12 @@ const _sfc_main = {
 const dialog = ref(false);
 
 const { smAndDown } = useDisplay();
-const popupWidth = computed(() => (smAndDown.value ? "80%" : "1500px"));
-const popupHeight = computed(() => (smAndDown.value ? "90%" : "800px"));
+const popupWidth = computed(() => (smAndDown.value ? "90%" : "70%"));
+const popupHeight = computed(() => (smAndDown.value ? "90%" : "70%"));
 
 const props = __props;
 const rootEl = ref(null);
-makePanelTransparent(rootEl);
+useTransparentPanel(rootEl);
 
 return (_ctx, _cache) => {
                                                      
@@ -56,15 +56,15 @@ return (_ctx, _cache) => {
   return (openBlock(), createElementBlock("div", {
     ref_key: "rootEl",
     ref: rootEl,
-    class: "d-flex flex-column fill-height overflow-auto bg-primary"
+    class: "d-flex flex-column fill-height bg-primary"
   }, [
     createElementVNode("div", _hoisted_1, [
       (props.showIndicatorsBtn)
         ? (openBlock(), createBlock(VBtn, {
             key: 0,
             color: "secondary",
-            class: "text-none py-2 px-4",
-            "append-icon": [unref(mdiPlus)],
+            class: "text-none",
+            "append-icon": [unref(mdiPlusCircleOutline)],
             text: __props.indicatorBtnText,
             onClick: _cache[0] || (_cache[0] = $event => (dialog.value = !dialog.value))
           }, null, 8 /* PROPS */, ["append-icon", "text"]))
@@ -86,7 +86,7 @@ return (_ctx, _cache) => {
       height: popupHeight.value
     }, {
       default: withCtx(() => [
-        createVNode(_sfc_main$3, mergeProps({
+        createVNode(EodashItemFilter, mergeProps({
           class: "pa-4",
           "results-title": ""
         }, props.itemFilterConfig, {

package/dist/client/{ExportState-C0QRemK1.js → ExportState-D-iuwaad.js}

@@ -1,13 +1,16 @@
-import { createVNode, Fragment, toDisplayString, computed, withDirectives, mergeProps, resolveDirective, toRef, mergeModels, useModel, ref, createBlock, openBlock, withCtx, createElementVNode, createTextVNode, unref, createElementBlock, createCommentVNode, renderList } from 'vue';
+import { createElementVNode, normalizeStyle, normalizeClass, createVNode, Fragment, toDisplayString, withDirectives, mergeProps, computed, mergeModels, useModel, ref, createBlock, openBlock, withCtx, createTextVNode, unref, createElementBlock, createCommentVNode, renderList } from 'vue';
 import { mdiClipboardCheckOutline, mdiContentCopy } from '@mdi/js';
-import _sfc_main$1 from './PopUp-DgNrh9Df.js';
-import { ar 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, as as useVariant, A as useDensity, M as useRounded, at as useSize, au as genOverlays, v as VIcon, N as VDefaultsProvider, av as makeVariantProps, f as makeThemeProps, aw as makeSizeProps, O as makeRoundedProps, D as makeDensityProps, Q as makeBorderProps, y as IconValue, ax as Ripple, H as useDimension, L as useElevation, ay as useLoader, az as useLocation, aA as usePosition, aB as useLink, aC as makeRouterProps, aD as makePositionProps, aE as makeLocationProps, aF as makeLoaderProps, P as makeElevationProps, J as makeDimensionProps, aG as LoaderSlot, u as useTextColor, q as convertToUnit, _ as _export_sfc, aH as removeUnneededProperties, aI as VRow, aJ as VCol, aK as copyToClipBoard, V as VBtn, al as getLayers, ad as mapPosition, af as availableMapProjection } from './asWebComponent-BJ2NWunV.js';
-import { a as VExpandTransition } from './index-DvcUndod.js';
-import { V as VImg } from './VImg-D4eT3IQ1.js';
+import _sfc_main$1 from './PopUp-BsYLvWch.js';
+import { aa 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, ab as useVariant, A as useDensity, M as useRounded, ac as useSize, ad as genOverlays, v as VIcon, N as VDefaultsProvider, ae as makeVariantProps, f as makeThemeProps, af as makeSizeProps, O as makeRoundedProps, D as makeDensityProps, Q as makeBorderProps, y as IconValue, ag as Ripple, H as useDimension, L as useElevation, ah as useLoader, ai as useLocation, aj as usePosition, ak as useLink, al as makeRouterProps, am as makePositionProps, an as makeLocationProps, ao as makeLoaderProps, P as makeElevationProps, J as makeDimensionProps, ap as LoaderSlot, u as useTextColor, q as convertToUnit, _ as _export_sfc, aq as VRow, ar as VCol, as as copyToClipBoard, V as VBtn } from './asWebComponent-By_7_JjS.js';
+import { O as removeUnneededProperties, l as getLayers, A as mapPosition, K as availableMapProjection } from './helpers-Dy0Q13tP.js';
+import { a as VExpandTransition } from './index-BuhOHXKv.js';
+import { V as VImg } from './VImg-OHe8YTs2.js';
 
 // Styles
 const VSpacer = createSimpleFunctional('v-spacer', 'div', 'VSpacer');
 
+const _style_0 = ".code-block[data-v-a263a06d]{background-color:#ddd;font-family:monospace;font-size:small;max-height:200px;overflow-y:auto}";
+
 const VCardActions = genericComponent()({
   name: 'VCardActions',
   props: makeComponentProps(),
@@ -21,9 +24,9 @@ const VCardActions = genericComponent()({
         variant: 'text'
       }
     });
-    useRender(() => createVNode("div", {
-      "class": ['v-card-actions', props.class],
-      "style": props.style
+    useRender(() => createElementVNode("div", {
+      "class": normalizeClass(['v-card-actions', props.class]),
+      "style": normalizeStyle(props.style)
     }, [slots.default?.()]));
     return {};
   }
@@ -42,10 +45,10 @@ const VCardSubtitle = genericComponent()({
       slots
     } = _ref;
     useRender(() => createVNode(props.tag, {
-      "class": ['v-card-subtitle', props.class],
-      "style": [{
+      "class": normalizeClass(['v-card-subtitle', props.class]),
+      "style": normalizeStyle([{
         '--v-card-subtitle-opacity': props.opacity
-      }, props.style]
+      }, props.style])
     }, slots));
     return {};
   }
@@ -100,11 +103,11 @@ const VAvatar = genericComponent()({
       sizeStyles
     } = useSize(props);
     useRender(() => createVNode(props.tag, {
-      "class": ['v-avatar', {
+      "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": [colorStyles.value, sizeStyles.value, props.style]
+      }, 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",
@@ -163,13 +166,13 @@ const VCardItem = genericComponent()({
       const hasAppend = !!(hasAppendMedia || slots.append);
       const hasTitle = !!(props.title != null || slots.title);
       const hasSubtitle = !!(props.subtitle != null || slots.subtitle);
-      return createVNode("div", {
-        "class": ['v-card-item', props.class],
-        "style": props.style
-      }, [hasPrepend && createVNode("div", {
+      return createElementVNode("div", {
+        "class": normalizeClass(['v-card-item', props.class]),
+        "style": normalizeStyle(props.style)
+      }, [hasPrepend && createElementVNode("div", {
         "key": "prepend",
         "class": "v-card-item__prepend"
-      }, [!slots.prepend ? createVNode(Fragment, null, [props.prependAvatar && createVNode(VAvatar, {
+      }, [!slots.prepend ? createElementVNode(Fragment, null, [props.prependAvatar && createVNode(VAvatar, {
         "key": "prepend-avatar",
         "density": props.density,
         "image": props.prependAvatar
@@ -190,7 +193,7 @@ const VCardItem = genericComponent()({
             icon: props.prependIcon
           }
         }
-      }, slots.prepend)]), createVNode("div", {
+      }, slots.prepend)]), createElementVNode("div", {
         "class": "v-card-item__content"
       }, [hasTitle && createVNode(VCardTitle, {
         "key": "title"
@@ -200,10 +203,10 @@ const VCardItem = genericComponent()({
         "key": "subtitle"
       }, {
         default: () => [slots.subtitle?.() ?? toDisplayString(props.subtitle)]
-      }), slots.default?.()]), hasAppend && createVNode("div", {
+      }), slots.default?.()]), hasAppend && createElementVNode("div", {
         "key": "append",
         "class": "v-card-item__append"
-      }, [!slots.append ? createVNode(Fragment, null, [props.appendIcon && createVNode(VIcon, {
+      }, [!slots.append ? createElementVNode(Fragment, null, [props.appendIcon && createVNode(VIcon, {
         "key": "append-icon",
         "density": props.density,
         "icon": props.appendIcon
@@ -243,10 +246,10 @@ const VCardText = genericComponent()({
       slots
     } = _ref;
     useRender(() => createVNode(props.tag, {
-      "class": ['v-card-text', props.class],
-      "style": [{
+      "class": normalizeClass(['v-card-text', props.class]),
+      "style": normalizeStyle([{
         '--v-card-text-opacity': props.opacity
-      }, props.style]
+      }, props.style])
     }, slots));
     return {};
   }
@@ -300,7 +303,7 @@ const makeVCardProps = propsFactory({
 const VCard = genericComponent()({
   name: 'VCard',
   directives: {
-    Ripple
+    vRipple: Ripple
   },
   props: makeVCardProps(),
   setup(props, _ref) {
@@ -341,10 +344,10 @@ const VCard = genericComponent()({
       roundedClasses
     } = useRounded(props);
     const link = useLink(props, attrs);
-    const isLink = computed(() => props.link !== false && link.isLink.value);
-    const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value));
     useRender(() => {
-      const Tag = isLink.value ? 'a' : props.tag;
+      const isLink = props.link !== false && link.isLink.value;
+      const isClickable = !props.disabled && props.link !== false && (props.link || link.isClickable.value);
+      const Tag = isLink ? 'a' : props.tag;
       const hasTitle = !!(slots.title || props.title != null);
       const hasSubtitle = !!(slots.subtitle || props.subtitle != null);
       const hasHeader = hasTitle || hasSubtitle;
@@ -358,13 +361,13 @@ const VCard = genericComponent()({
           'v-card--disabled': props.disabled,
           'v-card--flat': props.flat,
           'v-card--hover': props.hover && !(props.disabled || props.flat),
-          'v-card--link': isClickable.value
+          'v-card--link': isClickable
         }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, variantClasses.value, props.class],
         "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, props.style],
-        "onClick": isClickable.value && link.navigate,
+        "onClick": isClickable && link.navigate,
         "tabindex": props.disabled ? -1 : undefined
       }, link.linkProps), {
-        default: () => [hasImage && createVNode("div", {
+        default: () => [hasImage && createElementVNode("div", {
           "key": "image",
           "class": "v-card__image"
         }, [!slots.image ? createVNode(VImg, {
@@ -406,8 +409,8 @@ const VCard = genericComponent()({
           default: () => [slots.text?.() ?? props.text]
         }), slots.default?.(), slots.actions && createVNode(VCardActions, null, {
           default: slots.actions
-        }), genOverlays(isClickable.value, 'v-card')]
-      }), [[resolveDirective("ripple"), isClickable.value && props.ripple]]);
+        }), genOverlays(isClickable, 'v-card')]
+      }), [[Ripple, isClickable && props.ripple]]);
     });
     return {};
   }
@@ -437,7 +440,7 @@ const VDivider = genericComponent()({
     const {
       textColorClasses,
       textColorStyles
-    } = useTextColor(toRef(props, 'color'));
+    } = useTextColor(() => props.color);
     const dividerStyles = computed(() => {
       const styles = {};
       if (props.length) {
@@ -449,25 +452,25 @@ const VDivider = genericComponent()({
       return styles;
     });
     useRender(() => {
-      const divider = createVNode("hr", {
-        "class": [{
+      const divider = createElementVNode("hr", {
+        "class": normalizeClass([{
           'v-divider': true,
           'v-divider--inset': props.inset,
           'v-divider--vertical': props.vertical
-        }, themeClasses.value, textColorClasses.value, props.class],
-        "style": [dividerStyles.value, textColorStyles.value, {
+        }, themeClasses.value, textColorClasses.value, props.class]),
+        "style": normalizeStyle([dividerStyles.value, textColorStyles.value, {
           '--v-border-opacity': props.opacity
-        }, props.style],
+        }, 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 createVNode("div", {
-        "class": ['v-divider__wrapper', {
+      return createElementVNode("div", {
+        "class": normalizeClass(['v-divider__wrapper', {
           'v-divider__wrapper--vertical': props.vertical,
           'v-divider__wrapper--inset': props.inset
-        }]
-      }, [divider, createVNode("div", {
+        }])
+      }, [divider, createElementVNode("div", {
         "class": "v-divider__content"
       }, [slots.default()]), divider]);
     });
@@ -565,9 +568,10 @@ return (_ctx, _cache) => {
             style: {"max-height":"49px"}
           }, {
             default: withCtx(() => _cache[2] || (_cache[2] = [
-              createElementVNode("h5", { class: "text-h5" }, "Storytelling map configuration", -1 /* HOISTED */)
+              createElementVNode("h5", { class: "text-h5" }, "Storytelling map configuration", -1 /* CACHED */)
             ])),
-            _: 1 /* STABLE */
+            _: 1 /* STABLE */,
+            __: [2]
           }),
           createVNode(VCardText, {
             class: "py-5 overflow-auto",
@@ -578,7 +582,7 @@ return (_ctx, _cache) => {
                 createTextVNode(" Copy and paste this code into the map "),
                 createElementVNode("b", null, "layers field"),
                 createTextVNode(" of the storytelling editor: ")
-              ], -1 /* HOISTED */)),
+              ], -1 /* CACHED */)),
               createElementVNode("div", _hoisted_1, toDisplayString(unref(removeUnneededProperties)(__props.getLayers())), 1 /* TEXT */),
               createElementVNode("div", _hoisted_2, [
                 createVNode(VExpandTransition, null, {
@@ -590,7 +594,7 @@ return (_ctx, _cache) => {
                             left: "",
                             icon: [unref(mdiClipboardCheckOutline)]
                           }, null, 8 /* PROPS */, ["icon"]),
-                          _cache[3] || (_cache[3] = createElementVNode("small", null, "copied!", -1 /* HOISTED */))
+                          _cache[3] || (_cache[3] = createElementVNode("small", null, "copied!", -1 /* CACHED */))
                         ]))
                       : createCommentVNode("v-if", true)
                   ]),
@@ -626,7 +630,8 @@ return (_ctx, _cache) => {
                 _: 1 /* STABLE */
               })
             ]),
-            _: 1 /* STABLE */
+            _: 1 /* STABLE */,
+            __: [4]
           }),
           createVNode(VDivider),
           createVNode(VCardActions, { style: {"max-height":"49px"} }, {
@@ -637,9 +642,10 @@ return (_ctx, _cache) => {
                 onClick: _cache[0] || (_cache[0] = $event => (dialog.value = !dialog.value))
               }, {
                 default: withCtx(() => _cache[5] || (_cache[5] = [
-                  createTextVNode(" Close ")
+                  createTextVNode(" Close ", -1 /* CACHED */)
                 ])),
-                _: 1 /* STABLE */
+                _: 1 /* STABLE */,
+                __: [5]
               })
             ]),
             _: 1 /* STABLE */
@@ -654,6 +660,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const ExportState = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-a263a06d"]]);
+const ExportState = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-a263a06d"]]);
 
 export { ExportState as default };

package/dist/client/{Footer-7VGyGUAs.js → Footer-CyF0zRAk.js}

@@ -1,5 +1,7 @@
-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-BJ2NWunV.js';
+import { ref, shallowRef, computed, toRef, watchEffect, createVNode, normalizeStyle, normalizeClass, 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-By_7_JjS.js';
+
+const _style_0 = ".footer-text[data-v-f0fd061e]{font-size:.8rem}";
 
 const makeVFooterProps = propsFactory({
   app: Boolean,
@@ -32,7 +34,7 @@ const VFooter = genericComponent()({
     const {
       backgroundColorClasses,
       backgroundColorStyles
-    } = useBackgroundColor(toRef(props, 'color'));
+    } = useBackgroundColor(() => props.color);
     const {
       borderClasses
     } = useBorder(props);
@@ -54,11 +56,11 @@ const VFooter = genericComponent()({
       const layout = useLayoutItem({
         id: props.name,
         order: computed(() => parseInt(props.order, 10)),
-        position: computed(() => 'bottom'),
+        position: toRef(() => 'bottom'),
         layoutSize: height,
         elementSize: computed(() => props.height === 'auto' ? undefined : height.value),
-        active: computed(() => props.app),
-        absolute: toRef(props, 'absolute')
+        active: toRef(() => props.app),
+        absolute: toRef(() => props.absolute)
       });
       watchEffect(() => {
         layoutItemStyles.value = layout.layoutItemStyles.value;
@@ -66,10 +68,10 @@ const VFooter = genericComponent()({
     });
     useRender(() => createVNode(props.tag, {
       "ref": resizeRef,
-      "class": ['v-footer', themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, roundedClasses.value, props.class],
-      "style": [backgroundColorStyles.value, props.app ? layoutItemStyles.value : {
+      "class": normalizeClass(['v-footer', themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, roundedClasses.value, props.class]),
+      "style": normalizeStyle([backgroundColorStyles.value, props.app ? layoutItemStyles.value : {
         height: convertToUnit(props.height)
-      }, props.style]
+      }, props.style])
     }, slots));
     return {};
   }
@@ -81,7 +83,7 @@ const _hoisted_1 = { class: "pt-0 footer-text" };
  * Footer template ref
  *
  * @type {import("vue").Ref<
- *   import("vuetify/lib/components/index.mjs").VFooter | null
+ *   import("vuetify/components").VFooter | null
  * >}
  */
 
@@ -90,7 +92,7 @@ const _sfc_main = {
   setup(__props) {
 
 const footer = ref(null);
-const eodash = /** @type {import("@/types").Eodash} */ (inject(eodashKey));
+const eodash = inject(eodashKey);
 
 const { mdAndDown } = useDisplay();
 
@@ -106,7 +108,7 @@ return (_ctx, _cache) => {
     class: "d-flex justify-end"
   }, {
     default: withCtx(() => [
-      createElementVNode("p", _hoisted_1, toDisplayString(unref(eodash).brand.footerText ?? ""), 1 /* TEXT */)
+      createElementVNode("p", _hoisted_1, toDisplayString(unref(eodash)?.brand.footerText ?? ""), 1 /* TEXT */)
     ]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["height"]))
@@ -114,6 +116,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const Footer = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-5009d449"]]);
+const Footer = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-f0fd061e"]]);
 
 export { Footer as default };