@dimailn/vuetify 2.7.2-alpha23 → 2.7.2-alpha24

package/dist/vuetify.js

@@ -1456,8 +1456,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _mixins_transitionable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/transitionable */ "./src/mixins/transitionable/index.ts");
 /* harmony import */ var _mixins_positionable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/positionable */ "./src/mixins/positionable/index.ts");
 /* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
-/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
-/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
+/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -1501,9 +1500,10 @@ var __rest = undefined && undefined.__rest || function (s, e) {
  // Utilities
 
 
-
-/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], Object(_mixins_positionable__WEBPACK_IMPORTED_MODULE_7__["factory"])(['left', 'bottom']), _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_transitionable__WEBPACK_IMPORTED_MODULE_6__["default"]).extend({
+var Toggleable = Object(_mixins_toggleable__WEBPACK_IMPORTED_MODULE_5__["factory"])('modelValue', 'update:modelValue');
+/* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
   name: 'v-badge',
+  mixins: [_mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], Object(_mixins_positionable__WEBPACK_IMPORTED_MODULE_7__["factory"])(['left', 'bottom']), _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"], Toggleable, _mixins_transitionable__WEBPACK_IMPORTED_MODULE_6__["default"]],
   props: {
     avatar: Boolean,
     bordered: Boolean,
@@ -1529,7 +1529,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
       type: String,
       default: 'scale-rotate-transition'
     },
-    value: {
+    modelValue: {
       default: true
     }
   },
@@ -1594,7 +1594,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
   },
   methods: {
     calcPosition: function calcPosition(offset) {
-      return "calc(100% - " + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["convertToUnit"])(offset || this.offset) + ")";
+      return "calc(100% - " + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["convertToUnit"])(offset || this.offset) + ")";
     },
     genBadge: function genBadge() {
       var lang = this.$vuetify.lang;
@@ -1606,27 +1606,29 @@ var __rest = undefined && undefined.__rest || function (s, e) {
         'aria-label': label,
         'aria-live': this.$attrs['aria-live'] || 'polite',
         title: this.$attrs.title,
-        role: this.$attrs.role || 'status',
-        directives: [{
-          name: 'show',
-          value: this.isActive
-        }]
+        role: this.$attrs.role || 'status'
       });
-      var badge = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('span', data, [this.genBadgeContent()]);
+      var badge = Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('span', data, [this.genBadgeContent()]), [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], this.isActive]]);
       if (!this.transition) return badge;
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], {
         name: this.transition,
         origin: this.origin,
         mode: this.mode
-      }, [badge]);
+      }, {
+        default: function _default() {
+          return [badge];
+        }
+      });
     },
     genBadgeContent: function genBadgeContent() {
       // Dot prop shows no content
       if (this.dot) return undefined;
-      var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["getSlot"])(this, 'badge');
+      var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["getSlot"])(this, 'badge');
       if (slot) return slot;
       if (this.content) return String(this.content);
-      if (this.icon) return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], this.icon);
+      if (this.icon) return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], {
+        icon: this.icon
+      });
       return undefined;
     },
     genBadgeWrapper: function genBadgeWrapper() {
@@ -1637,7 +1639,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
   },
   render: function render() {
     var badge = [this.genBadgeWrapper()];
-    var children = [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["getSlot"])(this)];
+    var children = [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["getSlot"])(this)];
 
     var _a = this.$attrs,
         _x = _a["aria-atomic"],
@@ -17858,6 +17860,10 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       set: function set(val) {
         this.lazyValue = val;
         this.$emit(this.$_modelEvent, val);
+
+        if ('$_emitChangeEvent' in this) {
+          this.$emit('change', val);
+        }
       }
     },
     isDirty: function isDirty() {
@@ -24851,7 +24857,7 @@ var __assign = undefined && undefined.__assign || function () {
       var scopedSlot = this.$slots.item({
         parent: parent,
         item: item,
-        attrs: __assign(__assign({}, tile.attrs), tile.props),
+        attrs: __assign(__assign(__assign({}, tile.attrs), tile.props), tile.on),
         on: tile.on
       });
       return this.needsTile(scopedSlot) ? Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItem"], tile, scopedSlot) : scopedSlot;
@@ -35239,7 +35245,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha22";
+  Vuetify.version = "2.7.2-alpha24";
   Vuetify.config = {
     silent: false
   };
@@ -39370,7 +39376,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
     },
     genActivator: function genActivator() {
       var node = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'activator', Object.assign(this.getValueProxy(), {
-        attrs: __assign(__assign({}, this.genActivatorListeners()), this.genActivatorAttributes())
+        attrs: __assign(__assign({}, this.genActivatorListeners()), this.genActivatorAttributes()),
+        on: this.genActivatorListeners()
       })) || [];
       node = Array.isArray(node) ? node : [node];
       this.activatorNode = node.flatMap(function (node) {
@@ -39666,8 +39673,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
 // Utilities
 
- // Types
-
 
 /**
  * Bootable
@@ -39708,7 +39713,7 @@ __webpack_require__.r(__webpack_exports__);
   },
   methods: {
     showLazyContent: function showLazyContent(content) {
-      return this.hasContent && content ? content() : [Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])()];
+      return this.hasContent && content ? content() : [Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(vue__WEBPACK_IMPORTED_MODULE_1__["Comment"])];
     }
   }
 }));
@@ -41088,6 +41093,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -41106,9 +41112,9 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 
+
 function mapEventName(str) {
-  var newStr = "on" + str;
-  return newStr.charAt(0).toUpperCase() + newStr.slice(1);
+  return "on" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["upperFirst"])(str);
 }
 
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
@@ -41124,8 +41130,11 @@ function mapEventName(str) {
       var listeners = Object.keys(this.$attrs).filter(function (key) {
         return key.endsWith(suffix);
       }).reduce(function (acc, key) {
-        acc[key] = {
-          event: key.slice(0, -suffix.length)
+        var eventName = suffix ? key.slice(0, -suffix.length) : key;
+        var cleanEventName = eventName.startsWith('on') ? eventName.slice(2).toLowerCase() : eventName.toLowerCase();
+        acc[cleanEventName] = {
+          event: cleanEventName,
+          originalKey: key
         };
         return acc;
       }, {});
@@ -41146,7 +41155,8 @@ function mapEventName(str) {
 
       var _loop_1 = function _loop_1(event) {
         var eventOptions = events[event];
-        if (!this_1.$attrs[mapEventName(event)]) return "continue"; // TODO somehow pull in modifiers
+        var attrName = eventOptions.originalKey || (event.includes(':') ? event : mapEventName(event));
+        if (!this_1.$attrs[attrName]) return "continue"; // TODO somehow pull in modifiers
 
         var prefix = eventOptions.passive ? '&' : (eventOptions.once ? '~' : '') + (eventOptions.capture ? '!' : '');
         var key = prefix + eventOptions.event;
@@ -42376,6 +42386,9 @@ function prevent(e) {
       lazyValue: this.modelValue
     };
   },
+  created: function created() {
+    this.$_emitChangeEvent = true;
+  },
   computed: {
     computedColor: function computedColor() {
       if (!this.isActive) return undefined;