@dimailn/vuetify 2.7.2-alpha2 → 2.7.2-superbundle2

package/es5/helpers.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "wrapInArray", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.wrapInArray;
+  }
+});
+Object.defineProperty(exports, "convertToUnit", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.convertToUnit;
+  }
+});
+Object.defineProperty(exports, "keyCodes", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.keyCodes;
+  }
+});
+Object.defineProperty(exports, "getSlot", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.getSlot;
+  }
+});
+Object.defineProperty(exports, "getPropertyFromItem", {
+  enumerable: true,
+  get: function get() {
+    return _helpers.getPropertyFromItem;
+  }
+});
+Object.defineProperty(exports, "dedupeModelListeners", {
+  enumerable: true,
+  get: function get() {
+    return _dedupeModelListeners.default;
+  }
+});
+Object.defineProperty(exports, "rebuildSlots", {
+  enumerable: true,
+  get: function get() {
+    return _rebuildFunctionalSlots.default;
+  }
+});
+Object.defineProperty(exports, "mergeData", {
+  enumerable: true,
+  get: function get() {
+    return _mergeData.default;
+  }
+});
+Object.defineProperty(exports, "createSimpleTransition", {
+  enumerable: true,
+  get: function get() {
+    return _createTransition.createSimpleTransition;
+  }
+});
+
+var _helpers = require("./util/helpers");
+
+var _dedupeModelListeners = _interopRequireDefault(require("./util/dedupeModelListeners"));
+
+var _rebuildFunctionalSlots = _interopRequireDefault(require("./util/rebuildFunctionalSlots"));
+
+var _mergeData = _interopRequireDefault(require("./util/mergeData"));
+
+var _createTransition = require("./components/transitions/createTransition");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=helpers.js.map

package/es5/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAIA","sourcesContent":["import { wrapInArray, convertToUnit } from './util/helpers'\nimport dedupeModelListeners from './util/dedupeModelListeners'\nimport rebuildSlots from './util/rebuildFunctionalSlots'\nimport mergeData from './util/mergeData'\nimport { keyCodes } from './util/helpers'\nimport { getSlot } from './util/helpers'\nimport { getPropertyFromItem } from './util/helpers'\nimport { createSimpleTransition } from './components/transitions/createTransition'\n\nexport {\n  wrapInArray,\n  convertToUnit,\n  dedupeModelListeners,\n  rebuildSlots,\n  mergeData,\n  keyCodes,\n  getSlot,\n  getPropertyFromItem,\n  createSimpleTransition,\n}\n"],"sourceRoot":"","file":"helpers.js"}

package/es5/index.js

@@ -1,40 +1,45 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-
-var components = _interopRequireWildcard(require("./components"));
-
-var directives = _interopRequireWildcard(require("./directives"));
-
-var _framework = _interopRequireDefault(require("./framework"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var _vuetify = require("./vuetify");
+
+Object.keys(_vuetify).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _vuetify[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _vuetify[key];
+    }
+  });
+});
 
-var _default = _framework.default;
-exports.default = _default;
-var install = _framework.default.install;
+var _components = require("./components");
+
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _components[key];
+    }
+  });
+});
 
-_framework.default.install = function (Vue, args) {
-  install.call(_framework.default, Vue, _objectSpread({
-    components: components,
-    directives: directives
-  }, args));
-}; // if (typeof window !== 'undefined' && window.Vue) {
-//   window.Vue.use(Vuetify)
-// }
+var _helpers = require("./helpers");
+
+Object.keys(_helpers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _helpers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _helpers[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/es5/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;eAEe,kB;;AAEf,IAAM,OAAO,GAAG,mBAAQ,OAAxB;;AAEA,mBAAQ,OAAR,GAAkB,UAAC,GAAD,EAAM,IAAN,EAAc;AAC9B,EAAA,OAAO,CAAC,IAAR,CAAa,kBAAb,EAAsB,GAAtB;AACE,IAAA,UAAU,EAAV,UADF;AAEE,IAAA,UAAU,EAAV;AAFF,KAGK,IAHL;AAKD,CAND,C,CAQA;AACA;AACA","sourcesContent":["import * as components from './components'\nimport * as directives from './directives'\nimport Vuetify from './framework'\n\nexport default Vuetify\n\nconst install = Vuetify.install\n\nVuetify.install = (Vue, args) => {\n  install.call(Vuetify, Vue, {\n    components,\n    directives,\n    ...args,\n  })\n}\n\n// if (typeof window !== 'undefined' && window.Vue) {\n//   window.Vue.use(Vuetify)\n// }\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './vuetify'\nexport * from './components'\nexport * from './helpers'"],"sourceRoot":"","file":"index.js"}

package/es5/install.js

@@ -5,17 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.install = install;
 
-var _vue = require("vue");
+var _vue = _interopRequireDefault(require("vue"));
+
+var _console = require("./util/console");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function install(Vue) {
   var args = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  // if ((install as any).installed) return
-  // (install as any).installed = true
-  //   if (OurVue !== Vue) {
-  //     consoleError(`Multiple instances of Vue detected
-  // See https://github.com/vuetifyjs/vuetify/issues/4068
-  // If you're seeing "$attrs is readonly", it's caused by this`)
-  //   }
+  if (install.installed) return;
+  install.installed = true;
+
+  if (_vue.default !== Vue) {
+    (0, _console.consoleError)("Multiple instances of Vue detected\nSee https://github.com/vuetifyjs/vuetify/issues/4068\n\nIf you're seeing \"$attrs is readonly\", it's caused by this");
+  }
+
   var components = args.components || {};
   var directives = args.directives || {};
 
@@ -51,7 +55,9 @@ function install(Vue) {
 
       if (options.vuetify) {
         options.vuetify.init(this, this.$ssrContext);
-        Vue.config.globalProperties.$vuetify = (0, _vue.reactive)(options.vuetify.framework);
+        this.$vuetify = Vue.observable(options.vuetify.framework);
+      } else {
+        this.$vuetify = options.parent && options.parent.$vuetify || this;
       }
     },
     beforeMount: function beforeMount() {
@@ -71,39 +77,6 @@ function install(Vue) {
 
         this.$vuetify.breakpoint.update();
       }
-    },
-    methods: {
-      $emitLegacy: function $emitLegacy(eventName, args) {
-        if (!this.eventsLegacy || !this.eventsLegacy[eventName]) return;
-        this.eventsLegacy[eventName].forEach(function (listener) {
-          return listener(args);
-        });
-      },
-      $on: function $on(eventName, listener) {
-        var _a;
-
-        this.eventsLegacy || (this.eventsLegacy = {});
-        (_a = this.eventsLegacy)[eventName] || (_a[eventName] = []);
-        this.eventsLegacy[eventName].push(listener); // console.warn("$on is not available")
-      },
-      $off: function $off(eventName, listener) {
-        this.eventsLegacy[eventName] = this.eventsLegacy[eventName].filter(function (_listener) {
-          return _listener !== listener;
-        }); // console.warn('$off is not available')
-      }
-    },
-    computed: {
-      $listeners: function $listeners() {
-        var _this = this;
-
-        var names = Object.keys(this.$attrs).filter(function (name) {
-          return name.startsWith('on');
-        });
-        return names.reduce(function (listeners, name) {
-          listeners[name] = _this.$attrs[name];
-          return listeners;
-        }, {});
-      }
     }
   });
 }

package/es5/install.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/install.ts"],"names":[],"mappings":"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","sourcesContent":["import { createApp, reactive } from 'vue'\nimport { VuetifyUseOptions } from 'vuetify/types'\nimport { consoleError } from './util/console'\n\nexport function install (Vue: ReturnType<typeof createApp>, args: VuetifyUseOptions = {}) {\n  // if ((install as any).installed) return\n  // (install as any).installed = true\n\n//   if (OurVue !== Vue) {\n//     consoleError(`Multiple instances of Vue detected\n// See https://github.com/vuetifyjs/vuetify/issues/4068\n\n// If you're seeing \"$attrs is readonly\", it's caused by this`)\n//   }\n\n  const components = args.components || {}\n  const directives = args.directives || {}\n\n  for (const name in directives) {\n    const directive = directives[name]\n\n    Vue.directive(name, directive)\n  }\n\n\n  (function registerComponents (components: any) {\n    if (components) {\n      for (const key in components) {\n        const component = components[key]\n        if (component && !registerComponents(component.$_vuetify_subcomponents)) {\n          Vue.component(key, component as typeof Vue)\n        }\n      }\n      return true\n    }\n    return false\n  })(components)\n\n  // Used to avoid multiple mixins being setup\n  // when in dev mode and hot module reload\n  // https://github.com/vuejs/vue/issues/5089#issuecomment-284260111\n  if (Vue.$_vuetify_installed) return\n  Vue.$_vuetify_installed = true\n\n  Vue.mixin({\n    beforeCreate () {\n      const options = this.$options as any\n\n      if (options.vuetify) {\n        options.vuetify.init(this, this.$ssrContext)\n        Vue.config.globalProperties.$vuetify = reactive(options.vuetify.framework)\n      }\n    },\n    beforeMount () {\n      // @ts-ignore\n      if (this.$options.vuetify && this.$el && this.$el.hasAttribute('data-server-rendered')) {\n        // @ts-ignore\n        this.$vuetify.isHydrating = true\n        // @ts-ignore\n        this.$vuetify.breakpoint.update(true)\n      }\n    },\n    mounted () {\n      // @ts-ignore\n      if (this.$options.vuetify && this.$vuetify.isHydrating) {\n        // @ts-ignore\n        this.$vuetify.isHydrating = false\n        // @ts-ignore\n        this.$vuetify.breakpoint.update()\n      }\n    },\n    methods: {\n      $emitLegacy(eventName, args) {\n        if(!this.eventsLegacy || !this.eventsLegacy[eventName]) return\n\n\n        this.eventsLegacy[eventName].forEach(listener => listener(args))\n      },\n      $on(eventName, listener) {\n        this.eventsLegacy ||= {}\n        this.eventsLegacy[eventName] ||= []\n        this.eventsLegacy[eventName].push(listener)\n        // console.warn(\"$on is not available\")\n      },\n      $off(eventName, listener) {\n        this.eventsLegacy[eventName] = this.eventsLegacy[eventName].filter(_listener => _listener !== listener)\n        // console.warn('$off is not available')\n      }\n    },\n    computed: {\n      $listeners() {\n        const names = Object.keys(this.$attrs).filter(name => name.startsWith('on'))\n\n        return names.reduce((listeners, name) => {\n          listeners[name] = this.$attrs[name]\n          return listeners\n        }, {})\n      }\n    }\n  })\n}\n"],"sourceRoot":"","file":"install.js"}
+{"version":3,"sources":["../src/install.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEM,SAAU,OAAV,CAAmB,GAAnB,EAAoE;AAAA,MAA5B,IAA4B,uEAAF,EAAE;AACxE,MAAK,OAAe,CAAC,SAArB,EAAgC;AAC/B,EAAA,OAAe,CAAC,SAAhB,GAA4B,IAA5B;;AAED,MAAI,iBAAW,GAAf,EAAoB;AAClB;AAID;;AAED,MAAM,UAAU,GAAG,IAAI,CAAC,UAAL,IAAmB,EAAtC;AACA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAL,IAAmB,EAAtC;;AAEA,OAAK,IAAM,IAAX,IAAmB,UAAnB,EAA+B;AAC7B,QAAM,SAAS,GAAG,UAAU,CAAC,IAAD,CAA5B;AAEA,IAAA,GAAG,CAAC,SAAJ,CAAc,IAAd,EAAoB,SAApB;AACD;;AAED,GAAC,SAAS,kBAAT,CAA6B,UAA7B,EAA4C;AAC3C,QAAI,UAAJ,EAAgB;AACd,WAAK,IAAM,GAAX,IAAkB,UAAlB,EAA8B;AAC5B,YAAM,SAAS,GAAG,UAAU,CAAC,GAAD,CAA5B;;AACA,YAAI,SAAS,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,uBAAX,CAApC,EAAyE;AACvE,UAAA,GAAG,CAAC,SAAJ,CAAc,GAAd,EAAmB,SAAnB;AACD;AACF;;AACD,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD,GAXD,EAWG,UAXH,EApBwE,CAiCxE;AACA;AACA;;;AACA,MAAI,GAAG,CAAC,mBAAR,EAA6B;AAC7B,EAAA,GAAG,CAAC,mBAAJ,GAA0B,IAA1B;AAEA,EAAA,GAAG,CAAC,KAAJ,CAAU;AACR,IAAA,YADQ,0BACI;AACV,UAAM,OAAO,GAAG,KAAK,QAArB;;AAEA,UAAI,OAAO,CAAC,OAAZ,EAAqB;AACnB,QAAA,OAAO,CAAC,OAAR,CAAgB,IAAhB,CAAqB,IAArB,EAA2B,KAAK,WAAhC;AACA,aAAK,QAAL,GAAgB,GAAG,CAAC,UAAJ,CAAe,OAAO,CAAC,OAAR,CAAgB,SAA/B,CAAhB;AACD,OAHD,MAGO;AACL,aAAK,QAAL,GAAiB,OAAO,CAAC,MAAR,IAAkB,OAAO,CAAC,MAAR,CAAe,QAAlC,IAA+C,IAA/D;AACD;AACF,KAVO;AAWR,IAAA,WAXQ,yBAWG;AACT;AACA,UAAI,KAAK,QAAL,CAAc,OAAd,IAAyB,KAAK,GAA9B,IAAqC,KAAK,GAAL,CAAS,YAAT,CAAsB,sBAAtB,CAAzC,EAAwF;AACtF;AACA,aAAK,QAAL,CAAc,WAAd,GAA4B,IAA5B,CAFsF,CAGtF;;AACA,aAAK,QAAL,CAAc,UAAd,CAAyB,MAAzB,CAAgC,IAAhC;AACD;AACF,KAnBO;AAoBR,IAAA,OApBQ,qBAoBD;AACL;AACA,UAAI,KAAK,QAAL,CAAc,OAAd,IAAyB,KAAK,QAAL,CAAc,WAA3C,EAAwD;AACtD;AACA,aAAK,QAAL,CAAc,WAAd,GAA4B,KAA5B,CAFsD,CAGtD;;AACA,aAAK,QAAL,CAAc,UAAd,CAAyB,MAAzB;AACD;AACF;AA5BO,GAAV;AA8BD","sourcesContent":["import OurVue, { VueConstructor } from 'vue'\nimport { VuetifyUseOptions } from 'vuetify/types'\nimport { consoleError } from './util/console'\n\nexport function install (Vue: VueConstructor, args: VuetifyUseOptions = {}) {\n  if ((install as any).installed) return\n  (install as any).installed = true\n\n  if (OurVue !== Vue) {\n    consoleError(`Multiple instances of Vue detected\nSee https://github.com/vuetifyjs/vuetify/issues/4068\n\nIf you're seeing \"$attrs is readonly\", it's caused by this`)\n  }\n\n  const components = args.components || {}\n  const directives = args.directives || {}\n\n  for (const name in directives) {\n    const directive = directives[name]\n\n    Vue.directive(name, directive)\n  }\n\n  (function registerComponents (components: any) {\n    if (components) {\n      for (const key in components) {\n        const component = components[key]\n        if (component && !registerComponents(component.$_vuetify_subcomponents)) {\n          Vue.component(key, component as typeof Vue)\n        }\n      }\n      return true\n    }\n    return false\n  })(components)\n\n  // Used to avoid multiple mixins being setup\n  // when in dev mode and hot module reload\n  // https://github.com/vuejs/vue/issues/5089#issuecomment-284260111\n  if (Vue.$_vuetify_installed) return\n  Vue.$_vuetify_installed = true\n\n  Vue.mixin({\n    beforeCreate () {\n      const options = this.$options as any\n\n      if (options.vuetify) {\n        options.vuetify.init(this, this.$ssrContext)\n        this.$vuetify = Vue.observable(options.vuetify.framework)\n      } else {\n        this.$vuetify = (options.parent && options.parent.$vuetify) || this\n      }\n    },\n    beforeMount () {\n      // @ts-ignore\n      if (this.$options.vuetify && this.$el && this.$el.hasAttribute('data-server-rendered')) {\n        // @ts-ignore\n        this.$vuetify.isHydrating = true\n        // @ts-ignore\n        this.$vuetify.breakpoint.update(true)\n      }\n    },\n    mounted () {\n      // @ts-ignore\n      if (this.$options.vuetify && this.$vuetify.isHydrating) {\n        // @ts-ignore\n        this.$vuetify.isHydrating = false\n        // @ts-ignore\n        this.$vuetify.breakpoint.update()\n      }\n    },\n  })\n}\n"],"sourceRoot":"","file":"install.js"}

package/es5/mixins/activatable/index.js

@@ -17,12 +17,6 @@ var _console = require("../../util/console");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 var baseMixins = (0, _mixins.default)(_delayable.default, _toggleable.default);
@@ -72,11 +66,6 @@ var _default = baseMixins.extend({
   beforeDestroy: function beforeDestroy() {
     this.removeActivatorEvents();
   },
-  computed: {
-    isActivatable: function isActivatable() {
-      return true;
-    }
-  },
   methods: {
     addActivatorEvents: function addActivatorEvents() {
       if (!this.activator || this.disabled || !this.getActivator()) return;
@@ -90,7 +79,8 @@ var _default = baseMixins.extend({
     },
     genActivator: function genActivator() {
       var node = (0, _helpers.getSlot)(this, 'activator', Object.assign(this.getValueProxy(), {
-        attrs: _objectSpread(_objectSpread({}, this.genActivatorListeners()), this.genActivatorAttributes())
+        on: this.genActivatorListeners(),
+        attrs: this.genActivatorAttributes()
       })) || [];
       this.activatorNode = node;
       return node;
@@ -109,19 +99,19 @@ var _default = baseMixins.extend({
       var listeners = {};
 
       if (this.openOnHover) {
-        listeners.onMouseenter = function (e) {
+        listeners.mouseenter = function (e) {
           _this.getActivator(e);
 
           _this.runDelay('open');
         };
 
-        listeners.onMouseleave = function (e) {
+        listeners.mouseleave = function (e) {
           _this.getActivator(e);
 
           _this.runDelay('close');
         };
       } else if (this.openOnClick) {
-        listeners.onClick = function (e) {
+        listeners.click = function (e) {
           var activator = _this.getActivator(e);
 
           if (activator) activator.focus();
@@ -131,7 +121,7 @@ var _default = baseMixins.extend({
       }
 
       if (this.openOnFocus) {
-        listeners.onFocus = function (e) {
+        listeners.focus = function (e) {
           _this.getActivator(e);
 
           e.stopPropagation();
@@ -163,13 +153,16 @@ var _default = baseMixins.extend({
         // Use the contents of the activator slot
         // There's either only one element in it or we
         // don't have a click event to use as a last resort
-        var vm = this.activatorNode[0].component.ctx;
+        var vm = this.activatorNode[0].componentInstance;
 
-        if (vm && (vm.isActivatable !== undefined || vm.isMenuable !== undefined)) {
+        if (vm && vm.$options.mixins && //                         Activatable is indirectly used via Menuable
+        vm.$options.mixins.some(function (m) {
+          return m.options && ['activatable', 'menuable'].includes(m.options.name);
+        })) {
           // Activator is actually another activatible component, use its activator (#8846)
           activator = vm.getActivator();
         } else {
-          activator = this.activatorNode[0].el;
+          activator = this.activatorNode[0].elm;
         }
       } else if (e) {
         // Activated by a click or focus event

package/es5/mixins/activatable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/activatable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport Delayable from '../delayable'\nimport Toggleable from '../toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode, PropType } from 'vue'\n\ntype Listeners = Dictionary<(e: MouseEvent & KeyboardEvent & FocusEvent) => void>\n\nconst baseMixins = mixins(\n  Delayable,\n  Toggleable\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'activatable',\n\n  props: {\n    activator: {\n      default: null as unknown as PropType<string | HTMLElement | VNode | Element | null>,\n      validator: (val: string | object) => {\n        return ['string', 'object'].includes(typeof val)\n      },\n    },\n    disabled: Boolean,\n    internalActivator: Boolean,\n    openOnClick: {\n      type: Boolean,\n      default: true,\n    },\n    openOnHover: Boolean,\n    openOnFocus: Boolean,\n  },\n\n  data: () => ({\n    // Do not use this directly, call getActivator() instead\n    activatorElement: null as HTMLElement | null,\n    activatorNode: [] as VNode[],\n    events: ['click', 'mouseenter', 'mouseleave', 'focus'],\n    listeners: {} as Listeners,\n  }),\n\n  watch: {\n    activator: 'resetActivator',\n    openOnFocus: 'resetActivator',\n    openOnHover: 'resetActivator',\n  },\n\n  mounted () {\n    const slotType = getSlotType(this, 'activator', true)\n\n    if (slotType && ['v-slot', 'normal'].includes(slotType)) {\n      consoleError(`The activator slot must be bound, try '<template v-slot:activator=\"{ on }\"><v-btn v-on=\"on\">'`, this)\n    }\n\n    this.addActivatorEvents()\n  },\n\n  beforeDestroy () {\n    this.removeActivatorEvents()\n  },\n\n  computed: {\n    isActivatable() {\n      return true\n    }\n  },\n\n  methods: {\n    addActivatorEvents () {\n      if (\n        !this.activator ||\n        this.disabled ||\n        !this.getActivator()\n      ) return\n\n      this.listeners = this.genActivatorListeners()\n      const keys = Object.keys(this.listeners)\n\n      for (const key of keys) {\n        this.getActivator()!.addEventListener(key, this.listeners[key] as any)\n      }\n    },\n    genActivator () {\n      const node = getSlot(this, 'activator', Object.assign(this.getValueProxy(), {\n        attrs: {\n          ...this.genActivatorListeners(),\n          ...this.genActivatorAttributes(),\n        }\n      })) || []\n\n      this.activatorNode = node\n\n      return node\n    },\n    genActivatorAttributes () {\n      return {\n        role: (this.openOnClick && !this.openOnHover) ? 'button' : undefined,\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genActivatorListeners () {\n      if (this.disabled) return {}\n\n      const listeners: Listeners = {}\n\n      if (this.openOnHover) {\n        listeners.onMouseenter = (e: MouseEvent) => {\n          this.getActivator(e)\n          this.runDelay('open')\n        }\n        listeners.onMouseleave = (e: MouseEvent) => {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      } else if (this.openOnClick) {\n        listeners.onClick = (e: MouseEvent) => {\n          const activator = this.getActivator(e)\n          if (activator) activator.focus()\n\n          e.stopPropagation()\n\n          this.isActive = !this.isActive\n        }\n      }\n\n      if (this.openOnFocus) {\n        listeners.onFocus = (e: FocusEvent) => {\n          this.getActivator(e)\n\n          e.stopPropagation()\n\n          this.isActive = !this.isActive\n        }\n      }\n\n      return listeners\n    },\n    getActivator (e?: Event): HTMLElement | null {\n      // If we've already fetched the activator, re-use\n      if (this.activatorElement) return this.activatorElement\n\n      let activator = null\n\n      if (this.activator) {\n        const target = this.internalActivator ? this.$el : document\n\n        if (typeof this.activator === 'string') {\n          // Selector\n          activator = target.querySelector(this.activator)\n        } else if ((this.activator as any).$el) {\n          // Component (ref)\n          activator = (this.activator as any).$el\n        } else {\n          // HTMLElement | Element\n          activator = this.activator\n        }\n      } else if (this.activatorNode.length === 1 || (this.activatorNode.length && !e)) {\n\n        // Use the contents of the activator slot\n        // There's either only one element in it or we\n        // don't have a click event to use as a last resort\n        const vm = this.activatorNode[0].component.ctx\n        if (\n          vm &&\n          (vm.isActivatable !== undefined || vm.isMenuable !== undefined)\n        ) {\n          // Activator is actually another activatible component, use its activator (#8846)\n          activator = (vm as any).getActivator()\n        } else {\n          activator = this.activatorNode[0].el as HTMLElement\n        }\n      } else if (e) {\n        // Activated by a click or focus event\n        activator = (e.currentTarget || e.target) as HTMLElement\n      }\n\n      // The activator should only be a valid element (Ignore comments and text nodes)\n      this.activatorElement = activator?.nodeType === Node.ELEMENT_NODE ? activator : null\n\n      return this.activatorElement\n    },\n    getContentSlot () {\n      return getSlot(this, 'default', this.getValueProxy(), true)\n    },\n    getValueProxy (): object {\n      const self = this\n      return {\n        get value () {\n          return self.isActive\n        },\n        set value (isActive: boolean) {\n          self.isActive = isActive\n        },\n      }\n    },\n    removeActivatorEvents () {\n      if (\n        !this.activator ||\n        !this.activatorElement\n      ) return\n\n      const keys = Object.keys(this.listeners)\n\n      for (const key of keys) {\n        (this.activatorElement as any).removeEventListener(key, this.listeners[key])\n      }\n\n      this.listeners = {}\n    },\n    resetActivator () {\n      this.removeActivatorEvents()\n      this.activatorElement = null\n      this.getActivator()\n      this.addActivatorEvents()\n    }\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/activatable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport Delayable from '../delayable'\nimport Toggleable from '../toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode, PropType } from 'vue'\n\ntype Listeners = Dictionary<(e: MouseEvent & KeyboardEvent & FocusEvent) => void>\n\nconst baseMixins = mixins(\n  Delayable,\n  Toggleable\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'activatable',\n\n  props: {\n    activator: {\n      default: null as unknown as PropType<string | HTMLElement | VNode | Element | null>,\n      validator: (val: string | object) => {\n        return ['string', 'object'].includes(typeof val)\n      },\n    },\n    disabled: Boolean,\n    internalActivator: Boolean,\n    openOnClick: {\n      type: Boolean,\n      default: true,\n    },\n    openOnHover: Boolean,\n    openOnFocus: Boolean,\n  },\n\n  data: () => ({\n    // Do not use this directly, call getActivator() instead\n    activatorElement: null as HTMLElement | null,\n    activatorNode: [] as VNode[],\n    events: ['click', 'mouseenter', 'mouseleave', 'focus'],\n    listeners: {} as Listeners,\n  }),\n\n  watch: {\n    activator: 'resetActivator',\n    openOnFocus: 'resetActivator',\n    openOnHover: 'resetActivator',\n  },\n\n  mounted () {\n    const slotType = getSlotType(this, 'activator', true)\n\n    if (slotType && ['v-slot', 'normal'].includes(slotType)) {\n      consoleError(`The activator slot must be bound, try '<template v-slot:activator=\"{ on }\"><v-btn v-on=\"on\">'`, this)\n    }\n\n    this.addActivatorEvents()\n  },\n\n  beforeDestroy () {\n    this.removeActivatorEvents()\n  },\n\n  methods: {\n    addActivatorEvents () {\n      if (\n        !this.activator ||\n        this.disabled ||\n        !this.getActivator()\n      ) return\n\n      this.listeners = this.genActivatorListeners()\n      const keys = Object.keys(this.listeners)\n\n      for (const key of keys) {\n        this.getActivator()!.addEventListener(key, this.listeners[key] as any)\n      }\n    },\n    genActivator () {\n      const node = getSlot(this, 'activator', Object.assign(this.getValueProxy(), {\n        on: this.genActivatorListeners(),\n        attrs: this.genActivatorAttributes(),\n      })) || []\n\n      this.activatorNode = node\n\n      return node\n    },\n    genActivatorAttributes () {\n      return {\n        role: (this.openOnClick && !this.openOnHover) ? 'button' : undefined,\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genActivatorListeners () {\n      if (this.disabled) return {}\n\n      const listeners: Listeners = {}\n\n      if (this.openOnHover) {\n        listeners.mouseenter = (e: MouseEvent) => {\n          this.getActivator(e)\n          this.runDelay('open')\n        }\n        listeners.mouseleave = (e: MouseEvent) => {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      } else if (this.openOnClick) {\n        listeners.click = (e: MouseEvent) => {\n          const activator = this.getActivator(e)\n          if (activator) activator.focus()\n\n          e.stopPropagation()\n\n          this.isActive = !this.isActive\n        }\n      }\n\n      if (this.openOnFocus) {\n        listeners.focus = (e: FocusEvent) => {\n          this.getActivator(e)\n\n          e.stopPropagation()\n\n          this.isActive = !this.isActive\n        }\n      }\n\n      return listeners\n    },\n    getActivator (e?: Event): HTMLElement | null {\n      // If we've already fetched the activator, re-use\n      if (this.activatorElement) return this.activatorElement\n\n      let activator = null\n\n      if (this.activator) {\n        const target = this.internalActivator ? this.$el : document\n\n        if (typeof this.activator === 'string') {\n          // Selector\n          activator = target.querySelector(this.activator)\n        } else if ((this.activator as any).$el) {\n          // Component (ref)\n          activator = (this.activator as any).$el\n        } else {\n          // HTMLElement | Element\n          activator = this.activator\n        }\n      } else if (this.activatorNode.length === 1 || (this.activatorNode.length && !e)) {\n        // Use the contents of the activator slot\n        // There's either only one element in it or we\n        // don't have a click event to use as a last resort\n        const vm = this.activatorNode[0].componentInstance\n        if (\n          vm &&\n          vm.$options.mixins && //                         Activatable is indirectly used via Menuable\n          vm.$options.mixins.some((m: any) => m.options && ['activatable', 'menuable'].includes(m.options.name))\n        ) {\n          // Activator is actually another activatible component, use its activator (#8846)\n          activator = (vm as any).getActivator()\n        } else {\n          activator = this.activatorNode[0].elm as HTMLElement\n        }\n      } else if (e) {\n        // Activated by a click or focus event\n        activator = (e.currentTarget || e.target) as HTMLElement\n      }\n\n      // The activator should only be a valid element (Ignore comments and text nodes)\n      this.activatorElement = activator?.nodeType === Node.ELEMENT_NODE ? activator : null\n\n      return this.activatorElement\n    },\n    getContentSlot () {\n      return getSlot(this, 'default', this.getValueProxy(), true)\n    },\n    getValueProxy (): object {\n      const self = this\n      return {\n        get value () {\n          return self.isActive\n        },\n        set value (isActive: boolean) {\n          self.isActive = isActive\n        },\n      }\n    },\n    removeActivatorEvents () {\n      if (\n        !this.activator ||\n        !this.activatorElement\n      ) return\n\n      const keys = Object.keys(this.listeners)\n\n      for (const key of keys) {\n        (this.activatorElement as any).removeEventListener(key, this.listeners[key])\n      }\n\n      this.listeners = {}\n    },\n    resetActivator () {\n      this.removeActivatorEvents()\n      this.activatorElement = null\n      this.getActivator()\n      this.addActivatorEvents()\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/es5/mixins/binds-attrs/index.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _vue = require("vue");
+var _vue = _interopRequireDefault(require("vue"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /**
  * This mixin provides `attrs$` and `listeners$` to work around
@@ -20,12 +22,12 @@ function makeWatcher(property) {
     }
 
     for (var _attr in val) {
-      this.$data[property][_attr] = val[_attr];
+      this.$set(this.$data[property], _attr, val[_attr]);
     }
   };
 }
 
-var _default = (0, _vue.defineComponent)({
+var _default = _vue.default.extend({
   data: function data() {
     return {
       attrs$: {},

package/es5/mixins/binds-attrs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/binds-attrs/index.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;;AAGG;AAEH,SAAS,WAAT,CAAsB,QAAtB,EAAsC;AACpC,SAAO,UAAqB,GAArB,EAA0B,MAA1B,EAAgC;AACrC,SAAK,IAAM,IAAX,IAAmB,MAAnB,EAA2B;AACzB,UAAI,CAAC,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,GAArC,EAA0C,IAA1C,CAAL,EAAsD;AACpD,aAAK,OAAL,CAAa,KAAK,KAAL,CAAW,QAAX,CAAb,EAAmC,IAAnC;AACD;AACF;;AACD,SAAK,IAAM,KAAX,IAAmB,GAAnB,EAAwB;AACtB,WAAK,KAAL,CAAW,QAAX,EAAqB,KAArB,IAA6B,GAAG,CAAC,KAAD,CAAhC;AACD;AACF,GATD;AAUD;;eAEc,0BAAgB;AAC7B,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,MAAM,EAAE,EADG;AAEX,MAAA,UAAU,EAAE;AAFD,KAAP;AAAA,GADuB;AAM7B,EAAA,OAN6B,qBAMtB;AACL;AACA;AACA,SAAK,MAAL,CAAY,QAAZ,EAAsB,WAAW,CAAC,QAAD,CAAjC,EAA6C;AAAE,MAAA,SAAS,EAAE;AAAb,KAA7C;AACA,SAAK,MAAL,CAAY,YAAZ,EAA0B,WAAW,CAAC,YAAD,CAArC,EAAqD;AAAE,MAAA,SAAS,EAAE;AAAb,KAArD;AACD;AAX4B,CAAhB,C","sourcesContent":["import {defineComponent} from 'vue'\n\n/**\n * This mixin provides `attrs$` and `listeners$` to work around\n * vue bug https://github.com/vuejs/vue/issues/10115\n */\n\nfunction makeWatcher (property: string): ThisType<Vue> & ((val: any, oldVal: any) => void) {\n  return function (this: Vue, val, oldVal) {\n    for (const attr in oldVal) {\n      if (!Object.prototype.hasOwnProperty.call(val, attr)) {\n        this.$delete(this.$data[property], attr)\n      }\n    }\n    for (const attr in val) {\n      this.$data[property][attr] = val[attr]\n    }\n  }\n}\n\nexport default defineComponent({\n  data: () => ({\n    attrs$: {} as Dictionary<string>,\n    listeners$: {} as Dictionary<Function | Function[]>,\n  }),\n\n  created () {\n    // Work around unwanted re-renders: https://github.com/vuejs/vue/issues/10115\n    // Make sure to use `attrs$` instead of `$attrs` (confusing right?)\n    this.$watch('$attrs', makeWatcher('attrs$'), { immediate: true })\n    this.$watch('$listeners', makeWatcher('listeners$'), { immediate: true })\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/binds-attrs/index.ts"],"names":[],"mappings":";;;;;;;AAAA;;;;AAEA;;;AAGG;AAEH,SAAS,WAAT,CAAsB,QAAtB,EAAsC;AACpC,SAAO,UAAqB,GAArB,EAA0B,MAA1B,EAAgC;AACrC,SAAK,IAAM,IAAX,IAAmB,MAAnB,EAA2B;AACzB,UAAI,CAAC,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,GAArC,EAA0C,IAA1C,CAAL,EAAsD;AACpD,aAAK,OAAL,CAAa,KAAK,KAAL,CAAW,QAAX,CAAb,EAAmC,IAAnC;AACD;AACF;;AACD,SAAK,IAAM,KAAX,IAAmB,GAAnB,EAAwB;AACtB,WAAK,IAAL,CAAU,KAAK,KAAL,CAAW,QAAX,CAAV,EAAgC,KAAhC,EAAsC,GAAG,CAAC,KAAD,CAAzC;AACD;AACF,GATD;AAUD;;eAEc,aAAI,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,MAAM,EAAE,EADG;AAEX,MAAA,UAAU,EAAE;AAFD,KAAP;AAAA,GADkB;AAMxB,EAAA,OANwB,qBAMjB;AACL;AACA;AACA,SAAK,MAAL,CAAY,QAAZ,EAAsB,WAAW,CAAC,QAAD,CAAjC,EAA6C;AAAE,MAAA,SAAS,EAAE;AAAb,KAA7C;AACA,SAAK,MAAL,CAAY,YAAZ,EAA0B,WAAW,CAAC,YAAD,CAArC,EAAqD;AAAE,MAAA,SAAS,EAAE;AAAb,KAArD;AACD;AAXuB,CAAX,C","sourcesContent":["import Vue from 'vue'\n\n/**\n * This mixin provides `attrs$` and `listeners$` to work around\n * vue bug https://github.com/vuejs/vue/issues/10115\n */\n\nfunction makeWatcher (property: string): ThisType<Vue> & ((val: any, oldVal: any) => void) {\n  return function (this: Vue, val, oldVal) {\n    for (const attr in oldVal) {\n      if (!Object.prototype.hasOwnProperty.call(val, attr)) {\n        this.$delete(this.$data[property], attr)\n      }\n    }\n    for (const attr in val) {\n      this.$set(this.$data[property], attr, val[attr])\n    }\n  }\n}\n\nexport default Vue.extend({\n  data: () => ({\n    attrs$: {} as Dictionary<string>,\n    listeners$: {} as Dictionary<Function | Function[]>,\n  }),\n\n  created () {\n    // Work around unwanted re-renders: https://github.com/vuejs/vue/issues/10115\n    // Make sure to use `attrs$` instead of `$attrs` (confusing right?)\n    this.$watch('$attrs', makeWatcher('attrs$'), { immediate: true })\n    this.$watch('$listeners', makeWatcher('listeners$'), { immediate: true })\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/es5/mixins/bootable/index.js

@@ -7,7 +7,9 @@ exports.default = void 0;
 
 var _console = require("../../util/console");
 
-var _vue = require("vue");
+var _vue = _interopRequireDefault(require("vue"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // Utilities
 // Types
@@ -22,7 +24,7 @@ var _vue = require("vue");
  */
 
 /* @vue/component */
-var _default = (0, _vue.defineComponent)({
+var _default = _vue.default.extend().extend({
   name: 'bootable',
   props: {
     eager: Boolean
@@ -50,7 +52,7 @@ var _default = (0, _vue.defineComponent)({
   },
   methods: {
     showLazyContent: function showLazyContent(content) {
-      return this.hasContent && content ? content() : [(0, _vue.h)()];
+      return this.hasContent && content ? content() : [this.$createElement()];
     }
   }
 });

package/es5/mixins/bootable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/bootable/index.ts"],"names":[],"mappings":";;;;;;;AACA;;AACA;;AAFA;AAIA;;AAMA;;;;;;;AAOG;;AACH;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,UADuB;AAG7B,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;AADF,GAHsB;AAO7B,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,QAAQ,EAAE;AADC,KAAP;AAAA,GAPuB;AAW7B,EAAA,QAAQ,EAAE;AACR,IAAA,UADQ,wBACE;AACR,aAAO,KAAK,QAAL,IAAiB,KAAK,KAAtB,IAA+B,KAAK,QAA3C;AACD;AAHO,GAXmB;AAiB7B,EAAA,KAAK,EAAE;AACL,IAAA,QADK,sBACG;AACN,WAAK,QAAL,GAAgB,IAAhB;AACD;AAHI,GAjBsB;AAuB7B,EAAA,OAvB6B,qBAuBtB;AACL;AACA,QAAI,UAAU,KAAK,MAAnB,EAA2B;AACzB,4BAAQ,MAAR,EAAgB,IAAhB;AACD;AACF,GA5B4B;AA8B7B,EAAA,OAAO,EAAE;AACP,IAAA,eADO,2BACU,OADV,EACiC;AACtC,aAAQ,KAAK,UAAL,IAAmB,OAApB,GAA+B,OAAO,EAAtC,GAA2C,CAAC,aAAD,CAAlD;AACD;AAHM;AA9BoB,CAAhB,C","sourcesContent":["// Utilities\nimport { removed } from '../../util/console'\nimport {h} from 'vue'\n\n// Types\nimport  { defineComponent, VNode, App } from 'vue'\ninterface Toggleable extends App {\n  isActive?: boolean\n}\n\n/**\n * Bootable\n * @mixin\n *\n * Used to add lazy content functionality to components\n * Looks for change in \"isActive\" to automatically boot\n * Otherwise can be set manually\n */\n/* @vue/component */\nexport default defineComponent({\n  name: 'bootable',\n\n  props: {\n    eager: Boolean,\n  },\n\n  data: () => ({\n    isBooted: false,\n  }),\n\n  computed: {\n    hasContent (): boolean | undefined {\n      return this.isBooted || this.eager || this.isActive\n    },\n  },\n\n  watch: {\n    isActive () {\n      this.isBooted = true\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if ('lazy' in this.$attrs) {\n      removed('lazy', this)\n    }\n  },\n\n  methods: {\n    showLazyContent (content?: () => VNode[]): VNode[] {\n      return (this.hasContent && content) ? content() : [h()]\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/bootable/index.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;;;AAJA;AAGA;;AAMA;;;;;;;AAOG;;AACH;eACe,aAAI,MAAJ,GAA+B,MAA/B,CAAsC;AACnD,EAAA,IAAI,EAAE,UAD6C;AAGnD,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;AADF,GAH4C;AAOnD,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,QAAQ,EAAE;AADC,KAAP;AAAA,GAP6C;AAWnD,EAAA,QAAQ,EAAE;AACR,IAAA,UADQ,wBACE;AACR,aAAO,KAAK,QAAL,IAAiB,KAAK,KAAtB,IAA+B,KAAK,QAA3C;AACD;AAHO,GAXyC;AAiBnD,EAAA,KAAK,EAAE;AACL,IAAA,QADK,sBACG;AACN,WAAK,QAAL,GAAgB,IAAhB;AACD;AAHI,GAjB4C;AAuBnD,EAAA,OAvBmD,qBAuB5C;AACL;AACA,QAAI,UAAU,KAAK,MAAnB,EAA2B;AACzB,4BAAQ,MAAR,EAAgB,IAAhB;AACD;AACF,GA5BkD;AA8BnD,EAAA,OAAO,EAAE;AACP,IAAA,eADO,2BACU,OADV,EACiC;AACtC,aAAQ,KAAK,UAAL,IAAmB,OAApB,GAA+B,OAAO,EAAtC,GAA2C,CAAC,KAAK,cAAL,EAAD,CAAlD;AACD;AAHM;AA9B0C,CAAtC,C","sourcesContent":["// Utilities\nimport { removed } from '../../util/console'\n\n// Types\nimport Vue, { VNode } from 'vue'\ninterface Toggleable extends Vue {\n  isActive?: boolean\n}\n\n/**\n * Bootable\n * @mixin\n *\n * Used to add lazy content functionality to components\n * Looks for change in \"isActive\" to automatically boot\n * Otherwise can be set manually\n */\n/* @vue/component */\nexport default Vue.extend<Vue & Toggleable>().extend({\n  name: 'bootable',\n\n  props: {\n    eager: Boolean,\n  },\n\n  data: () => ({\n    isBooted: false,\n  }),\n\n  computed: {\n    hasContent (): boolean | undefined {\n      return this.isBooted || this.eager || this.isActive\n    },\n  },\n\n  watch: {\n    isActive () {\n      this.isBooted = true\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if ('lazy' in this.$attrs) {\n      removed('lazy', this)\n    }\n  },\n\n  methods: {\n    showLazyContent (content?: () => VNode[]): VNode[] {\n      return (this.hasContent && content) ? content() : [this.$createElement()]\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/es5/mixins/button-group/index.js

@@ -5,16 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _vue = require("vue");
-
 var _VItemGroup = require("../../components/VItemGroup/VItemGroup");
 
 // Extensions
 
 /* @vue/component */
-var _default = (0, _vue.defineComponent)({
+var _default = _VItemGroup.BaseItemGroup.extend({
   name: 'button-group',
-  extends: _VItemGroup.BaseItemGroup,
   provide: function provide() {
     return {
       btnToggle: this
@@ -22,12 +19,12 @@ var _default = (0, _vue.defineComponent)({
   },
   computed: {
     classes: function classes() {
-      return _VItemGroup.BaseItemGroup.computed.classes.call(this);
+      return _VItemGroup.BaseItemGroup.options.computed.classes.call(this);
     }
   },
   methods: {
     // Isn't being passed down through types
-    genData: _VItemGroup.BaseItemGroup.methods.genData
+    genData: _VItemGroup.BaseItemGroup.options.methods.genData
   }
 });
 

package/es5/mixins/button-group/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/button-group/index.ts"],"names":[],"mappings":";;;;;;;AACA;;AACA;;AAFA;;AAIA;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,cADuB;AAE7B,EAAA,OAAO,EAAE,yBAFoB;AAI7B,EAAA,OAJ6B,qBAItB;AACL,WAAO;AACL,MAAA,SAAS,EAAE;AADN,KAAP;AAGD,GAR4B;AAU7B,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,aAAO,0BAAc,QAAd,CAAuB,OAAvB,CAA+B,IAA/B,CAAoC,IAApC,CAAP;AACD;AAHO,GAVmB;AAgB7B,EAAA,OAAO,EAAE;AACP;AACA,IAAA,OAAO,EAAE,0BAAc,OAAd,CAAsB;AAFxB;AAhBoB,CAAhB,C","sourcesContent":["// Extensions\nimport { defineComponent } from 'vue'\nimport { BaseItemGroup } from '../../components/VItemGroup/VItemGroup'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'button-group',\n  extends: BaseItemGroup,\n\n  provide (): object {\n    return {\n      btnToggle: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return BaseItemGroup.computed.classes.call(this)\n    },\n  },\n\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.methods.genData,\n  },\n})\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/button-group/index.ts"],"names":[],"mappings":";;;;;;;AACA;;AADA;;AAGA;eACe,0BAAc,MAAd,CAAqB;AAClC,EAAA,IAAI,EAAE,cAD4B;AAGlC,EAAA,OAHkC,qBAG3B;AACL,WAAO;AACL,MAAA,SAAS,EAAE;AADN,KAAP;AAGD,GAPiC;AASlC,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,aAAO,0BAAc,OAAd,CAAsB,QAAtB,CAA+B,OAA/B,CAAuC,IAAvC,CAA4C,IAA5C,CAAP;AACD;AAHO,GATwB;AAelC,EAAA,OAAO,EAAE;AACP;AACA,IAAA,OAAO,EAAE,0BAAc,OAAd,CAAsB,OAAtB,CAA8B;AAFhC;AAfyB,CAArB,C","sourcesContent":["// Extensions\nimport { BaseItemGroup } from '../../components/VItemGroup/VItemGroup'\n\n/* @vue/component */\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide (): object {\n    return {\n      btnToggle: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return BaseItemGroup.options.computed.classes.call(this)\n    },\n  },\n\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData,\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/es5/mixins/colorable/index.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _vue = require("vue");
+var _vue = _interopRequireDefault(require("vue"));
 
 var _console = require("../../util/console");
 
 var _colorUtils = require("../../util/colorUtils");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -27,11 +29,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var _default = (0, _vue.defineComponent)({
+var _default = _vue.default.extend({
   name: 'colorable',
   props: {
     color: String
@@ -48,24 +48,10 @@ var _default = (0, _vue.defineComponent)({
       }
 
       if (typeof data.class === 'string') {
-        data.class = _defineProperty({}, data.class, true); // istanbul ignore next
-        // consoleError('class must be an object', this)
         // istanbul ignore next
-        // return data
-      }
-
-      if (data.class instanceof Array) {
-        data.class = data.class.reduce(function (classes, current) {
-          if (typeof current === 'string') {
-            classes[current] = true;
-          }
+        (0, _console.consoleError)('class must be an object', this); // istanbul ignore next
 
-          if (_typeof(current) === 'object') {
-            classes = _objectSpread(_objectSpread({}, classes), current);
-          }
-
-          return classes;
-        }, {});
+        return data;
       }
 
       if ((0, _colorUtils.isCssColor)(color)) {
@@ -90,24 +76,10 @@ var _default = (0, _vue.defineComponent)({
       }
 
       if (typeof data.class === 'string') {
-        data.class = _defineProperty({}, data.class, true); // istanbul ignore next
-        // consoleError('class must be an object', this)
         // istanbul ignore next
-        // return data
-      }
+        (0, _console.consoleError)('class must be an object', this); // istanbul ignore next
 
-      if (data.class instanceof Array) {
-        data.class = data.class.reduce(function (classes, current) {
-          if (typeof current === 'string') {
-            classes[current] = true;
-          } else if (_typeof(current) === 'object') {
-            classes = _objectSpread(_objectSpread({}, classes), current);
-          } else {
-            console.error("Unknown type of class ".concat(_typeof(current)));
-          }
-
-          return classes;
-        }, {});
+        return data;
       }
 
       if ((0, _colorUtils.isCssColor)(color)) {