@eodash/eodash 5.0.0-alpha.2.26 → 5.0.0-alpha.2.27

package/dist/client/EodashStacInfo-_BfonNUG.js

@@ -0,0 +1,85 @@
+import { openBlock, createElementBlock, createElementVNode, unref } from 'vue';
+import '@eox/stacinfo';
+import { aj as currentUrl } from './asWebComponent-BRGyP_j5.js';
+
+const _hoisted_1 = { class: "flex-grow-1 fill-height overflow-auto" };
+const _hoisted_2 = [".for", ".allowHtml", ".body", ".featured", ".footer", ".styleOverride", ".header", ".subheader", ".tags"];
+
+
+const _sfc_main = {
+  __name: 'EodashStacInfo',
+  props: {
+  allowHtml: {
+    type: Boolean,
+    default: true,
+  },
+
+  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;}`,
+  },
+  header: {
+    type: Array,
+    default: () => ["title"],
+  },
+  tags: {
+    type: Array,
+    default: () => ["themes"],
+  },
+  subheader: {
+    type: Array,
+    default: () => [],
+  },
+  body: {
+    type: Array,
+    default: () => ["satellite", "sensor", "agency", "extent"],
+  },
+  featured: {
+    type: Array,
+    default: () => ["description", "providers", "assets", "links"],
+  },
+  footer: {
+    type: Array,
+    default: () => ["sci:citation"],
+  },
+},
+  setup(__props) {
+
+
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("eox-stacinfo", {
+      ".for": unref(currentUrl),
+      ".allowHtml": __props.allowHtml,
+      ".body": __props.body,
+      ".featured": __props.featured,
+      ".footer": __props.footer,
+      ".styleOverride": __props.styleOverride,
+      ".header": __props.header,
+      ".subheader": __props.subheader,
+      ".tags": __props.tags,
+      style: {"--color-primary-lighter":"none"}
+    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_2)
+  ]))
+}
+}
+
+};
+
+export { _sfc_main as default };

package/dist/client/EodashTools-PD3XPYuR.js

@@ -0,0 +1,103 @@
+import { ref, computed, openBlock, createElementBlock, createElementVNode, createBlock, unref, createCommentVNode, createVNode, withCtx, mergeProps } from 'vue';
+import _sfc_main$2 from './PopUp--_xn1Cms.js';
+import _sfc_main$3 from './EodashItemFilter-16eMMjTV.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-C-3-jjn5.js';
+import { mdiViewDashboard, mdiPlus } from '@mdi/js';
+import { t as useDisplay, a1 as makePanelTransparent, V as VBtn } from './asWebComponent-BRGyP_j5.js';
+
+const _hoisted_1 = { class: "d-flex flex-row justify-space-between pa-4 align-center" };
+
+
+const _sfc_main = {
+  __name: 'EodashTools',
+  props: {
+  showIndicatorsBtn: {
+    type: Boolean,
+    default: true,
+  },
+  showLayoutSwitcher: {
+    type: Boolean,
+    default: true,
+  },
+  layoutTarget: {
+    type: String,
+    default: "light",
+  },
+  // mdi/js icon
+  layoutIcon: {
+    type: String,
+    default: mdiViewDashboard,
+  },
+  indicatorBtnText: {
+    type: String,
+    default: "Select indicator",
+  },
+  itemFilterConfig: {
+    type: Object,
+    default: () => {},
+  },
+},
+  setup(__props) {
+
+const dialog = ref(false);
+
+const { smAndDown } = useDisplay();
+const popupWidth = computed(() => (smAndDown.value ? "80%" : "1500px"));
+const popupHeight = computed(() => (smAndDown.value ? "90%" : "800px"));
+
+const props = __props;
+const rootEl = ref(null);
+makePanelTransparent(rootEl);
+
+return (_ctx, _cache) => {
+                                                     
+
+  return (openBlock(), createElementBlock("div", {
+    ref_key: "rootEl",
+    ref: rootEl,
+    class: "d-flex flex-column fill-height overflow-auto 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)],
+            text: __props.indicatorBtnText,
+            onClick: _cache[0] || (_cache[0] = $event => (dialog.value = !dialog.value))
+          }, null, 8 /* PROPS */, ["append-icon", "text"]))
+        : createCommentVNode("v-if", true),
+      (props.showLayoutSwitcher)
+        ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 1,
+            target: __props.layoutTarget,
+            icon: __props.layoutIcon
+          }, null, 8 /* PROPS */, ["target", "icon"]))
+        : createCommentVNode("v-if", true)
+    ]),
+    createVNode(_sfc_main$2, {
+      modelValue: dialog.value,
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((dialog).value = $event)),
+      maxWidth: popupWidth.value,
+      width: popupWidth.value,
+      "max-height": popupHeight.value,
+      height: popupHeight.value
+    }, {
+      default: withCtx(() => [
+        createVNode(_sfc_main$3, mergeProps({
+          class: "pa-4",
+          "results-title": ""
+        }, props.itemFilterConfig, {
+          onSelect: _cache[1] || (_cache[1] = $event => (dialog.value = !dialog.value))
+        }), null, 16 /* FULL_PROPS */)
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["modelValue", "maxWidth", "width", "max-height", "height"])
+  ], 512 /* NEED_PATCH */))
+}
+}
+
+};
+
+export { _sfc_main as default };

package/dist/client/{ExportState-ByVuIAQb.js → ExportState-DOrT7M15.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-CdFcnKMY.js';
-import { ac as createSimpleFunctional, g as genericComponent, b as makeComponentProps, D as provideDefaults, a as useRender, p as propsFactory, c as makeTagProps, I as IconValue, L as makeBorderProps, A as makeDensityProps, N as makeRoundedProps, ad as makeSizeProps, d as makeThemeProps, ae as makeVariantProps, e as provideTheme, O as useBorder, af as useVariant, B as useDensity, Q as useRounded, ag as useSize, y as VIcon, R as VDefaultsProvider, ah as genOverlays, J as makeDimensionProps, M as makeElevationProps, ai as makeLoaderProps, aj as makeLocationProps, ak as makePositionProps, al as makeRouterProps, am as Ripple, K as useDimension, P as useElevation, an as useLoader, ao as useLocation, ap as usePosition, aq as useLink, ar as LoaderSlot, u as useTextColor, q as convertToUnit, _ as _export_sfc, as as getLayers, a8 as mapPosition, at as removeUnneededProperties, a1 as VRow, au as VCol, V as VBtn, av as copyToClipBoard } from './asWebComponent-BsbKnhGV.js';
-import { a as VExpandTransition } from './index-B3dnMr8a.js';
-import { V as VImg } from './VImg-fKGJ7xyb.js';
+import _sfc_main$1 from './PopUp--_xn1Cms.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, ad as mapPosition, aC as removeUnneededProperties, aD as VRow, aE as VCol, V as VBtn, aF as copyToClipBoard } from './asWebComponent-BRGyP_j5.js';
+import { a as VExpandTransition } from './index-BZwk0V42.js';
+import { V as VImg } from './VImg-9xu2l99m.js';
 
 // Styles
 const VSpacer = createSimpleFunctional('v-spacer', 'div', 'VSpacer');
@@ -639,6 +639,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const ExportState = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-b8c788e8"]]);
+const ExportState = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-bfef967b"]]);
 
 export { ExportState as default };

package/dist/client/{Footer-D691KLtK.js → Footer-CCigxYBo.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, L as makeBorderProps, b as makeComponentProps, M as makeElevationProps, U as makeLayoutItemProps, N as makeRoundedProps, c as makeTagProps, d as makeThemeProps, g as genericComponent, e as provideTheme, C as useBackgroundColor, O as useBorder, P as useElevation, Q as useRounded, v as useResizeObserver, W as useToggleScope, a as useRender, q as convertToUnit, X as useLayoutItem, _ as _export_sfc, F as eodashKey, t as useDisplay } from './asWebComponent-BsbKnhGV.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-BRGyP_j5.js';
 
 const makeVFooterProps = propsFactory({
   app: Boolean,

package/dist/client/{Header-B8UBQstf.js → Header-C2cdx4gb.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, L as makeBorderProps, M as makeElevationProps, N as makeRoundedProps, d as makeThemeProps, C as useBackgroundColor, O as useBorder, P as useElevation, Q as useRounded, e as provideTheme, f as useRtl, D as provideDefaults, R as VDefaultsProvider, q as convertToUnit, S as clamp, T as consoleWarn, U as makeLayoutItemProps, j as useProxiedModel, W as useToggleScope, X as useLayoutItem, _ as _export_sfc, F as eodashKey } from './asWebComponent-BsbKnhGV.js';
-import { a as VExpandTransition } from './index-B3dnMr8a.js';
-import { V as VImg } from './VImg-fKGJ7xyb.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-BRGyP_j5.js';
+import { a as VExpandTransition } from './index-BZwk0V42.js';
+import { V as VImg } from './VImg-9xu2l99m.js';
 import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
 
 const makeVToolbarTitleProps = propsFactory({

package/dist/client/{MobileLayout-6bHjYguI.js → MobileLayout-BdiFjHg7.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, createTextVNode, createElementVNode, 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 eodashKey, G as useDefineWidgets, H as useLayout } from './asWebComponent-BsbKnhGV.js';
-import { V as VMain } from './VMain-Hf5R6yWY.js';
-import { f as forwardRefs, a as animate, s as standardEasing, m as makeLazyProps, u as useLazy, b as useScopeId } from './forwardRefs-I2EA3z3_.js';
+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-BRGyP_j5.js';
+import { V as VMain } from './VMain-BUs3kDTd.js';
+import { f as forwardRefs, a as animate, s as standardEasing, m as makeLazyProps, u as useLazy, b as useScopeId } from './forwardRefs-CYrR6bMw.js';
 import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
-import { M as MaybeTransition } from './transition-DJ9gfiuP.js';
-import { V as VFadeTransition } from './index-B3dnMr8a.js';
+import { M as MaybeTransition } from './transition-DG9nRSW4.js';
+import { V as VFadeTransition } from './index-BZwk0V42.js';
 
 // Utilities
 const handleGesture = wrapper => {
@@ -1079,7 +1079,8 @@ const _hoisted_1 = {
   id: "overlay",
   class: "pa-2 panel bg-surface"
 };
-const _hoisted_2 = { class: "component-container" };
+const _hoisted_2 = { class: "d-flex py-2 justify-end align-end" };
+const _hoisted_3 = { class: "component-container" };
 
 
 const _sfc_main = {
@@ -1087,18 +1088,12 @@ const _sfc_main = {
   setup(__props) {
 
 useCssVars(_ctx => ({
-  "fbf7b91a": (mainRectTopPx.value),
-  "2c845582": (tabsHeightFromBtm.value),
-  "fdee920e": (mainRectBtmPx.value)
+  "1f5b5478": (mainRectTopPx.value),
+  "934a0878": (tabsHeightFromBtm.value),
+  "1e5fe7fe": (mainRectBtmPx.value)
 }));
 
-const eodash = /** @type {import("@/types").Eodash} */ (inject(eodashKey));
-
-//import widgets
-const widgetsConfig = eodash.template.widgets;
-const importedWidgets = useDefineWidgets(widgetsConfig);
-const [bgWidget] = useDefineWidgets([eodash.template?.background]);
-
+const { bgWidget, importedWidgets } = useDefineTemplate();
 const { mainRect } = useLayout();
 
 const activeIdx = ref(-1);
@@ -1126,7 +1121,7 @@ return (_ctx, _cache) => {
     default: withCtx(() => [
       (openBlock(), createBlock(Suspense, { suspensible: "" }, {
         default: withCtx(() => [
-          (unref(bgWidget).component)
+          (unref(bgWidget)?.component)
             ? (openBlock(), createBlock(resolveDynamicComponent(unref(bgWidget).component), mergeProps({
                 key: 0,
                 id: "bg-widget"
@@ -1139,20 +1134,22 @@ return (_ctx, _cache) => {
         return (openBlock(), createElementBlock(Fragment, { key: idx }, [
           (importedWidget.value.component)
             ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-                createVNode(VBtn, {
-                  icon: "",
-                  variant: "text",
-                  class: "close-btn",
-                  onClick: _cache[0] || (_cache[0] = $event => (activeIdx.value = -1))
-                }, {
-                  default: withCtx(() => _cache[2] || (_cache[2] = [
-                    createTextVNode("✕")
-                  ])),
-                  _: 1 /* STABLE */
-                }),
+                createElementVNode("div", _hoisted_2, [
+                  createVNode(VBtn, {
+                    icon: "",
+                    variant: "text",
+                    class: "close-btn",
+                    onClick: _cache[0] || (_cache[0] = $event => (activeIdx.value = -1))
+                  }, {
+                    default: withCtx(() => _cache[2] || (_cache[2] = [
+                      createTextVNode("✕")
+                    ])),
+                    _: 1 /* STABLE */
+                  })
+                ]),
                 (openBlock(), createBlock(Suspense, { suspensible: "" }, {
                   default: withCtx(() => [
-                    withDirectives(createElementVNode("div", _hoisted_2, [
+                    withDirectives(createElementVNode("div", _hoisted_3, [
                       (openBlock(), createBlock(resolveDynamicComponent(importedWidget.value.component), mergeProps({
                         key: importedWidget.value.id,
                         ref_for: true
@@ -1205,6 +1202,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const MobileLayout = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-e69b9875"]]);
+const MobileLayout = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-36affbb0"]]);
 
 export { MobileLayout as default };

package/dist/client/{PopUp-CdFcnKMY.js → PopUp--_xn1Cms.js}

@@ -1,7 +1,7 @@
-import { createVNode, Transition, mergeProps, ref, 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, R as VDefaultsProvider, L as makeBorderProps, b as makeComponentProps, J as makeDimensionProps, M as makeElevationProps, aj as makeLocationProps, ak as makePositionProps, N as makeRoundedProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, C as useBackgroundColor, O as useBorder, K as useDimension, P as useElevation, ao as useLocation, ap as usePosition, Q as useRounded, G as useDefineWidgets } from './asWebComponent-BsbKnhGV.js';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-ClFjEtlD.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-I2EA3z3_.js';
+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-BRGyP_j5.js';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-D89omJis.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-CYrR6bMw.js';
 
 const makeVDialogTransitionProps = propsFactory({
   target: [Object, Array]
@@ -195,6 +195,9 @@ const VDialog = genericComponent()({
         }
       }
     }
+    onBeforeUnmount(() => {
+      document.removeEventListener('focusin', onFocusin);
+    });
     if (IN_BROWSER) {
       watch(() => isActive.value && props.retainFocus, val => {
         val ? document.addEventListener('focusin', onFocusin) : document.removeEventListener('focusin', onFocusin);
@@ -242,6 +245,10 @@ const VDialog = genericComponent()({
         "aria-modal": "true",
         "activatorProps": activatorProps,
         "contentProps": contentProps,
+        "height": !props.fullscreen ? props.height : undefined,
+        "width": !props.fullscreen ? props.width : undefined,
+        "maxHeight": !props.fullscreen ? props.maxHeight : undefined,
+        "maxWidth": !props.fullscreen ? props.maxWidth : undefined,
         "role": "dialog",
         "onAfterEnter": onAfterEnter,
         "onAfterLeave": onAfterLeave
@@ -326,6 +333,22 @@ const _sfc_main = {
     type: Object,
     default: undefined,
   },
+  maxWidth: {
+    type: String,
+    default: "500px",
+  },
+  maxHeight: {
+    type: String,
+    default: "500px",
+  },
+  width: {
+    type: String,
+    default: "500px",
+  },
+  height: {
+    type: String,
+    default: "500px",
+  },
 }, {
     "modelValue": { type: Boolean, required: true, default: false },
     "modelModifiers": {},
@@ -337,6 +360,13 @@ const dialog = useModel(__props, "modelValue");
 
 const props = __props;
 
+const config = {
+  maxWidth: props.maxWidth,
+  maxHeight: props.maxHeight,
+  width: props.width,
+  height: props.height,
+};
+
 const [definedWidget] = useDefineWidgets([props?.widget]);
 
 return (_ctx, _cache) => {
@@ -344,16 +374,14 @@ return (_ctx, _cache) => {
                                                            
 
   return (openBlock(), createElementBlock("span", null, [
-    createVNode(VDialog, {
-      "max-width": "500px",
-      "max-height": "500px",
+    createVNode(VDialog, mergeProps(config, {
       absolute: "",
       scrollable: "",
       "scroll-strategy": "block",
       "close-on-back": "",
       modelValue: dialog.value,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((dialog).value = $event))
-    }, {
+    }), {
       default: withCtx(() => [
         createVNode(VSheet, null, {
           default: withCtx(() => [
@@ -372,7 +400,7 @@ return (_ctx, _cache) => {
         })
       ]),
       _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["modelValue"])
+    }, 16 /* FULL_PROPS */, ["modelValue"])
   ]))
 }
 }

package/dist/client/{VImg-fKGJ7xyb.js → VImg-9xu2l99m.js}

@@ -1,6 +1,6 @@
 import { createVNode, computed, toRef, shallowRef, ref, watch, onBeforeMount, nextTick, onBeforeUnmount, withDirectives, mergeProps, Fragment, resolveDirective, vShow } from 'vue';
-import { aw as SUPPORTS_INTERSECTION, p as propsFactory, b as makeComponentProps, J as makeDimensionProps, g as genericComponent, K as useDimension, a as useRender, N as makeRoundedProps, C as useBackgroundColor, Q as useRounded, ax as getCurrentInstance, q as convertToUnit } from './asWebComponent-BsbKnhGV.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-DJ9gfiuP.js';
+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-BRGyP_j5.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-DG9nRSW4.js';
 
 // Utilities
 function mounted(el, binding) {

package/dist/client/{VMain-Hf5R6yWY.js → VMain-BUs3kDTd.js}

@@ -1,5 +1,5 @@
 import { createVNode } from 'vue';
-import { p as propsFactory, b as makeComponentProps, J as makeDimensionProps, c as makeTagProps, g as genericComponent, K as useDimension, H as useLayout, a as useRender } from './asWebComponent-BsbKnhGV.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-BRGyP_j5.js';
 import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
 
 const makeVMainProps = propsFactory({

package/dist/client/{VOverlay-ClFjEtlD.js → VOverlay-D89omJis.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 { ay as isOn, az as eventName, p as propsFactory, x as IN_BROWSER, W as useToggleScope, aA as destructComputed, aB as parseAnchor, aC as flipSide, aD as flipAlign, aE as flipCorner, aF as consoleError, aG as getAxis, q as convertToUnit, S as clamp, aH as defer, ax as getCurrentInstance, aI as templateRef, aJ as matchesSelector, t as useDisplay, b as makeComponentProps, J as makeDimensionProps, d as makeThemeProps, g as genericComponent, j as useProxiedModel, e as provideTheme, f as useRtl, C as useBackgroundColor, K as useDimension, aK as useRouter, a as useRender, aL as useBackButton } from './asWebComponent-BsbKnhGV.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-I2EA3z3_.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-DJ9gfiuP.js';
+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-BRGyP_j5.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-CYrR6bMw.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-DG9nRSW4.js';
 
 // Utilities
 const handlers = new WeakMap();

package/dist/client/VTooltip-CDu3bErh.js

@@ -0,0 +1,86 @@
+import { computed, ref, mergeProps, createVNode } from 'vue';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-D89omJis.js';
+import { b as useScopeId, f as forwardRefs } from './forwardRefs-CYrR6bMw.js';
+import { p as propsFactory, o as omit, g as genericComponent, j as useProxiedModel, al as getUid, a as useRender } from './asWebComponent-BRGyP_j5.js';
+
+const makeVTooltipProps = propsFactory({
+  id: String,
+  text: String,
+  ...omit(makeVOverlayProps({
+    closeOnBack: false,
+    location: 'end',
+    locationStrategy: 'connected',
+    eager: true,
+    minWidth: 0,
+    offset: 10,
+    openOnClick: false,
+    openOnHover: true,
+    origin: 'auto',
+    scrim: false,
+    scrollStrategy: 'reposition',
+    transition: false
+  }), ['absolute', 'persistent'])
+}, 'VTooltip');
+const VTooltip = genericComponent()({
+  name: 'VTooltip',
+  props: makeVTooltipProps(),
+  emits: {
+    'update:modelValue': value => true
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const isActive = useProxiedModel(props, 'modelValue');
+    const {
+      scopeId
+    } = useScopeId();
+    const uid = getUid();
+    const id = computed(() => props.id || `v-tooltip-${uid}`);
+    const overlay = ref();
+    const location = computed(() => {
+      return props.location.split(' ').length > 1 ? props.location : props.location + ' center';
+    });
+    const origin = computed(() => {
+      return props.origin === 'auto' || props.origin === 'overlap' || props.origin.split(' ').length > 1 || props.location.split(' ').length > 1 ? props.origin : props.origin + ' center';
+    });
+    const transition = computed(() => {
+      if (props.transition) return props.transition;
+      return isActive.value ? 'scale-transition' : 'fade-transition';
+    });
+    const activatorProps = computed(() => mergeProps({
+      'aria-describedby': id.value
+    }, props.activatorProps));
+    useRender(() => {
+      const overlayProps = VOverlay.filterProps(props);
+      return createVNode(VOverlay, mergeProps({
+        "ref": overlay,
+        "class": ['v-tooltip', props.class],
+        "style": props.style,
+        "id": id.value
+      }, overlayProps, {
+        "modelValue": isActive.value,
+        "onUpdate:modelValue": $event => isActive.value = $event,
+        "transition": transition.value,
+        "absolute": true,
+        "location": location.value,
+        "origin": origin.value,
+        "persistent": true,
+        "role": "tooltip",
+        "activatorProps": activatorProps.value,
+        "_disableGlobalStack": true
+      }, scopeId), {
+        activator: slots.activator,
+        default: function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return slots.default?.(...args) ?? props.text;
+        }
+      });
+    });
+    return forwardRefs({}, overlay);
+  }
+});
+
+export { VTooltip as V };

package/dist/client/{WidgetsContainer-XXYJfaPR.js → WidgetsContainer-aFG9yFT6.js}

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