vuetify 3.1.11 → 3.1.12

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.11
+* Vuetify v3.1.12
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -13,7 +13,7 @@
   const IN_BROWSER = typeof window !== 'undefined';
   const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
   const SUPPORTS_TOUCH = IN_BROWSER && ('ontouchstart' in window || window.navigator.maxTouchPoints > 0);
-  const SUPPORTS_FOCUS_VISIBLE = IN_BROWSER && typeof CSS !== 'undefined' && CSS.supports('selector(:focus-visible)');
+  const SUPPORTS_FOCUS_VISIBLE = IN_BROWSER && typeof CSS !== 'undefined' && typeof CSS.supports !== 'undefined' && CSS.supports('selector(:focus-visible)');
 
   // Utilities
   function useResizeObserver(callback) {
@@ -5513,7 +5513,11 @@
           "key": "clear"
         }, {
           default: () => [vue.withDirectives(vue.createVNode("div", {
-            "class": "v-field__clearable"
+            "class": "v-field__clearable",
+            "onMousedown": e => {
+              e.preventDefault();
+              e.stopPropagation();
+            }
           }, [slots.clear ? slots.clear() : vue.createVNode(InputIcon, {
             "name": "clear"
           }, null)]), [[vue.vShow, props.dirty]])]
@@ -6019,6 +6023,15 @@
 
   /** Omit properties starting with P */
 
+  function getDescriptor(obj, key) {
+    let currentObj = obj;
+    while (currentObj) {
+      const descriptor = Reflect.getOwnPropertyDescriptor(currentObj, key);
+      if (descriptor) return descriptor;
+      currentObj = Object.getPrototypeOf(currentObj);
+    }
+    return undefined;
+  }
   function forwardRefs(target) {
     for (var _len = arguments.length, refs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       refs[_key - 1] = arguments[_key];
@@ -6046,30 +6059,18 @@
         // Check each ref's own properties
         for (const ref of refs) {
           if (!ref.value) continue;
-          const descriptor = Reflect.getOwnPropertyDescriptor(ref.value, key);
+          const descriptor = getDescriptor(ref.value, key) ?? ('_' in ref.value ? getDescriptor(ref.value._?.setupState, key) : undefined);
           if (descriptor) return descriptor;
-          if ('_' in ref.value && 'setupState' in ref.value._) {
-            const descriptor = Reflect.getOwnPropertyDescriptor(ref.value._.setupState, key);
-            if (descriptor) return descriptor;
-          }
         }
+
         // Recursive search up each ref's prototype
-        for (const ref of refs) {
-          let obj = ref.value && Object.getPrototypeOf(ref.value);
-          while (obj) {
-            const descriptor = Reflect.getOwnPropertyDescriptor(obj, key);
-            if (descriptor) return descriptor;
-            obj = Object.getPrototypeOf(obj);
-          }
-        }
-        // Call forwarded refs' proxies
         for (const ref of refs) {
           const childRefs = ref.value && ref.value[Refs];
           if (!childRefs) continue;
           const queue = childRefs.slice();
           while (queue.length) {
             const ref = queue.shift();
-            const descriptor = Reflect.getOwnPropertyDescriptor(ref.value, key);
+            const descriptor = getDescriptor(ref.value, key);
             if (descriptor) return descriptor;
             const childRefs = ref.value && ref.value[Refs];
             if (childRefs) queue.push(...childRefs);
@@ -6171,12 +6172,14 @@
       }
       function onInput(e) {
         const el = e.target;
-        const caretPosition = [el.selectionStart, el.selectionEnd];
         model.value = el.value;
-        vue.nextTick(() => {
-          el.selectionStart = caretPosition[0];
-          el.selectionEnd = caretPosition[1];
-        });
+        if (['text', 'search', 'password', 'tel', 'url'].includes(props.type)) {
+          const caretPosition = [el.selectionStart, el.selectionEnd];
+          vue.nextTick(() => {
+            el.selectionStart = caretPosition[0];
+            el.selectionEnd = caretPosition[1];
+          });
+        }
       }
       useRender(() => {
         const hasCounter = !!(slots.counter || props.counter || props.counterValue);
@@ -6235,6 +6238,9 @@
                     ...slotProps
                   }
                 } = _ref3;
+                const placeholder = vue.computed(() => {
+                  return (props.persistentPlaceholder || isFocused.value) && !isDirty.value ? props.placeholder : '';
+                });
                 const inputNode = vue.withDirectives(vue.createVNode("input", vue.mergeProps({
                   "ref": inputRef,
                   "value": model.value,
@@ -6243,7 +6249,7 @@
                   "readonly": isReadonly.value,
                   "disabled": isDisabled.value,
                   "name": props.name,
-                  "placeholder": props.placeholder,
+                  "placeholder": placeholder.value,
                   "size": 1,
                   "type": props.type,
                   "onFocus": onFocus,
@@ -6590,7 +6596,7 @@
     inheritAttrs: false,
     props: {
       ...makeVInputProps(),
-      ...makeVCheckboxBtnProps()
+      ...omit(makeVCheckboxBtnProps(), ['inline'])
     },
     emits: {
       'update:focused': focused => true
@@ -13520,6 +13526,7 @@
         }
       });
       const selectionIndex = vue.ref(-1);
+      let cleared = false;
       const color = vue.computed(() => vTextFieldRef.value?.color);
       const {
         items,
@@ -13556,11 +13563,17 @@
             }
           }
           if (!val) selectionIndex.value = -1;
-          if (isFocused.value) menu.value = true;
           isPristine.value = !val;
         }
       });
       vue.watch(_search, value => {
+        if (cleared) {
+          // wait for clear to finish, VTextField sets _search to null
+          // then search computed triggers and updates _search to ''
+          vue.nextTick(() => cleared = false);
+        } else if (isFocused.value && !menu.value) {
+          menu.value = true;
+        }
         emit('update:search', value);
       });
       vue.watch(model, value => {
@@ -13587,6 +13600,7 @@
       const selection = vue.computed(() => selections.value[selectionIndex.value]);
       const listRef = vue.ref();
       function onClear(e) {
+        cleared = true;
         if (props.openOnClear) {
           menu.value = true;
         }
@@ -13919,9 +13933,9 @@
         }, overlayProps, {
           "modelValue": isActive.value,
           "onUpdate:modelValue": $event => isActive.value = $event,
-          "aria-role": "dialog",
           "aria-modal": "true",
-          "activatorProps": activatorProps.value
+          "activatorProps": activatorProps.value,
+          "role": "dialog"
         }, scopeId), {
           activator: slots.activator,
           default: function () {
@@ -18796,7 +18810,7 @@
           if (column.key === 'data-table-select') {
             return slots['item.data-table-select']?.(slotProps) ?? vue.createVNode(VCheckboxBtn, {
               "modelValue": isSelected([item]),
-              "onClick": () => toggleSelect(item)
+              "onClick": vue.withModifiers(() => toggleSelect(item), ['stop'])
             }, null);
           }
           if (column.key === 'data-table-expand') {
@@ -18804,10 +18818,10 @@
               "icon": isExpanded(item) ? '$collapse' : '$expand',
               "size": "small",
               "variant": "text",
-              "onClick": () => toggleExpand(item)
+              "onClick": vue.withModifiers(() => toggleExpand(item), ['stop'])
             }, null);
           }
-          return item.columns[column.key];
+          return getPropertyFromItem(item.columns, column.key);
         }
       }))]));
     }
@@ -19136,6 +19150,19 @@
       itemValue: 'id'
     })
   }, 'v-data-table-item');
+  function add(obj, key, value) {
+    const path = key.split('.');
+    while (path.length > 1) {
+      const part = path.shift();
+      if (obj[part] == null) {
+        obj[part] = {};
+      }
+      if (typeof obj[part] === 'object') {
+        obj = obj[part];
+      }
+    }
+    obj[path[0]] = value;
+  }
   function useDataTableItems(props, columns) {
     const {
       items
@@ -19145,7 +19172,7 @@
         ...item,
         type: 'item',
         columns: columns.value.reduce((obj, column) => {
-          obj[column.key] = getPropertyFromItem(item.raw, column.value ?? column.key);
+          add(obj, column.key, getPropertyFromItem(item.raw, column.value ?? column.key));
           return obj;
         }, {})
       };
@@ -19683,7 +19710,9 @@
         "height": props.height
       }, {
         top: slots.top,
-        default: slots.default ?? (() => vue.createVNode(vue.Fragment, null, [vue.createVNode("thead", {
+        default: slots.default ?? (() => vue.createVNode(vue.Fragment, null, [slots.colgroup?.({
+          columns
+        }), vue.createVNode("thead", {
           "class": "v-data-table__thead",
           "role": "rowgroup"
         }, [slots.headers ? slots.headers() : vue.createVNode(VDataTableHeaders, {
@@ -20226,7 +20255,7 @@
       locale
     };
   }
-  const version$1 = "3.1.11";
+  const version$1 = "3.1.12";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -20238,7 +20267,7 @@
     }
   }
 
-  const version = "3.1.11";
+  const version = "3.1.12";
 
   const createVuetify = function () {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};