@vuetify/nightly 3.9.0-beta.1-dev.2025-07-02 → 3.9.0-beta.1-dev.2025-07-05

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.0-beta.1-dev.2025-07-02
+* Vuetify v3.9.0-beta.1-dev.2025-07-05
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9104,7 +9104,7 @@
         selected.set(id, value ? 'on' : 'off');
         return selected;
       },
-      in: (v, children, parents) => {
+      in: (v, children, parents, disabled) => {
         const map = new Map();
         for (const id of v || []) {
           strategy.select({
@@ -9112,7 +9112,8 @@
             value: true,
             selected: map,
             children,
-            parents
+            parents,
+            disabled
           });
         }
         return map;
@@ -9144,9 +9145,9 @@
           selected: singleSelected
         });
       },
-      in: (v, children, parents) => {
+      in: (v, children, parents, disabled) => {
         if (v?.length) {
-          return parentStrategy.in(v.slice(0, 1), children, parents);
+          return parentStrategy.in(v.slice(0, 1), children, parents, disabled);
         }
         return new Map();
       },
@@ -9212,23 +9213,32 @@
           value,
           selected,
           children,
-          parents
+          parents,
+          disabled
         } = _ref6;
         id = vue.toRaw(id);
         const original = new Map(selected);
         const items = [id];
         while (items.length) {
           const item = items.shift();
-          selected.set(vue.toRaw(item), value ? 'on' : 'off');
+          if (!disabled.has(item)) {
+            selected.set(vue.toRaw(item), value ? 'on' : 'off');
+          }
           if (children.has(item)) {
             items.push(...children.get(item));
           }
         }
         let parent = vue.toRaw(parents.get(id));
         while (parent) {
-          const childrenIds = children.get(parent);
-          const everySelected = childrenIds.every(cid => selected.get(vue.toRaw(cid)) === 'on');
-          const noneSelected = childrenIds.every(cid => !selected.has(vue.toRaw(cid)) || selected.get(vue.toRaw(cid)) === 'off');
+          let everySelected = true;
+          let noneSelected = true;
+          for (const child of children.get(parent)) {
+            const cid = vue.toRaw(child);
+            if (disabled.has(cid)) continue;
+            if (selected.get(cid) !== 'on') everySelected = false;
+            if (selected.has(cid) && selected.get(cid) !== 'off') noneSelected = false;
+            if (!everySelected && !noneSelected) break;
+          }
           selected.set(parent, everySelected ? 'on' : noneSelected ? 'off' : 'indeterminate');
           parent = vue.toRaw(parents.get(parent));
         }
@@ -9245,7 +9255,7 @@
         }
         return selected;
       },
-      in: (v, children, parents) => {
+      in: (v, children, parents, disabled) => {
         let map = new Map();
         for (const id of v || []) {
           map = strategy.select({
@@ -9253,7 +9263,8 @@
             value: true,
             selected: map,
             children,
-            parents
+            parents,
+            disabled
           });
         }
         return map;
@@ -9300,8 +9311,9 @@
     root: {
       register: () => null,
       unregister: () => null,
-      parents: vue.ref(new Map()),
       children: vue.ref(new Map()),
+      parents: vue.ref(new Map()),
+      disabled: vue.ref(new Set()),
       open: () => null,
       openOnSelect: () => null,
       activate: () => null,
@@ -9330,6 +9342,7 @@
     let isUnmounted = false;
     const children = vue.shallowRef(new Map());
     const parents = vue.shallowRef(new Map());
+    const disabled = vue.shallowRef(new Set());
     const opened = useProxiedModel(props, 'opened', props.opened, v => new Set(Array.isArray(v) ? v.map(i => vue.toRaw(i)) : v), v => [...v.values()]);
     const activeStrategy = vue.computed(() => {
       if (typeof props.activeStrategy === 'object') return props.activeStrategy;
@@ -9378,7 +9391,7 @@
       }
     });
     const activated = useProxiedModel(props, 'activated', props.activated, v => activeStrategy.value.in(v, children.value, parents.value), v => activeStrategy.value.out(v, children.value, parents.value));
-    const selected = useProxiedModel(props, 'selected', props.selected, v => selectStrategy.value.in(v, children.value, parents.value), v => selectStrategy.value.out(v, children.value, parents.value));
+    const selected = useProxiedModel(props, 'selected', props.selected, v => selectStrategy.value.in(v, children.value, parents.value, disabled.value), v => selectStrategy.value.out(v, children.value, parents.value));
     vue.onBeforeUnmount(() => {
       isUnmounted = true;
     });
@@ -9408,7 +9421,7 @@
           }
           return arr;
         }),
-        register: (id, parentId, isGroup) => {
+        register: (id, parentId, isDisabled, isGroup) => {
           if (nodeIds.has(id)) {
             const path = getPath(id).map(String).join(' -> ');
             const newPath = getPath(parentId).concat(id).map(String).join(' -> ');
@@ -9418,6 +9431,7 @@
             nodeIds.add(id);
           }
           parentId && id !== parentId && parents.value.set(id, parentId);
+          isDisabled && disabled.value.add(id);
           isGroup && children.value.set(id, []);
           if (parentId != null) {
             children.value.set(parentId, [...(children.value.get(parentId) || []), id]);
@@ -9427,6 +9441,7 @@
           if (isUnmounted) return;
           nodeIds.delete(id);
           children.value.delete(id);
+          disabled.value.delete(id);
           const parent = parents.value.get(id);
           if (parent) {
             const list = children.value.get(parent) ?? [];
@@ -9476,6 +9491,7 @@
             selected: new Map(selected.value),
             children: children.value,
             parents: parents.value,
+            disabled: disabled.value,
             event
           });
           newSelected && (selected.value = newSelected);
@@ -9518,13 +9534,14 @@
         },
         children,
         parents,
+        disabled,
         getPath
       }
     };
     vue.provide(VNestedSymbol, nested);
     return nested.root;
   };
-  const useNestedItem = (id, isGroup) => {
+  const useNestedItem = (id, isDisabled, isGroup) => {
     const parent = vue.inject(VNestedSymbol, emptyNested);
     const uidSymbol = Symbol('nested item');
     const computedId = vue.computed(() => vue.toRaw(vue.toValue(id)) ?? uidSymbol);
@@ -9544,10 +9561,14 @@
       isGroupActivator: parent.isGroupActivator
     };
     vue.onBeforeMount(() => {
-      !parent.isGroupActivator && parent.root.register(computedId.value, parent.id.value, isGroup);
+      if (!parent.isGroupActivator) {
+        parent.root.register(computedId.value, parent.id.value, vue.toValue(isDisabled), isGroup);
+      }
     });
     vue.onBeforeUnmount(() => {
-      !parent.isGroupActivator && parent.root.unregister(computedId.value);
+      if (!parent.isGroupActivator) {
+        parent.root.unregister(computedId.value);
+      }
     });
     isGroup && vue.provide(VNestedSymbol, item);
     return item;
@@ -9579,6 +9600,7 @@
       type: IconValue,
       default: '$collapse'
     },
+    disabled: Boolean,
     expandIcon: {
       type: IconValue,
       default: '$expand'
@@ -9604,7 +9626,7 @@
         isOpen,
         open,
         id: _id
-      } = useNestedItem(() => props.value, true);
+      } = useNestedItem(() => props.value, () => props.disabled, true);
       const id = vue.computed(() => `v-list-group--id-${String(props.rawId ?? _id.value)}`);
       const list = useList();
       const {
@@ -9774,7 +9796,7 @@
         parent,
         openOnSelect,
         id: uid
-      } = useNestedItem(id, false);
+      } = useNestedItem(id, () => props.disabled, false);
       const list = useList();
       const isActive = vue.computed(() => props.active !== false && (props.active || link.isActive?.value || (root.activatable.value ? isActivated.value : isSelected.value)));
       const isLink = vue.toRef(() => props.link !== false && link.isLink.value);
@@ -20833,10 +20855,15 @@
       type: String,
       default: 'start'
     },
-    fixed: Boolean,
+    fixed: {
+      type: [Boolean, String],
+      default: false
+    },
     fixedOffset: [Number, String],
+    fixedEndOffset: [Number, String],
     height: [Number, String],
     lastFixed: Boolean,
+    firstFixedEnd: Boolean,
     noPadding: Boolean,
     tag: String,
     width: [Number, String],
@@ -20847,10 +20874,13 @@
       slots
     } = _ref;
     const Tag = props.tag ?? 'td';
+    const fixedSide = typeof props.fixed === 'string' ? props.fixed : props.fixed ? 'start' : 'none';
     return vue.createVNode(Tag, {
       "class": vue.normalizeClass(['v-data-table__td', {
-        'v-data-table-column--fixed': props.fixed,
+        'v-data-table-column--fixed': fixedSide === 'start',
+        'v-data-table-column--fixed-end': fixedSide === 'end',
         'v-data-table-column--last-fixed': props.lastFixed,
+        'v-data-table-column--first-fixed-end': props.firstFixedEnd,
         'v-data-table-column--no-padding': props.noPadding,
         'v-data-table-column--nowrap': props.nowrap
       }, `v-data-table-column--align-${props.align}`]),
@@ -20858,7 +20888,8 @@
         height: convertToUnit(props.height),
         width: convertToUnit(props.width),
         maxWidth: convertToUnit(props.maxWidth),
-        left: convertToUnit(props.fixedOffset || null)
+        left: fixedSide === 'start' ? convertToUnit(props.fixedOffset || null) : undefined,
+        right: fixedSide === 'end' ? convertToUnit(props.fixedEndOffset || null) : undefined
       }
     }, {
       default: () => [slots.default?.()]
@@ -20955,20 +20986,28 @@
   }
   function parseFixedColumns(items) {
     let seenFixed = false;
-    function setFixed(item) {
-      let parentFixed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    function setFixed(item, side) {
+      let parentFixedSide = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'none';
       if (!item) return;
-      if (parentFixed) {
-        item.fixed = true;
+      if (parentFixedSide !== 'none') {
+        item.fixed = parentFixedSide;
       }
-      if (item.fixed) {
-        if (item.children) {
-          for (let i = item.children.length - 1; i >= 0; i--) {
-            setFixed(item.children[i], true);
+
+      // normalize to simplify logic below
+      if (item.fixed === true) {
+        item.fixed = 'start';
+      }
+      const orderedChildren = side === 'start' ? item.children?.toReversed() : item.children;
+      if (item.fixed === side) {
+        if (orderedChildren) {
+          for (const child of orderedChildren) {
+            setFixed(child, side, side);
           }
         } else {
-          if (!seenFixed) {
+          if (!seenFixed && side === 'start') {
             item.lastFixed = true;
+          } else if (!seenFixed && side === 'end') {
+            item.firstFixedEnd = true;
           } else if (isNaN(Number(item.width))) {
             consoleError(`Multiple fixed columns should have a static width (key: ${item.key})`);
           } else {
@@ -20977,36 +21016,57 @@
           seenFixed = true;
         }
       } else {
-        if (item.children) {
-          for (let i = item.children.length - 1; i >= 0; i--) {
-            setFixed(item.children[i]);
+        if (orderedChildren) {
+          for (const child of orderedChildren) {
+            setFixed(child, side);
           }
         } else {
           seenFixed = false;
         }
       }
     }
-    for (let i = items.length - 1; i >= 0; i--) {
-      setFixed(items[i]);
+    for (const item of items.toReversed()) {
+      setFixed(item, 'start');
+    }
+    for (const item of items) {
+      setFixed(item, 'end');
     }
     function setFixedOffset(item) {
-      let fixedOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      if (!item) return fixedOffset;
+      let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      if (!item) return offset;
       if (item.children) {
-        item.fixedOffset = fixedOffset;
+        item.fixedOffset = offset;
         for (const child of item.children) {
-          fixedOffset = setFixedOffset(child, fixedOffset);
+          offset = setFixedOffset(child, offset);
         }
-      } else if (item.fixed) {
-        item.fixedOffset = fixedOffset;
-        fixedOffset += parseFloat(item.width || '0') || 0;
+      } else if (item.fixed && item.fixed !== 'end') {
+        item.fixedOffset = offset;
+        offset += parseFloat(item.width || '0') || 0;
       }
-      return fixedOffset;
+      return offset;
     }
     let fixedOffset = 0;
     for (const item of items) {
       fixedOffset = setFixedOffset(item, fixedOffset);
     }
+    function setFixedEndOffset(item) {
+      let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      if (!item) return offset;
+      if (item.children) {
+        item.fixedEndOffset = offset;
+        for (const child of item.children) {
+          offset = setFixedEndOffset(child, offset);
+        }
+      } else if (item.fixed === 'end') {
+        item.fixedEndOffset = offset;
+        offset += parseFloat(item.width || '0') || 0;
+      }
+      return offset;
+    }
+    let fixedEndOffset = 0;
+    for (const item of items.toReversed()) {
+      fixedEndOffset = setFixedEndOffset(item, fixedEndOffset);
+    }
   }
   function parse(items, maxDepth) {
     const headers = [];
@@ -21139,7 +21199,6 @@
     color: String,
     disableSort: Boolean,
     fixedHeader: Boolean,
-    lastFixed: Boolean,
     multiSort: Boolean,
     sortAscIcon: {
       type: IconValue,
@@ -21186,11 +21245,12 @@
         loaderClasses
       } = useLoader(props);
       function getFixedStyles(column, y) {
-        if (!(props.sticky || props.fixedHeader) && !(column.fixed || column.lastFixed)) return undefined;
+        if (!(props.sticky || props.fixedHeader) && !column.fixed) return undefined;
+        const fixedSide = typeof column.fixed === 'string' ? column.fixed : column.fixed ? 'start' : 'none';
         return {
           position: 'sticky',
-          left: column.fixed || column.lastFixed ? convertToUnit(column.fixedOffset) : undefined,
-          right: column.lastFixed ? convertToUnit(column.fixedOffset ?? 0) : undefined,
+          left: fixedSide === 'start' ? convertToUnit(column.fixedOffset) : undefined,
+          right: fixedSide === 'end' ? convertToUnit(column.fixedEndOffset) : undefined,
           top: props.sticky || props.fixedHeader ? `calc(var(--v-table-header-height) * ${y})` : undefined
         };
       }
@@ -21253,6 +21313,7 @@
           "fixed": column.fixed,
           "nowrap": column.nowrap,
           "lastFixed": column.lastFixed,
+          "firstFixedEnd": column.firstFixedEnd,
           "noPadding": noPadding,
           "tabindex": column.sortable ? 0 : undefined,
           "onClick": column.sortable ? () => toggleSort(column) : undefined,
@@ -21533,7 +21594,9 @@
           },
           "fixed": column.fixed,
           "fixedOffset": column.fixedOffset,
+          "fixedEndOffset": column.fixedEndOffset,
           "lastFixed": column.lastFixed,
+          "firstFixedEnd": column.firstFixedEnd,
           "maxWidth": !mobile.value ? column.maxWidth : undefined,
           "noPadding": column.key === 'data-table-select' || column.key === 'data-table-expand',
           "nowrap": column.nowrap,
@@ -30386,7 +30449,7 @@
         return vue.createVNode(VListItem, vue.mergeProps({
           "ref": vListItemRef
         }, listItemProps, {
-          "active": vListItemRef.value?.isActivated,
+          "active": vListItemRef.value?.isActivated || undefined,
           "class": ['v-treeview-item', {
             'v-treeview-item--activatable-group-activator': isActivatableGroupActivator.value,
             'v-treeview-item--filtered': isFiltered.value
@@ -30598,10 +30661,7 @@
       expandIcon: '$treeviewExpand',
       slim: true
     }), ['itemType', 'nav', 'openStrategy']),
-    modelValue: {
-      type: Array,
-      default: () => []
-    }
+    modelValue: Array
   }, 'VTreeview');
   const VTreeview = genericComponent()({
     name: 'VTreeview',
@@ -30616,7 +30676,8 @@
     },
     setup(props, _ref) {
       let {
-        slots
+        slots,
+        emit
       } = _ref;
       const {
         items
@@ -30625,13 +30686,12 @@
       const baseColor = vue.toRef(() => props.baseColor);
       const color = vue.toRef(() => props.color);
       const activated = useProxiedModel(props, 'activated');
-      const model = useProxiedModel(props, 'modelValue');
-      const _selected = useProxiedModel(props, 'selected', props.modelValue);
+      const _selected = useProxiedModel(props, 'selected');
       const selected = vue.computed({
-        get: () => _selected.value,
+        get: () => props.modelValue ?? _selected.value,
         set(val) {
           _selected.value = val;
-          model.value = val;
+          emit('update:modelValue', val);
         }
       });
       const vListRef = vue.ref();
@@ -31234,7 +31294,7 @@
       };
     });
   }
-  const version$1 = "3.9.0-beta.1-dev.2025-07-02";
+  const version$1 = "3.9.0-beta.1-dev.2025-07-05";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31259,7 +31319,7 @@
       ...options
     });
   };
-  const version = "3.9.0-beta.1-dev.2025-07-02";
+  const version = "3.9.0-beta.1-dev.2025-07-05";
   createVuetify.version = version;
 
   exports.blueprints = index;