@eodash/eodash 5.0.0 → 5.1.0

package/dist/client/ProcessList-C2xsLU2_.js

@@ -0,0 +1,191 @@
+import { ref, createVNode, normalizeStyle, normalizeClass, createElementVNode, toRefs, onMounted, createElementBlock, openBlock, createBlock, createCommentVNode, unref, withCtx, Fragment, renderList, toDisplayString, withDirectives, toRef } from 'vue';
+import { mdiUploadBox, mdiDownloadBox, mdiTrashCanOutline } from '@mdi/js';
+import { g as genericComponent, p as propsFactory, b as provideTheme, A as useDensity, a as useRender, f as makeThemeProps, h as makeTagProps, D as makeDensityProps, i as makeComponentProps, q as convertToUnit, _ as _export_sfc, Y as useSTAcStore, a6 as useOnLayersUpdate, V as VBtn } from './asWebComponent-By_7_JjS.js';
+import { C as compareIndicator, B as indicator } from './helpers-Dy0Q13tP.js';
+import { u as updateJobsStatus, l as loadProcess, j as downloadPreviousResults, k as deleteJob } from './async-DkSu_u2K.js';
+import { T as Tooltip } from './index-Dqj4tbx2.js';
+
+/**
+ * The list of job result from the server
+ * {job_start_datetime: string, job_end_datetime: string,status: string}
+ *  @type {import("vue").Ref<import("./types").AsyncJob[]>}
+ **/
+const jobs = ref([]);
+/**
+ * The list of jobs results from the server for the compare map
+ * @type {import("vue").Ref<import("./types").AsyncJob[]>}
+ */
+const compareJobs = ref([]);
+
+const _style_0 = "div.v-table__wrapper{overflow:hidden!important;height:max-content!important}";
+
+const makeVTableProps = propsFactory({
+  fixedHeader: Boolean,
+  fixedFooter: Boolean,
+  height: [Number, String],
+  hover: Boolean,
+  striped: {
+    type: String,
+    default: null,
+    validator: v => ['even', 'odd'].includes(v)
+  },
+  ...makeComponentProps(),
+  ...makeDensityProps(),
+  ...makeTagProps(),
+  ...makeThemeProps()
+}, 'VTable');
+const VTable = genericComponent()({
+  name: 'VTable',
+  props: makeVTableProps(),
+  setup(props, _ref) {
+    let {
+      slots} = _ref;
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      densityClasses
+    } = useDensity(props);
+    useRender(() => createVNode(props.tag, {
+      "class": normalizeClass(['v-table', {
+        'v-table--fixed-height': !!props.height,
+        'v-table--fixed-header': props.fixedHeader,
+        'v-table--fixed-footer': props.fixedFooter,
+        'v-table--has-top': !!slots.top,
+        'v-table--has-bottom': !!slots.bottom,
+        'v-table--hover': props.hover,
+        'v-table--striped-even': props.striped === 'even',
+        'v-table--striped-odd': props.striped === 'odd'
+      }, themeClasses.value, densityClasses.value, props.class]),
+      "style": normalizeStyle(props.style)
+    }, {
+      default: () => [slots.top?.(), slots.default ? createElementVNode("div", {
+        "class": "v-table__wrapper",
+        "style": {
+          height: convertToUnit(props.height)
+        }
+      }, [createElementVNode("table", null, [slots.default()])]) : slots.wrapper?.(), slots.bottom?.()]
+    }));
+    return {};
+  }
+});
+
+const _hoisted_1 = { style: {"padding":"0px"} };
+const _hoisted_2 = { style: {"padding":"0px"} };
+const _hoisted_3 = { style: {"padding":"0px"} };
+
+const _sfc_main = {
+  __name: 'ProcessList',
+  props: {
+  enableCompare: {
+    type: Boolean,
+    default: false,
+  },
+  mapElement: {
+    /** @type {import("vue").PropType<import("@eox/map").EOxMap | null>} */
+    type: Object,
+    default: () => null,
+  },
+},
+  setup(__props) {
+
+
+const { selectedStac, selectedCompareStac } = toRefs(useSTAcStore());
+const currentJobs = __props.enableCompare ? compareJobs : jobs;
+const currentIndicator = __props.enableCompare ? compareIndicator : indicator;
+const currentStac = __props.enableCompare ? selectedCompareStac : selectedStac;
+
+onMounted(() => {
+  updateJobsStatus(currentJobs, currentIndicator.value);
+});
+
+useOnLayersUpdate(() => updateJobsStatus(currentJobs, currentIndicator.value));
+
+return (_ctx, _cache) => {
+                                                     
+                                                         
+                                                         
+
+  return (openBlock(), createElementBlock("div", null, [
+    (unref(currentJobs).length)
+      ? (openBlock(), createBlock(VTable, {
+          key: 0,
+          density: "compact",
+          style: {"background-color":"transparent"}
+        }, {
+          default: withCtx(() => [
+            _cache[0] || (_cache[0] = createElementVNode("thead", null, [
+              createElementVNode("tr", null, [
+                createElementVNode("th", { class: "text-left" }, "Executed on"),
+                createElementVNode("th", { class: "text-left" }, "Status"),
+                createElementVNode("th", { class: "text-left" }),
+                createElementVNode("th", { class: "text-left" }),
+                createElementVNode("th", { class: "text-left" })
+              ])
+            ], -1 /* CACHED */)),
+            createElementVNode("tbody", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(currentJobs), (item) => {
+                return (openBlock(), createElementBlock("tr", {
+                  key: item.jobID
+                }, [
+                  createElementVNode("td", null, toDisplayString(new Date(item.job_start_datetime).toISOString().slice(0, 16)), 1 /* TEXT */),
+                  createElementVNode("td", null, toDisplayString(item.status), 1 /* TEXT */),
+                  createElementVNode("td", _hoisted_1, [
+                    withDirectives(createVNode(VBtn, {
+                      disabled: item.status !== 'successful',
+                      color: "primary",
+                      onClick: $event => (unref(loadProcess)(item, unref(currentStac), __props.mapElement)),
+                      icon: [unref(mdiUploadBox)],
+                      variant: "text"
+                    }, null, 8 /* PROPS */, ["disabled", "onClick", "icon"]), [
+                      [Tooltip, 'Load results to map']
+                    ])
+                  ]),
+                  createElementVNode("td", _hoisted_2, [
+                    withDirectives(createVNode(VBtn, {
+                      disabled: item.status !== 'successful',
+                      color: "primary",
+                      onClick: $event => (unref(downloadPreviousResults)(item, unref(currentStac))),
+                      icon: [unref(mdiDownloadBox)],
+                      variant: "text"
+                    }, null, 8 /* PROPS */, ["disabled", "onClick", "icon"]), [
+                      [Tooltip, 'Download results']
+                    ])
+                  ]),
+                  createElementVNode("td", _hoisted_3, [
+                    withDirectives(createVNode(VBtn, {
+                      color: "#ff5252",
+                      onClick: $event => (
+                unref(deleteJob)(
+                  toRef(() => unref(currentJobs)),
+                  item,
+                  unref(currentIndicator),
+                )
+              ),
+                      icon: [unref(mdiTrashCanOutline)],
+                      variant: "text"
+                    }, null, 8 /* PROPS */, ["onClick", "icon"]), [
+                      [Tooltip, 'Remove job']
+                    ])
+                  ])
+                ]))
+              }), 128 /* KEYED_FRAGMENT */))
+            ])
+          ]),
+          _: 1 /* STABLE */,
+          __: [0]
+        }))
+      : createCommentVNode("v-if", true)
+  ]))
+}
+}
+
+};
+const ProcessList = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]]]);
+
+const ProcessList$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: ProcessList
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { ProcessList as P, ProcessList$1 as a, compareJobs as c, jobs as j };

package/dist/client/{VImg-FD1WVphJ.js → VImg-OHe8YTs2.js}

@@ -1,6 +1,6 @@
-import { createVNode, computed, toRef, shallowRef, ref, watch, onBeforeMount, nextTick, onBeforeUnmount, withDirectives, mergeProps, Fragment, resolveDirective, vShow } from 'vue';
-import { aL as SUPPORTS_INTERSECTION, g as genericComponent, p as propsFactory, H as useDimension, a as useRender, J as makeDimensionProps, i as makeComponentProps, B as useBackgroundColor, M as useRounded, aM as getCurrentInstance, q as convertToUnit, O as makeRoundedProps } from './asWebComponent-CLhcT715.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-C5I57hn6.js';
+import { createElementVNode, normalizeStyle, normalizeClass, computed, shallowRef, ref, watch, onBeforeMount, nextTick, onBeforeUnmount, toRef, withDirectives, createVNode, mergeProps, Fragment, vShow } from 'vue';
+import { at as SUPPORTS_INTERSECTION, g as genericComponent, p as propsFactory, H as useDimension, a as useRender, J as makeDimensionProps, i as makeComponentProps, B as useBackgroundColor, M as useRounded, au as getCurrentInstance, q as convertToUnit, O as makeRoundedProps } from './asWebComponent-By_7_JjS.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-C98Yn4Vo.js';
 
 // Utilities
 function mounted(el, binding) {
@@ -77,16 +77,16 @@ const VResponsive = genericComponent()({
     const {
       dimensionStyles
     } = useDimension(props);
-    useRender(() => createVNode("div", {
-      "class": ['v-responsive', {
+    useRender(() => createElementVNode("div", {
+      "class": normalizeClass(['v-responsive', {
         'v-responsive--inline': props.inline
-      }, props.class],
-      "style": [dimensionStyles.value, props.style]
-    }, [createVNode("div", {
+      }, props.class]),
+      "style": normalizeStyle([dimensionStyles.value, props.style])
+    }, [createElementVNode("div", {
       "class": "v-responsive__sizer",
-      "style": aspectStyles.value
-    }, null), slots.additional?.(), slots.default && createVNode("div", {
-      "class": ['v-responsive__content', props.contentClass]
+      "style": normalizeStyle(aspectStyles.value)
+    }, null), slots.additional?.(), slots.default && createElementVNode("div", {
+      "class": normalizeClass(['v-responsive__content', props.contentClass])
     }, [slots.default()])]));
     return {};
   }
@@ -132,7 +132,7 @@ const makeVImgProps = propsFactory({
 const VImg = genericComponent()({
   name: 'VImg',
   directives: {
-    intersect: Intersect
+    vIntersect: Intersect
   },
   props: makeVImgProps(),
   emits: {
@@ -148,7 +148,7 @@ const VImg = genericComponent()({
     const {
       backgroundColorClasses,
       backgroundColorStyles
-    } = useBackgroundColor(toRef(props, 'color'));
+    } = useBackgroundColor(() => props.color);
     const {
       roundedClasses
     } = useRounded(props);
@@ -255,14 +255,14 @@ const VImg = genericComponent()({
       };
       poll();
     }
-    const containClasses = computed(() => ({
+    const containClasses = toRef(() => ({
       'v-img__img--cover': props.cover,
       'v-img__img--contain': !props.cover
     }));
     const __image = () => {
       if (!normalisedSrc.value.src || state.value === 'idle') return null;
-      const img = createVNode("img", {
-        "class": ['v-img__img', containClasses.value],
+      const img = createElementVNode("img", {
+        "class": normalizeClass(['v-img__img', containClasses.value]),
         "style": {
           objectPosition: props.position
         },
@@ -282,7 +282,7 @@ const VImg = genericComponent()({
         "transition": props.transition,
         "appear": true
       }, {
-        default: () => [withDirectives(sources ? createVNode("picture", {
+        default: () => [withDirectives(sources ? createElementVNode("picture", {
           "class": "v-img__picture"
         }, [sources, img]) : img, [[vShow, state.value === 'loaded']])]
       });
@@ -290,8 +290,8 @@ const VImg = genericComponent()({
     const __preloadImage = () => createVNode(MaybeTransition, {
       "transition": props.transition
     }, {
-      default: () => [normalisedSrc.value.lazySrc && state.value !== 'loaded' && createVNode("img", {
-        "class": ['v-img__img', 'v-img__img--preload', containClasses.value],
+      default: () => [normalisedSrc.value.lazySrc && state.value !== 'loaded' && createElementVNode("img", {
+        "class": normalizeClass(['v-img__img', 'v-img__img--preload', containClasses.value]),
         "style": {
           objectPosition: props.position
         },
@@ -308,7 +308,7 @@ const VImg = genericComponent()({
         "transition": props.transition,
         "appear": true
       }, {
-        default: () => [(state.value === 'loading' || state.value === 'error' && !slots.error) && createVNode("div", {
+        default: () => [(state.value === 'loading' || state.value === 'error' && !slots.error) && createElementVNode("div", {
           "class": "v-img__placeholder"
         }, [slots.placeholder()])]
       });
@@ -319,14 +319,14 @@ const VImg = genericComponent()({
         "transition": props.transition,
         "appear": true
       }, {
-        default: () => [state.value === 'error' && createVNode("div", {
+        default: () => [state.value === 'error' && createElementVNode("div", {
           "class": "v-img__error"
         }, [slots.error()])]
       });
     };
     const __gradient = () => {
       if (!props.gradient) return null;
-      return createVNode("div", {
+      return createElementVNode("div", {
         "class": "v-img__gradient",
         "style": {
           backgroundImage: `linear-gradient(${props.gradient})`
@@ -362,9 +362,9 @@ const VImg = genericComponent()({
         "aria-label": props.alt,
         "role": props.alt ? 'img' : undefined
       }), {
-        additional: () => createVNode(Fragment, null, [createVNode(__image, null, null), createVNode(__preloadImage, null, null), createVNode(__gradient, null, null), createVNode(__placeholder, null, null), createVNode(__error, null, null)]),
+        additional: () => createElementVNode(Fragment, null, [createVNode(__image, null, null), createVNode(__preloadImage, null, null), createVNode(__gradient, null, null), createVNode(__placeholder, null, null), createVNode(__error, null, null)]),
         default: slots.default
-      }), [[resolveDirective("intersect"), {
+      }), [[Intersect, {
         handler: init,
         options: props.options
       }, null, {

package/dist/client/{VMain-DJKG4SvM.js → VMain-PryTLU4a.js}

@@ -1,6 +1,6 @@
-import { createVNode } from 'vue';
-import { g as genericComponent, p as propsFactory, H as useDimension, G as useLayout, a as useRender, h as makeTagProps, J as makeDimensionProps, i as makeComponentProps } from './asWebComponent-CLhcT715.js';
-import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
+import { createVNode, normalizeStyle, normalizeClass, createElementVNode } from 'vue';
+import { g as genericComponent, p as propsFactory, H as useDimension, G as useLayout, a as useRender, h as makeTagProps, J as makeDimensionProps, i as makeComponentProps } from './asWebComponent-By_7_JjS.js';
+import { u as useSsrBoot } from './ssrBoot-Zgc_Ttvi.js';
 
 const makeVMainProps = propsFactory({
   scrollable: Boolean,
@@ -27,12 +27,12 @@ const VMain = genericComponent()({
       ssrBootStyles
     } = useSsrBoot();
     useRender(() => createVNode(props.tag, {
-      "class": ['v-main', {
+      "class": normalizeClass(['v-main', {
         'v-main--scrollable': props.scrollable
-      }, props.class],
-      "style": [mainStyles.value, ssrBootStyles.value, dimensionStyles.value, props.style]
+      }, props.class]),
+      "style": normalizeStyle([mainStyles.value, ssrBootStyles.value, dimensionStyles.value, props.style])
     }, {
-      default: () => [props.scrollable ? createVNode("div", {
+      default: () => [props.scrollable ? createElementVNode("div", {
         "class": "v-main__scroller"
       }, [slots.default?.()]) : slots.default?.()]
     }));

package/dist/client/{VOverlay-BzOdRu9h.js → VOverlay-yUn7p-Uf.js}

@@ -1,7 +1,7 @@
-import { computed, watch, onScopeDispose, nextTick, ref, watchEffect, effectScope, inject, mergeProps, shallowRef, onMounted, reactive, provide, toRaw, readonly, warn, toRef, onBeforeUnmount, createVNode, Fragment, Teleport, withDirectives, vShow, resolveDirective, Transition } from 'vue';
-import { aO as isOn, aP as eventName, p as propsFactory, aQ as destructComputed, aR as parseAnchor, aS as flipSide, aT as flipAlign, aU as flipCorner, an as consoleError, aV as getAxis, q as convertToUnit, R as clamp, I as IN_BROWSER, T as useToggleScope, aW as defer, aM as getCurrentInstance, aX as templateRef, aY as matchesSelector, r as useDisplay, f as makeThemeProps, J as makeDimensionProps, i as makeComponentProps, g as genericComponent, j as useProxiedModel, b as provideTheme, c as useRtl, B as useBackgroundColor, H as useDimension, aZ as useRouter, a_ as useBackButton, a as useRender } from './asWebComponent-CLhcT715.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-Bon_Kku1.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-C5I57hn6.js';
+import { computed, watch, onScopeDispose, nextTick, ref, watchEffect, effectScope, inject, mergeProps, shallowRef, onMounted, reactive, provide, toValue, toRaw, toRef, readonly, warn, onBeforeUnmount, createElementVNode, Fragment, createVNode, Teleport, withDirectives, vShow, Transition } from 'vue';
+import { aw as isOn, ax as eventName, p as propsFactory, ay as destructComputed, az as parseAnchor, aA as flipSide, aB as flipAlign, aC as flipCorner, aD as CircularBuffer, aE as deepEqual, a9 as consoleError, aF as getAxis, q as convertToUnit, R as clamp, I as IN_BROWSER, T as useToggleScope, aG as defer, au as getCurrentInstance, aH as templateRef, aI as matchesSelector, r as useDisplay, f as makeThemeProps, J as makeDimensionProps, i as makeComponentProps, g as genericComponent, j as useProxiedModel, b as provideTheme, c as useRtl, B as useBackgroundColor, H as useDimension, aJ as useRouter, aK as useBackButton, a as useRender } from './asWebComponent-By_7_JjS.js';
+import { g as getTargetBox, e as getElementBox, B as Box, h as getOverflow, n as nullifyTransforms, m as makeLazyProps, u as useLazy, b as useScopeId, a as animate, s as standardEasing } from './forwardRefs-BXxrv98s.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-C98Yn4Vo.js';
 
 // Utilities
 const handlers = new WeakMap();
@@ -283,11 +283,19 @@ function useLocationStrategies(props, data) {
       watch(() => props.locationStrategy, reset);
       onScopeDispose(() => {
         window.removeEventListener('resize', onResize);
+        visualViewport?.removeEventListener('resize', onVisualResize);
+        visualViewport?.removeEventListener('scroll', onVisualScroll);
         updateLocation.value = undefined;
       });
       window.addEventListener('resize', onResize, {
         passive: true
       });
+      visualViewport?.addEventListener('resize', onVisualResize, {
+        passive: true
+      });
+      visualViewport?.addEventListener('scroll', onVisualScroll, {
+        passive: true
+      });
       if (typeof props.locationStrategy === 'function') {
         updateLocation.value = props.locationStrategy(data, props, contentStyles)?.updateLocation;
       } else {
@@ -298,6 +306,12 @@ function useLocationStrategies(props, data) {
   function onResize(e) {
     updateLocation.value?.(e);
   }
+  function onVisualResize(e) {
+    updateLocation.value?.(e);
+  }
+  function onVisualScroll(e) {
+    updateLocation.value?.(e);
+  }
   return {
     contentStyles,
     updateLocation
@@ -387,8 +401,27 @@ function connectedLocationStrategy(data, props, contentStyles) {
     return typeof props.offset === 'number' ? [props.offset, 0] : [0, 0];
   });
   let observe = false;
+  let lastFrame = -1;
+  const flipped = new CircularBuffer(4);
   const observer = new ResizeObserver(() => {
-    if (observe) updateLocation();
+    if (!observe) return;
+
+    // Detect consecutive frames
+    requestAnimationFrame(newTime => {
+      if (newTime !== lastFrame) flipped.clear();
+      requestAnimationFrame(newNewTime => {
+        lastFrame = newNewTime;
+      });
+    });
+    if (flipped.isFull) {
+      const values = flipped.values();
+      if (deepEqual(values.at(-1), values.at(-3)) && !deepEqual(values.at(-1), values.at(-2))) {
+        // Flipping is causing a container resize loop
+        return;
+      }
+    }
+    const result = updateLocation();
+    if (result) flipped.push(result.flipped);
   });
   watch([data.target, data.contentEl], (_ref, _ref2) => {
     let [newTarget, newContentEl] = _ref;
@@ -403,13 +436,22 @@ function connectedLocationStrategy(data, props, contentStyles) {
   onScopeDispose(() => {
     observer.disconnect();
   });
+  let targetBox = new Box({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  });
 
   // eslint-disable-next-line max-statements
   function updateLocation() {
     observe = false;
     requestAnimationFrame(() => observe = true);
     if (!data.target.value || !data.contentEl.value) return;
-    const targetBox = getTargetBox(data.target.value);
+    if (Array.isArray(data.target.value) || data.target.value.offsetParent || data.target.value.getClientRects().length) {
+      targetBox = getTargetBox(data.target.value);
+    } // Otherwise target element is hidden, use last known value
+
     const contentBox = getIntrinsicSize(data.contentEl.value, data.isRtl.value);
     const scrollParents = getScrollParents(data.contentEl.value);
     const viewportMargin = 12;
@@ -421,13 +463,7 @@ function connectedLocationStrategy(data, props, contentStyles) {
       }
     }
     const viewport = scrollParents.reduce((box, el) => {
-      const rect = el.getBoundingClientRect();
-      const scrollBox = new Box({
-        x: el === document.documentElement ? 0 : rect.x,
-        y: el === document.documentElement ? 0 : rect.y,
-        width: el.clientWidth,
-        height: el.clientHeight
-      });
+      const scrollBox = getElementBox(el);
       if (box) {
         return new Box({
           x: Math.max(box.left, scrollBox.left),
@@ -594,7 +630,8 @@ function connectedLocationStrategy(data, props, contentStyles) {
     });
     return {
       available,
-      contentBox
+      contentBox,
+      flipped
     };
   }
   watch(() => [preferredAnchor.value, preferredOrigin.value, props.offset, props.minWidth, props.minHeight, props.maxWidth, props.maxHeight], () => updateLocation());
@@ -1112,10 +1149,10 @@ function useStack(isActive, zIndex, disableGlobalStack) {
     activeChildren: new Set()
   });
   provide(StackSymbol, stack);
-  const _zIndex = shallowRef(Number(zIndex.value));
+  const _zIndex = shallowRef(Number(toValue(zIndex)));
   useToggleScope(isActive, () => {
     const lastZIndex = globalStack.at(-1)?.[1];
-    _zIndex.value = lastZIndex ? lastZIndex + 10 : Number(zIndex.value);
+    _zIndex.value = lastZIndex ? lastZIndex + 10 : Number(toValue(zIndex));
     if (createStackEntry) {
       globalStack.push([vm.uid, _zIndex.value]);
     }
@@ -1135,11 +1172,11 @@ function useStack(isActive, zIndex, disableGlobalStack) {
       setTimeout(() => globalTop.value = _isTop);
     });
   }
-  const localTop = computed(() => !stack.activeChildren.size);
+  const localTop = toRef(() => !stack.activeChildren.size);
   return {
     globalTop: readonly(globalTop),
     localTop,
-    stackStyles: computed(() => ({
+    stackStyles: toRef(() => ({
       zIndex: _zIndex.value
     }))
   };
@@ -1178,7 +1215,7 @@ function Scrim(props) {
     "name": "fade-transition",
     "appear": true
   }, {
-    default: () => [props.modelValue && createVNode("div", mergeProps({
+    default: () => [props.modelValue && createElementVNode("div", mergeProps({
       "class": ['v-overlay__scrim', props.color.backgroundColorClasses.value],
       "style": props.color.backgroundColorStyles.value
     }, rest), null)]
@@ -1219,7 +1256,7 @@ const makeVOverlayProps = propsFactory({
 const VOverlay = genericComponent()({
   name: 'VOverlay',
   directives: {
-    ClickOutside
+    vClickOutside: ClickOutside
   },
   inheritAttrs: false,
   props: {
@@ -1261,14 +1298,14 @@ const VOverlay = genericComponent()({
       hasContent,
       onAfterLeave: _onAfterLeave
     } = useLazy(props, isActive);
-    const scrimColor = useBackgroundColor(computed(() => {
+    const scrimColor = useBackgroundColor(() => {
       return typeof props.scrim === 'string' ? props.scrim : null;
-    }));
+    });
     const {
       globalTop,
       localTop,
       stackStyles
-    } = useStack(isActive, toRef(props, 'zIndex'), props._disableGlobalStack);
+    } = useStack(isActive, () => props.zIndex, props._disableGlobalStack);
     const {
       activatorEl,
       activatorRef,
@@ -1399,7 +1436,7 @@ const VOverlay = genericComponent()({
       _onAfterLeave();
       emit('afterLeave');
     }
-    useRender(() => createVNode(Fragment, null, [slots.activator?.({
+    useRender(() => createElementVNode(Fragment, null, [slots.activator?.({
       isActive: isActive.value,
       targetRef,
       props: mergeProps({
@@ -1409,7 +1446,7 @@ const VOverlay = genericComponent()({
       "disabled": !teleportTarget.value,
       "to": teleportTarget.value
     }, {
-      default: () => [createVNode("div", mergeProps({
+      default: () => [createElementVNode("div", mergeProps({
         "class": ['v-overlay', {
           'v-overlay--absolute': props.absolute || props.contained,
           'v-overlay--active': isActive.value,
@@ -1433,13 +1470,13 @@ const VOverlay = genericComponent()({
         "onAfterEnter": onAfterEnter,
         "onAfterLeave": onAfterLeave
       }, {
-        default: () => [withDirectives(createVNode("div", mergeProps({
+        default: () => [withDirectives(createElementVNode("div", mergeProps({
           "ref": contentEl,
           "class": ['v-overlay__content', props.contentClass],
           "style": [dimensionStyles.value, contentStyles.value]
         }, contentEvents.value, props.contentProps), [slots.default?.({
           isActive
-        })]), [[vShow, isActive.value], [resolveDirective("click-outside"), {
+        })]), [[vShow, isActive.value], [ClickOutside, {
           handler: onClickOutside,
           closeConditional,
           include: () => [activatorEl.value]

package/dist/client/{VTooltip-CfeefrXI.js → VTooltip-DZ0fjpB3.js}

@@ -1,10 +1,11 @@
-import { computed, ref, mergeProps, createVNode } from 'vue';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-BzOdRu9h.js';
-import { b as useScopeId, f as forwardRefs } from './forwardRefs-Bon_Kku1.js';
-import { g as genericComponent, p as propsFactory, j as useProxiedModel, aq as getUid, a as useRender, o as omit } from './asWebComponent-CLhcT715.js';
+import { useId, toRef, ref, computed, mergeProps, createVNode } from 'vue';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-yUn7p-Uf.js';
+import { b as useScopeId, f as forwardRefs } from './forwardRefs-BXxrv98s.js';
+import { g as genericComponent, p as propsFactory, j as useProxiedModel, a as useRender, o as omit } from './asWebComponent-By_7_JjS.js';
 
 const makeVTooltipProps = propsFactory({
   id: String,
+  interactive: Boolean,
   text: String,
   ...omit(makeVOverlayProps({
     closeOnBack: false,
@@ -18,7 +19,7 @@ const makeVTooltipProps = propsFactory({
     origin: 'auto',
     scrim: false,
     scrollStrategy: 'reposition',
-    transition: false
+    transition: null
   }), ['absolute', 'persistent'])
 }, 'VTooltip');
 const VTooltip = genericComponent()({
@@ -35,8 +36,8 @@ const VTooltip = genericComponent()({
     const {
       scopeId
     } = useScopeId();
-    const uid = getUid();
-    const id = computed(() => props.id || `v-tooltip-${uid}`);
+    const uid = useId();
+    const id = toRef(() => props.id || `v-tooltip-${uid}`);
     const overlay = ref();
     const location = computed(() => {
       return props.location.split(' ').length > 1 ? props.location : props.location + ' center';
@@ -44,8 +45,8 @@ const VTooltip = genericComponent()({
     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;
+    const transition = toRef(() => {
+      if (props.transition != null) return props.transition;
       return isActive.value ? 'scale-transition' : 'fade-transition';
     });
     const activatorProps = computed(() => mergeProps({
@@ -55,7 +56,9 @@ const VTooltip = genericComponent()({
       const overlayProps = VOverlay.filterProps(props);
       return createVNode(VOverlay, mergeProps({
         "ref": overlay,
-        "class": ['v-tooltip', props.class],
+        "class": ['v-tooltip', {
+          'v-tooltip--interactive': props.interactive
+        }, props.class],
         "style": props.style,
         "id": id.value
       }, overlayProps, {

package/dist/client/{WidgetsContainer-C2TaTdb6.js → WidgetsContainer-B9LBadcC.js}

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