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

package/dist/client/{EodashLayerControl-CJ94ul63.js → EodashLayerControl-DERx00In.js}

@@ -3,7 +3,7 @@ import '@eox/layercontrol';
 import '@eox/jsonform';
 import '@eox/timecontrol';
 import 'color-legend-element';
-import { $ as useSTAcStore, a2 as mapCompareEl, a3 as mapEl, a4 as eodashCompareCollections, a0 as eodashCollections, a5 as layerControlFormValue, a6 as getColFromLayer } from './asWebComponent-DW1XzZkL.js';
+import { $ as useSTAcStore, a3 as mapCompareEl, a4 as mapEl, a5 as eodashCompareCollections, a0 as eodashCollections, a6 as layerControlFormValue, a7 as getColFromLayer } from './asWebComponent-CLUhauLl.js';
 import { storeToRefs } from 'pinia';
 
 const _hoisted_1 = { class: "d-flex flex-column fill-height overflow-auto" };

package/dist/client/{EodashLayoutSwitcher-DRKm8A8U.js → EodashLayoutSwitcher-DTS7otlk.js}

@@ -1,7 +1,7 @@
 import { ref, openBlock, createElementBlock, createVNode, withCtx, mergeProps } from 'vue';
-import { a1 as makePanelTransparent, y as VIcon, al as activeTemplate } from './asWebComponent-DW1XzZkL.js';
+import { a2 as makePanelTransparent, y as VIcon, al as activeTemplate } from './asWebComponent-CLUhauLl.js';
 import { mdiViewDashboard } from '@mdi/js';
-import { V as VTooltip } from './VTooltip-BYTlbKer.js';
+import { V as VTooltip } from './VTooltip-BWg0dxx5.js';
 
 const _sfc_main = {
   __name: 'EodashLayoutSwitcher',

package/dist/client/{EodashMap-Dp44Ajbi.js → EodashMap-C-I6puhb.js}

@@ -1,52 +1,12 @@
-import { onMounted, onUnmounted, watch, nextTick, ref, toRaw, computed, openBlock, createElementBlock, createElementVNode, unref, withDirectives, vShow } from 'vue';
+import { onMounted, onUnmounted, watch, nextTick, ref, toRaw, computed, openBlock, createElementBlock, createElementVNode, unref, normalizeStyle } from 'vue';
 import '@eox/map';
 import '@eox/map/src/plugins/advancedLayersAndSources';
-import { a7 as registerProjection, a8 as getProjectionCode, a9 as availableMapProjection, aa as changeMapProjection, ab as eoxLayersKey, $ as useSTAcStore, ac as posIsSetFromUrl, ad as useOnLayersUpdate, ae as EodashCollection, af as mapPosition, a3 as mapEl, a2 as mapCompareEl, Z as datetime, a4 as eodashCompareCollections, a0 as eodashCollections, a5 as layerControlFormValue } from './asWebComponent-DW1XzZkL.js';
+import { a8 as eoxLayersKey, $ as useSTAcStore, a9 as setMapProjFromCol, aa as posIsSetFromUrl, ab as useOnLayersUpdate, ac as EodashCollection, ad as mapPosition, a4 as mapEl, a3 as mapCompareEl, Z as datetime, a0 as eodashCollections, a5 as eodashCompareCollections, a6 as layerControlFormValue } from './asWebComponent-CLUhauLl.js';
 import { storeToRefs } from 'pinia';
 import log from 'loglevel';
 import { useEventBus } from '@vueuse/core';
 import mustache from 'mustache';
 
-/*
- * 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 = ""));
-  }
-};
-
 /**
  * Holder for previous compare map view as it is overwritten by sync
  * @type { import("ol").View | null} mapElement
@@ -249,6 +209,7 @@ const createLayersConfig = async (
  * @param {import("vue").Ref<string>} datetime
  * @param {import("vue").Ref<Record<string,any>[]>} mapLayers
  * @param {import("vue").Ref<import("@eox/map").EOxMap| null>} partnerMap
+ * @param {boolean} zoomToExtent
  */
 const useInitMap = (
   mapElement,
@@ -257,6 +218,7 @@ const useInitMap = (
   datetime,
   mapLayers,
   partnerMap,
+  zoomToExtent,
 ) => {
   log.debug(
     "InitMap",
@@ -349,29 +311,31 @@ const useInitMap = (
           datetime.value = endInterval.toISOString();
         }
 
-        // Try to move map view to extent only when main
-        // indicator and map changes
-        if (
-          mapElement?.value?.id === "main" &&
-          updatedStac.extent?.spatial.bbox &&
-          !posIsSetFromUrl.value
-        ) {
-          // Sanitize extent,
-          const b = updatedStac.extent?.spatial.bbox[0];
-          const sanitizedExtent = [
-            b?.[0] > -180 ? b?.[0] : -180,
-            b?.[1] > -90 ? b?.[1] : -90,
-            b?.[2] < 180 ? b?.[2] : 180,
-            b?.[3] < 90 ? b?.[3] : 90,
-          ];
-
-          const reprojExtent = mapElement.value?.transformExtent(
-            sanitizedExtent,
-            "EPSG:4326",
-            mapElement.value?.map?.getView().getProjection(),
-          );
-          /** @type {import("@eox/map").EOxMap} */
-          (mapElement.value).zoomExtent = reprojExtent;
+        if (zoomToExtent) {
+          // Try to move map view to extent only when main
+          // indicator and map changes
+          if (
+            mapElement?.value?.id === "main" &&
+            updatedStac.extent?.spatial.bbox &&
+            !posIsSetFromUrl.value
+          ) {
+            // Sanitize extent,
+            const b = updatedStac.extent?.spatial.bbox[0];
+            const sanitizedExtent = [
+              b?.[0] > -180 ? b?.[0] : -180,
+              b?.[1] > -90 ? b?.[1] : -90,
+              b?.[2] < 180 ? b?.[2] : 180,
+              b?.[3] < 90 ? b?.[3] : 90,
+            ];
+
+            const reprojExtent = mapElement.value?.transformExtent(
+              sanitizedExtent,
+              "EPSG:4326",
+              mapElement.value?.map?.getView().getProjection(),
+            );
+            /** @type {import("@eox/map").EOxMap} */
+            (mapElement.value).zoomExtent = reprojExtent;
+          }
         }
         if (posIsSetFromUrl.value) {
           posIsSetFromUrl.value = false;
@@ -400,14 +364,15 @@ const useInitMap = (
 /**
  *
  * @param {EodashCollection[]} eodashCols
- * @param {import("vue").Ref<import("@/types").EodashStyleJson["tooltip"]>} tooltipProperties
+ * @param {import("vue").Ref<Exclude<import("@/types").EodashStyleJson["tooltip"],undefined>>} tooltipProperties
  */
 const useUpdateTooltipProperties = (eodashCols, tooltipProperties) => {
   useOnLayersUpdate(async () => {
-    tooltipProperties.value = [];
+    const tooltips = [];
     for (const ec of eodashCols) {
-      tooltipProperties.value.push(...(await ec.getToolTipProperties()));
+      tooltips.push(...(await ec.getToolTipProperties()));
     }
+    tooltipProperties.value = tooltips;
     log.debug("Updated tooltip properties", tooltipProperties.value);
   });
 };
@@ -449,11 +414,16 @@ const _sfc_main = {
     type: Number,
     default: 4,
   },
+  zoomToExtent: {
+    type: Boolean,
+    default: true,
+  },
 },
   setup(__props) {
 
 const props = __props;
-/** @type {import("vue").Ref<import("@/types").EodashStyleJson["tooltip"]>} */
+
+/** @type {import("vue").Ref<Exclude<import("@/types").EodashStyleJson["tooltip"], undefined>>} */
 const tooltipProperties = ref([]);
 
 const initialCenter = toRaw([
@@ -519,6 +489,7 @@ onMounted(() => {
       datetime,
       eoxMapCompareLayers,
       eoxMap,
+      false,
     );
   }
 
@@ -530,9 +501,15 @@ onMounted(() => {
     datetime,
     eoxMapLayers,
     compareMap,
+    props.zoomToExtent,
   );
 });
+
 useUpdateTooltipProperties(eodashCollections, tooltipProperties);
+
+const tooltipStyles = computed(() => ({
+  visibility: tooltipProperties.value.length ? "visible" : "hidden",
+}));
 /**
  * @param {{key:string; value:string}} param
  * @returns {{key:string; value?:string} | undefined}
@@ -578,9 +555,10 @@ return (_ctx, _cache) => {
       ".zoom": unref(initialZoom),
       ".layers": eoxMapLayers.value
     }, [
-      withDirectives(createElementVNode("eox-map-tooltip", { ".propertyTransform": tooltipPropertyTransform }, null, 544 /* NEED_HYDRATION, NEED_PATCH */), [
-        [vShow, tooltipProperties.value?.length]
-      ])
+      createElementVNode("eox-map-tooltip", {
+        style: normalizeStyle(tooltipStyles.value),
+        ".propertyTransform": tooltipPropertyTransform
+      }, null, 36 /* STYLE, NEED_HYDRATION */)
     ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_2),
     createElementVNode("eox-map", {
       class: "fill-height fill-width overflow-none",

package/dist/client/{EodashMapBtns-BlPFwhPc.js → EodashMapBtns-CWgtJiG4.js}

@@ -1,9 +1,9 @@
 import { computed, ref, openBlock, createElementBlock, createBlock, unref, createCommentVNode, createVNode, withCtx } from 'vue';
-import { _ as _export_sfc, t as useDisplay, a1 as makePanelTransparent, V as VBtn, a9 as availableMapProjection, aa as changeMapProjection, ag as setActiveTemplate } from './asWebComponent-DW1XzZkL.js';
+import { _ as _export_sfc, t as useDisplay, a2 as makePanelTransparent, V as VBtn, ae as availableMapProjection, af as changeMapProjection, ag as setActiveTemplate } from './asWebComponent-CLUhauLl.js';
 import { mdiMapPlus, mdiEarthBox, mdiCompare } from '@mdi/js';
-import ExportState from './ExportState-5JyTshJH.js';
-import _sfc_main$1 from './PopUp-Bmfn3N_4.js';
-import _sfc_main$2 from './EodashItemFilter-G7YsYO3B.js';
+import ExportState from './ExportState-S4lcehm3.js';
+import _sfc_main$1 from './PopUp-CzqV8BFZ.js';
+import _sfc_main$2 from './EodashItemFilter-Cx0t-qeW.js';
 
 const _sfc_main = {
   __name: 'EodashMapBtns',

package/dist/client/{EodashProcess-BLmIgUGT.js → EodashProcess-DWrTIyHT.js}

@@ -1,8 +1,8 @@
-import { createVNode, watch, onMounted, nextTick, ref, openBlock, createElementBlock, createCommentVNode, toRaw, withCtx, createElementVNode, createBlock, createTextVNode } from 'vue';
+import { createVNode, watch, onMounted, nextTick, ref, useTemplateRef, computed, openBlock, createElementBlock, createCommentVNode, toRaw, normalizeStyle, withCtx, createElementVNode, createBlock, createTextVNode } from 'vue';
 import '@eox/chart';
 import '@eox/drawtools';
 import '@eox/jsonform';
-import { p as propsFactory, b as makeComponentProps, H as makeDimensionProps, c as makeTagProps, g as genericComponent, f as useRtl, J as useDimension, a as useRender, ah as axios, ai as getLayers, a3 as mapEl, aj as extractLayerConfig, ab as eoxLayersKey, $ as useSTAcStore, ad as useOnLayersUpdate, V as VBtn } from './asWebComponent-DW1XzZkL.js';
+import { p as propsFactory, b as makeComponentProps, H as makeDimensionProps, c as makeTagProps, g as genericComponent, f as useRtl, J as useDimension, a as useRender, ah as axios, ai as getLayers, a4 as mapEl, aj as extractLayerConfig, a8 as eoxLayersKey, $ as useSTAcStore, ab as useOnLayersUpdate, V as VBtn } from './asWebComponent-CLUhauLl.js';
 import { storeToRefs } from 'pinia';
 import { useEventBus } from '@vueuse/core';
 import { isMulti } from '@eox/jsonform/src/custom-inputs/spatial/utils';
@@ -653,7 +653,10 @@ async function initProcess({
   }
 }
 
-const _hoisted_1 = { class: "process-container" };
+const _hoisted_1 = {
+  ref: "container",
+  class: "process-container"
+};
 const _hoisted_2 = [".schema"];
 const _hoisted_3 = [".spec", ".dataValues"];
 
@@ -677,6 +680,9 @@ const jsonformSchema = ref(null);
 
 /** @type {import("vue").Ref<import("@eox/jsonform").EOxJSONForm | null>} */
 const jsonformEl = ref(null);
+
+const containerEl = useTemplateRef("container");
+
 const loading = ref(false);
 
 const autoExec = ref(false);
@@ -746,8 +752,8 @@ onMounted(async () => {
   }
 });
 
-useOnLayersUpdate(
-  async () =>
+useOnLayersUpdate(async (evt, _payload) => {
+  if (evt === "layers:updated") {
     await initProcess({
       //@ts-expect-error TODO
       selectedStac,
@@ -758,8 +764,9 @@ useOnLayersUpdate(
       processResults,
       loading,
       isPolling,
-    }),
-);
+    });
+  }
+});
 
 const startProcess = async () => {
   const errors = jsonformEl.value?.editor.validate();
@@ -784,6 +791,20 @@ const startProcess = async () => {
 };
 useAutoExec(autoExec, jsonformEl, jsonformSchema, startProcess);
 
+const chartStyles = computed(() => {
+  /** @type {Record<string,string> }*/
+  const styles = {};
+  if (!chartSpec.value?.["height"]) {
+    styles["height"] =
+      Math.max(
+        (containerEl.value?.offsetHeight ?? 0) -
+          (jsonformEl.value?.offsetHeight ?? 0),
+        200,
+      ) + "px";
+  }
+  return styles;
+});
+
 return (_ctx, _cache) => {
                                                      
                                                                  
@@ -802,8 +823,9 @@ return (_ctx, _cache) => {
           key: 1,
           class: "chart",
           ".spec": toRaw(chartSpec.value),
-          ".dataValues": toRaw(chartData.value)
-        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_3))
+          ".dataValues": toRaw(chartData.value),
+          style: normalizeStyle(chartStyles.value)
+        }, null, 44 /* STYLE, PROPS, NEED_HYDRATION */, _hoisted_3))
       : createCommentVNode("v-if", true),
     createVNode(VContainer, null, {
       default: withCtx(() => [
@@ -838,7 +860,7 @@ return (_ctx, _cache) => {
       ]),
       _: 1 /* STABLE */
     })
-  ]))
+  ], 512 /* NEED_PATCH */))
 }
 }
 

package/dist/client/{EodashStacInfo-BIRcfcMo.js → EodashStacInfo-Dvsk97Mz.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, createElementVNode, unref } from 'vue';
 import '@eox/stacinfo';
-import { ak as currentUrl } from './asWebComponent-DW1XzZkL.js';
+import { ak as currentUrl } from './asWebComponent-CLUhauLl.js';
 
 const _hoisted_1 = { class: "flex-grow-1 fill-height overflow-auto" };
 const _hoisted_2 = [".for", ".allowHtml", ".body", ".featured", ".footer", ".styleOverride", ".header", ".subheader", ".tags"];

package/dist/client/{EodashTools-PNfJ-Cw3.js → EodashTools-CdnjgTTl.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-Bmfn3N_4.js';
-import _sfc_main$3 from './EodashItemFilter-G7YsYO3B.js';
-import _sfc_main$1 from './EodashLayoutSwitcher-DRKm8A8U.js';
+import _sfc_main$2 from './PopUp-CzqV8BFZ.js';
+import _sfc_main$3 from './EodashItemFilter-Cx0t-qeW.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-DTS7otlk.js';
 import { mdiViewDashboard, mdiPlus } from '@mdi/js';
-import { t as useDisplay, a1 as makePanelTransparent, V as VBtn } from './asWebComponent-DW1XzZkL.js';
+import { t as useDisplay, a2 as makePanelTransparent, V as VBtn } from './asWebComponent-CLUhauLl.js';
 
 const _hoisted_1 = { class: "d-flex flex-row justify-space-between pa-4 align-center" };
 

package/dist/client/{ExportState-5JyTshJH.js → ExportState-S4lcehm3.js}

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

package/dist/client/{Footer-CM9hgdQP.js → Footer-DlIEbXp-.js}

@@ -1,5 +1,5 @@
 import { ref, toRef, shallowRef, computed, createVNode, watchEffect, inject, openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString, createTextVNode } from 'vue';
-import { p as propsFactory, K as makeBorderProps, b as makeComponentProps, L as makeElevationProps, T as makeLayoutItemProps, M as makeRoundedProps, c as makeTagProps, d as makeThemeProps, g as genericComponent, e as provideTheme, C as useBackgroundColor, N as useBorder, O as useElevation, P as useRounded, v as useResizeObserver, U as useToggleScope, a as useRender, q as convertToUnit, W as useLayoutItem, _ as _export_sfc, X as eodashKey, t as useDisplay } from './asWebComponent-DW1XzZkL.js';
+import { p as propsFactory, K as makeBorderProps, b as makeComponentProps, L as makeElevationProps, T as makeLayoutItemProps, M as makeRoundedProps, c as makeTagProps, d as makeThemeProps, g as genericComponent, e as provideTheme, C as useBackgroundColor, N as useBorder, O as useElevation, P as useRounded, v as useResizeObserver, U as useToggleScope, a as useRender, q as convertToUnit, W as useLayoutItem, _ as _export_sfc, X as eodashKey, t as useDisplay } from './asWebComponent-CLUhauLl.js';
 
 const makeVFooterProps = propsFactory({
   app: Boolean,

package/dist/client/{Header-BTq4DW1x.js → Header-CTiEXLi0.js}

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

package/dist/client/{MobileLayout-Atfoxf8d.js → MobileLayout-DRgyQYFz.js}

@@ -1,10 +1,10 @@
 import { ref, computed, createVNode, mergeProps, Fragment, shallowRef, watch, provide, withDirectives, resolveDirective, inject, vShow, nextTick, toRef, useCssVars, onMounted, openBlock, createBlock, withCtx, Suspense, unref, resolveDynamicComponent, createCommentVNode, createElementBlock, renderList, createElementVNode, createTextVNode, toDisplayString } from 'vue';
-import { k as keys, p as propsFactory, o as omit, m as makeVBtnProps, g as genericComponent, u as useTextColor, a as useRender, V as VBtn, b as makeComponentProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, f as useRtl, h as useLocale, i as useGroup, j as useProxiedModel, l as makeGroupItemProps, n as useGroupItem, q as convertToUnit, I as IconValue, r as makeDisplayProps, s as makeGroupProps, t as useDisplay, v as useResizeObserver, w as useGoTo, x as IN_BROWSER, y as VIcon, z as focusableChildren, A as makeDensityProps, B as useDensity, C as useBackgroundColor, D as provideDefaults, E as isObject, _ as _export_sfc, F as useDefineTemplate, G as useLayout } from './asWebComponent-DW1XzZkL.js';
-import { V as VMain } from './VMain-CQpXnzDR.js';
-import { f as forwardRefs, a as animate, s as standardEasing, m as makeLazyProps, u as useLazy, b as useScopeId } from './forwardRefs-gx1Fzngc.js';
+import { k as keys, p as propsFactory, o as omit, m as makeVBtnProps, g as genericComponent, u as useTextColor, a as useRender, V as VBtn, b as makeComponentProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, f as useRtl, h as useLocale, i as useGroup, j as useProxiedModel, l as makeGroupItemProps, n as useGroupItem, q as convertToUnit, I as IconValue, r as makeDisplayProps, s as makeGroupProps, t as useDisplay, v as useResizeObserver, w as useGoTo, x as IN_BROWSER, y as VIcon, z as focusableChildren, A as makeDensityProps, B as useDensity, C as useBackgroundColor, D as provideDefaults, E as isObject, _ as _export_sfc, F as useDefineTemplate, G as useLayout } from './asWebComponent-CLUhauLl.js';
+import { V as VMain } from './VMain-2GOqWb6m.js';
+import { f as forwardRefs, a as animate, s as standardEasing, m as makeLazyProps, u as useLazy, b as useScopeId } from './forwardRefs-CxSsJulB.js';
 import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
-import { M as MaybeTransition } from './transition-j2eWJYMg.js';
-import { V as VFadeTransition } from './index-DvFppNyk.js';
+import { M as MaybeTransition } from './transition-DidoPMgC.js';
+import { V as VFadeTransition } from './index-BMj56LY3.js';
 
 // Utilities
 const handleGesture = wrapper => {
@@ -818,6 +818,14 @@ const VSlideGroup = genericComponent()({
         toFocus('last');
       }
     }
+    function getSiblingElement(el, location) {
+      if (!el) return undefined;
+      let sibling = el;
+      do {
+        sibling = sibling?.[location === 'next' ? 'nextElementSibling' : 'previousElementSibling'];
+      } while (sibling?.hasAttribute('disabled'));
+      return sibling;
+    }
     function focus(location) {
       if (!contentRef.el) return;
       let el;
@@ -825,15 +833,17 @@ const VSlideGroup = genericComponent()({
         const focusable = focusableChildren(contentRef.el);
         el = focusable[0];
       } else if (location === 'next') {
-        el = contentRef.el.querySelector(':focus')?.nextElementSibling;
+        el = getSiblingElement(contentRef.el.querySelector(':focus'), location);
         if (!el) return focus('first');
       } else if (location === 'prev') {
-        el = contentRef.el.querySelector(':focus')?.previousElementSibling;
+        el = getSiblingElement(contentRef.el.querySelector(':focus'), location);
         if (!el) return focus('last');
       } else if (location === 'first') {
         el = contentRef.el.firstElementChild;
+        if (el?.hasAttribute('disabled')) el = getSiblingElement(el, 'next');
       } else if (location === 'last') {
         el = contentRef.el.lastElementChild;
+        if (el?.hasAttribute('disabled')) el = getSiblingElement(el, 'prev');
       }
       if (el) {
         el.focus({

package/dist/client/{PopUp-Bmfn3N_4.js → PopUp-CzqV8BFZ.js}

@@ -1,7 +1,7 @@
 import { createVNode, Transition, mergeProps, ref, onBeforeUnmount, watch, nextTick, toRef, mergeModels, useModel, openBlock, createElementBlock, withCtx, createBlock, resolveDynamicComponent, unref, createCommentVNode, renderSlot } from 'vue';
-import { g as genericComponent, p as propsFactory, j as useProxiedModel, x as IN_BROWSER, a as useRender, z as focusableChildren, Q as VDefaultsProvider, K as makeBorderProps, b as makeComponentProps, H as makeDimensionProps, L as makeElevationProps, au as makeLocationProps, av as makePositionProps, M as makeRoundedProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, C as useBackgroundColor, N as useBorder, J as useDimension, O as useElevation, az as useLocation, aA as usePosition, P as useRounded, aJ as useDefineWidgets } from './asWebComponent-DW1XzZkL.js';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-DUnITwM1.js';
-import { a as animate, d as deceleratedEasing, s as standardEasing, c as acceleratedEasing, g as getTargetBox, n as nullifyTransforms, b as useScopeId, f as forwardRefs } from './forwardRefs-gx1Fzngc.js';
+import { g as genericComponent, p as propsFactory, j as useProxiedModel, x as IN_BROWSER, a as useRender, z as focusableChildren, Q as VDefaultsProvider, K as makeBorderProps, b as makeComponentProps, H as makeDimensionProps, L as makeElevationProps, au as makeLocationProps, av as makePositionProps, M as makeRoundedProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, C as useBackgroundColor, N as useBorder, J as useDimension, O as useElevation, az as useLocation, aA as usePosition, P as useRounded, aJ as useDefineWidgets } from './asWebComponent-CLUhauLl.js';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-BetC0LGI.js';
+import { a as animate, d as deceleratedEasing, s as standardEasing, c as acceleratedEasing, g as getTargetBox, n as nullifyTransforms, b as useScopeId, f as forwardRefs } from './forwardRefs-CxSsJulB.js';
 
 const makeVDialogTransitionProps = propsFactory({
   target: [Object, Array]

package/dist/client/{VImg-CUF4S39i.js → VImg-Bn8bCvVM.js}

@@ -1,6 +1,6 @@
 import { createVNode, computed, toRef, shallowRef, ref, watch, onBeforeMount, nextTick, onBeforeUnmount, withDirectives, mergeProps, Fragment, resolveDirective, vShow } from 'vue';
-import { aH as SUPPORTS_INTERSECTION, p as propsFactory, b as makeComponentProps, H as makeDimensionProps, g as genericComponent, J as useDimension, a as useRender, M as makeRoundedProps, C as useBackgroundColor, P as useRounded, aI as getCurrentInstance, q as convertToUnit } from './asWebComponent-DW1XzZkL.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-j2eWJYMg.js';
+import { aH as SUPPORTS_INTERSECTION, p as propsFactory, b as makeComponentProps, H as makeDimensionProps, g as genericComponent, J as useDimension, a as useRender, M as makeRoundedProps, C as useBackgroundColor, P as useRounded, aI as getCurrentInstance, q as convertToUnit } from './asWebComponent-CLUhauLl.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-DidoPMgC.js';
 
 // Utilities
 function mounted(el, binding) {

package/dist/client/{VMain-CQpXnzDR.js → VMain-2GOqWb6m.js}

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

package/dist/client/{VOverlay-DUnITwM1.js → VOverlay-BetC0LGI.js}

@@ -1,7 +1,7 @@
 import { ref, watch, onScopeDispose, computed, nextTick, watchEffect, effectScope, inject, mergeProps, shallowRef, onMounted, reactive, provide, readonly, toRaw, warn, toRef, onBeforeUnmount, createVNode, Fragment, Teleport, withDirectives, vShow, resolveDirective, Transition } from 'vue';
-import { aK as isOn, aL as eventName, p as propsFactory, x as IN_BROWSER, U as useToggleScope, aM as destructComputed, aN as parseAnchor, aO as flipSide, aP as flipAlign, aQ as flipCorner, Y as consoleError, aR as getAxis, q as convertToUnit, R as clamp, aS as defer, aI as getCurrentInstance, aT as templateRef, aU as matchesSelector, t as useDisplay, b as makeComponentProps, H as makeDimensionProps, d as makeThemeProps, g as genericComponent, j as useProxiedModel, e as provideTheme, f as useRtl, C as useBackgroundColor, J as useDimension, aV as useRouter, a as useRender, aW as useBackButton } from './asWebComponent-DW1XzZkL.js';
-import { g as getTargetBox, B as Box, e as getOverflow, n as nullifyTransforms, m as makeLazyProps, u as useLazy, b as useScopeId, a as animate, s as standardEasing } from './forwardRefs-gx1Fzngc.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-j2eWJYMg.js';
+import { aK as isOn, aL as eventName, p as propsFactory, x as IN_BROWSER, U as useToggleScope, aM as destructComputed, aN as parseAnchor, aO as flipSide, aP as flipAlign, aQ as flipCorner, Y as consoleError, aR as getAxis, q as convertToUnit, R as clamp, aS as defer, aI as getCurrentInstance, aT as templateRef, aU as matchesSelector, t as useDisplay, b as makeComponentProps, H as makeDimensionProps, d as makeThemeProps, g as genericComponent, j as useProxiedModel, e as provideTheme, f as useRtl, C as useBackgroundColor, J as useDimension, aV as useRouter, a as useRender, aW as useBackButton } from './asWebComponent-CLUhauLl.js';
+import { g as getTargetBox, B as Box, e as getOverflow, n as nullifyTransforms, m as makeLazyProps, u as useLazy, b as useScopeId, a as animate, s as standardEasing } from './forwardRefs-CxSsJulB.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-DidoPMgC.js';
 
 // Utilities
 const handlers = new WeakMap();

package/dist/client/{VTooltip-BYTlbKer.js → VTooltip-BWg0dxx5.js}

@@ -1,7 +1,7 @@
 import { computed, ref, mergeProps, createVNode } from 'vue';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-DUnITwM1.js';
-import { b as useScopeId, f as forwardRefs } from './forwardRefs-gx1Fzngc.js';
-import { p as propsFactory, o as omit, g as genericComponent, j as useProxiedModel, am as getUid, a as useRender } from './asWebComponent-DW1XzZkL.js';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-BetC0LGI.js';
+import { b as useScopeId, f as forwardRefs } from './forwardRefs-CxSsJulB.js';
+import { p as propsFactory, o as omit, g as genericComponent, j as useProxiedModel, am as getUid, a as useRender } from './asWebComponent-CLUhauLl.js';
 
 const makeVTooltipProps = propsFactory({
   id: String,

package/dist/client/{WidgetsContainer-BPbgxdb0.js → WidgetsContainer-Cv466WUW.js}

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