vuetify 3.3.0 → 3.3.1

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.0
+* Vuetify v3.3.1
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -6256,7 +6256,7 @@ const VInput = genericComponent()({
       validate
     }));
     const messages = computed(() => {
-      if (!isPristine.value && errorMessages.value.length > 0) {
+      if (props.errorMessages?.length || !isPristine.value && errorMessages.value.length) {
         return errorMessages.value;
       } else if (props.hint && (props.persistentHint || props.focused)) {
         return props.hint;
@@ -19009,15 +19009,21 @@ const makeDataIteratorItemProps = propsFactory({
   },
   itemValue: {
     type: [String, Array, Function],
-    default: 'value'
+    default: 'id'
+  },
+  itemSelectable: {
+    type: [String, Array, Function],
+    default: null
   },
   returnObject: Boolean
 }, 'v-data-iterator-item');
 function transformItem$1(props, item) {
   const value = props.returnObject ? item : getPropertyFromItem(item, props.itemValue);
+  const selectable = getPropertyFromItem(item, props.itemSelectable, true);
   return {
     type: 'item',
     value,
+    selectable,
     raw: item
   };
 }
@@ -19449,20 +19455,122 @@ function useGroupedItems(items, groupBy, opened) {
 
 // Types
 
+const singleSelectStrategy = {
+  showSelectAll: false,
+  allSelected: () => [],
+  select: _ref => {
+    let {
+      items
+    } = _ref;
+    return new Set([items[0]?.value]);
+  },
+  selectAll: _ref2 => {
+    let {
+      selected
+    } = _ref2;
+    return selected;
+  }
+};
+const pageSelectStrategy = {
+  showSelectAll: true,
+  allSelected: _ref3 => {
+    let {
+      currentPage
+    } = _ref3;
+    return currentPage;
+  },
+  select: _ref4 => {
+    let {
+      items,
+      value,
+      selected
+    } = _ref4;
+    for (const item of items) {
+      if (value) selected.add(item.value);else selected.delete(item.value);
+    }
+    return selected;
+  },
+  selectAll: _ref5 => {
+    let {
+      value,
+      currentPage,
+      selected
+    } = _ref5;
+    return pageSelectStrategy.select({
+      items: currentPage,
+      value,
+      selected
+    });
+  }
+};
+const allSelectStrategy = {
+  showSelectAll: true,
+  allSelected: _ref6 => {
+    let {
+      allItems
+    } = _ref6;
+    return allItems;
+  },
+  select: _ref7 => {
+    let {
+      items,
+      value,
+      selected
+    } = _ref7;
+    for (const item of items) {
+      if (value) selected.add(item.value);else selected.delete(item.value);
+    }
+    return selected;
+  },
+  selectAll: _ref8 => {
+    let {
+      value,
+      allItems,
+      selected
+    } = _ref8;
+    return allSelectStrategy.select({
+      items: allItems,
+      value,
+      selected
+    });
+  }
+};
 const makeDataTableSelectProps = propsFactory({
   showSelect: Boolean,
+  selectStrategy: {
+    type: [String, Object],
+    default: 'page'
+  },
   modelValue: {
     type: Array,
     default: () => []
   }
 }, 'v-data-table-select');
 const VDataTableSelectionSymbol = Symbol.for('vuetify:data-table-selection');
-function provideSelection(props, allItems) {
+function provideSelection(props, _ref9) {
+  let {
+    allItems,
+    currentPage
+  } = _ref9;
   const selected = useProxiedModel(props, 'modelValue', props.modelValue, v => {
     return new Set(v);
   }, v => {
     return [...v.values()];
   });
+  const allSelectable = computed(() => allItems.value.filter(item => item.selectable));
+  const currentPageSelectable = computed(() => currentPage.value.filter(item => item.selectable));
+  const selectStrategy = computed(() => {
+    if (typeof props.selectStrategy === 'object') return props.selectStrategy;
+    switch (props.selectStrategy) {
+      case 'single':
+        return singleSelectStrategy;
+      case 'all':
+        return allSelectStrategy;
+      case 'page':
+      default:
+        return pageSelectStrategy;
+    }
+  });
   function isSelected(items) {
     return wrapInArray(items).every(item => selected.value.has(item.value));
   }
@@ -19470,20 +19578,33 @@ function provideSelection(props, allItems) {
     return wrapInArray(items).some(item => selected.value.has(item.value));
   }
   function select(items, value) {
-    const newSelected = new Set(selected.value);
-    for (const item of items) {
-      if (value) newSelected.add(item.value);else newSelected.delete(item.value);
-    }
+    const newSelected = selectStrategy.value.select({
+      items,
+      value,
+      selected: new Set(selected.value)
+    });
     selected.value = newSelected;
   }
   function toggleSelect(item) {
     select([item], !isSelected([item]));
   }
   function selectAll(value) {
-    select(allItems.value, value);
+    const newSelected = selectStrategy.value.selectAll({
+      value,
+      allItems: allSelectable.value,
+      currentPage: currentPageSelectable.value,
+      selected: new Set(selected.value)
+    });
+    selected.value = newSelected;
   }
   const someSelected = computed(() => selected.value.size > 0);
-  const allSelected = computed(() => isSelected(allItems.value));
+  const allSelected = computed(() => {
+    const items = selectStrategy.value.allSelected({
+      allItems: allSelectable.value,
+      currentPage: currentPageSelectable.value
+    });
+    return isSelected(items);
+  });
   const data = {
     toggleSelect,
     select,
@@ -19491,7 +19612,8 @@ function provideSelection(props, allItems) {
     isSelected,
     isSomeSelected,
     someSelected,
-    allSelected
+    allSelected,
+    showSelectAll: selectStrategy.value.showSelectAll
   };
   provide(VDataTableSelectionSymbol, data);
   return data;
@@ -19642,7 +19764,10 @@ const VDataIterator = genericComponent()({
       select,
       selectAll,
       toggleSelect
-    } = provideSelection(props, paginatedItemsWithoutGroups);
+    } = provideSelection(props, {
+      allItems: items,
+      currentPage: paginatedItemsWithoutGroups
+    });
     const {
       isExpanded,
       toggleExpand
@@ -19672,8 +19797,8 @@ const VDataIterator = genericComponent()({
       toggleExpand,
       isGroupOpen,
       toggleGroup,
-      items: paginatedItems.value,
-      groupedItems: flatItems.value
+      items: paginatedItemsWithoutGroups.value,
+      groupedItems: paginatedItems.value
     }));
     useRender(() => createVNode(props.tag, {
       "class": ['v-data-iterator', props.class],
@@ -20035,7 +20160,8 @@ const VDataTableHeaders = genericComponent()({
     const {
       someSelected,
       allSelected,
-      selectAll
+      selectAll,
+      showSelectAll
     } = useSelection();
     const {
       columns,
@@ -20115,11 +20241,11 @@ const VDataTableHeaders = genericComponent()({
           };
           if (slots[columnSlotName]) return slots[columnSlotName](columnSlotProps);
           if (column.key === 'data-table-select') {
-            return slots['column.data-table-select']?.(columnSlotProps) ?? createVNode(VCheckboxBtn, {
+            return slots['column.data-table-select']?.(columnSlotProps) ?? (showSelectAll && createVNode(VCheckboxBtn, {
               "modelValue": allSelected.value,
               "indeterminate": someSelected.value && !allSelected.value,
               "onUpdate:modelValue": selectAll
-            }, null);
+            }, null));
           }
           return createVNode("div", {
             "class": "v-data-table-header__content"
@@ -20288,6 +20414,7 @@ const VDataTableRow = defineComponent({
         if (slots[slotName]) return slots[slotName](slotProps);
         if (column.key === 'data-table-select') {
           return slots['item.data-table-select']?.(slotProps) ?? createVNode(VCheckboxBtn, {
+            "disabled": !item.selectable,
             "modelValue": isSelected([item]),
             "onClick": withModifiers(() => toggleSelect(item), ['stop'])
           }, null);
@@ -20427,12 +20554,17 @@ const makeDataTableItemProps = propsFactory({
   },
   itemValue: {
     type: [String, Array, Function],
-    default: 'value'
+    default: 'id'
+  },
+  itemSelectable: {
+    type: [String, Array, Function],
+    default: null
   },
   returnObject: Boolean
 }, 'v-data-table-item');
 function transformItem(props, item, columns) {
   const value = props.returnObject ? item : getPropertyFromItem(item, props.itemValue);
+  const selectable = getPropertyFromItem(item, props.itemSelectable, true);
   const itemColumns = columns.reduce((obj, column) => {
     obj[column.key] = getPropertyFromItem(item, column.value ?? column.key);
     return obj;
@@ -20440,6 +20572,7 @@ function transformItem(props, item, columns) {
   return {
     type: 'item',
     value,
+    selectable,
     columns: itemColumns,
     raw: item
   };
@@ -20576,7 +20709,10 @@ const VDataTable = genericComponent()({
       toggleSelect,
       someSelected,
       allSelected
-    } = provideSelection(props, paginatedItemsWithoutGroups);
+    } = provideSelection(props, {
+      allItems: items,
+      currentPage: paginatedItemsWithoutGroups
+    });
     const {
       isExpanded,
       toggleExpand
@@ -20613,8 +20749,8 @@ const VDataTable = genericComponent()({
       toggleExpand,
       isGroupOpen,
       toggleGroup,
-      items: paginatedItems.value,
-      groupedItems: flatItems.value,
+      items: paginatedItemsWithoutGroups.value,
+      groupedItems: paginatedItems.value,
       columns: columns.value,
       headers: headers.value
     }));
@@ -20793,7 +20929,7 @@ const VDataTableVirtual = genericComponent()({
     const {
       flatItems
     } = useGroupedItems(sortedItems, groupBy, opened);
-    const allRows = computed(() => extractRows(flatItems.value));
+    const allItems = computed(() => extractRows(flatItems.value));
     const {
       isSelected,
       select,
@@ -20801,7 +20937,10 @@ const VDataTableVirtual = genericComponent()({
       toggleSelect,
       someSelected,
       allSelected
-    } = provideSelection(props, allRows);
+    } = provideSelection(props, {
+      allItems,
+      currentPage: allItems
+    });
     const {
       isExpanded,
       toggleExpand
@@ -20846,7 +20985,7 @@ const VDataTableVirtual = genericComponent()({
       toggleExpand,
       isGroupOpen,
       toggleGroup,
-      items: items.value,
+      items: allItems.value,
       groupedItems: flatItems.value,
       columns: columns.value,
       headers: headers.value
@@ -20968,7 +21107,8 @@ const VDataTableServer = genericComponent()({
     const {
       opened,
       isGroupOpen,
-      toggleGroup
+      toggleGroup,
+      extractRows
     } = provideGroupBy({
       groupBy,
       sortBy
@@ -20991,11 +21131,15 @@ const VDataTableServer = genericComponent()({
       toggleSelect,
       someSelected,
       allSelected
-    } = provideSelection(props, items);
+    } = provideSelection(props, {
+      allItems: items,
+      currentPage: items
+    });
     const {
       isExpanded,
       toggleExpand
     } = provideExpanded(props);
+    const itemsWithoutGroups = computed(() => extractRows(items.value));
     useOptions({
       page,
       itemsPerPage,
@@ -21032,7 +21176,7 @@ const VDataTableServer = genericComponent()({
       toggleExpand,
       isGroupOpen,
       toggleGroup,
-      items: items.value,
+      items: itemsWithoutGroups.value,
       groupedItems: flatItems.value,
       columns: columns.value,
       headers: headers.value
@@ -22182,7 +22326,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.0";
+const version$1 = "3.3.1";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -22194,7 +22338,7 @@ function inject(key) {
   }
 }
 
-const version = "3.3.0";
+const version = "3.3.1";
 
 const createVuetify = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};