@vuetify/nightly 3.1.1 → 3.1.2-dev-20230113.0

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.1
+* Vuetify v3.1.2-dev-20230113.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -6705,6 +6705,7 @@
       provideDefaults({
         VChip: {
           color: vue.toRef(props, 'color'),
+          disabled: vue.toRef(props, 'disabled'),
           filter: vue.toRef(props, 'filter'),
           variant: vue.toRef(props, 'variant')
         }
@@ -6754,7 +6755,10 @@
         default: '$complete'
       },
       label: Boolean,
-      link: Boolean,
+      link: {
+        type: Boolean,
+        default: undefined
+      },
       pill: Boolean,
       prependAvatar: String,
       prependIcon: IconValue,
@@ -6767,6 +6771,8 @@
         type: Boolean,
         default: true
       },
+      onClick: EventProp,
+      onClickOnce: EventProp,
       ...makeBorderProps(),
       ...makeDensityProps(),
       ...makeElevationProps(),
@@ -6820,7 +6826,8 @@
       const isActive = useProxiedModel(props, 'modelValue');
       const group = useGroupItem(props, VChipGroupSymbol, false);
       const link = useLink(props, attrs);
-      const isClickable = vue.computed(() => !props.disabled && (!!group || link.isClickable.value || props.link));
+      const isLink = vue.computed(() => props.link !== false && link.isLink.value);
+      const isClickable = vue.computed(() => !props.disabled && props.link !== false && (!!group || props.link || link.isClickable.value));
       function onCloseClick(e) {
         isActive.value = false;
         emit('click:close', e);
@@ -6832,6 +6839,12 @@
         (_link$navigate = link.navigate) == null ? void 0 : _link$navigate.call(link, e);
         group == null ? void 0 : group.toggle();
       }
+      function onKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          onClick(e);
+        }
+      }
       return () => {
         var _slots$default;
         const Tag = link.isLink.value ? 'a' : props.tag;
@@ -6852,7 +6865,9 @@
           "disabled": props.disabled || undefined,
           "draggable": props.draggable,
           "href": link.href.value,
-          "onClick": onClick
+          "tabindex": isClickable.value ? 0 : undefined,
+          "onClick": onClick,
+          "onKeydown": isClickable.value && !isLink.value && onKeyDown
         }, {
           default: () => [genOverlays(isClickable.value, 'v-chip'), hasFilter && vue.createVNode(VDefaultsProvider, {
             "key": "filter",
@@ -9300,19 +9315,18 @@
         vue.warn(`Unable to locate target ${_target}`);
         return undefined;
       }
-      if (!useTeleport.cache.has(targetElement)) {
-        const el = document.createElement('div');
-        el.className = 'v-overlay-container';
-        targetElement.appendChild(el);
-        useTeleport.cache.set(targetElement, el);
+      let container = targetElement.querySelector('.v-overlay-container');
+      if (!container) {
+        container = document.createElement('div');
+        container.className = 'v-overlay-container';
+        targetElement.appendChild(container);
       }
-      return useTeleport.cache.get(targetElement);
+      return container;
     });
     return {
       teleportTarget
     };
   }
-  useTeleport.cache = new WeakMap();
 
   function defaultConditional() {
     return true;
@@ -18266,10 +18280,9 @@
   function createSort(props) {
     const sortBy = useProxiedModel(props, 'sortBy');
     const toggleSort = key => {
-      var _sortBy$value;
-      let newSortBy = ((_sortBy$value = sortBy.value) == null ? void 0 : _sortBy$value.map(x => ({
+      let newSortBy = sortBy.value.map(x => ({
         ...x
-      }))) ?? [];
+      })) ?? [];
       const item = newSortBy.find(x => x.key === key);
       if (!item) {
         if (props.multiSort) newSortBy = [...newSortBy, {
@@ -18311,8 +18324,7 @@
       }, {});
     });
     const sortedItems = vue.computed(() => {
-      var _sortBy$value2;
-      if (!((_sortBy$value2 = sortBy.value) != null && _sortBy$value2.length)) return items.value;
+      if (!sortBy.value.length) return items.value;
       return sortItems(items.value, sortBy.value, 'en', customSorters.value);
     });
     return {
@@ -19238,7 +19250,7 @@
         "height": props.height
       }, {
         top: slots.top,
-        default: slots.default ? slots.default() : () => {
+        default: slots.default ?? (() => {
           var _slots$colgroup, _slots$thead, _slots$tbody, _slots$tfoot;
           return vue.createVNode(vue.Fragment, null, [(_slots$colgroup = slots.colgroup) == null ? void 0 : _slots$colgroup.call(slots, {
             columns
@@ -19249,10 +19261,10 @@
             "items": paginatedItems.value,
             "onClick:row": (event, value) => emit('click:row', event, value)
           }, slots)]), (_slots$tbody = slots.tbody) == null ? void 0 : _slots$tbody.call(slots), (_slots$tfoot = slots.tfoot) == null ? void 0 : _slots$tfoot.call(slots)]);
-        },
-        bottom: slots.bottom ? slots.bottom() : () => vue.createVNode(VDataTableFooter, null, {
+        }),
+        bottom: slots.bottom ?? (() => vue.createVNode(VDataTableFooter, null, {
           prepend: slots['footer.prepend']
-        })
+        }))
       }));
       return {};
     }
@@ -19558,7 +19570,7 @@
         "height": props.height
       }, {
         top: slots.top,
-        default: slots.default ? slots.default() : () => {
+        default: slots.default ?? (() => {
           var _slots$thead, _slots$tbody, _slots$tfoot;
           return vue.createVNode(vue.Fragment, null, [vue.createVNode("thead", {
             "class": "v-data-table__thead",
@@ -19574,10 +19586,10 @@
             "items": items.value,
             "onClick:row": (event, value) => emit('click:row', event, value)
           }, slots)]), (_slots$tbody = slots.tbody) == null ? void 0 : _slots$tbody.call(slots), (_slots$tfoot = slots.tfoot) == null ? void 0 : _slots$tfoot.call(slots)]);
-        },
-        bottom: slots.bottom ? slots.bottom() : () => vue.createVNode(VDataTableFooter, null, {
+        }),
+        bottom: slots.bottom ?? (() => vue.createVNode(VDataTableFooter, null, {
           prepend: slots['footer.prepend']
-        })
+        }))
       }));
     }
   });
@@ -20077,7 +20089,7 @@
       locale
     };
   }
-  const version$1 = "3.1.1";
+  const version$1 = "3.1.2-dev-20230113.0";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -20090,7 +20102,7 @@
     }
   }
 
-  const version = "3.1.1";
+  const version = "3.1.2-dev-20230113.0";
 
   const createVuetify = function () {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};