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

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

@@ -1,14 +1,46 @@
-import { watch, onMounted, nextTick, ref, openBlock, createElementBlock, createCommentVNode, toRaw, createElementVNode, createBlock, withCtx, 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 { af as axios, ag as getLayers, a3 as mapEl, ah as extractLayerConfig, aa as eoxLayersKey, $ as useSTAcStore, ai as useOnLayersUpdate, V as VBtn } from './asWebComponent-BnFMd0T6.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';
 import mustache from 'mustache';
 import log from 'loglevel';
 
+const makeVContainerProps = propsFactory({
+  fluid: {
+    type: Boolean,
+    default: false
+  },
+  ...makeComponentProps(),
+  ...makeDimensionProps(),
+  ...makeTagProps()
+}, 'VContainer');
+const VContainer = genericComponent()({
+  name: 'VContainer',
+  props: makeVContainerProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      rtlClasses
+    } = useRtl();
+    const {
+      dimensionStyles
+    } = useDimension(props);
+    useRender(() => createVNode(props.tag, {
+      "class": ['v-container', {
+        'v-container--fluid': props.fluid
+      }, rtlClasses.value, props.class],
+      "style": [dimensionStyles.value, props.style]
+    }, slots));
+    return {};
+  }
+});
+
 /**
  * Polls the process status and fetches a result item when the process is successful.
  *
@@ -50,6 +82,10 @@ async function pollProcessStatus({
         console.log("Result file fetched successfully:", resultResponse.data);
         return resultResponse.data; // Return the json result list
       }
+      if (processReport.status === "failed") {
+        isPolling.value = false;
+        throw new Error("Process failed.", processReport);
+      }
 
       // Log the current status if not successful
       console.log(
@@ -372,7 +408,7 @@ async function processGeoTiff(links, jsonformValue, layerId, isPolling) {
  * @param {import("stac-ts").StacLink[] | undefined} links
  * @param {Record<string,any> | undefined} jsonformValue
  * @param {string} specUrl
- * @returns {Promise<[import("vega").Spec|null,Record<string,any>|null]>}
+ * @returns {Promise<[import("@eox/chart").EOxChart["spec"] | null,Record<string,any>|null]>}
  **/
 async function getChartValues(links, jsonformValue, specUrl) {
   if (!specUrl || !links) return [null, null];
@@ -391,7 +427,7 @@ async function getChartValues(links, jsonformValue, specUrl) {
   for (const link of dataLinks ?? []) {
     if (link.type && ["application/json", "text/csv"].includes(link.type)) {
       const dataUrl = mustache.render(link.href, {
-        ...(jsonformValue ?? {}),
+        ...(jsonformValue),
         ...(link["eox:flatstyle"] ?? {}),
       });
       // Wait for data to be retrieved
@@ -406,7 +442,7 @@ async function getChartValues(links, jsonformValue, specUrl) {
     dataValues[/** @type {string} */ (link.id)] = await axios
       .get(
         mustache.render(link.href, {
-          ...(jsonformValue ?? {}),
+          ...(jsonformValue),
           ...(link["eox:flatstyle"] ?? {}),
         }),
       )
@@ -421,9 +457,10 @@ async function getChartValues(links, jsonformValue, specUrl) {
  * @param {import("vue").Ref<import("stac-ts").StacCollection | null>} params.selectedStac
  * @param {import("vue").Ref<import("@eox/jsonform").EOxJSONForm | null>} params.jsonformEl
  * @param {import("vue").Ref<Record<string,any>|null>} params.jsonformSchema
- * @param {import("vue").Ref<import("@eox/chart").EOxChart["spec"]>} params.chartSpec
+ * @param {import("vue").Ref<import("@eox/chart").EOxChart["spec"] | null>} params.chartSpec
  * @param {import("vue").Ref<Record<string, any> | null>} params.chartData
  * @param {import("vue").Ref<boolean>} params.isPolling
+ * @param {import("vue").Ref<any[]>} params.processResults
  */
 async function handleProcesses({
   loading,
@@ -433,6 +470,7 @@ async function handleProcesses({
   chartSpec,
   chartData,
   isPolling,
+  processResults,
 }) {
   log.debug("Processing...");
   loading.value = true;
@@ -458,22 +496,50 @@ async function handleProcesses({
       { ...(jsonformValue ?? {}) },
       specUrl,
     );
+    if (Object.keys(chartData.value ?? {}).length) {
+      processResults.value.push(chartData.value);
+    }
+    //@ts-expect-error we assume that the spec data is of type InlineData
+    if (chartSpec.value?.data?.values?.length) {
+      //@ts-expect-error we assume that the spec data is of type InlineData
+      processResults.value.push(chartSpec.value?.data.values);
+    }
+
     if (chartSpec.value && !("background" in chartSpec.value)) {
       chartSpec.value["background"] = "transparent";
     }
+
     const geotiffLayer = await processGeoTiff(
       serviceLinks,
       jsonformValue,
       selectedStac.value?.id ?? "",
       isPolling,
     );
+
+    if (geotiffLayer && geotiffLayer.source?.sources.length) {
+      processResults.value.push(
+        ...(geotiffLayer.source?.sources?.map((source) => source.url) ?? []),
+      );
+    }
+    // 3. vector geojson
     const vectorLayers = await processVector(
       serviceLinks,
       jsonformValue,
       selectedStac.value?.id ?? "",
     );
 
+    if (vectorLayers?.length) {
+      processResults.value.push(
+        ...vectorLayers.map((layer) => layer.source?.url),
+      );
+    }
+
     const imageLayers = processImage(serviceLinks, jsonformValue, origBbox);
+    if (imageLayers?.length) {
+      processResults.value.push(
+        ...imageLayers.map((layer) => layer.source?.url),
+      );
+    }
 
     log.debug(
       "rendered layers after processing:",
@@ -511,8 +577,9 @@ async function handleProcesses({
  * @param {Object} params
  * @param {import("vue").Ref<boolean>} params.loading
  * @param {import("vue").Ref<boolean>} params.isProcessed
- * @param {import("vue").Ref<import("@eox/chart").EOxChart["spec"]>} params.chartSpec
+ * @param {import("vue").Ref<import("@eox/chart").EOxChart["spec"] | null>} params.chartSpec
  * @param {import("vue").Ref<boolean>} params.isPolling
+ * @param {import("vue").Ref<any[]>} params.processResults
  * @param {import("vue").Ref<Record<string,any>|null>} params.jsonformSchema
  */
 function resetProcess({
@@ -520,12 +587,14 @@ function resetProcess({
   isProcessed,
   chartSpec,
   jsonformSchema,
+  processResults,
   isPolling,
 }) {
   loading.value = false;
   isProcessed.value = false;
   isPolling.value = false;
   chartSpec.value = null;
+  processResults.value = [];
   jsonformSchema.value = null;
 }
 
@@ -538,7 +607,8 @@ function resetProcess({
  * @param {import("vue").Ref<import("stac-ts").StacCollection>} params.selectedStac
  * @param {import("vue").Ref<import("@eox/jsonform").EOxJSONForm | null>} params.jsonformEl
  * @param {import("vue").Ref<Record<string,any> | null>} params.jsonformSchema
- * @param {import("vue").Ref<import("@eox/chart").EOxChart["spec"]>} params.chartSpec
+ * @param {import("vue").Ref<import("@eox/chart").EOxChart["spec"] | null>} params.chartSpec
+ * @param {import("vue").Ref<any[]>} params.processResults
  * @param {import("vue").Ref<boolean>} params.isProcessed
  * @param {import("vue").Ref<boolean>} params.loading
  * @param {import("vue").Ref<boolean>} params.isPolling
@@ -549,13 +619,21 @@ async function initProcess({
   jsonformSchema,
   chartSpec,
   isProcessed,
+  processResults,
   loading,
   isPolling,
 }) {
   if (!selectedStac.value) {
     return;
   }
-  resetProcess({ loading, isProcessed, chartSpec, jsonformSchema, isPolling });
+  resetProcess({
+    loading,
+    isProcessed,
+    chartSpec,
+    jsonformSchema,
+    isPolling,
+    processResults,
+  });
   if (selectedStac.value["eodash:jsonform"]) {
     jsonformEl.value?.editor.destroy();
     // wait for the layers to be rendered
@@ -575,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"];
 
@@ -599,12 +680,47 @@ 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);
 
 const isPolling = ref(false);
+/** @type {import("vue").Ref<any[]>} */
+const processResults = ref([]);
 
+const downloadResults = () => {
+  processResults.value.forEach((result) => {
+    if (!result) {
+      return;
+    }
+    let url = "";
+    let downloadFile = "";
+    if (typeof result === "string") {
+      url = result;
+      //@ts-expect-error TODO
+      downloadFile = url.includes("/") ? url.split("/").pop() : url;
+      downloadFile = downloadFile.includes("?")
+        ? downloadFile.split("?")[0]
+        : downloadFile;
+    } else {
+      result = JSON.stringify(result);
+      const blob = new Blob([result], { type: "text" });
+      url = URL.createObjectURL(blob);
+      downloadFile = selectedStac.value?.id + "_process_results.json";
+    }
+    const link = document.createElement("a");
+    if (confirm(`Would you like to download ${downloadFile}?`)) {
+      link.href = url;
+      link.download = downloadFile;
+      link.click();
+    }
+    URL.revokeObjectURL(url);
+    link.remove();
+  });
+};
 onMounted(async () => {
   // wait for the layers to be rendered
   if (mapEl.value?.layers.length <= 1) {
@@ -617,6 +733,7 @@ onMounted(async () => {
         chartSpec,
         isProcessed,
         loading,
+        processResults,
         isPolling,
       });
     });
@@ -628,14 +745,15 @@ onMounted(async () => {
       jsonformSchema,
       chartSpec,
       isProcessed,
+      processResults,
       loading,
       isPolling,
     });
   }
 });
 
-useOnLayersUpdate(
-  async () =>
+useOnLayersUpdate(async (evt, _payload) => {
+  if (evt === "layers:updated") {
     await initProcess({
       //@ts-expect-error TODO
       selectedStac,
@@ -643,10 +761,12 @@ useOnLayersUpdate(
       jsonformSchema,
       chartSpec,
       isProcessed,
+      processResults,
       loading,
       isPolling,
-    }),
-);
+    });
+  }
+});
 
 const startProcess = async () => {
   const errors = jsonformEl.value?.editor.validate();
@@ -654,6 +774,7 @@ const startProcess = async () => {
     console.warn("[eodash] Form validation failed", errors);
     return;
   }
+  processResults.value = [];
   await handleProcesses({
     jsonformEl,
     jsonformSchema,
@@ -664,13 +785,29 @@ const startProcess = async () => {
     selectedStac,
     isProcessed,
     isPolling,
+    processResults,
   });
   isProcessed.value = true;
 };
 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) => {
                                                      
+                                                                 
 
   return (openBlock(), createElementBlock("div", _hoisted_1, [
     (jsonformSchema.value)
@@ -686,26 +823,44 @@ 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),
-    createElementVNode("span", null, [
-      (!autoExec.value)
-        ? (openBlock(), createBlock(VBtn, {
-            key: 0,
-            loading: loading.value,
-            style: {"float":"right","margin-right":"20px"},
-            onClick: startProcess,
-            color: "primary"
-          }, {
-            default: withCtx(() => _cache[0] || (_cache[0] = [
-              createTextVNode(" Execute ")
-            ])),
-            _: 1 /* STABLE */
-          }, 8 /* PROPS */, ["loading"]))
-        : createCommentVNode("v-if", true)
-    ])
-  ]))
+    createVNode(VContainer, null, {
+      default: withCtx(() => [
+        createElementVNode("span", null, [
+          (!autoExec.value)
+            ? (openBlock(), createBlock(VBtn, {
+                key: 0,
+                loading: loading.value,
+                style: {"float":"right","margin-right":"20px"},
+                onClick: startProcess,
+                color: "primary"
+              }, {
+                default: withCtx(() => _cache[0] || (_cache[0] = [
+                  createTextVNode(" Execute ")
+                ])),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["loading"]))
+            : createCommentVNode("v-if", true),
+          (processResults.value.length && isProcessed.value)
+            ? (openBlock(), createBlock(VBtn, {
+                key: 1,
+                color: "primary",
+                onClick: downloadResults
+              }, {
+                default: withCtx(() => _cache[1] || (_cache[1] = [
+                  createTextVNode(" Download ")
+                ])),
+                _: 1 /* STABLE */
+              }))
+            : createCommentVNode("v-if", true)
+        ])
+      ]),
+      _: 1 /* STABLE */
+    })
+  ], 512 /* NEED_PATCH */))
 }
 }
 

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

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, createElementVNode, unref } from 'vue';
 import '@eox/stacinfo';
-import { aj as currentUrl } from './asWebComponent-BnFMd0T6.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-DY2dlNXW.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-CREaSybs.js';
-import _sfc_main$3 from './EodashItemFilter-DBQwJQPh.js';
-import _sfc_main$1 from './EodashLayoutSwitcher-BMO9k_20.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-BnFMd0T6.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-BvD5A0XG.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-CREaSybs.js';
-import { am 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, an as makeSizeProps, d as makeThemeProps, ao as makeVariantProps, e as provideTheme, N as useBorder, ap as useVariant, B as useDensity, P as useRounded, aq as useSize, y as VIcon, Q as VDefaultsProvider, ar as genOverlays, H as makeDimensionProps, L as makeElevationProps, as as makeLoaderProps, at as makeLocationProps, au as makePositionProps, av as makeRouterProps, aw as Ripple, J as useDimension, O as useElevation, ax as useLoader, ay as useLocation, az as usePosition, aA as useLink, aB as LoaderSlot, u as useTextColor, q as convertToUnit, _ as _export_sfc, ag as getLayers, aC as removeUnneededProperties, aD as VRow, aE as VCol, V as VBtn, aF as copyToClipBoard, ad as mapPosition, a8 as availableMapProjection } from './asWebComponent-BnFMd0T6.js';
-import { a as VExpandTransition } from './index-CRd5-RSy.js';
-import { V as VImg } from './VImg-DF9esgdd.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-w95gBnSH.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-BnFMd0T6.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-BpiorKy9.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-BnFMd0T6.js';
-import { a as VExpandTransition } from './index-CRd5-RSy.js';
-import { V as VImg } from './VImg-DF9esgdd.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-CmVlZe7S.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-BnFMd0T6.js';
-import { V as VMain } from './VMain-BWLMf-rn.js';
-import { f as forwardRefs, a as animate, s as standardEasing, m as makeLazyProps, u as useLazy, b as useScopeId } from './forwardRefs-BF3Me2RX.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-Cpn_g5jE.js';
-import { V as VFadeTransition } from './index-CRd5-RSy.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-CREaSybs.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, at as makeLocationProps, au 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, ay as useLocation, az as usePosition, P as useRounded, aI as useDefineWidgets } from './asWebComponent-BnFMd0T6.js';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-DmNfblmy.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-BF3Me2RX.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-DF9esgdd.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 { aG 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, aH as getCurrentInstance, q as convertToUnit } from './asWebComponent-BnFMd0T6.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-Cpn_g5jE.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-BWLMf-rn.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-BnFMd0T6.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-DmNfblmy.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 { aJ as isOn, aK as eventName, p as propsFactory, x as IN_BROWSER, U as useToggleScope, aL as destructComputed, aM as parseAnchor, aN as flipSide, aO as flipAlign, aP as flipCorner, Y as consoleError, aQ as getAxis, q as convertToUnit, R as clamp, aR as defer, aH as getCurrentInstance, aS as templateRef, aT 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, aU as useRouter, a as useRender, aV as useBackButton } from './asWebComponent-BnFMd0T6.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-BF3Me2RX.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-Cpn_g5jE.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-C3PeE7iO.js → VTooltip-BWg0dxx5.js}

@@ -1,7 +1,7 @@
 import { computed, ref, mergeProps, createVNode } from 'vue';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-DmNfblmy.js';
-import { b as useScopeId, f as forwardRefs } from './forwardRefs-BF3Me2RX.js';
-import { p as propsFactory, o as omit, g as genericComponent, j as useProxiedModel, al as getUid, a as useRender } from './asWebComponent-BnFMd0T6.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-6FHEEXns.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 { aI as useDefineWidgets, G as useLayout } from './asWebComponent-BnFMd0T6.js';
+import { aJ as useDefineWidgets, G as useLayout } from './asWebComponent-CLUhauLl.js';
 import 'animated-details';
 
 const _sfc_main = {