@vuetify/nightly 3.7.1-master.2024-09-02 → 3.7.1-master.2024-09-03

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.1-master.2024-09-02
+* Vuetify v3.7.1-master.2024-09-03
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5160,10 +5160,14 @@
       return isLink?.value || hasEvent(attrs, 'click') || hasEvent(props, 'click');
     });
     if (typeof RouterLink === 'string' || !('useLink' in RouterLink)) {
+      const href = vue.toRef(props, 'href');
       return {
         isLink,
         isClickable,
-        href: vue.toRef(props, 'href')
+        href,
+        linkProps: vue.reactive({
+          href
+        })
       };
     }
     // vue-router useLink `to` prop needs to be reactive and useLink will crash if undefined
@@ -5175,18 +5179,24 @@
     // Actual link needs to be undefined when to prop is not used
     const link = vue.computed(() => props.to ? routerLink : undefined);
     const route = useRoute();
+    const isActive = vue.computed(() => {
+      if (!link.value) return false;
+      if (!props.exact) return link.value.isActive?.value ?? false;
+      if (!route.value) return link.value.isExactActive?.value ?? false;
+      return link.value.isExactActive?.value && deepEqual(link.value.route.value.query, route.value.query);
+    });
+    const href = vue.computed(() => props.to ? link.value?.route.value.href : props.href);
     return {
       isLink,
       isClickable,
+      isActive,
       route: link.value?.route,
       navigate: link.value?.navigate,
-      isActive: vue.computed(() => {
-        if (!link.value) return false;
-        if (!props.exact) return link.value.isActive?.value ?? false;
-        if (!route.value) return link.value.isExactActive?.value ?? false;
-        return link.value.isExactActive?.value && deepEqual(link.value.route.value.query, route.value.query);
-      }),
-      href: vue.computed(() => props.to ? link.value?.route.value.href : props.href)
+      href,
+      linkProps: vue.reactive({
+        href,
+        'aria-current': vue.computed(() => isActive.value ? 'page' : undefined)
+      })
     };
   }
   const makeRouterProps = propsFactory({
@@ -5661,7 +5671,7 @@
         const hasPrepend = !!(props.prependIcon || slots.prepend);
         const hasAppend = !!(props.appendIcon || slots.append);
         const hasIcon = !!(props.icon && props.icon !== true);
-        return vue.withDirectives(vue.createVNode(Tag, {
+        return vue.withDirectives(vue.createVNode(Tag, vue.mergeProps({
           "type": Tag === 'a' ? undefined : 'button',
           "class": ['v-btn', group?.selectedClass.value, {
             'v-btn--active': isActive.value,
@@ -5678,11 +5688,10 @@
           "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, sizeStyles.value, props.style],
           "aria-busy": props.loading ? true : undefined,
           "disabled": isDisabled.value || undefined,
-          "href": link.href.value,
           "tabindex": props.loading || props.readonly ? -1 : undefined,
           "onClick": onClick,
           "value": valueAttr.value
-        }, {
+        }, link.linkProps), {
           default: () => [genOverlays(true, 'v-btn'), !props.icon && hasPrepend && vue.createVNode("span", {
             "key": "prepend",
             "class": "v-btn__prepend"
@@ -7945,7 +7954,7 @@
         const hasPrependMedia = !!(props.prependIcon || props.prependAvatar);
         const hasPrepend = !!(hasPrependMedia || slots.prepend);
         const hasColor = !group || group.isSelected.value;
-        return isActive.value && vue.withDirectives(vue.createVNode(Tag, {
+        return isActive.value && vue.withDirectives(vue.createVNode(Tag, vue.mergeProps({
           "class": ['v-chip', {
             'v-chip--disabled': props.disabled,
             'v-chip--label': props.label,
@@ -7956,11 +7965,10 @@
           "style": [hasColor ? colorStyles.value : undefined, props.style],
           "disabled": props.disabled || undefined,
           "draggable": props.draggable,
-          "href": link.href.value,
           "tabindex": isClickable.value ? 0 : undefined,
           "onClick": onClick,
           "onKeydown": isClickable.value && !isLink.value && onKeyDown
-        }, {
+        }, link.linkProps), {
           default: () => [genOverlays(isClickable.value, 'v-chip'), hasFilter && vue.createVNode(VExpandXTransition, {
             "key": "filter"
           }, {
@@ -9005,7 +9013,7 @@
         if (props.activeColor) {
           deprecate('active-color', ['color', 'base-color']);
         }
-        return vue.withDirectives(vue.createVNode(Tag, {
+        return vue.withDirectives(vue.createVNode(Tag, vue.mergeProps({
           "class": ['v-list-item', {
             'v-list-item--active': isActive.value,
             'v-list-item--disabled': props.disabled,
@@ -9016,11 +9024,10 @@
             [`${props.activeClass}`]: props.activeClass && isActive.value
           }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, variantClasses.value, props.class],
           "style": [colorStyles.value, dimensionStyles.value, props.style],
-          "href": link.href.value,
           "tabindex": isClickable.value ? list ? -2 : 0 : undefined,
           "onClick": onClick,
           "onKeydown": isClickable.value && !isLink.value && onKeyDown
-        }, {
+        }, link.linkProps), {
           default: () => [genOverlays(isClickable.value || isActive.value, 'v-list-item'), hasPrepend && vue.createVNode("div", {
             "key": "prepend",
             "class": "v-list-item__prepend"
@@ -13776,8 +13783,7 @@
       useRender(() => {
         const overlayProps = VOverlay.filterProps(props);
         const activatorProps = vue.mergeProps({
-          'aria-haspopup': 'dialog',
-          'aria-expanded': String(isActive.value)
+          'aria-haspopup': 'dialog'
         }, props.activatorProps);
         const contentProps = vue.mergeProps({
           tabindex: -1
@@ -13908,12 +13914,10 @@
           "style": [textColorStyles.value, props.style],
           "aria-current": isActive.value ? 'page' : undefined
         }, {
-          default: () => [!link.isLink.value ? slots.default?.() ?? props.title : vue.createVNode("a", {
+          default: () => [!link.isLink.value ? slots.default?.() ?? props.title : vue.createVNode("a", vue.mergeProps({
             "class": "v-breadcrumbs-item--link",
-            "href": link.href.value,
-            "aria-current": isActive.value ? 'page' : undefined,
             "onClick": link.navigate
-          }, [slots.default?.() ?? props.title])]
+          }, link.linkProps), [slots.default?.() ?? props.title])]
         });
       });
       return {};
@@ -14289,7 +14293,7 @@
         const hasImage = !!(slots.image || props.image);
         const hasCardItem = hasHeader || hasPrepend || hasAppend;
         const hasText = !!(slots.text || props.text != null);
-        return vue.withDirectives(vue.createVNode(Tag, {
+        return vue.withDirectives(vue.createVNode(Tag, vue.mergeProps({
           "class": ['v-card', {
             'v-card--disabled': props.disabled,
             'v-card--flat': props.flat,
@@ -14297,10 +14301,9 @@
             'v-card--link': isClickable.value
           }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, variantClasses.value, props.class],
           "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, props.style],
-          "href": link.href.value,
           "onClick": isClickable.value && link.navigate,
           "tabindex": props.disabled ? -1 : undefined
-        }, {
+        }, link.linkProps), {
           default: () => [hasImage && vue.createVNode("div", {
             "key": "image",
             "class": "v-card__image"
@@ -30228,7 +30231,7 @@
       const value = isObject(binding.value) ? binding.value : {};
 
       // Get the children from the props or directive value, or the element's children
-      const children = () => text ?? el.innerHTML;
+      const children = () => text ?? el.textContent;
 
       // If vnode.ctx is the same as the instance, then we're bound to a plain element
       // and need to find the nearest parent component instance to inherit provides from
@@ -30286,7 +30289,7 @@
   const Tooltip = useDirectiveComponent(VTooltip, binding => {
     return {
       activator: 'parent',
-      location: binding.arg?.replace('-', ' ') ?? 'top',
+      location: binding.arg?.replace('-', ' '),
       text: typeof binding.value === 'boolean' ? undefined : binding.value
     };
   });
@@ -30392,7 +30395,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.1-master.2024-09-02";
+  const version$1 = "3.7.1-master.2024-09-03";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30645,7 +30648,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.1-master.2024-09-02";
+  const version = "3.7.1-master.2024-09-03";
 
   /* eslint-disable local-rules/sort-imports */