vuetify 3.1.15 → 3.1.16

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.15
+* Vuetify v3.1.16
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -360,6 +360,32 @@
       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'];
@@ -8231,27 +8257,8 @@
         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(() => {
@@ -11062,6 +11069,17 @@
           disabled: vue.toRef(props, 'disabled')
         }
       });
+      const items = vue.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 vue.createVNode(props.tag, {
@@ -11084,22 +11102,26 @@
                 start: true
               }
             }
-          }, slots.prepend)]), props.items.map((item, index, array) => vue.createVNode(vue.Fragment, null, [vue.createVNode(VBreadcrumbsItem, vue.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 && vue.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 vue.createVNode(vue.Fragment, null, [vue.createVNode(VBreadcrumbsItem, vue.mergeProps({
+              "key": item.title,
+              "disabled": index >= array.length - 1
+            }, item), {
+              default: slots.title ? () => slots.title?.({
+                item: raw,
+                index
+              }) : undefined
+            }), index < array.length - 1 && vue.createVNode(VBreadcrumbsDivider, null, {
+              default: slots.divider ? () => slots.divider?.({
+                item: raw,
+                index
+              }) : undefined
+            })]);
+          }), slots.default?.()]
         });
       });
       return {};
@@ -14021,7 +14043,7 @@
         ![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];
@@ -16866,7 +16888,7 @@
       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;
@@ -18542,6 +18564,17 @@
         backgroundColorClasses,
         backgroundColorStyles
       } = useBackgroundColor(props, 'color');
+      const slotProps = vue.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,
@@ -18569,14 +18602,14 @@
           "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) ?? vue.createVNode(VCheckboxBtn, {
+              return slots['column.data-table-select']?.(columnSlotProps) ?? vue.createVNode(VCheckboxBtn, {
                 "modelValue": allSelected.value,
                 "indeterminate": someSelected.value && !allSelected.value,
                 "onUpdate:modelValue": selectAll
@@ -18596,22 +18629,24 @@
           }
         });
       };
-      useRender(() => vue.createVNode(vue.Fragment, null, [headers.value.map((row, y) => vue.createVNode("tr", null, [row.map((column, x) => vue.createVNode(VDataTableHeaderCell, {
-        "column": column,
-        "x": x,
-        "y": y
-      }, null))])), props.loading && vue.createVNode("tr", {
-        "class": "v-data-table__progress"
-      }, [vue.createVNode("th", {
-        "colspan": columns.value.length
-      }, [vue.createVNode(LoaderSlot, {
-        "name": "v-data-table-headers",
-        "active": true,
-        "color": typeof props.loading === 'boolean' ? undefined : props.loading,
-        "indeterminate": true
-      }, {
-        default: slots.loader
-      })])])]));
+      useRender(() => {
+        return vue.createVNode(vue.Fragment, null, [slots.headers ? slots.headers(slotProps.value) : headers.value.map((row, y) => vue.createVNode("tr", null, [row.map((column, x) => vue.createVNode(VDataTableHeaderCell, {
+          "column": column,
+          "x": x,
+          "y": y
+        }, null))])), props.loading && vue.createVNode("tr", {
+          "class": "v-data-table__progress"
+        }, [vue.createVNode("th", {
+          "colspan": columns.value.length
+        }, [vue.createVNode(LoaderSlot, {
+          "name": "v-data-table-headers",
+          "active": true,
+          "color": typeof props.loading === 'boolean' ? undefined : props.loading,
+          "indeterminate": true
+        }, {
+          default: slots.loader
+        })])])]);
+      });
     }
   });
 
@@ -18910,9 +18945,7 @@
           'v-data-table__tr--clickable': !!props.onClick
         }],
         "onClick": props.onClick
-      }, [!columns.value.length && vue.createVNode(VDataTableColumn, {
-        "key": "no-data"
-      }, slots), props.item && columns.value.map((column, i) => vue.createVNode(VDataTableColumn, {
+      }, [props.item && columns.value.map((column, i) => vue.createVNode(VDataTableColumn, {
         "align": column.align,
         "fixed": column.fixed,
         "fixedOffset": column.fixedOffset,
@@ -19002,13 +19035,13 @@
       useRender(() => {
         if (props.loading && slots.loading) {
           return vue.createVNode("tr", {
-            "class": "v-data-table-rows-no-data",
+            "class": "v-data-table-rows-loading",
             "key": "loading"
           }, [vue.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 vue.createVNode("tr", {
             "class": "v-data-table-rows-no-data",
             "key": "no-data"
@@ -19487,7 +19520,7 @@
         top: slots.top,
         default: slots.default ?? (() => vue.createVNode(vue.Fragment, null, [slots.colgroup?.({
           columns
-        }), vue.createVNode("thead", null, [slots.headers ? slots.headers() : vue.createVNode(VDataTableHeaders, {
+        }), vue.createVNode("thead", null, [vue.createVNode(VDataTableHeaders, {
           "sticky": props.fixedHeader,
           "multiSort": props.multiSort
         }, slots)]), slots.thead?.(), vue.createVNode("tbody", null, [slots.body ? slots.body() : vue.createVNode(VDataTableRows, {
@@ -19853,7 +19886,7 @@
         }), vue.createVNode("thead", {
           "class": "v-data-table__thead",
           "role": "rowgroup"
-        }, [slots.headers ? slots.headers() : vue.createVNode(VDataTableHeaders, {
+        }, [vue.createVNode(VDataTableHeaders, {
           "sticky": props.fixedHeader,
           "loading": props.loading,
           "color": props.color
@@ -20526,7 +20559,7 @@
       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
@@ -20538,7 +20571,7 @@
     }
   }
 
-  const version = "3.1.15";
+  const version = "3.1.16";
 
   const createVuetify = function () {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};