@vuetify/nightly 3.8.8-dev.2025-06-04 → 3.8.8-dev.2025-06-10

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.8-dev.2025-06-04
+* Vuetify v3.8.8-dev.2025-06-10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -14250,7 +14250,8 @@
     ...makeThemeProps(),
     ...makeTransitionProps({
       transition: 'scale-rotate-transition'
-    })
+    }),
+    ...makeDimensionProps()
   }, 'VBadge');
   const VBadge = genericComponent()({
     name: 'VBadge',
@@ -14280,6 +14281,9 @@
         const base = props.floating ? props.dot ? 2 : 4 : props.dot ? 8 : 12;
         return base + (['top', 'bottom'].includes(side) ? Number(props.offsetY ?? 0) : ['left', 'right'].includes(side) ? Number(props.offsetX ?? 0) : 0);
       });
+      const {
+        dimensionStyles
+      } = useDimension(props);
       useRender(() => {
         const value = Number(props.content);
         const content = !props.max || isNaN(value) ? props.content : value <= Number(props.max) ? value : `${props.max}+`;
@@ -14301,7 +14305,7 @@
           }, {
             default: () => [vue.withDirectives(vue.createElementVNode("span", vue.mergeProps({
               "class": ['v-badge__badge', themeClasses.value, backgroundColorClasses.value, roundedClasses.value, textColorClasses.value],
-              "style": [backgroundColorStyles.value, textColorStyles.value, props.inline ? {} : locationStyles.value],
+              "style": [backgroundColorStyles.value, textColorStyles.value, dimensionStyles.value, props.inline ? {} : locationStyles.value],
               "aria-atomic": "true",
               "aria-label": t(props.label, value),
               "aria-live": "polite",
@@ -24329,6 +24333,9 @@
           startStatus.value = status;
         } else if (side === 'end') {
           endStatus.value = status;
+        } else if (side === 'both') {
+          startStatus.value = status;
+          endStatus.value = status;
         }
       }
       function getStatus(side) {
@@ -24440,6 +24447,32 @@
           }, [renderSide('end', endStatus.value)])]
         });
       });
+      function reset(side) {
+        const effectiveSide = side ?? props.side;
+        setStatus(effectiveSide, 'ok');
+        vue.nextTick(() => {
+          setScrollAmount(getScrollSize() - previousScrollSize + getScrollAmount());
+          if (props.mode !== 'manual') {
+            vue.nextTick(() => {
+              window.requestAnimationFrame(() => {
+                window.requestAnimationFrame(() => {
+                  window.requestAnimationFrame(() => {
+                    if (effectiveSide === 'both') {
+                      intersecting('start');
+                      intersecting('end');
+                    } else {
+                      intersecting(effectiveSide);
+                    }
+                  });
+                });
+              });
+            });
+          }
+        });
+      }
+      return {
+        reset
+      };
     }
   });
 
@@ -29619,7 +29652,7 @@
       };
     });
   }
-  const version$1 = "3.8.8-dev.2025-06-04";
+  const version$1 = "3.8.8-dev.2025-06-10";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -29644,7 +29677,7 @@
       ...options
     });
   };
-  const version = "3.8.8-dev.2025-06-04";
+  const version = "3.8.8-dev.2025-06-10";
   createVuetify.version = version;
 
   exports.blueprints = index;