vuetify 3.1.3 → 3.1.4

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.3
+* Vuetify v3.1.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2925,12 +2925,13 @@
 
   // Types
 
+  const makeVToolbarTitleProps = propsFactory({
+    text: String,
+    ...makeTagProps()
+  }, 'v-toolbar-title');
   const VToolbarTitle = genericComponent()({
     name: 'VToolbarTitle',
-    props: {
-      text: String,
-      ...makeTagProps()
-    },
+    props: makeVToolbarTitleProps(),
     setup(props, _ref) {
       let {
         slots
@@ -3382,18 +3383,21 @@
     };
   }
 
+  // Types
+
+  const makeVBtnGroupProps = propsFactory({
+    divided: Boolean,
+    ...makeBorderProps(),
+    ...makeDensityProps(),
+    ...makeElevationProps(),
+    ...makeRoundedProps(),
+    ...makeTagProps(),
+    ...makeThemeProps(),
+    ...makeVariantProps()
+  }, 'v-btn-group');
   const VBtnGroup = defineComponent({
     name: 'VBtnGroup',
-    props: {
-      divided: Boolean,
-      ...makeBorderProps(),
-      ...makeDensityProps(),
-      ...makeElevationProps(),
-      ...makeRoundedProps(),
-      ...makeTagProps(),
-      ...makeThemeProps(),
-      ...makeVariantProps()
-    },
+    props: makeVBtnGroupProps(),
     setup(props, _ref) {
       let {
         slots
@@ -3431,6 +3435,9 @@
       });
     }
   });
+  function filterVBtnGroupProps(props) {
+    return pick(props, Object.keys(VBtnGroup.props));
+  }
 
   // Composables
 
@@ -3638,7 +3645,10 @@
   const VBtnToggleSymbol = Symbol.for('vuetify:v-btn-toggle');
   const VBtnToggle = genericComponent()({
     name: 'VBtnToggle',
-    props: makeGroupProps(),
+    props: {
+      ...makeVBtnGroupProps(),
+      ...makeGroupProps()
+    },
     emits: {
       'update:modelValue': value => true
     },
@@ -3655,9 +3665,10 @@
       } = useGroup(props, VBtnToggleSymbol);
       useRender(() => {
         var _slots$default;
-        return vue.createVNode(VBtnGroup, {
+        const [btnGroupProps] = filterVBtnGroupProps(props);
+        return vue.createVNode(VBtnGroup, vue.mergeProps({
           "class": "v-btn-toggle"
-        }, {
+        }, btnGroupProps), {
           default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
             isSelected,
             next,
@@ -4112,9 +4123,6 @@
     el.style.transform = value;
     el.style.webkitTransform = value;
   }
-  function opacity(el, value) {
-    el.style.opacity = `calc(${value} * var(--v-theme-overlay-multiplier))`;
-  }
   function isTouchEvent(e) {
     return e.constructor.name === 'TouchEvent';
   }
@@ -4190,13 +4198,11 @@
       animation.classList.add('v-ripple__animation--enter');
       animation.classList.add('v-ripple__animation--visible');
       transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`);
-      opacity(animation, 0);
       animation.dataset.activated = String(performance.now());
       setTimeout(() => {
         animation.classList.remove('v-ripple__animation--enter');
         animation.classList.add('v-ripple__animation--in');
         transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
-        opacity(animation, 0.08);
       }, 0);
     },
     hide(el) {
@@ -4211,14 +4217,14 @@
       setTimeout(() => {
         animation.classList.remove('v-ripple__animation--in');
         animation.classList.add('v-ripple__animation--out');
-        opacity(animation, 0);
         setTimeout(() => {
+          var _animation$parentNode;
           const ripples = el.getElementsByClassName('v-ripple__animation');
           if (ripples.length === 1 && el.dataset.previousPosition) {
             el.style.position = el.dataset.previousPosition;
             delete el.dataset.previousPosition;
           }
-          animation.parentNode && el.removeChild(animation.parentNode);
+          if (((_animation$parentNode = animation.parentNode) == null ? void 0 : _animation$parentNode.parentNode) === el) el.removeChild(animation.parentNode);
         }, 300);
       }, delay);
     }
@@ -5005,9 +5011,7 @@
 
   const VAppBarTitle = defineComponent({
     name: 'VAppBarTitle',
-    props: {
-      ...VToolbarTitle.props
-    },
+    props: makeVToolbarTitleProps(),
     setup(props, _ref) {
       let {
         slots
@@ -6833,6 +6837,9 @@
         emit,
         slots
       } = _ref;
+      const {
+        t
+      } = useLocale();
       const {
         borderClasses
       } = useBorder(props);
@@ -6969,6 +6976,7 @@
           }, {
             default: () => [vue.createVNode("div", {
               "class": "v-chip__close",
+              "aria-label": t(props.closeLabel),
               "onClick": onCloseClick
             }, [slots.close ? slots.close() : vue.createVNode(VIcon, null, null)])]
           })]
@@ -7454,7 +7462,8 @@
   };
   const useNestedItem = (id, isGroup) => {
     const parent = vue.inject(VNestedSymbol, emptyNested);
-    const computedId = vue.computed(() => id.value ?? Symbol(getUid()));
+    const uidSymbol = Symbol(getUid());
+    const computedId = vue.computed(() => id.value ?? uidSymbol);
     const item = {
       ...parent,
       id: computedId,
@@ -18453,7 +18462,7 @@
       locale
     };
   }
-  const version$1 = "3.1.3";
+  const version$1 = "3.1.4";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -18474,7 +18483,7 @@
       ...options
     });
   };
-  const version = "3.1.3";
+  const version = "3.1.4";
   createVuetify.version = version;
 
   exports.components = components;