@eodash/eodash 5.0.0-rc.3 → 5.1.0

package/dist/client/{Header-BQJnXHYq.js → Header-CgD8jDKU.js}

@@ -1,8 +1,10 @@
-import { createVNode, toRef, shallowRef, computed, ref, watch, onMounted, onBeforeUnmount, watchEffect, mergeProps, inject, createBlock, openBlock, withCtx, createTextVNode, toDisplayString, unref } from 'vue';
-import { p as propsFactory, g as genericComponent, h as makeTagProps, i as makeComponentProps, a as useRender, B as useBackgroundColor, K as useBorder, L as useElevation, M as useRounded, b as provideTheme, c as useRtl, C as provideDefaults, N as VDefaultsProvider, q as convertToUnit, f as makeThemeProps, O as makeRoundedProps, P as makeElevationProps, Q as makeBorderProps, R as clamp, S as consoleWarn, j as useProxiedModel, T as useToggleScope, U as useLayoutItem, W as makeLayoutItemProps, _ as _export_sfc, X as eodashKey } from './asWebComponent-BJ2NWunV.js';
-import { a as VExpandTransition } from './index-DvcUndod.js';
-import { V as VImg } from './VImg-D4eT3IQ1.js';
-import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
+import { createVNode, normalizeStyle, normalizeClass, createElementVNode, shallowRef, computed, ref, watch, onMounted, onBeforeUnmount, toRef, watchEffect, mergeProps, inject, createBlock, openBlock, withCtx, createTextVNode, toDisplayString, unref } from 'vue';
+import { p as propsFactory, g as genericComponent, h as makeTagProps, i as makeComponentProps, a as useRender, B as useBackgroundColor, K as useBorder, L as useElevation, M as useRounded, b as provideTheme, c as useRtl, C as provideDefaults, N as VDefaultsProvider, q as convertToUnit, f as makeThemeProps, O as makeRoundedProps, P as makeElevationProps, Q as makeBorderProps, R as clamp, S as consoleWarn, j as useProxiedModel, T as useToggleScope, U as useLayoutItem, W as makeLayoutItemProps, _ as _export_sfc, X as eodashKey } from './asWebComponent-By_7_JjS.js';
+import { a as VExpandTransition } from './index-BuhOHXKv.js';
+import { V as VImg } from './VImg-OHe8YTs2.js';
+import { u as useSsrBoot } from './ssrBoot-Zgc_Ttvi.js';
+
+const _style_0 = ".logo[data-v-86c95219]{max-width:140px}";
 
 const makeVToolbarTitleProps = propsFactory({
   text: String,
@@ -19,10 +21,10 @@ const VToolbarTitle = genericComponent()({
     useRender(() => {
       const hasText = !!(slots.default || slots.text || props.text);
       return createVNode(props.tag, {
-        "class": ['v-toolbar-title', props.class],
-        "style": props.style
+        "class": normalizeClass(['v-toolbar-title', props.class]),
+        "style": normalizeStyle(props.style)
       }, {
-        default: () => [hasText && createVNode("div", {
+        default: () => [hasText && createElementVNode("div", {
           "class": "v-toolbar-title__placeholder"
         }, [slots.text ? slots.text() : props.text, slots.default?.()])]
       });
@@ -41,7 +43,10 @@ const makeVToolbarProps = propsFactory({
     default: 'default',
     validator: v => allowedDensities.includes(v)
   },
-  extended: Boolean,
+  extended: {
+    type: Boolean,
+    default: null
+  },
   extensionHeight: {
     type: [Number, String],
     default: 48
@@ -73,7 +78,7 @@ const VToolbar = genericComponent()({
     const {
       backgroundColorClasses,
       backgroundColorStyles
-    } = useBackgroundColor(toRef(props, 'color'));
+    } = useBackgroundColor(() => props.color);
     const {
       borderClasses
     } = useBorder(props);
@@ -89,7 +94,7 @@ const VToolbar = genericComponent()({
     const {
       rtlClasses
     } = useRtl();
-    const isExtended = shallowRef(!!(props.extended || slots.extension?.()));
+    const isExtended = shallowRef(props.extended === null ? !!slots.extension?.() : props.extended);
     const contentHeight = computed(() => parseInt(Number(props.height) + (props.density === 'prominent' ? Number(props.height) : 0) - (props.density === 'comfortable' ? 8 : 0) - (props.density === 'compact' ? 16 : 0), 10));
     const extensionHeight = computed(() => isExtended.value ? parseInt(Number(props.extensionHeight) + (props.density === 'prominent' ? Number(props.extensionHeight) : 0) - (props.density === 'comfortable' ? 4 : 0) - (props.density === 'compact' ? 8 : 0), 10) : 0);
     provideDefaults({
@@ -101,18 +106,18 @@ const VToolbar = genericComponent()({
       const hasTitle = !!(props.title || slots.title);
       const hasImage = !!(slots.image || props.image);
       const extension = slots.extension?.();
-      isExtended.value = !!(props.extended || extension);
+      isExtended.value = props.extended === null ? !!extension : props.extended;
       return createVNode(props.tag, {
-        "class": ['v-toolbar', {
+        "class": normalizeClass(['v-toolbar', {
           'v-toolbar--absolute': props.absolute,
           'v-toolbar--collapse': props.collapse,
           'v-toolbar--flat': props.flat,
           'v-toolbar--floating': props.floating,
           [`v-toolbar--density-${props.density}`]: true
-        }, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, roundedClasses.value, themeClasses.value, rtlClasses.value, props.class],
-        "style": [backgroundColorStyles.value, props.style]
+        }, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, roundedClasses.value, themeClasses.value, rtlClasses.value, props.class]),
+        "style": normalizeStyle([backgroundColorStyles.value, props.style])
       }, {
-        default: () => [hasImage && createVNode("div", {
+        default: () => [hasImage && createElementVNode("div", {
           "key": "image",
           "class": "v-toolbar__image"
         }, [!slots.image ? createVNode(VImg, {
@@ -135,19 +140,19 @@ const VToolbar = genericComponent()({
             }
           }
         }, {
-          default: () => [createVNode("div", {
+          default: () => [createElementVNode("div", {
             "class": "v-toolbar__content",
             "style": {
               height: convertToUnit(contentHeight.value)
             }
-          }, [slots.prepend && createVNode("div", {
+          }, [slots.prepend && createElementVNode("div", {
             "class": "v-toolbar__prepend"
           }, [slots.prepend?.()]), hasTitle && createVNode(VToolbarTitle, {
             "key": "title",
             "text": props.title
           }, {
             text: slots.title
-          }), slots.default?.(), slots.append && createVNode("div", {
+          }), slots.default?.(), slots.append && createElementVNode("div", {
             "class": "v-toolbar__append"
           }, [slots.append?.()])])]
         }), createVNode(VDefaultsProvider, {
@@ -158,7 +163,7 @@ const VToolbar = genericComponent()({
           }
         }, {
           default: () => [createVNode(VExpandTransition, null, {
-            default: () => [isExtended.value && createVNode("div", {
+            default: () => [isExtended.value && createElementVNode("div", {
               "class": "v-toolbar__extension",
               "style": {
                 height: convertToUnit(extensionHeight.value)
@@ -326,7 +331,7 @@ const VAppBar = genericComponent()({
     } = useScroll(props, {
       canScroll
     });
-    const canHide = computed(() => scrollBehavior.value.hide || scrollBehavior.value.fullyHide);
+    const canHide = toRef(() => scrollBehavior.value.hide || scrollBehavior.value.fullyHide);
     const isCollapsed = computed(() => props.collapse || scrollBehavior.value.collapse && (scrollBehavior.value.inverted ? scrollRatio.value > 0 : scrollRatio.value === 0));
     const isFlat = computed(() => props.flat || scrollBehavior.value.fullyHide && !isActive.value || scrollBehavior.value.elevate && (scrollBehavior.value.inverted ? currentScroll.value > 0 : currentScroll.value === 0));
     const opacity = computed(() => scrollBehavior.value.fadeImage ? scrollBehavior.value.inverted ? 1 - scrollRatio.value : scrollRatio.value : undefined);
@@ -337,7 +342,7 @@ const VAppBar = genericComponent()({
       if (!canHide.value) return height + extensionHeight;
       return currentScroll.value < scrollThreshold.value || scrollBehavior.value.fullyHide ? height + extensionHeight : height;
     });
-    useToggleScope(computed(() => !!props.scrollBehavior), () => {
+    useToggleScope(() => !!props.scrollBehavior, () => {
       watchEffect(() => {
         if (canHide.value) {
           if (scrollBehavior.value.inverted) {
@@ -358,11 +363,11 @@ const VAppBar = genericComponent()({
     } = useLayoutItem({
       id: props.name,
       order: computed(() => parseInt(props.order, 10)),
-      position: toRef(props, 'location'),
+      position: toRef(() => props.location),
       layoutSize: height,
       elementSize: shallowRef(undefined),
       active: isActive,
-      absolute: toRef(props, 'absolute')
+      absolute: toRef(() => props.absolute)
     });
     useRender(() => {
       const toolbarProps = VToolbar.filterProps(props);
@@ -404,9 +409,9 @@ const _sfc_main = {
   __name: 'Header',
   setup(__props) {
 
-const eodash = /** @type {import("@/types").Eodash} */ (inject(eodashKey));
+const eodash = inject(eodashKey);
 
-const title = eodash.brand?.name;
+const title = eodash?.brand?.name;
 
 return (_ctx, _cache) => {
                                                                          
@@ -423,7 +428,7 @@ return (_ctx, _cache) => {
       }),
       createVNode(VImg, {
         class: "mx-12 logo",
-        src: unref(eodash).brand?.logo
+        src: unref(eodash)?.brand?.logo
       }, null, 8 /* PROPS */, ["src"])
     ]),
     _: 1 /* STABLE */
@@ -432,6 +437,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const Header = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-bfe4aadf"]]);
+const Header = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-86c95219"]]);
 
 export { Header as default };

package/dist/client/{MobileLayout-b8nQ-Vyl.js → MobileLayout-EKQ_kpSh.js}

@@ -1,10 +1,10 @@
-import { ref, computed, createVNode, mergeProps, Fragment, shallowRef, watch, provide, withDirectives, resolveDirective, inject, vShow, nextTick, toRef, useCssVars, onMounted, createBlock, openBlock, withCtx, createElementBlock, Suspense, createCommentVNode, unref, resolveDynamicComponent, renderList, createElementVNode, createTextVNode, toDisplayString } from 'vue';
-import { k as keys, g as genericComponent, p as propsFactory, u as useTextColor, a as useRender, V as VBtn, o as omit, m as makeVBtnProps, b as provideTheme, c as useRtl, d as useLocale, e as useGroup, f as makeThemeProps, h as makeTagProps, i as makeComponentProps, j as useProxiedModel, l as useGroupItem, n as makeGroupItemProps, q as convertToUnit, r as useDisplay, s as useResizeObserver, t as useGoTo, I as IN_BROWSER, v as VIcon, w as makeGroupProps, x as makeDisplayProps, y as IconValue, z as focusableChildren, A as useDensity, B as useBackgroundColor, C as provideDefaults, D as makeDensityProps, E as isObject, _ as _export_sfc, F as useDefineTemplate, G as useLayout } from './asWebComponent-BJ2NWunV.js';
-import { V as VMain } from './VMain-C3hN2-H3.js';
-import { f as forwardRefs, a as animate, s as standardEasing, u as useLazy, m as makeLazyProps, b as useScopeId } from './forwardRefs-CIFAqXaZ.js';
-import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
-import { M as MaybeTransition } from './transition-Cdb4K27U.js';
-import { V as VFadeTransition } from './index-DvcUndod.js';
+import { ref, computed, createVNode, mergeProps, createElementVNode, Fragment, normalizeStyle, normalizeClass, shallowRef, watch, provide, toRef, withDirectives, inject, vShow, nextTick, useCssVars, onMounted, createBlock, openBlock, withCtx, createElementBlock, Suspense, createCommentVNode, unref, resolveDynamicComponent, renderList, createTextVNode, toDisplayString } from 'vue';
+import { k as keys, g as genericComponent, p as propsFactory, u as useTextColor, a as useRender, V as VBtn, o as omit, m as makeVBtnProps, b as provideTheme, c as useRtl, d as useLocale, e as useGroup, f as makeThemeProps, h as makeTagProps, i as makeComponentProps, j as useProxiedModel, l as useGroupItem, n as makeGroupItemProps, q as convertToUnit, r as useDisplay, s as useResizeObserver, t as useGoTo, I as IN_BROWSER, v as VIcon, w as makeGroupProps, x as makeDisplayProps, y as IconValue, z as focusableChildren, A as useDensity, B as useBackgroundColor, C as provideDefaults, D as makeDensityProps, E as isObject, _ as _export_sfc, F as useDefineTemplate, G as useLayout } from './asWebComponent-By_7_JjS.js';
+import { V as VMain } from './VMain-PryTLU4a.js';
+import { f as forwardRefs, a as animate, s as standardEasing, u as useLazy, m as makeLazyProps, b as useScopeId } from './forwardRefs-BXxrv98s.js';
+import { u as useSsrBoot } from './ssrBoot-Zgc_Ttvi.js';
+import { M as MaybeTransition } from './transition-C98Yn4Vo.js';
+import { V as VFadeTransition } from './index-BuhOHXKv.js';
 
 // Utilities
 const handleGesture = wrapper => {
@@ -111,6 +111,8 @@ const Touch = {
   unmounted
 };
 
+const _style_0 = ".panel[data-v-f4ab4c65]{bottom:var(--2d9a694e);top:var(--4f6792e6);position:absolute;overflow:hidden;width:100%;left:0;z-index:3}.component-container[data-v-f4ab4c65]{height:90%}.close-btn[data-v-f4ab4c65]{height:5%;position:relative}.tabs[data-v-f4ab4c65]{bottom:var(--515e6bda);position:relative;z-index:10}[data-v-f4ab4c65] .bg-surface{backdrop-filter:blur(10px)!important;background-color:rgba(var(--v-theme-surface),var(--v-surface-opacity, .8))!important}";
+
 // Types
 
 const VTabsSymbol = Symbol.for('vuetify:v-tabs');
@@ -139,7 +141,7 @@ const VTab = genericComponent()({
     const {
       textColorClasses: sliderColorClasses,
       textColorStyles: sliderColorStyles
-    } = useTextColor(props, 'sliderColor');
+    } = useTextColor(() => props.sliderColor);
     const rootEl = ref();
     const sliderEl = ref();
     const isHorizontal = computed(() => props.direction === 'horizontal');
@@ -194,10 +196,10 @@ const VTab = genericComponent()({
         "onGroup:selected": updateSlider
       }), {
         ...slots,
-        default: () => createVNode(Fragment, null, [slots.default?.() ?? props.text, !props.hideSlider && createVNode("div", {
+        default: () => createElementVNode(Fragment, null, [slots.default?.() ?? props.text, !props.hideSlider && createElementVNode("div", {
           "ref": sliderEl,
-          "class": ['v-tab__slider', sliderColorClasses.value],
-          "style": sliderColorStyles.value
+          "class": normalizeClass(['v-tab__slider', sliderColorClasses.value]),
+          "style": normalizeStyle(sliderColorStyles.value)
         }, null)])
       });
     });
@@ -222,6 +224,7 @@ const makeVWindowProps = propsFactory({
     type: [Boolean, String],
     validator: v => typeof v === 'boolean' || v === 'hover'
   },
+  verticalArrows: [Boolean, String],
   touch: {
     type: [Object, Boolean],
     default: undefined
@@ -248,7 +251,7 @@ const makeVWindowProps = propsFactory({
 const VWindow = genericComponent()({
   name: 'VWindow',
   directives: {
-    Touch
+    vTouch: Touch
   },
   props: makeVWindowProps(),
   emits: {
@@ -302,8 +305,8 @@ const VWindow = genericComponent()({
       transitionHeight,
       rootRef
     });
-    const canMoveBack = computed(() => props.continuous || activeIndex.value !== 0);
-    const canMoveForward = computed(() => props.continuous || activeIndex.value !== group.items.value.length - 1);
+    const canMoveBack = toRef(() => props.continuous || activeIndex.value !== 0);
+    const canMoveForward = toRef(() => props.continuous || activeIndex.value !== group.items.value.length - 1);
     function prev() {
       canMoveBack.value && group.prev();
     }
@@ -320,7 +323,7 @@ const VWindow = genericComponent()({
       };
       arrows.push(canMoveBack.value ? slots.prev ? slots.prev({
         props: prevProps
-      }) : createVNode(VBtn, prevProps, null) : createVNode("div", null, null));
+      }) : createVNode(VBtn, prevProps, null) : createElementVNode("div", null, null));
       const nextProps = {
         icon: isRtl.value ? props.prevIcon : props.nextIcon,
         class: `v-window__${isRtlReverse.value ? 'left' : 'right'}`,
@@ -329,7 +332,7 @@ const VWindow = genericComponent()({
       };
       arrows.push(canMoveForward.value ? slots.next ? slots.next({
         props: nextProps
-      }) : createVNode(VBtn, nextProps, null) : createVNode("div", null, null));
+      }) : createVNode(VBtn, nextProps, null) : createElementVNode("div", null, null));
       return arrows;
     });
     const touchOptions = computed(() => {
@@ -355,24 +358,29 @@ const VWindow = genericComponent()({
     });
     useRender(() => withDirectives(createVNode(props.tag, {
       "ref": rootRef,
-      "class": ['v-window', {
-        'v-window--show-arrows-on-hover': props.showArrows === 'hover'
-      }, themeClasses.value, props.class],
-      "style": props.style
+      "class": normalizeClass(['v-window', {
+        'v-window--show-arrows-on-hover': props.showArrows === 'hover',
+        'v-window--vertical-arrows': !!props.verticalArrows
+      }, themeClasses.value, props.class]),
+      "style": normalizeStyle(props.style)
     }, {
-      default: () => [createVNode("div", {
+      default: () => [createElementVNode("div", {
         "class": "v-window__container",
         "style": {
           height: transitionHeight.value
         }
       }, [slots.default?.({
         group
-      }), props.showArrows !== false && createVNode("div", {
-        "class": "v-window__controls"
+      }), props.showArrows !== false && createElementVNode("div", {
+        "class": normalizeClass(['v-window__controls', {
+          'v-window__controls--left': props.verticalArrows === 'left' || props.verticalArrows === true
+        }, {
+          'v-window__controls--right': props.verticalArrows === 'right'
+        }])
       }, [arrows.value])]), slots.additional?.({
         group
       })]
-    }), [[resolveDirective("touch"), touchOptions.value]]));
+    }), [[Touch, touchOptions.value]]));
     return {
       group
     };
@@ -441,7 +449,7 @@ const makeVWindowItemProps = propsFactory({
 const VWindowItem = genericComponent()({
   name: 'VWindowItem',
   directives: {
-    Touch
+    vTouch: Touch
   },
   props: makeVWindowItemProps(),
   emits: {
@@ -525,9 +533,9 @@ const VWindowItem = genericComponent()({
       "transition": transition.value,
       "disabled": !isBooted.value
     }, {
-      default: () => [withDirectives(createVNode("div", {
-        "class": ['v-window-item', groupItem.selectedClass.value, props.class],
-        "style": props.style
+      default: () => [withDirectives(createElementVNode("div", {
+        "class": normalizeClass(['v-window-item', groupItem.selectedClass.value, props.class]),
+        "style": normalizeStyle(props.style)
       }, [hasContent.value && slots.default?.()]), [[vShow, groupItem.isSelected.value]])]
     }));
     return {
@@ -623,6 +631,7 @@ function getOffsetPosition(isHorizontal, element) {
 const VSlideGroupSymbol = Symbol.for('vuetify:v-slide-group');
 const makeVSlideGroupProps = propsFactory({
   centerActive: Boolean,
+  contentClass: null,
   direction: {
     type: String,
     default: 'horizontal'
@@ -912,42 +921,42 @@ const VSlideGroup = genericComponent()({
       return scrollSizeMax - Math.abs(scrollOffset.value) > 1;
     });
     useRender(() => createVNode(props.tag, {
-      "class": ['v-slide-group', {
+      "class": normalizeClass(['v-slide-group', {
         'v-slide-group--vertical': !isHorizontal.value,
         'v-slide-group--has-affixes': hasAffixes.value,
         'v-slide-group--is-overflowing': isOverflowing.value
-      }, displayClasses.value, props.class],
-      "style": props.style,
+      }, displayClasses.value, props.class]),
+      "style": normalizeStyle(props.style),
       "tabindex": isFocused.value || group.selected.value.length ? -1 : 0,
       "onFocus": onFocus
     }, {
-      default: () => [hasAffixes.value && createVNode("div", {
+      default: () => [hasAffixes.value && createElementVNode("div", {
         "key": "prev",
-        "class": ['v-slide-group__prev', {
+        "class": normalizeClass(['v-slide-group__prev', {
           'v-slide-group__prev--disabled': !hasPrev.value
-        }],
+        }]),
         "onMousedown": onFocusAffixes,
         "onClick": () => hasPrev.value && scrollTo('prev')
       }, [slots.prev?.(slotProps.value) ?? createVNode(VFadeTransition, null, {
         default: () => [createVNode(VIcon, {
           "icon": isRtl.value ? props.nextIcon : props.prevIcon
         }, null)]
-      })]), createVNode("div", {
+      })]), createElementVNode("div", {
         "key": "container",
         "ref": containerRef,
-        "class": "v-slide-group__container",
+        "class": normalizeClass(['v-slide-group__container', props.contentClass]),
         "onScroll": onScroll
-      }, [createVNode("div", {
+      }, [createElementVNode("div", {
         "ref": contentRef,
         "class": "v-slide-group__content",
         "onFocusin": onFocusin,
         "onFocusout": onFocusout,
         "onKeydown": onKeydown
-      }, [slots.default?.(slotProps.value)])]), hasAffixes.value && createVNode("div", {
+      }, [slots.default?.(slotProps.value)])]), hasAffixes.value && createElementVNode("div", {
         "key": "next",
-        "class": ['v-slide-group__next', {
+        "class": normalizeClass(['v-slide-group__next', {
           'v-slide-group__next--disabled': !hasNext.value
-        }],
+        }]),
         "onMousedown": onFocusAffixes,
         "onClick": () => hasNext.value && scrollTo('next')
       }, [slots.next?.(slotProps.value) ?? createVNode(VFadeTransition, null, {
@@ -1023,24 +1032,24 @@ const VTabs = genericComponent()({
     const {
       backgroundColorClasses,
       backgroundColorStyles
-    } = useBackgroundColor(toRef(props, 'bgColor'));
+    } = useBackgroundColor(() => props.bgColor);
     const {
       scopeId
     } = useScopeId();
     provideDefaults({
       VTab: {
-        color: toRef(props, 'color'),
-        direction: toRef(props, 'direction'),
-        stacked: toRef(props, 'stacked'),
-        fixed: toRef(props, 'fixedTabs'),
-        sliderColor: toRef(props, 'sliderColor'),
-        hideSlider: toRef(props, 'hideSlider')
+        color: toRef(() => props.color),
+        direction: toRef(() => props.direction),
+        stacked: toRef(() => props.stacked),
+        fixed: toRef(() => props.fixedTabs),
+        sliderColor: toRef(() => props.sliderColor),
+        hideSlider: toRef(() => props.hideSlider)
       }
     });
     useRender(() => {
       const slideGroupProps = VSlideGroup.filterProps(props);
       const hasWindow = !!(slots.window || props.items.length > 0);
-      return createVNode(Fragment, null, [createVNode(VSlideGroup, mergeProps(slideGroupProps, {
+      return createElementVNode(Fragment, null, [createVNode(VSlideGroup, mergeProps(slideGroupProps, {
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
         "class": ['v-tabs', `v-tabs--${props.direction}`, `v-tabs--align-tabs-${props.alignTabs}`, {
@@ -1090,7 +1099,7 @@ const _hoisted_1 = {
   class: "pa-2 panel bg-surface"
 };
 const _hoisted_2 = { class: "d-flex py-2 justify-end align-end" };
-const _hoisted_3 = { class: "component-container" };
+const _hoisted_3 = { class: "d-flex flex-column justify-center component-container" };
 
 
 const _sfc_main = {
@@ -1098,9 +1107,9 @@ const _sfc_main = {
   setup(__props) {
 
 useCssVars(_ctx => ({
-  "e61d6a5e": (mainRectTopPx.value),
-  "3e27c4c6": (tabsHeightFromBtm.value),
-  "e8144352": (mainRectBtmPx.value)
+  "2d9a694e": (tabsHeightFromBtm.value),
+  "4f6792e6": (mainRectTopPx.value),
+  "515e6bda": (mainRectBtmPx.value)
 }));
 
 const { bgWidget, importedWidgets } = useDefineTemplate();
@@ -1118,7 +1127,7 @@ onMounted(() => {
   mainRectTopPx.value = mainRect.value.top + "px";
   mainRectBtmPx.value = (mainRect.value.bottom || 48) + "px";
   tabsHeightFromBtm.value =
-    mainRect.value.bottom + (tabs.value?.$el?.clientHeight ?? 0) + "px";
+    mainRect.value.bottom + (tabs.value?.$el?.clientHeight ?? 48) + "px";
 });
 
 return (_ctx, _cache) => {
@@ -1127,7 +1136,7 @@ return (_ctx, _cache) => {
                                                        
                                                        
 
-  return (openBlock(), createBlock(VMain, { class: "overflow-hidden main" }, {
+  return (openBlock(), createBlock(VMain, { class: "overflow-hidden" }, {
     default: withCtx(() => [
       (openBlock(), createBlock(Suspense, { suspensible: "" }, {
         default: withCtx(() => [
@@ -1152,18 +1161,18 @@ return (_ctx, _cache) => {
                     onClick: _cache[0] || (_cache[0] = $event => (activeIdx.value = -1))
                   }, {
                     default: withCtx(() => _cache[2] || (_cache[2] = [
-                      createTextVNode("✕")
+                      createTextVNode("✕", -1 /* CACHED */)
                     ])),
-                    _: 1 /* STABLE */
+                    _: 1 /* STABLE */,
+                    __: [2]
                   })
                 ]),
                 (openBlock(), createBlock(Suspense, { suspensible: "" }, {
                   default: withCtx(() => [
                     withDirectives(createElementVNode("div", _hoisted_3, [
                       (openBlock(), createBlock(resolveDynamicComponent(importedWidget.value.component), mergeProps({
-                        key: importedWidget.value.id,
-                        ref_for: true
-                      }, importedWidget.value.props), null, 16 /* FULL_PROPS */))
+                        key: importedWidget.value.id
+                      }, { ref_for: true }, importedWidget.value.props), null, 16 /* FULL_PROPS */))
                     ], 512 /* NEED_PATCH */), [
                       [vShow, activeIdx.value === idx]
                     ])
@@ -1212,6 +1221,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const MobileLayout = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-d963d7c7"]]);
+const MobileLayout = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-f4ab4c65"]]);
 
 export { MobileLayout as default };

package/dist/client/{PopUp-DgNrh9Df.js → PopUp-BsYLvWch.js}

@@ -1,12 +1,13 @@
-import { createVNode, Transition, mergeProps, ref, onBeforeUnmount, watch, nextTick, toRef, mergeModels, useModel, createElementBlock, openBlock, withCtx, createBlock, createCommentVNode, resolveDynamicComponent, unref, renderSlot } from 'vue';
-import { g as genericComponent, p as propsFactory, j as useProxiedModel, I as IN_BROWSER, a as useRender, z as focusableChildren, N as VDefaultsProvider, b as provideTheme, B as useBackgroundColor, K as useBorder, H as useDimension, L as useElevation, az as useLocation, aA as usePosition, M as useRounded, f as makeThemeProps, h as makeTagProps, O as makeRoundedProps, aD as makePositionProps, aE as makeLocationProps, P as makeElevationProps, J as makeDimensionProps, i as makeComponentProps, Q as makeBorderProps, aN as useDefineWidgets } from './asWebComponent-BJ2NWunV.js';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-tAeNygaA.js';
-import { a as animate, g as getTargetBox, n as nullifyTransforms, c as acceleratedEasing, d as deceleratedEasing, s as standardEasing, b as useScopeId, f as forwardRefs } from './forwardRefs-CIFAqXaZ.js';
+import { createVNode, Transition, mergeProps, ref, onBeforeUnmount, watch, nextTick, normalizeStyle, normalizeClass, mergeModels, useModel, createElementBlock, openBlock, withCtx, createBlock, createCommentVNode, resolveDynamicComponent, unref, renderSlot } from 'vue';
+import { g as genericComponent, p as propsFactory, j as useProxiedModel, I as IN_BROWSER, a as useRender, z as focusableChildren, N as VDefaultsProvider, b as provideTheme, B as useBackgroundColor, K as useBorder, H as useDimension, L as useElevation, ai as useLocation, aj as usePosition, M as useRounded, f as makeThemeProps, h as makeTagProps, O as makeRoundedProps, am as makePositionProps, an as makeLocationProps, P as makeElevationProps, J as makeDimensionProps, i as makeComponentProps, Q as makeBorderProps, av as useDefineWidgets } from './asWebComponent-By_7_JjS.js';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-yUn7p-Uf.js';
+import { a as animate, g as getTargetBox, n as nullifyTransforms, c as acceleratedEasing, d as deceleratedEasing, s as standardEasing, b as useScopeId, f as forwardRefs } from './forwardRefs-BXxrv98s.js';
 
 // Utilities
 const makeVDialogTransitionProps = propsFactory({
   target: [Object, Array]
 }, 'v-dialog-transition');
+const saved = new WeakMap();
 const VDialogTransition = genericComponent()({
   name: 'VDialogTransition',
   props: makeVDialogTransitionProps(),
@@ -23,13 +24,15 @@ const VDialogTransition = genericComponent()({
         await new Promise(resolve => requestAnimationFrame(resolve));
         await new Promise(resolve => requestAnimationFrame(resolve));
         el.style.visibility = '';
+        const dimensions = getDimensions(props.target, el);
         const {
           x,
           y,
           sx,
           sy,
           speed
-        } = getDimensions(props.target, el);
+        } = dimensions;
+        saved.set(el, dimensions);
         const animation = animate(el, [{
           transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
           opacity: 0
@@ -58,13 +61,19 @@ const VDialogTransition = genericComponent()({
       },
       async onLeave(el, done) {
         await new Promise(resolve => requestAnimationFrame(resolve));
+        let dimensions;
+        if (!saved.has(el) || Array.isArray(props.target) || props.target.offsetParent || props.target.getClientRects().length) {
+          dimensions = getDimensions(props.target, el);
+        } else {
+          dimensions = saved.get(el);
+        }
         const {
           x,
           y,
           sx,
           sy,
           speed
-        } = getDimensions(props.target, el);
+        } = dimensions;
         const animation = animate(el, [{}, {
           transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
           opacity: 0
@@ -208,7 +217,7 @@ const VDialog = genericComponent()({
     }
     function onAfterEnter() {
       emit('afterEnter');
-      if (overlay.value?.contentEl && !overlay.value.contentEl.contains(document.activeElement)) {
+      if ((props.scrim || props.retainFocus) && overlay.value?.contentEl && !overlay.value.contentEl.contains(document.activeElement)) {
         overlay.value.contentEl.focus({
           preventScroll: true
         });
@@ -296,7 +305,7 @@ const VSheet = genericComponent()({
     const {
       backgroundColorClasses,
       backgroundColorStyles
-    } = useBackgroundColor(toRef(props, 'color'));
+    } = useBackgroundColor(() => props.color);
     const {
       borderClasses
     } = useBorder(props);
@@ -316,8 +325,8 @@ const VSheet = genericComponent()({
       roundedClasses
     } = useRounded(props);
     useRender(() => createVNode(props.tag, {
-      "class": ['v-sheet', themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value, props.class],
-      "style": [backgroundColorStyles.value, dimensionStyles.value, locationStyles.value, props.style]
+      "class": normalizeClass(['v-sheet', themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value, props.class]),
+      "style": normalizeStyle([backgroundColorStyles.value, dimensionStyles.value, locationStyles.value, props.style])
     }, slots));
     return {};
   }