@vuetify/nightly 3.0.2 → 3.0.4-next-20221130.0

package/dist/vuetify.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.
 */
@@ -2480,8 +2480,8 @@
     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);
@@ -3147,11 +3147,6 @@
       const isExtended = vue.ref(!!(props.extended || (_slots$extension = slots.extension) != null && _slots$extension.call(slots)));
       const contentHeight = vue.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 = vue.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);
@@ -3180,27 +3175,43 @@
             }
           }, {
             default: () => [slots.image ? (_slots$image = slots.image) == null ? void 0 : _slots$image.call(slots) : vue.createVNode(VImg, null, null)]
-          })]), vue.createVNode("div", {
-            "class": "v-toolbar__content",
-            "style": {
-              height: convertToUnit(contentHeight.value)
+          })]), vue.createVNode(VDefaultsProvider, {
+            "defaults": {
+              VTabs: {
+                height: convertToUnit(contentHeight.value)
+              }
             }
-          }, [slots.prepend && vue.createVNode("div", {
-            "class": "v-toolbar__prepend"
-          }, [(_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots)]), hasTitle && vue.createVNode(VToolbarTitle, {
-            "key": "title",
-            "text": props.title
           }, {
-            text: slots.title
-          }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), slots.append && vue.createVNode("div", {
-            "class": "v-toolbar__append"
-          }, [(_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots)])]), vue.createVNode(VExpandTransition, null, {
-            default: () => [isExtended.value && vue.createVNode("div", {
-              "class": "v-toolbar__extension",
+            default: () => [vue.createVNode("div", {
+              "class": "v-toolbar__content",
               "style": {
+                height: convertToUnit(contentHeight.value)
+              }
+            }, [slots.prepend && vue.createVNode("div", {
+              "class": "v-toolbar__prepend"
+            }, [(_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots)]), hasTitle && vue.createVNode(VToolbarTitle, {
+              "key": "title",
+              "text": props.title
+            }, {
+              text: slots.title
+            }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), slots.append && vue.createVNode("div", {
+              "class": "v-toolbar__append"
+            }, [(_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots)])])]
+          }), vue.createVNode(VDefaultsProvider, {
+            "defaults": {
+              VTabs: {
                 height: convertToUnit(extensionHeight.value)
               }
-            }, [extension])]
+            }
+          }, {
+            default: () => [vue.createVNode(VExpandTransition, null, {
+              default: () => [isExtended.value && vue.createVNode("div", {
+                "class": "v-toolbar__extension",
+                "style": {
+                  height: convertToUnit(extensionHeight.value)
+                }
+              }, [extension])]
+            })]
           })]
         });
       });
@@ -3216,7 +3227,7 @@
 
   // Types
 
-  const VAppBar = defineComponent({
+  const VAppBar = genericComponent()({
     name: 'VAppBar',
     props: {
       // TODO: Implement scrolling techniques
@@ -8540,7 +8551,9 @@
       updateLocation.value = undefined;
       if (!(IN_BROWSER && data.isActive.value && props.locationStrategy)) return;
       scope = vue.effectScope();
-      await vue.nextTick();
+      if (!(props.locationStrategy === 'connected')) {
+        await vue.nextTick();
+      }
       scope.run(() => {
         if (typeof props.locationStrategy === 'function') {
           var _props$locationStrate;
@@ -14222,7 +14235,7 @@
       useRender(() => vue.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 {};
     }
@@ -14784,7 +14797,8 @@
           "style": dimensionStyles.value
         }, {
           default: () => [isActive.value && vue.createVNode(MaybeTransition, {
-            "transition": props.transition
+            "transition": props.transition,
+            "appear": true
           }, {
             default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]
           })]
@@ -15244,7 +15258,7 @@
       const isTemporary = vue.computed(() => !props.permanent && (mobile.value || props.temporary));
       const isSticky = vue.computed(() => props.sticky && !isTemporary.value && location.value !== 'bottom');
       if (!props.disableResizeWatcher) {
-        vue.watch(isTemporary, val => !props.permanent && (isActive.value = !val));
+        vue.watch(isTemporary, val => !props.permanent && vue.nextTick(() => isActive.value = !val));
       }
       if (!props.disableRouteWatcher && router) {
         vue.watch(router.currentRoute, () => isTemporary.value && (isActive.value = false));
@@ -18167,7 +18181,7 @@
       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
@@ -18188,7 +18202,7 @@
       ...options
     });
   };
-  const version = "3.0.2";
+  const version = "3.0.4-next-20221130.0";
   createVuetify.version = version;
 
   exports.components = components;