vuetify 3.1.15 → 3.1.16

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.15
+* Vuetify v3.1.16
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -19428,7 +19428,6 @@ textarea.v-field__input::placeholder {
 .v-field--variant-outlined .v-field__outline__notch {
   flex: none;
   position: relative;
-  border-width: 0 0 var(--v-field-border-width);
 }
 .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
   opacity: var(--v-field-border-opacity);
@@ -20511,12 +20510,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
   margin: 0.3rem;
-}.v-parallax {
-  position: relative;
-  overflow: hidden;
-}
-.v-parallax--active > .v-img__img {
-  will-change: transform;
 }.v-progress-circular {
   align-items: center;
   display: inline-flex;
@@ -20619,6 +20612,12 @@ html.v-overlay-scroll-blocked {
   100% {
     transform: rotate(270deg);
   }
+}.v-parallax {
+  position: relative;
+  overflow: hidden;
+}
+.v-parallax--active > .v-img__img {
+  will-change: transform;
 }.v-progress-linear {
   background: transparent;
   overflow: hidden;

package/dist/vuetify.d.ts

@@ -8049,8 +8049,8 @@ interface LinkProps {
     exact: boolean | undefined;
 }
 
-type BreadcrumbItem = string | (LinkProps & {
-    text: string;
+type BreadcrumbItem = string | (Partial<LinkProps> & {
+    title: string;
     disabled?: boolean;
 });
 declare const VBreadcrumbs: {
@@ -8237,7 +8237,7 @@ declare const VBreadcrumbs: {
     rounded: string | number | boolean;
     density: Density;
     divider: string;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1>() => {
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1 extends BreadcrumbItem>() => {
     $props: {
         items?: T_1[] | undefined;
     } & {
@@ -60483,41 +60483,41 @@ declare module '@vue/runtime-core' {
 
   export interface GlobalComponents {
     VApp: typeof import('vuetify/components')['VApp']
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
     VBadge: typeof import('vuetify/components')['VBadge']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
     VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
     VBtn: typeof import('vuetify/components')['VBtn']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VChip: typeof import('vuetify/components')['VChip']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
-    VCode: typeof import('vuetify/components')['VCode']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
+    VCode: typeof import('vuetify/components')['VCode']
     VCombobox: typeof import('vuetify/components')['VCombobox']
-    VDialog: typeof import('vuetify/components')['VDialog']
     VCounter: typeof import('vuetify/components')['VCounter']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VDivider: typeof import('vuetify/components')['VDivider']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
@@ -60527,13 +60527,13 @@ declare module '@vue/runtime-core' {
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VFileInput: typeof import('vuetify/components')['VFileInput']
     VFooter: typeof import('vuetify/components')['VFooter']
-    VImg: typeof import('vuetify/components')['VImg']
-    VInput: typeof import('vuetify/components')['VInput']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
+    VImg: typeof import('vuetify/components')['VImg']
+    VInput: typeof import('vuetify/components')['VInput']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
     VKbd: typeof import('vuetify/components')['VKbd']
@@ -60547,10 +60547,10 @@ declare module '@vue/runtime-core' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
+    VMain: typeof import('vuetify/components')['VMain']
     VMenu: typeof import('vuetify/components')['VMenu']
     VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VMain: typeof import('vuetify/components')['VMain']
     VOverlay: typeof import('vuetify/components')['VOverlay']
     VPagination: typeof import('vuetify/components')['VPagination']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
@@ -60564,11 +60564,11 @@ declare module '@vue/runtime-core' {
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VSlider: typeof import('vuetify/components')['VSlider']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
     VTable: typeof import('vuetify/components')['VTable']
     VTextarea: typeof import('vuetify/components')['VTextarea']
     VTextField: typeof import('vuetify/components')['VTextField']
@@ -60577,25 +60577,26 @@ declare module '@vue/runtime-core' {
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
-    VHover: typeof import('vuetify/components')['VHover']
+    VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
+    VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
-    VForm: typeof import('vuetify/components')['VForm']
+    VHover: typeof import('vuetify/components')['VHover']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VLazy: typeof import('vuetify/components')['VLazy']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
+    VParallax: typeof import('vuetify/components')['VParallax']
     VRadio: typeof import('vuetify/components')['VRadio']
-    VResponsive: typeof import('vuetify/components')['VResponsive']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
-    VParallax: typeof import('vuetify/components')['VParallax']
+    VResponsive: typeof import('vuetify/components')['VResponsive']
+    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
@@ -60613,6 +60614,5 @@ declare module '@vue/runtime-core' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
   }
 }

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.15
+* Vuetify v3.1.16
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -356,6 +356,32 @@ function callEvent(handler) {
     handler(...args);
   }
 }
+function focusableChildren(el) {
+  const targets = ['button', '[href]', 'input:not([type="hidden"])', 'select', 'textarea', '[tabindex]'].map(s => `${s}:not([tabindex="-1"]):not([disabled])`).join(', ');
+  return [...el.querySelectorAll(targets)];
+}
+function focusChild(el, location) {
+  const focusable = focusableChildren(el);
+  const idx = focusable.indexOf(document.activeElement);
+  if (!location) {
+    if (!el.contains(document.activeElement)) {
+      focusable[0]?.focus();
+    }
+  } else if (location === 'first') {
+    focusable[0]?.focus();
+  } else if (location === 'last') {
+    focusable.at(-1)?.focus();
+  } else {
+    let _el;
+    let idxx = idx;
+    const inc = location === 'next' ? 1 : -1;
+    do {
+      idxx += inc;
+      _el = focusable[idxx];
+    } while ((!_el || _el.offsetParent == null) && idxx < focusable.length && idxx >= 0);
+    if (_el) _el.focus();else focusChild(el, location === 'next' ? 'first' : 'last');
+  }
+}
 
 const block = ['top', 'bottom'];
 const inline = ['start', 'end', 'left', 'right'];
@@ -8223,27 +8249,8 @@ const VList = genericComponent()({
       e.preventDefault();
     }
     function focus(location) {
-      if (!contentRef.value) return;
-      const targets = ['button', '[href]', 'input', 'select', 'textarea', '[tabindex]'].map(s => `${s}:not([tabindex="-1"])`).join(', ');
-      const focusable = [...contentRef.value.querySelectorAll(targets)].filter(el => !el.hasAttribute('disabled'));
-      const idx = focusable.indexOf(document.activeElement);
-      if (!location) {
-        if (!contentRef.value.contains(document.activeElement)) {
-          focusable[0]?.focus();
-        }
-      } else if (location === 'first') {
-        focusable[0]?.focus();
-      } else if (location === 'last') {
-        focusable.at(-1)?.focus();
-      } else {
-        let el;
-        let idxx = idx;
-        const inc = location === 'next' ? 1 : -1;
-        do {
-          idxx += inc;
-          el = focusable[idxx];
-        } while ((!el || el.offsetParent == null) && idxx < focusable.length && idxx >= 0);
-        if (el) el.focus();else focus(location === 'next' ? 'first' : 'last');
+      if (contentRef.value) {
+        return focusChild(contentRef.value, location);
       }
     }
     useRender(() => {
@@ -11054,6 +11061,17 @@ const VBreadcrumbs = genericComponent()({
         disabled: toRef(props, 'disabled')
       }
     });
+    const items = computed(() => props.items.map(item => {
+      return typeof item === 'string' ? {
+        item: {
+          title: item
+        },
+        raw: item
+      } : {
+        item,
+        raw: item
+      };
+    }));
     useRender(() => {
       const hasPrepend = !!(slots.prepend || props.icon);
       return createVNode(props.tag, {
@@ -11076,22 +11094,26 @@ const VBreadcrumbs = genericComponent()({
               start: true
             }
           }
-        }, slots.prepend)]), props.items.map((item, index, array) => createVNode(Fragment, null, [createVNode(VBreadcrumbsItem, mergeProps({
-          "key": index,
-          "disabled": index >= array.length - 1
-        }, typeof item === 'string' ? {
-          title: item
-        } : item), {
-          default: slots.title ? () => slots.title?.({
-            item,
-            index
-          }) : undefined
-        }), index < array.length - 1 && createVNode(VBreadcrumbsDivider, null, {
-          default: slots.divider ? () => slots.divider?.({
+        }, slots.prepend)]), items.value.map((_ref2, index, array) => {
+          let {
             item,
-            index
-          }) : undefined
-        })])), slots.default?.()]
+            raw
+          } = _ref2;
+          return createVNode(Fragment, null, [createVNode(VBreadcrumbsItem, mergeProps({
+            "key": item.title,
+            "disabled": index >= array.length - 1
+          }, item), {
+            default: slots.title ? () => slots.title?.({
+              item: raw,
+              index
+            }) : undefined
+          }), index < array.length - 1 && createVNode(VBreadcrumbsDivider, null, {
+            default: slots.divider ? () => slots.divider?.({
+              item: raw,
+              index
+            }) : undefined
+          })]);
+        }), slots.default?.()]
       });
     });
     return {};
@@ -14013,7 +14035,7 @@ const VDialog = genericComponent()({
       ![document, overlay.value.contentEl].includes(after) &&
       // It isn't inside the dialog body
       !overlay.value.contentEl.contains(after)) {
-        const focusable = [...overlay.value.contentEl.querySelectorAll('button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])')].filter(el => !el.hasAttribute('disabled') && !el.matches('[tabindex="-1"]'));
+        const focusable = focusableChildren(overlay.value.contentEl);
         if (!focusable.length) return;
         const firstElement = focusable[0];
         const lastElement = focusable[focusable.length - 1];
@@ -16858,7 +16880,7 @@ const VSlideGroup = genericComponent()({
     function focus(location) {
       if (!contentRef.value) return;
       if (!location) {
-        const focusable = [...contentRef.value.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')].filter(el => !el.hasAttribute('disabled'));
+        const focusable = focusableChildren(contentRef.value);
         focusable[0]?.focus();
       } else if (location === 'next') {
         const el = contentRef.value.querySelector(':focus')?.nextElementSibling;
@@ -18453,7 +18475,7 @@ function createVuetify$1() {
     locale
   };
 }
-const version$1 = "3.1.15";
+const version$1 = "3.1.16";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -18473,7 +18495,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.1.15";
+const version = "3.1.16";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDisplay, useLayout, useLocale, useRtl, useTheme, version };