vuetify 3.1.15 → 3.1.16

package/dist/vuetify-labs.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;
     } & {

package/dist/vuetify-labs.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'];
@@ -8227,27 +8253,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(() => {
@@ -11058,6 +11065,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, {
@@ -11080,22 +11098,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 {};
@@ -14017,7 +14039,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];
@@ -16862,7 +16884,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;
@@ -18538,6 +18560,17 @@ const VDataTableHeaders = genericComponent()({
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(props, 'color');
+    const slotProps = computed(() => ({
+      headers: headers.value,
+      columns: columns.value,
+      toggleSort,
+      sortBy: sortBy.value,
+      someSelected: someSelected.value,
+      allSelected: allSelected.value,
+      selectAll,
+      getSortIcon,
+      getFixedStyles
+    }));
     const VDataTableHeaderCell = _ref2 => {
       let {
         column,
@@ -18565,14 +18598,14 @@ const VDataTableHeaders = genericComponent()({
         "noPadding": noPadding
       }, {
         default: () => {
-          const slotName = `column.${column.key}`;
-          const slotProps = {
+          const columnSlotName = `column.${column.key}`;
+          const columnSlotProps = {
             column,
             selectAll
           };
-          if (slots[slotName]) return slots[slotName](slotProps);
+          if (slots[columnSlotName]) return slots[columnSlotName](columnSlotProps);
           if (column.key === 'data-table-select') {
-            return slots['column.data-table-select']?.(slotProps) ?? createVNode(VCheckboxBtn, {
+            return slots['column.data-table-select']?.(columnSlotProps) ?? createVNode(VCheckboxBtn, {
               "modelValue": allSelected.value,
               "indeterminate": someSelected.value && !allSelected.value,
               "onUpdate:modelValue": selectAll
@@ -18592,22 +18625,24 @@ const VDataTableHeaders = genericComponent()({
         }
       });
     };
-    useRender(() => createVNode(Fragment, null, [headers.value.map((row, y) => createVNode("tr", null, [row.map((column, x) => createVNode(VDataTableHeaderCell, {
-      "column": column,
-      "x": x,
-      "y": y
-    }, null))])), props.loading && createVNode("tr", {
-      "class": "v-data-table__progress"
-    }, [createVNode("th", {
-      "colspan": columns.value.length
-    }, [createVNode(LoaderSlot, {
-      "name": "v-data-table-headers",
-      "active": true,
-      "color": typeof props.loading === 'boolean' ? undefined : props.loading,
-      "indeterminate": true
-    }, {
-      default: slots.loader
-    })])])]));
+    useRender(() => {
+      return createVNode(Fragment, null, [slots.headers ? slots.headers(slotProps.value) : headers.value.map((row, y) => createVNode("tr", null, [row.map((column, x) => createVNode(VDataTableHeaderCell, {
+        "column": column,
+        "x": x,
+        "y": y
+      }, null))])), props.loading && createVNode("tr", {
+        "class": "v-data-table__progress"
+      }, [createVNode("th", {
+        "colspan": columns.value.length
+      }, [createVNode(LoaderSlot, {
+        "name": "v-data-table-headers",
+        "active": true,
+        "color": typeof props.loading === 'boolean' ? undefined : props.loading,
+        "indeterminate": true
+      }, {
+        default: slots.loader
+      })])])]);
+    });
   }
 });
 
@@ -18906,9 +18941,7 @@ const VDataTableRow = defineComponent({
         'v-data-table__tr--clickable': !!props.onClick
       }],
       "onClick": props.onClick
-    }, [!columns.value.length && createVNode(VDataTableColumn, {
-      "key": "no-data"
-    }, slots), props.item && columns.value.map((column, i) => createVNode(VDataTableColumn, {
+    }, [props.item && columns.value.map((column, i) => createVNode(VDataTableColumn, {
       "align": column.align,
       "fixed": column.fixed,
       "fixedOffset": column.fixedOffset,
@@ -18998,13 +19031,13 @@ const VDataTableRows = genericComponent()({
     useRender(() => {
       if (props.loading && slots.loading) {
         return createVNode("tr", {
-          "class": "v-data-table-rows-no-data",
+          "class": "v-data-table-rows-loading",
           "key": "loading"
         }, [createVNode("td", {
           "colspan": columns.value.length
         }, [slots.loading()])]);
       }
-      if (!props.loading && !props.items.length && !props.hideNoData && slots['no-data']) {
+      if (!props.loading && !props.items.length && !props.hideNoData) {
         return createVNode("tr", {
           "class": "v-data-table-rows-no-data",
           "key": "no-data"
@@ -19483,7 +19516,7 @@ const VDataTable = genericComponent()({
       top: slots.top,
       default: slots.default ?? (() => createVNode(Fragment, null, [slots.colgroup?.({
         columns
-      }), createVNode("thead", null, [slots.headers ? slots.headers() : createVNode(VDataTableHeaders, {
+      }), createVNode("thead", null, [createVNode(VDataTableHeaders, {
         "sticky": props.fixedHeader,
         "multiSort": props.multiSort
       }, slots)]), slots.thead?.(), createVNode("tbody", null, [slots.body ? slots.body() : createVNode(VDataTableRows, {
@@ -19849,7 +19882,7 @@ const VDataTableServer = genericComponent()({
       }), createVNode("thead", {
         "class": "v-data-table__thead",
         "role": "rowgroup"
-      }, [slots.headers ? slots.headers() : createVNode(VDataTableHeaders, {
+      }, [createVNode(VDataTableHeaders, {
         "sticky": props.fixedHeader,
         "loading": props.loading,
         "color": props.color
@@ -20522,7 +20555,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
@@ -20534,7 +20567,7 @@ function inject(key) {
   }
 }
 
-const version = "3.1.15";
+const version = "3.1.16";
 
 const createVuetify = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};