@vuetify/nightly 3.0.2 → 3.0.4-next-20221130.0

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.0.2
+* Vuetify v3.0.4-next-20221130.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2476,8 +2476,8 @@ function getDimensions(target, el) {
   const tsx = targetBox.width / elBox.width;
   const tsy = targetBox.height / elBox.height;
   const maxs = Math.max(1, tsx, tsy);
-  const sx = tsx / maxs;
-  const sy = tsy / maxs;
+  const sx = tsx / maxs || 0;
+  const sy = tsy / maxs || 0;
 
   // Animate elements larger than 12% of the screen area up to 1.5x slower
   const asa = elBox.width * elBox.height / (window.innerWidth * window.innerHeight);
@@ -3143,11 +3143,6 @@ const VToolbar = genericComponent()({
     const isExtended = ref(!!(props.extended || (_slots$extension = slots.extension) != null && _slots$extension.call(slots)));
     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({
-      VBtn: {
-        variant: 'text'
-      }
-    });
     useRender(() => {
       var _slots$extension2, _slots$image, _slots$prepend, _slots$default, _slots$append;
       const hasTitle = !!(props.title || slots.title);
@@ -3176,27 +3171,43 @@ const VToolbar = genericComponent()({
           }
         }, {
           default: () => [slots.image ? (_slots$image = slots.image) == null ? void 0 : _slots$image.call(slots) : createVNode(VImg, null, null)]
-        })]), createVNode("div", {
-          "class": "v-toolbar__content",
-          "style": {
-            height: convertToUnit(contentHeight.value)
+        })]), createVNode(VDefaultsProvider, {
+          "defaults": {
+            VTabs: {
+              height: convertToUnit(contentHeight.value)
+            }
           }
-        }, [slots.prepend && createVNode("div", {
-          "class": "v-toolbar__prepend"
-        }, [(_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots)]), hasTitle && createVNode(VToolbarTitle, {
-          "key": "title",
-          "text": props.title
         }, {
-          text: slots.title
-        }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), slots.append && createVNode("div", {
-          "class": "v-toolbar__append"
-        }, [(_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots)])]), createVNode(VExpandTransition, null, {
-          default: () => [isExtended.value && createVNode("div", {
-            "class": "v-toolbar__extension",
+          default: () => [createVNode("div", {
+            "class": "v-toolbar__content",
             "style": {
+              height: convertToUnit(contentHeight.value)
+            }
+          }, [slots.prepend && createVNode("div", {
+            "class": "v-toolbar__prepend"
+          }, [(_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots)]), hasTitle && createVNode(VToolbarTitle, {
+            "key": "title",
+            "text": props.title
+          }, {
+            text: slots.title
+          }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), slots.append && createVNode("div", {
+            "class": "v-toolbar__append"
+          }, [(_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots)])])]
+        }), createVNode(VDefaultsProvider, {
+          "defaults": {
+            VTabs: {
               height: convertToUnit(extensionHeight.value)
             }
-          }, [extension])]
+          }
+        }, {
+          default: () => [createVNode(VExpandTransition, null, {
+            default: () => [isExtended.value && createVNode("div", {
+              "class": "v-toolbar__extension",
+              "style": {
+                height: convertToUnit(extensionHeight.value)
+              }
+            }, [extension])]
+          })]
         })]
       });
     });
@@ -3212,7 +3223,7 @@ function filterToolbarProps(props) {
 
 // Types
 
-const VAppBar = defineComponent({
+const VAppBar = genericComponent()({
   name: 'VAppBar',
   props: {
     // TODO: Implement scrolling techniques
@@ -8536,7 +8547,9 @@ function useLocationStrategies(props, data) {
     updateLocation.value = undefined;
     if (!(IN_BROWSER && data.isActive.value && props.locationStrategy)) return;
     scope = effectScope();
-    await nextTick();
+    if (!(props.locationStrategy === 'connected')) {
+      await nextTick();
+    }
     scope.run(() => {
       if (typeof props.locationStrategy === 'function') {
         var _props$locationStrate;
@@ -14218,7 +14231,7 @@ const VFooter = defineComponent({
     useRender(() => createVNode(props.tag, {
       "ref": resizeRef,
       "class": ['v-footer', themeClasses.value, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, roundedClasses.value],
-      "style": [backgroundColorStyles, props.app ? layoutItemStyles.value : undefined]
+      "style": [backgroundColorStyles.value, props.app ? layoutItemStyles.value : undefined]
     }, slots));
     return {};
   }
@@ -14780,7 +14793,8 @@ const VLazy = defineComponent({
         "style": dimensionStyles.value
       }, {
         default: () => [isActive.value && createVNode(MaybeTransition, {
-          "transition": props.transition
+          "transition": props.transition,
+          "appear": true
         }, {
           default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]
         })]
@@ -15240,7 +15254,7 @@ const VNavigationDrawer = defineComponent({
     const isTemporary = computed(() => !props.permanent && (mobile.value || props.temporary));
     const isSticky = computed(() => props.sticky && !isTemporary.value && location.value !== 'bottom');
     if (!props.disableResizeWatcher) {
-      watch(isTemporary, val => !props.permanent && (isActive.value = !val));
+      watch(isTemporary, val => !props.permanent && nextTick(() => isActive.value = !val));
     }
     if (!props.disableRouteWatcher && router) {
       watch(router.currentRoute, () => isTemporary.value && (isActive.value = false));
@@ -18163,7 +18177,7 @@ function createVuetify$1() {
     locale
   };
 }
-const version$1 = "3.0.2";
+const version$1 = "3.0.4-next-20221130.0";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -18184,7 +18198,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.0.2";
+const version = "3.0.4-next-20221130.0";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDisplay, useLayout, useLocale, useRtl, useTheme, version };