vuetify 3.10.3 → 3.10.5

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.10.3
+* Vuetify v3.10.5
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -659,17 +659,19 @@
   }
 
   class Box {
-    constructor(_ref) {
-      let {
+    constructor(args) {
+      const pageScale = document.body.currentCSSZoom ?? 1;
+      const factor = args instanceof DOMRect ? 1 + (1 - pageScale) / pageScale : 1;
+      const {
         x,
         y,
         width,
         height
-      } = _ref;
-      this.x = x;
-      this.y = y;
-      this.width = width;
-      this.height = height;
+      } = args;
+      this.x = x * factor;
+      this.y = y * factor;
+      this.width = width * factor;
+      this.height = height * factor;
     }
     get top() {
       return this.y;
@@ -698,14 +700,16 @@
   }
   function getTargetBox(target) {
     if (Array.isArray(target)) {
+      const pageScale = document.body.currentCSSZoom ?? 1;
+      const factor = 1 + (1 - pageScale) / pageScale;
       return new Box({
-        x: target[0],
-        y: target[1],
-        width: 0,
-        height: 0
+        x: target[0] * factor,
+        y: target[1] * factor,
+        width: 0 * factor,
+        height: 0 * factor
       });
     } else {
-      return target.getBoundingClientRect();
+      return new Box(target.getBoundingClientRect());
     }
   }
   function getElementBox(el) {
@@ -718,11 +722,12 @@
           height: document.documentElement.clientHeight
         });
       } else {
+        const pageScale = document.body.currentCSSZoom ?? 1;
         return new Box({
           x: visualViewport.scale > 1 ? 0 : visualViewport.offsetLeft,
           y: visualViewport.scale > 1 ? 0 : visualViewport.offsetTop,
-          width: visualViewport.width * visualViewport.scale,
-          height: visualViewport.height * visualViewport.scale
+          width: visualViewport.width * visualViewport.scale / pageScale,
+          height: visualViewport.height * visualViewport.scale / pageScale
         });
       }
     } else {
@@ -740,7 +745,7 @@
 
   /** @see https://stackoverflow.com/a/57876601/2074736 */
   function nullifyTransforms(el) {
-    const rect = el.getBoundingClientRect();
+    const rect = new Box(el.getBoundingClientRect());
     const style = getComputedStyle(el);
     const tx = style.transform;
     if (tx) {
@@ -4532,14 +4537,18 @@
     }
     const value = vue.toRef(() => props.value);
     const disabled = vue.computed(() => !!(group.disabled.value || props.disabled));
-    group.register({
-      id,
-      value,
-      disabled
-    }, vm);
-    vue.onBeforeUnmount(() => {
-      group.unregister(id);
-    });
+    function register() {
+      group?.register({
+        id,
+        value,
+        disabled
+      }, vm);
+    }
+    function unregister() {
+      group?.unregister(id);
+    }
+    vue.onMounted(() => register());
+    vue.onBeforeUnmount(() => unregister());
     const isSelected = vue.computed(() => {
       return group.isSelected(id);
     });
@@ -4567,7 +4576,9 @@
       selectedClass,
       value,
       disabled,
-      group
+      group,
+      register,
+      unregister
     };
   }
   function useGroup(props, injectKey) {
@@ -6159,7 +6170,7 @@
       });
       function onClick(e) {
         if (isDisabled.value || link.isLink.value && (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0 || attrs.target === '_blank')) return;
-        if (link.isLink.value) {
+        if (link.isRouterLink.value) {
           link.navigate?.(e);
         } else {
           // Group active state for links is handled by useSelectLink
@@ -8605,6 +8616,7 @@
       } = provideTheme(props);
       const isActive = useProxiedModel(props, 'modelValue');
       const group = useGroupItem(props, VChipGroupSymbol, false);
+      const slideGroup = useGroupItem(props, VSlideGroupSymbol, false);
       const link = useLink(props, attrs);
       const isLink = vue.toRef(() => props.link !== false && link.isLink.value);
       const isClickable = vue.computed(() => !props.disabled && props.link !== false && (!!group || props.link || link.isClickable.value));
@@ -8618,6 +8630,15 @@
           emit('click:close', e);
         }
       }));
+      vue.watch(isActive, val => {
+        if (val) {
+          group?.register();
+          slideGroup?.register();
+        } else {
+          group?.unregister();
+          slideGroup?.unregister();
+        }
+      });
       const {
         colorClasses,
         colorStyles,
@@ -9771,7 +9792,7 @@
       const isLink = vue.toRef(() => props.link !== false && link.isLink.value);
       const isSelectable = vue.computed(() => !!list && (root.selectable.value || root.activatable.value || props.value != null));
       const isClickable = vue.computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || isSelectable.value));
-      const role = vue.computed(() => list ? isSelectable.value ? 'option' : 'listitem' : undefined);
+      const role = vue.computed(() => list ? isLink.value ? 'link' : isSelectable.value ? 'option' : 'listitem' : undefined);
       const ariaSelected = vue.computed(() => {
         if (!isSelectable.value) return undefined;
         return root.activatable.value ? isActivated.value : root.selectable.value ? isSelected.value : isActive.value;
@@ -14799,10 +14820,11 @@
         scopeId
       } = useScopeId();
       const overlay = vue.ref();
-      function onFocusin(e) {
+      async function onFocusin(e) {
         const before = e.relatedTarget;
         const after = e.target;
-        if (before !== after && overlay.value?.contentEl &&
+        await vue.nextTick();
+        if (isActive.value && before !== after && overlay.value?.contentEl &&
         // We're the topmost dialog
         overlay.value?.globalTop &&
         // It isn't the document or the dialog body
@@ -14810,22 +14832,39 @@
         // It isn't inside the dialog body
         !overlay.value.contentEl.contains(after)) {
           const focusable = focusableChildren(overlay.value.contentEl);
-          if (!focusable.length) return;
-          const firstElement = focusable[0];
-          const lastElement = focusable[focusable.length - 1];
-          if (before === firstElement) {
-            lastElement.focus();
-          } else {
-            firstElement.focus();
-          }
+          focusable[0]?.focus();
+        }
+      }
+      function onKeydown(e) {
+        if (e.key !== 'Tab' || !overlay.value?.contentEl) return;
+        const focusable = focusableChildren(overlay.value.contentEl);
+        if (!focusable.length) return;
+        const firstElement = focusable[0];
+        const lastElement = focusable[focusable.length - 1];
+        const active = document.activeElement;
+        if (e.shiftKey && active === firstElement) {
+          e.preventDefault();
+          lastElement.focus();
+        } else if (!e.shiftKey && active === lastElement) {
+          e.preventDefault();
+          firstElement.focus();
         }
       }
       vue.onBeforeUnmount(() => {
         document.removeEventListener('focusin', onFocusin);
+        document.removeEventListener('keydown', onKeydown);
       });
       if (IN_BROWSER) {
         vue.watch(() => isActive.value && props.retainFocus, val => {
-          val ? document.addEventListener('focusin', onFocusin) : document.removeEventListener('focusin', onFocusin);
+          if (val) {
+            document.addEventListener('focusin', onFocusin, {
+              once: true
+            });
+            document.addEventListener('keydown', onKeydown);
+          } else {
+            document.removeEventListener('focusin', onFocusin);
+            document.removeEventListener('keydown', onKeydown);
+          }
         }, {
           immediate: true
         });
@@ -19222,6 +19261,7 @@
   // Types
 
   const makeVComboboxProps = propsFactory({
+    alwaysFilter: Boolean,
     autoSelectFirst: {
       type: [Boolean, String]
     },
@@ -19321,7 +19361,7 @@
       const {
         filteredItems,
         getMatches
-      } = useFilter(props, items, () => isPristine.value ? '' : search.value);
+      } = useFilter(props, items, () => props.alwaysFilter || !isPristine.value ? search.value : '');
       const displayItems = vue.computed(() => {
         if (props.hideSelected) {
           return filteredItems.value.filter(filteredItem => !model.value.some(s => s.value === filteredItem.value));
@@ -19368,6 +19408,7 @@
       const listEvents = useScrolling(listRef, vTextFieldRef);
       function onClear(e) {
         cleared = true;
+        vue.nextTick(() => cleared = false);
         if (props.openOnClear) {
           menu.value = true;
         }
@@ -21601,6 +21642,7 @@
     },
     /** @deprecated */
     sticky: Boolean,
+    ...makeDensityProps(),
     ...makeDisplayProps(),
     ...makeLoaderProps()
   }, 'VDataTableHeaders');
@@ -21725,6 +21767,7 @@
             if (isEmpty) return '';
             if (column.key === 'data-table-select') {
               return slots['header.data-table-select']?.(columnSlotProps) ?? (showSelectAll.value && vue.createVNode(VCheckboxBtn, {
+                "density": props.density,
                 "modelValue": allSelected.value,
                 "indeterminate": someSelected.value && !allSelected.value,
                 "onUpdate:modelValue": selectAll
@@ -21825,7 +21868,8 @@
     groupExpandIcon: {
       type: IconValue,
       default: '$tableGroupExpand'
-    }
+    },
+    ...makeDensityProps()
   }, 'VDataTableGroupHeaderRow');
   const VDataTableGroupHeaderRow = genericComponent()({
     name: 'VDataTableGroupHeaderRow',
@@ -21893,6 +21937,7 @@
             "noPadding": true
           }, {
             default: () => [vue.createVNode(VCheckboxBtn, {
+              "density": props.density,
               "modelValue": modelValue,
               "indeterminate": indeterminate,
               "onUpdate:modelValue": selectGroup
@@ -21921,6 +21966,7 @@
     onClick: EventProp(),
     onContextmenu: EventProp(),
     onDblclick: EventProp(),
+    ...makeDensityProps(),
     ...makeDisplayProps()
   }, 'VDataTableRow');
   const VDataTableRow = genericComponent()({
@@ -22029,6 +22075,7 @@
                 }
               }) ?? vue.createVNode(VCheckboxBtn, {
                 "disabled": !item.selectable,
+                "density": props.density,
                 "modelValue": isSelected([item]),
                 "onClick": vue.withModifiers(event => toggleSelect(item, props.index, event), ['stop'])
               }, null);
@@ -22081,8 +22128,8 @@
     },
     rowProps: [Object, Function],
     cellProps: [Object, Function],
-    ...pick(makeVDataTableRowProps(), ['collapseIcon', 'expandIcon']),
-    ...pick(makeVDataTableGroupHeaderRowProps(), ['groupCollapseIcon', 'groupExpandIcon']),
+    ...pick(makeVDataTableRowProps(), ['collapseIcon', 'expandIcon', 'density']),
+    ...pick(makeVDataTableGroupHeaderRowProps(), ['groupCollapseIcon', 'groupExpandIcon', 'density']),
     ...makeDisplayProps()
   }, 'VDataTableRows');
   const VDataTableRows = genericComponent()({
@@ -22117,7 +22164,7 @@
         mobile
       } = useDisplay(props);
       useRender(() => {
-        const groupHeaderRowProps = pick(props, ['groupCollapseIcon', 'groupExpandIcon']);
+        const groupHeaderRowProps = pick(props, ['groupCollapseIcon', 'groupExpandIcon', 'density']);
         if (props.loading && (!props.items.length || slots.loading)) {
           return vue.createElementVNode("tr", {
             "class": "v-data-table-rows-loading",
@@ -22183,6 +22230,7 @@
               cellProps: props.cellProps,
               collapseIcon: props.collapseIcon,
               expandIcon: props.expandIcon,
+              density: props.density,
               mobile: mobile.value
             }, getPrefixedEventHandlers(attrs, ':row', () => slotProps), typeof props.rowProps === 'function' ? props.rowProps({
               item: slotProps.item,
@@ -22199,6 +22247,8 @@
     }
   });
 
+  // Types
+
   const makeVTableProps = propsFactory({
     fixedHeader: Boolean,
     fixedFooter: Boolean,
@@ -22228,37 +22278,26 @@
       const {
         densityClasses
       } = useDensity(props);
-      useRender(() => {
-        const tableContentDefaults = {
-          VCheckboxBtn: {
-            density: props.density
+      useRender(() => vue.createVNode(props.tag, {
+        "class": vue.normalizeClass(['v-table', {
+          'v-table--fixed-height': !!props.height,
+          'v-table--fixed-header': props.fixedHeader,
+          'v-table--fixed-footer': props.fixedFooter,
+          'v-table--has-top': !!slots.top,
+          'v-table--has-bottom': !!slots.bottom,
+          'v-table--hover': props.hover,
+          'v-table--striped-even': props.striped === 'even',
+          'v-table--striped-odd': props.striped === 'odd'
+        }, themeClasses.value, densityClasses.value, props.class]),
+        "style": vue.normalizeStyle(props.style)
+      }, {
+        default: () => [slots.top?.(), slots.default ? vue.createElementVNode("div", {
+          "class": "v-table__wrapper",
+          "style": {
+            height: convertToUnit(props.height)
           }
-        };
-        return vue.createVNode(props.tag, {
-          "class": vue.normalizeClass(['v-table', {
-            'v-table--fixed-height': !!props.height,
-            'v-table--fixed-header': props.fixedHeader,
-            'v-table--fixed-footer': props.fixedFooter,
-            'v-table--has-top': !!slots.top,
-            'v-table--has-bottom': !!slots.bottom,
-            'v-table--hover': props.hover,
-            'v-table--striped-even': props.striped === 'even',
-            'v-table--striped-odd': props.striped === 'odd'
-          }, themeClasses.value, densityClasses.value, props.class]),
-          "style": vue.normalizeStyle(props.style)
-        }, {
-          default: () => [slots.top?.(), vue.createVNode(VDefaultsProvider, {
-            "defaults": tableContentDefaults
-          }, {
-            default: () => [slots.default ? vue.createElementVNode("div", {
-              "class": "v-table__wrapper",
-              "style": {
-                height: convertToUnit(props.height)
-              }
-            }, [vue.createElementVNode("table", null, [slots.default()])]) : slots.wrapper?.()]
-          }), slots.bottom?.()]
-        });
-      });
+        }, [vue.createElementVNode("table", null, [slots.default()])]) : slots.wrapper?.(), slots.bottom?.()]
+      }));
       return {};
     }
   });
@@ -25041,7 +25080,8 @@
           'onClick:clear': onClear
         };
         const expectsDirectory = attrs.webkitdirectory !== undefined && attrs.webkitdirectory !== false;
-        const inputAccept = expectsDirectory ? undefined : props.filterByType ?? String(attrs.accept);
+        const acceptFallback = attrs.accept ? String(attrs.accept) : undefined;
+        const inputAccept = expectsDirectory ? undefined : props.filterByType ?? acceptFallback;
         return vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
           "modelValue": props.multiple ? model.value : model.value[0],
@@ -31296,6 +31336,7 @@
               ...itemProps,
               ...activatorProps,
               value: itemProps?.value,
+              indentLines: indentLines.node,
               onToggleExpand: [() => checkChildren(item), activatorProps.onClick],
               onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : () => selectItem(activatorItems.value[index]?.select, !activatorItems.value[index]?.isSelected)
             };
@@ -31309,7 +31350,6 @@
             }, listItemProps, {
               "hasCustomPrepend": !!slots.prepend,
               "hideActions": props.hideActions,
-              "indentLines": indentLines.node,
               "value": props.returnObject ? item.raw : itemProps.value,
               "loading": loading
             }), slotsWithItem));
@@ -33776,7 +33816,7 @@
       }), events, data, {
         "ref_for": true,
         "ref": eventsRef
-      }), [slot?.(scope) ?? genName(eventSummary)]), [[vue.resolveDirective("ripple"), props.eventRipple ?? true]]);
+      }), [slot?.(scope) ?? genName(eventSummary)]), [[Ripple, props.eventRipple ?? true]]);
     }
     function genName(eventSummary) {
       return vue.createElementVNode("div", {
@@ -33814,7 +33854,7 @@
         },
         "ref_for": true,
         "ref": eventsRef
-      }, events), null), [[vue.resolveDirective("ripple"), props.eventRipple ?? true]]);
+      }, events), null), [[Ripple, props.eventRipple ?? true]]);
     }
     function getVisibleEvents() {
       const days = base.days.value;
@@ -33942,6 +33982,9 @@
 
   const VCalendar = genericComponent()({
     name: 'VCalendar',
+    directives: {
+      vResize: Resize
+    },
     props: {
       modelValue: {
         type: [String, Number, Date],
@@ -34227,7 +34270,7 @@
           "onClick:date": (e, day) => {
             if (attrs['onUpdate:modelValue']) emit('update:modelValue', day.date);
           }
-        }), base.getScopedSlots()), [[vue.resolveDirective("resize"), base.updateEventVisibility, void 0, {
+        }), base.getScopedSlots()), [[Resize, base.updateEventVisibility, void 0, {
           quiet: true
         }]]);
       });
@@ -34983,7 +35026,8 @@
         const dividerProps = VDivider.filterProps(props);
         const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
         const expectsDirectory = attrs.webkitdirectory !== undefined && attrs.webkitdirectory !== false;
-        const inputAccept = expectsDirectory ? undefined : props.filterByType ?? String(attrs.accept);
+        const acceptFallback = attrs.accept ? String(attrs.accept) : undefined;
+        const inputAccept = expectsDirectory ? undefined : props.filterByType ?? acceptFallback;
         const inputNode = vue.createElementVNode("input", vue.mergeProps({
           "ref": inputRef,
           "type": "file",
@@ -37863,7 +37907,7 @@
       };
     });
   }
-  const version$1 = "3.10.3";
+  const version$1 = "3.10.5";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -38161,7 +38205,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.10.3";
+  const version = "3.10.5";
 
   /* eslint-disable local-rules/sort-imports */