vuetify 3.10.3 → 3.10.5

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.10.3
+* Vuetify v3.10.5
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -588,17 +588,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;
@@ -627,14 +629,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) {
@@ -647,11 +651,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 {
@@ -669,7 +674,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) {
@@ -5008,14 +5013,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);
     });
@@ -5043,7 +5052,9 @@
       selectedClass,
       value,
       disabled,
-      group
+      group,
+      register,
+      unregister
     };
   }
   function useGroup(props, injectKey) {
@@ -6405,7 +6416,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
@@ -8851,6 +8862,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));
@@ -8864,6 +8876,15 @@
           emit('click:close', e);
         }
       }));
+      vue.watch(isActive, val => {
+        if (val) {
+          group?.register();
+          slideGroup?.register();
+        } else {
+          group?.unregister();
+          slideGroup?.unregister();
+        }
+      });
       const {
         colorClasses,
         colorStyles,
@@ -10017,7 +10038,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;
@@ -15045,10 +15066,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
@@ -15056,22 +15078,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
         });
@@ -19459,6 +19498,7 @@
   // Types
 
   const makeVComboboxProps = propsFactory({
+    alwaysFilter: Boolean,
     autoSelectFirst: {
       type: [Boolean, String]
     },
@@ -19558,7 +19598,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));
@@ -19605,6 +19645,7 @@
       const listEvents = useScrolling(listRef, vTextFieldRef);
       function onClear(e) {
         cleared = true;
+        vue.nextTick(() => cleared = false);
         if (props.openOnClear) {
           menu.value = true;
         }
@@ -21838,6 +21879,7 @@
     },
     /** @deprecated */
     sticky: Boolean,
+    ...makeDensityProps(),
     ...makeDisplayProps(),
     ...makeLoaderProps()
   }, 'VDataTableHeaders');
@@ -21962,6 +22004,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
@@ -22062,7 +22105,8 @@
     groupExpandIcon: {
       type: IconValue,
       default: '$tableGroupExpand'
-    }
+    },
+    ...makeDensityProps()
   }, 'VDataTableGroupHeaderRow');
   const VDataTableGroupHeaderRow = genericComponent()({
     name: 'VDataTableGroupHeaderRow',
@@ -22130,6 +22174,7 @@
             "noPadding": true
           }, {
             default: () => [vue.createVNode(VCheckboxBtn, {
+              "density": props.density,
               "modelValue": modelValue,
               "indeterminate": indeterminate,
               "onUpdate:modelValue": selectGroup
@@ -22158,6 +22203,7 @@
     onClick: EventProp(),
     onContextmenu: EventProp(),
     onDblclick: EventProp(),
+    ...makeDensityProps(),
     ...makeDisplayProps()
   }, 'VDataTableRow');
   const VDataTableRow = genericComponent()({
@@ -22266,6 +22312,7 @@
                 }
               }) ?? vue.createVNode(VCheckboxBtn, {
                 "disabled": !item.selectable,
+                "density": props.density,
                 "modelValue": isSelected([item]),
                 "onClick": vue.withModifiers(event => toggleSelect(item, props.index, event), ['stop'])
               }, null);
@@ -22318,8 +22365,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()({
@@ -22354,7 +22401,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",
@@ -22420,6 +22467,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,
@@ -22436,6 +22484,8 @@
     }
   });
 
+  // Types
+
   const makeVTableProps = propsFactory({
     fixedHeader: Boolean,
     fixedFooter: Boolean,
@@ -22465,37 +22515,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 {};
     }
   });
@@ -25278,7 +25317,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],
@@ -31533,6 +31573,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)
             };
@@ -31546,7 +31587,6 @@
             }, listItemProps, {
               "hasCustomPrepend": !!slots.prepend,
               "hideActions": props.hideActions,
-              "indentLines": indentLines.node,
               "value": props.returnObject ? item.raw : itemProps.value,
               "loading": loading
             }), slotsWithItem));
@@ -32241,7 +32281,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
@@ -32266,7 +32306,7 @@
       ...options
     });
   };
-  const version = "3.10.3";
+  const version = "3.10.5";
   createVuetify.version = version;
 
   exports.blueprints = index;