vuetify 3.6.4 → 3.6.5

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.4
+* Vuetify v3.6.5
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4573,6 +4573,12 @@ function useGroupItem(props, injectKey) {
   const isSelected = computed(() => {
     return group.isSelected(id);
   });
+  const isFirst = computed(() => {
+    return group.items.value[0].id === id;
+  });
+  const isLast = computed(() => {
+    return group.items.value[group.items.value.length - 1].id === id;
+  });
   const selectedClass = computed(() => isSelected.value && [group.selectedClass.value, props.selectedClass]);
   watch(isSelected, value => {
     vm.emit('group:selected', {
@@ -4584,6 +4590,8 @@ function useGroupItem(props, injectKey) {
   return {
     id,
     isSelected,
+    isFirst,
+    isLast,
     toggle: () => group.select(id, !isSelected.value),
     select: value => group.select(id, value),
     selectedClass,
@@ -20484,6 +20492,8 @@ function useDataTableItems(props, columns) {
 
 const makeDataTableProps = propsFactory({
   ...makeVDataTableRowsProps(),
+  hideDefaultFooter: Boolean,
+  hideDefaultHeader: Boolean,
   width: [String, Number],
   search: String,
   ...makeDataTableExpandProps(),
@@ -20666,10 +20676,12 @@ const VDataTable = genericComponent()({
         "style": props.style
       }, tableProps), {
         top: () => slots.top?.(slotProps.value),
-        default: () => slots.default ? slots.default(slotProps.value) : createVNode(Fragment, null, [slots.colgroup?.(slotProps.value), createVNode("thead", null, [createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), createVNode("tbody", null, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, mergeProps(attrs, dataTableRowsProps, {
+        default: () => slots.default ? slots.default(slotProps.value) : createVNode(Fragment, null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && createVNode("thead", {
+          "key": "thead"
+        }, [createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), createVNode("tbody", null, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, mergeProps(attrs, dataTableRowsProps, {
           "items": paginatedItems.value
         }), slots), slots['body.append']?.(slotProps.value)]), slots.tbody?.(slotProps.value), slots.tfoot?.(slotProps.value)]),
-        bottom: () => slots.bottom ? slots.bottom(slotProps.value) : createVNode(Fragment, null, [createVNode(VDivider, null, null), createVNode(VDataTableFooter, dataTableFooterProps, {
+        bottom: () => slots.bottom ? slots.bottom(slotProps.value) : !props.hideDefaultFooter && createVNode(Fragment, null, [createVNode(VDivider, null, null), createVNode(VDataTableFooter, dataTableFooterProps, {
           prepend: slots['footer.prepend']
         })])
       });
@@ -20837,7 +20849,9 @@ const VDataTableVirtual = genericComponent()({
           "style": {
             height: convertToUnit(props.height)
           }
-        }, [createVNode("table", null, [slots.colgroup?.(slotProps.value), createVNode("thead", null, [createVNode(VDataTableHeaders, mergeProps(dataTableHeadersProps, {
+        }, [createVNode("table", null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && createVNode("thead", {
+          "key": "thead"
+        }, [createVNode(VDataTableHeaders, mergeProps(dataTableHeadersProps, {
           "sticky": props.fixedHeader
         }), slots)]), createVNode("tbody", null, [createVNode("tr", {
           "ref": markerRef,
@@ -21042,7 +21056,8 @@ const VDataTableServer = genericComponent()({
         "style": props.style
       }, tableProps), {
         top: () => slots.top?.(slotProps.value),
-        default: () => slots.default ? slots.default(slotProps.value) : createVNode(Fragment, null, [slots.colgroup?.(slotProps.value), createVNode("thead", {
+        default: () => slots.default ? slots.default(slotProps.value) : createVNode(Fragment, null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && createVNode("thead", {
+          "key": "thead",
           "class": "v-data-table__thead",
           "role": "rowgroup"
         }, [createVNode(VDataTableHeaders, mergeProps(dataTableHeadersProps, {
@@ -21053,7 +21068,7 @@ const VDataTableServer = genericComponent()({
         }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, mergeProps(attrs, dataTableRowsProps, {
           "items": flatItems.value
         }), slots), slots['body.append']?.(slotProps.value)]), slots.tbody?.(slotProps.value), slots.tfoot?.(slotProps.value)]),
-        bottom: () => slots.bottom ? slots.bottom(slotProps.value) : createVNode(Fragment, null, [createVNode(VDivider, null, null), createVNode(VDataTableFooter, dataTableFooterProps, {
+        bottom: () => slots.bottom ? slots.bottom(slotProps.value) : !props.hideDefaultFooter && createVNode(Fragment, null, [createVNode(VDivider, null, null), createVNode(VDataTableFooter, dataTableFooterProps, {
           prepend: slots['footer.prepend']
         })])
       });
@@ -22597,7 +22612,9 @@ const VExpansionPanel = genericComponent()({
         }), slots.default?.()]
       });
     });
-    return {};
+    return {
+      groupItem
+    };
   }
 });
 
@@ -22626,7 +22643,10 @@ const VExpansionPanels = genericComponent()({
     let {
       slots
     } = _ref;
-    useGroup(props, VExpansionPanelSymbol);
+    const {
+      next,
+      prev
+    } = useGroup(props, VExpansionPanelSymbol);
     const {
       themeClasses
     } = provideTheme(props);
@@ -22653,8 +22673,16 @@ const VExpansionPanels = genericComponent()({
         'v-expansion-panels--tile': props.tile
       }, themeClasses.value, variantClass.value, props.class],
       "style": props.style
-    }, slots));
-    return {};
+    }, {
+      default: () => [slots.default?.({
+        prev,
+        next
+      })]
+    }));
+    return {
+      next,
+      prev
+    };
   }
 });
 
@@ -22918,7 +22946,7 @@ const VFileInput = genericComponent()({
           }, fieldProps, {
             "id": id.value,
             "active": isActive.value || isDirty.value,
-            "dirty": isDirty.value,
+            "dirty": isDirty.value || props.dirty,
             "disabled": isDisabled.value,
             "focused": isFocused.value,
             "error": isValid.value === false
@@ -26017,7 +26045,7 @@ const VStepperHeader = createSimpleFunctional('v-stepper-header');
 
 // Types
 
-const makeVStepperItemProps = propsFactory({
+const makeStepperItemProps = propsFactory({
   color: String,
   title: String,
   subtitle: String,
@@ -26044,7 +26072,10 @@ const makeVStepperItemProps = propsFactory({
   rules: {
     type: Array,
     default: () => []
-  },
+  }
+}, 'StepperItem');
+const makeVStepperItemProps = propsFactory({
+  ...makeStepperItemProps(),
   ...makeGroupItemProps()
 }, 'VStepperItem');
 const VStepperItem = genericComponent()({
@@ -26063,13 +26094,14 @@ const VStepperItem = genericComponent()({
     const group = useGroupItem(props, VStepperSymbol, true);
     const step = computed(() => group?.value.value ?? props.value);
     const isValid = computed(() => props.rules.every(handler => handler() === true));
+    const isClickable = computed(() => !props.disabled && props.editable);
     const canEdit = computed(() => !props.disabled && props.editable);
     const hasError = computed(() => props.error || !isValid.value);
     const hasCompleted = computed(() => props.complete || props.rules.length > 0 && isValid.value);
     const icon = computed(() => {
       if (hasError.value) return props.errorIcon;
       if (hasCompleted.value) return props.completeIcon;
-      if (props.editable) return props.editIcon;
+      if (group.isSelected.value && props.editable) return props.editIcon;
       return props.icon;
     });
     const slotProps = computed(() => ({
@@ -26096,7 +26128,7 @@ const VStepperItem = genericComponent()({
         }, group?.selectedClass.value],
         "disabled": !props.editable,
         "onClick": onClick
-      }, [createVNode(VAvatar, {
+      }, [isClickable.value && genOverlays(true, 'v-stepper-item'), createVNode(VAvatar, {
         "key": "stepper-avatar",
         "class": "v-stepper-item__avatar",
         "color": hasColor ? props.color : undefined,
@@ -26194,7 +26226,7 @@ const VStepperWindowItem = genericComponent()({
 // Types
 
 const VStepperSymbol = Symbol.for('vuetify:v-stepper');
-const makeVStepperProps = propsFactory({
+const makeStepperProps = propsFactory({
   altLabels: Boolean,
   bgColor: String,
   editable: Boolean,
@@ -26213,7 +26245,10 @@ const makeVStepperProps = propsFactory({
   },
   mobile: Boolean,
   nonLinear: Boolean,
-  flat: Boolean,
+  flat: Boolean
+}, 'Stepper');
+const makeVStepperProps = propsFactory({
+  ...makeStepperProps(),
   ...makeGroupProps({
     mandatory: 'force',
     selectedClass: 'v-stepper-item--selected'
@@ -26292,12 +26327,18 @@ const VStepper = genericComponent()({
         default: () => [hasHeader && createVNode(VStepperHeader, {
           "key": "stepper-header"
         }, {
-          default: () => [items.value.map((item, index) => createVNode(Fragment, null, [!!index && createVNode(VDivider, null, null), createVNode(VStepperItem, item, {
-            default: slots[`header-item.${item.value}`] ?? slots.header,
-            icon: slots.icon,
-            title: slots.title,
-            subtitle: slots.subtitle
-          })]))]
+          default: () => [items.value.map((_ref2, index) => {
+            let {
+              raw,
+              ...item
+            } = _ref2;
+            return createVNode(Fragment, null, [!!index && createVNode(VDivider, null, null), createVNode(VStepperItem, item, {
+              default: slots[`header-item.${item.value}`] ?? slots.header,
+              icon: slots.icon,
+              title: slots.title,
+              subtitle: slots.subtitle
+            })]);
+          })]
         }), hasWindow && createVNode(VStepperWindow, {
           "key": "stepper-window"
         }, {
@@ -27953,7 +27994,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.4";
+const version$1 = "3.6.5";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -27978,7 +28019,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.6.4";
+const version = "3.6.5";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };