@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha41

package/es5/components/VBadge/VBadge.js

@@ -15,7 +15,7 @@ var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
 
 var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
 
-var _toggleable = _interopRequireDefault(require("../../mixins/toggleable"));
+var _toggleable = require("../../mixins/toggleable");
 
 var _transitionable = _interopRequireDefault(require("../../mixins/transitionable"));
 
@@ -23,24 +23,39 @@ var _positionable = require("../../mixins/positionable");
 
 var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
 
-var _mixins = _interopRequireDefault(require("../../util/mixins"));
-
 var _helpers = require("../../util/helpers");
 
+var _console = require("../../util/console");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+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."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 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 _default = (0, _mixins.default)(_colorable.default, (0, _positionable.factory)(['left', 'bottom']), _themeable.default, _toggleable.default, _transitionable.default).extend({
+var Toggleable = (0, _toggleable.factory)('modelValue', 'update:modelValue');
+
+var _default2 = (0, _vue.defineComponent)({
   name: 'v-badge',
+  mixins: [_colorable.default, (0, _positionable.factory)(['left', 'bottom']), _themeable.default, Toggleable, _transitionable.default],
   props: {
     avatar: Boolean,
     bordered: Boolean,
@@ -66,10 +81,11 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _positionable.factor
       type: String,
       default: 'scale-rotate-transition'
     },
-    value: {
+    modelValue: {
       default: true
     }
   },
+  emits: ['update:modelValue'],
   computed: {
     classes: function classes() {
       return _objectSpread({
@@ -129,6 +145,20 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _positionable.factor
       };
     }
   },
+  created: function created() {
+    var _this = this;
+
+    var breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+  },
   methods: {
     calcPosition: function calcPosition(offset) {
       return "calc(100% - ".concat((0, _helpers.convertToUnit)(offset || this.offset), ")");
@@ -143,19 +173,19 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _positionable.factor
         '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 = (0, _vue.h)('span', data, [this.genBadgeContent()]);
+      var badge = (0, _vue.withDirectives)((0, _vue.h)('span', data, [this.genBadgeContent()]), [[_vue.vShow, this.isActive]]);
       if (!this.transition) return badge;
       return (0, _vue.h)(_vue.Transition, {
         name: this.transition,
         origin: this.origin,
         mode: this.mode
-      }, [badge]);
+      }, {
+        default: function _default() {
+          return [badge];
+        }
+      });
     },
     genBadgeContent: function genBadgeContent() {
       // Dot prop shows no content
@@ -163,7 +193,9 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _positionable.factor
       var slot = (0, _helpers.getSlot)(this, 'badge');
       if (slot) return slot;
       if (this.content) return String(this.content);
-      if (this.icon) return (0, _vue.h)(_VIcon.default, this.icon);
+      if (this.icon) return (0, _vue.h)(_VIcon.default, {
+        icon: this.icon
+      });
       return undefined;
     },
     genBadgeWrapper: function genBadgeWrapper() {
@@ -191,5 +223,5 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _positionable.factor
   }
 });
 
-exports.default = _default;
+exports.default = _default2;
 //# sourceMappingURL=VBadge.js.map

package/es5/components/VBadge/VBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBadge/VBadge.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;eAQe,qBACb,kBADa,EAEb,2BAAoB,CAAC,MAAD,EAAS,QAAT,CAApB,CAFa,EAGb,kBAHa,EAIb,mBAJa,EAKb,uBALa,EAOb,MAPa,CAON;AACP,EAAA,IAAI,EAAE,SADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE,OADH;AAEL,IAAA,QAAQ,EAAE,OAFL;AAGL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,MADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAHF;AAOL,IAAA,OAAO,EAAE;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAPJ;AAQL,IAAA,GAAG,EAAE,OARA;AASL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,MADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KATF;AAaL,IAAA,IAAI,EAAE,MAbD;AAcL,IAAA,MAAM,EAAE,OAdH;AAeL,IAAA,OAAO,EAAE,CAAC,MAAD,EAAS,MAAT,CAfJ;AAgBL,IAAA,OAAO,EAAE,CAAC,MAAD,EAAS,MAAT,CAhBJ;AAiBL,IAAA,OAAO,EAAE,OAjBJ;AAkBL,IAAA,IAAI,EAAE,OAlBD;AAmBL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC,KAnBP;AAuBL,IAAA,KAAK,EAAE;AAAE,MAAA,OAAO,EAAE;AAAX;AAvBF,GAHA;AA6BP,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL;AACE,2BAAmB,KAAK,MAD1B;AAEE,6BAAqB,KAAK,QAF5B;AAGE,2BAAmB,KAAK,MAH1B;AAIE,wBAAgB,KAAK,GAJvB;AAKE,yBAAiB,KAAK,IAAL,IAAa,IALhC;AAME,2BAAmB,KAAK,MAN1B;AAOE,yBAAiB,KAAK,IAPxB;AAQE,4BAAoB,KAAK,OAR3B;AASE,yBAAiB,KAAK;AATxB,SAUK,KAAK,YAVV;AAYD,KAdO;AAeR,IAAA,cAfQ,4BAeM;AACZ,aAAO,KAAK,MAAL,GAAc,MAAd,GAAuB,KAAK,eAAnC;AACD,KAjBO;AAkBR,IAAA,YAlBQ,0BAkBI;AACV,UAAI,KAAK,KAAT,EAAgB;AACd,eAAO,KAAK,IAAL,GAAY,KAAK,eAAjB,GAAmC,MAA1C;AACD;;AAED,aAAO,KAAK,IAAL,GAAY,MAAZ,GAAqB,KAAK,eAAjC;AACD,KAxBO;AAyBR,IAAA,aAzBQ,2BAyBK;AACX,UAAI,KAAK,KAAT,EAAgB;AACd,eAAO,KAAK,IAAL,GAAY,MAAZ,GAAqB,KAAK,eAAjC;AACD;;AAED,aAAO,CAAC,KAAK,IAAN,GAAa,MAAb,GAAsB,KAAK,eAAlC;AACD,KA/BO;AAgCR,IAAA,WAhCQ,yBAgCG;AACT,aAAO,KAAK,MAAL,GAAc,KAAK,eAAnB,GAAqC,MAA5C;AACD,KAlCO;AAmCR,IAAA,eAnCQ,6BAmCO;AACb,aAAO,KAAK,YAAL,CAAkB,KAAK,OAAvB,CAAP;AACD,KArCO;AAsCR,IAAA,eAtCQ,6BAsCO;AACb,aAAO,KAAK,YAAL,CAAkB,KAAK,OAAvB,CAAP;AACD,KAxCO;AAyCR,IAAA,KAzCQ,mBAyCH;AACH,aAAO,KAAK,QAAL,CAAc,GAArB;AACD,KA3CO;AA4CR;AACA;AACA,IAAA,MA9CQ,oBA8CF;AACJ,UAAI,KAAK,OAAT,EAAkB,OAAO,KAAK,GAAL,GAAW,CAAX,GAAe,EAAtB;AAClB,aAAO,KAAK,GAAL,GAAW,CAAX,GAAe,CAAtB;AACD,KAjDO;AAkDR,IAAA,MAlDQ,oBAkDF;AACJ,UAAI,KAAK,MAAT,EAAiB,OAAO,EAAP;AAEjB,aAAO;AACL,QAAA,MAAM,EAAE,KAAK,cADR;AAEL,QAAA,IAAI,EAAE,KAAK,YAFN;AAGL,QAAA,KAAK,EAAE,KAAK,aAHP;AAIL,QAAA,GAAG,EAAE,KAAK;AAJL,OAAP;AAMD;AA3DO,GA7BH;AA2FP,EAAA,OAAO,EAAE;AACP,IAAA,YADO,wBACO,MADP,EAC8B;AACnC,mCAAsB,4BAAc,MAAM,IAAI,KAAK,MAA7B,CAAtB;AACD,KAHM;AAIP,IAAA,QAJO,sBAIC;AACN,UAAM,IAAI,GAAG,KAAK,QAAL,CAAc,IAA3B;AACA,UAAM,KAAK,GAAG,KAAK,MAAL,CAAY,YAAZ,KAA6B,IAAI,CAAC,CAAL,CAAO,KAAK,KAAZ,CAA3C;AAEA,UAAM,IAAI,GAAG,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAC/C,QAAA,KAAK,EAAE,gBADwC;AAE/C,QAAA,KAAK,EAAE,KAAK,MAFmC;AAG/C,uBAAe,KAAK,MAAL,CAAY,aAAZ,KAA8B,MAHE;AAI/C,sBAAc,KAJiC;AAK/C,qBAAa,KAAK,MAAL,CAAY,WAAZ,KAA4B,QALM;AAM/C,QAAA,KAAK,EAAE,KAAK,MAAL,CAAY,KAN4B;AAO/C,QAAA,IAAI,EAAE,KAAK,MAAL,CAAY,IAAZ,IAAoB,QAPqB;AAQ/C,QAAA,UAAU,EAAE,CAAC;AACX,UAAA,IAAI,EAAE,MADK;AAEX,UAAA,KAAK,EAAE,KAAK;AAFD,SAAD;AARmC,OAApC,CAAb;AAcA,UAAM,KAAK,GAAG,YAAE,MAAF,EAAU,IAAV,EAAgB,CAAC,KAAK,eAAL,EAAD,CAAhB,CAAd;AAEA,UAAI,CAAC,KAAK,UAAV,EAAsB,OAAO,KAAP;AAEtB,aAAO,YAAE,eAAF,EAAc;AACnB,QAAA,IAAI,EAAE,KAAK,UADQ;AAEnB,QAAA,MAAM,EAAE,KAAK,MAFM;AAGnB,QAAA,IAAI,EAAE,KAAK;AAHQ,OAAd,EAIJ,CAAC,KAAD,CAJI,CAAP;AAKD,KA/BM;AAgCP,IAAA,eAhCO,6BAgCQ;AACb;AACA,UAAI,KAAK,GAAT,EAAc,OAAO,SAAP;AAEd,UAAM,IAAI,GAAG,sBAAQ,IAAR,EAAc,OAAd,CAAb;AAEA,UAAI,IAAJ,EAAU,OAAO,IAAP;AACV,UAAI,KAAK,OAAT,EAAkB,OAAO,MAAM,CAAC,KAAK,OAAN,CAAb;AAClB,UAAI,KAAK,IAAT,EAAe,OAAO,YAAE,cAAF,EAAS,KAAK,IAAd,CAAP;AAEf,aAAO,SAAP;AACD,KA3CM;AA4CP,IAAA,eA5CO,6BA4CQ;AACb,aAAO,YAAE,MAAF,EAAU;AACf,QAAA,KAAK,EAAE;AADQ,OAAV,EAEJ,CAAC,KAAK,QAAL,EAAD,CAFI,CAAP;AAGD;AAhDM,GA3FF;AA8IP,EAAA,MA9IO,oBA8ID;AACJ,QAAM,KAAK,GAAG,CAAC,KAAK,eAAL,EAAD,CAAd;AACA,QAAM,QAAQ,GAAG,CAAC,sBAAQ,IAAR,CAAD,CAAjB;;AAFI,uBAUA,KAAK,MAVL;AAAA,QAIa,EAJb,gBAIF,aAJE;AAAA,QAKY,EALZ,gBAKF,YALE;AAAA,QAMW,EANX,gBAMF,WANE;AAAA,QAOF,IAPE,gBAOF,IAPE;AAAA,QAQF,KARE,gBAQF,KARE;AAAA,QASC,KATD;;AAYJ,QAAI,KAAK,MAAL,IAAe,KAAK,IAAxB,EAA8B,QAAQ,CAAC,OAAT,CAAiB,KAAjB,EAA9B,KACK,QAAQ,CAAC,IAAT,CAAc,KAAd;AAEL,WAAO,YAAE,MAAF,EAAU,wBAAU;AACzB,MAAA,KAAK,EAAE,CAAC,SAAD,EAAY,KAAK,OAAjB;AADkB,KAAV,EAEd,KAFc,CAAV,EAGL,QAHK,CAAP;AAID;AAjKM,CAPM,C","sourcesContent":["import {Transition, h} from 'vue'\n// Styles\nimport './VBadge.sass'\n\n// Components\nimport VIcon from '../VIcon/VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from '../../mixins/toggleable'\nimport Transitionable from '../../mixins/transitionable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\nimport mergeData from '../../util/mergeData'\n// Utilities\nimport mixins from '../../util/mixins'\nimport {\n  convertToUnit,\n  getSlot,\n} from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  Colorable,\n  PositionableFactory(['left', 'bottom']),\n  Themeable,\n  Toggleable,\n  Transitionable,\n/* @vue/component */\n).extend({\n  name: 'v-badge',\n\n  props: {\n    avatar: Boolean,\n    bordered: Boolean,\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    content: { required: false },\n    dot: Boolean,\n    label: {\n      type: String,\n      default: '$vuetify.badge',\n    },\n    icon: String,\n    inline: Boolean,\n    offsetX: [Number, String],\n    offsetY: [Number, String],\n    overlap: Boolean,\n    tile: Boolean,\n    transition: {\n      type: String,\n      default: 'scale-rotate-transition',\n    },\n    value: { default: true },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-badge--avatar': this.avatar,\n        'v-badge--bordered': this.bordered,\n        'v-badge--bottom': this.bottom,\n        'v-badge--dot': this.dot,\n        'v-badge--icon': this.icon != null,\n        'v-badge--inline': this.inline,\n        'v-badge--left': this.left,\n        'v-badge--overlap': this.overlap,\n        'v-badge--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n    computedBottom (): string {\n      return this.bottom ? 'auto' : this.computedYOffset\n    },\n    computedLeft (): string {\n      if (this.isRtl) {\n        return this.left ? this.computedXOffset : 'auto'\n      }\n\n      return this.left ? 'auto' : this.computedXOffset\n    },\n    computedRight (): string {\n      if (this.isRtl) {\n        return this.left ? 'auto' : this.computedXOffset\n      }\n\n      return !this.left ? 'auto' : this.computedXOffset\n    },\n    computedTop (): string {\n      return this.bottom ? this.computedYOffset : 'auto'\n    },\n    computedXOffset (): string {\n      return this.calcPosition(this.offsetX)\n    },\n    computedYOffset (): string {\n      return this.calcPosition(this.offsetY)\n    },\n    isRtl (): boolean {\n      return this.$vuetify.rtl\n    },\n    // Default fallback if offsetX\n    // or offsetY are undefined.\n    offset (): number {\n      if (this.overlap) return this.dot ? 8 : 12\n      return this.dot ? 2 : 4\n    },\n    styles (): object {\n      if (this.inline) return {}\n\n      return {\n        bottom: this.computedBottom,\n        left: this.computedLeft,\n        right: this.computedRight,\n        top: this.computedTop,\n      }\n    },\n  },\n\n  methods: {\n    calcPosition (offset: string | number): string {\n      return `calc(100% - ${convertToUnit(offset || this.offset)})`\n    },\n    genBadge () {\n      const lang = this.$vuetify.lang\n      const label = this.$attrs['aria-label'] || lang.t(this.label)\n\n      const data = this.setBackgroundColor(this.color, {\n        class: 'v-badge__badge',\n        style: this.styles,\n        'aria-atomic': this.$attrs['aria-atomic'] || 'true',\n        'aria-label': label,\n        'aria-live': this.$attrs['aria-live'] || 'polite',\n        title: this.$attrs.title,\n        role: this.$attrs.role || 'status',\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      })\n\n      const badge = h('span', data, [this.genBadgeContent()])\n\n      if (!this.transition) return badge\n\n      return h(Transition, {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode,\n      }, [badge])\n    },\n    genBadgeContent () {\n      // Dot prop shows no content\n      if (this.dot) return undefined\n\n      const slot = getSlot(this, 'badge')\n\n      if (slot) return slot\n      if (this.content) return String(this.content)\n      if (this.icon) return h(VIcon, this.icon)\n\n      return undefined\n    },\n    genBadgeWrapper () {\n      return h('span', {\n        class: 'v-badge__wrapper',\n      }, [this.genBadge()])\n    },\n  },\n\n  render (): VNode {\n    const badge = [this.genBadgeWrapper()]\n    const children = [getSlot(this)]\n    const {\n      'aria-atomic': _x,\n      'aria-label': _y,\n      'aria-live': _z,\n      role,\n      title,\n      ...attrs\n    } = this.$attrs\n\n    if (this.inline && this.left) children.unshift(badge)\n    else children.push(badge)\n\n    return h('span', mergeData({\n      class: ['v-badge', this.classes]\n    }, attrs)\n    , children)\n  },\n})\n"],"sourceRoot":"","file":"VBadge.js"}
+{"version":3,"sources":["../../../src/components/VBadge/VBadge.ts"],"names":[],"mappings":"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","sourcesContent":["import { Transition, h, defineComponent, VNode, withDirectives, vShow } from 'vue'\n// Styles\nimport './VBadge.sass'\n\n// Components\nimport VIcon from '../VIcon/VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Transitionable from '../../mixins/transitionable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\nimport mergeData from '../../util/mergeData'\n// Utilities\nimport {\n  convertToUnit,\n  getSlot\n} from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\nconst Toggleable = ToggleableFactory('modelValue', 'update:modelValue')\n\nexport default defineComponent({\n  name: 'v-badge',\n\n  mixins: [\n    Colorable,\n    PositionableFactory(['left', 'bottom']),\n    Themeable,\n    Toggleable,\n    Transitionable\n  ] as any,\n\n  props: {\n    avatar: Boolean,\n    bordered: Boolean,\n    color: {\n      type: String,\n      default: 'primary'\n    },\n    content: { required: false },\n    dot: Boolean,\n    label: {\n      type: String,\n      default: '$vuetify.badge'\n    },\n    icon: String,\n    inline: Boolean,\n    offsetX: [Number, String],\n    offsetY: [Number, String],\n    overlap: Boolean,\n    tile: Boolean,\n    transition: {\n      type: String,\n      default: 'scale-rotate-transition'\n    },\n    modelValue: { default: true }\n  },\n  emits: ['update:modelValue'],\n  computed: {\n    classes (): object {\n      return {\n        'v-badge--avatar': this.avatar,\n        'v-badge--bordered': this.bordered,\n        'v-badge--bottom': this.bottom,\n        'v-badge--dot': this.dot,\n        'v-badge--icon': this.icon != null,\n        'v-badge--inline': this.inline,\n        'v-badge--left': this.left,\n        'v-badge--overlap': this.overlap,\n        'v-badge--tile': this.tile,\n        ...this.themeClasses\n      }\n    },\n    computedBottom (): string {\n      return this.bottom ? 'auto' : this.computedYOffset\n    },\n    computedLeft (): string {\n      if (this.isRtl) {\n        return this.left ? this.computedXOffset : 'auto'\n      }\n\n      return this.left ? 'auto' : this.computedXOffset\n    },\n    computedRight (): string {\n      if (this.isRtl) {\n        return this.left ? 'auto' : this.computedXOffset\n      }\n\n      return !this.left ? 'auto' : this.computedXOffset\n    },\n    computedTop (): string {\n      return this.bottom ? this.computedYOffset : 'auto'\n    },\n    computedXOffset (): string {\n      return this.calcPosition(this.offsetX)\n    },\n    computedYOffset (): string {\n      return this.calcPosition(this.offsetY)\n    },\n    isRtl (): boolean {\n      return this.$vuetify.rtl\n    },\n    // Default fallback if offsetX\n    // or offsetY are undefined.\n    offset (): number {\n      if (this.overlap) return this.dot ? 8 : 12\n      return this.dot ? 2 : 4\n    },\n    styles (): object {\n      if (this.inline) return {}\n\n      return {\n        bottom: this.computedBottom,\n        left: this.computedLeft,\n        right: this.computedRight,\n        top: this.computedTop\n      }\n    }\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    calcPosition (offset: string | number): string {\n      return `calc(100% - ${convertToUnit(offset || this.offset)})`\n    },\n    genBadge () {\n      const lang = this.$vuetify.lang\n      const label = this.$attrs['aria-label'] || lang.t(this.label)\n\n      const data = this.setBackgroundColor(this.color, {\n        class: 'v-badge__badge',\n        style: this.styles,\n        'aria-atomic': this.$attrs['aria-atomic'] || 'true',\n        'aria-label': label,\n        'aria-live': this.$attrs['aria-live'] || 'polite',\n        title: this.$attrs.title,\n        role: this.$attrs.role || 'status'\n      })\n\n      const badge = withDirectives(\n        h('span', data, [this.genBadgeContent()]),\n        [[vShow, this.isActive]]\n      )\n\n      if (!this.transition) return badge\n\n      return h(Transition, {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode\n      }, {\n        default: () => [badge]\n      })\n    },\n    genBadgeContent () {\n      // Dot prop shows no content\n      if (this.dot) return undefined\n\n      const slot = getSlot(this, 'badge')\n\n      if (slot) return slot\n      if (this.content) return String(this.content)\n      if (this.icon) return h(VIcon, { icon: this.icon })\n\n      return undefined\n    },\n    genBadgeWrapper () {\n      return h('span', {\n        class: 'v-badge__wrapper'\n      }, [this.genBadge()])\n    }\n  },\n\n  render (): VNode {\n    const badge = [this.genBadgeWrapper()]\n    const children = [getSlot(this)]\n    const {\n      'aria-atomic': _x,\n      'aria-label': _y,\n      'aria-live': _z,\n      role,\n      title,\n      ...attrs\n    } = this.$attrs\n\n    if (this.inline && this.left) children.unshift(badge)\n    else children.push(badge)\n\n    return h('span', mergeData({\n      class: ['v-badge', this.classes]\n    }, attrs), children as any)\n  }\n})\n"],"sourceRoot":"","file":"VBadge.js"}

package/es5/components/VBanner/VBanner.js

@@ -25,8 +25,22 @@ var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
 var _helpers = require("../../util/helpers");
 
+var _console = require("../../util/console");
+
 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."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 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; }
@@ -37,13 +51,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var _default = (0, _mixins.default)(_VSheet.default, _mobile.default, _toggleable.default).extend({
   name: 'v-banner',
   inheritAttrs: false,
+  emits: ['update:modelValue', 'click:icon'],
   props: {
     app: Boolean,
     icon: String,
     iconColor: String,
     singleLine: Boolean,
     sticky: Boolean,
-    value: {
+    modelValue: {
       type: Boolean,
       default: true
     }
@@ -76,6 +91,20 @@ var _default = (0, _mixins.default)(_VSheet.default, _mobile.default, _toggleabl
       return styles;
     }
   },
+  created: function created() {
+    var _this = this;
+
+    var breakingProps = [['value', 'modelValue'], ['input', 'update:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+  },
   methods: {
     /** @public */
     toggle: function toggle() {
@@ -85,6 +114,8 @@ var _default = (0, _mixins.default)(_VSheet.default, _mobile.default, _toggleabl
       this.$emit('click:icon', e);
     },
     genIcon: function genIcon() {
+      var _this2 = this;
+
       if (!this.hasIcon) return undefined;
       var content;
 
@@ -92,7 +123,9 @@ var _default = (0, _mixins.default)(_VSheet.default, _mobile.default, _toggleabl
         content = (0, _vue.h)(_VIcon.default, {
           color: this.iconColor,
           size: 28
-        }, [this.icon]);
+        }, function () {
+          return [_this2.icon];
+        });
       } else {
         content = (0, _helpers.getSlot)(this, 'icon');
       }
@@ -102,7 +135,9 @@ var _default = (0, _mixins.default)(_VSheet.default, _mobile.default, _toggleabl
         color: this.color,
         size: 40,
         onClick: this.iconClick
-      }, [content]);
+      }, function () {
+        return [content];
+      });
     },
     genText: function genText() {
       return (0, _vue.h)('div', {
@@ -110,11 +145,11 @@ var _default = (0, _mixins.default)(_VSheet.default, _mobile.default, _toggleabl
       }, (0, _helpers.getSlot)(this));
     },
     genActions: function genActions() {
-      var _this = this;
+      var _this3 = this;
 
       var children = (0, _helpers.getSlot)(this, 'actions', {
         dismiss: function dismiss() {
-          return _this.isActive = false;
+          return _this3.isActive = false;
         }
       });
       if (!children) return undefined;
@@ -134,16 +169,17 @@ var _default = (0, _mixins.default)(_VSheet.default, _mobile.default, _toggleabl
     }
   },
   render: function render() {
-    var _data;
-
-    var data = (_data = {
-      class: 'v-banner',
-      attrs: this.attrs$
-    }, _defineProperty(_data, "class", this.classes), _defineProperty(_data, "style", this.styles), _defineProperty(_data, "directives", [{
-      name: 'show',
-      value: this.isActive
-    }]), _data);
-    return (0, _vue.h)(_transitions.VExpandTransition, [(0, _vue.h)('div', this.outlined ? data : this.setBackgroundColor(this.color, data), [this.genWrapper()])]);
+    var _this4 = this;
+
+    var data = _objectSpread(_objectSpread({
+      class: ['v-banner', this.classes]
+    }, this.$attrs), {}, {
+      style: this.styles
+    });
+
+    return (0, _vue.h)(_transitions.VExpandTransition, {}, function () {
+      return [(0, _vue.withDirectives)((0, _vue.h)('div', _this4.outlined ? data : _this4.setBackgroundColor(_this4.color, data), [_this4.genWrapper()]), [[_vue.vShow, _this4.isActive]])];
+    });
   }
 });
 

package/es5/components/VBanner/VBanner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBanner/VBanner.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VBanner.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VAvatar from '../VAvatar'\nimport VIcon from '../VIcon'\nimport { VExpandTransition } from '../transitions'\n\n// Mixins\nimport Mobile from '../../mixins/mobile'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Typeslint\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Mobile,\n  Toggleable\n).extend({\n  name: 'v-banner',\n\n  inheritAttrs: false,\n\n  props: {\n    app: Boolean,\n    icon: String,\n    iconColor: String,\n    singleLine: Boolean,\n    sticky: Boolean,\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VSheet.computed.classes.call(this),\n        'v-banner--has-icon': this.hasIcon,\n        'v-banner--is-mobile': this.isMobile,\n        'v-banner--single-line': this.singleLine,\n        'v-banner--sticky': this.isSticky,\n      }\n    },\n    hasIcon (): boolean {\n      return Boolean(this.icon || this.$slots.icon || this.$slots.icon)\n    },\n    isSticky (): boolean {\n      return this.sticky || this.app\n    },\n    styles (): object {\n      const styles: Record<string, any> = { ...VSheet.computed.styles.call(this) }\n\n      if (this.isSticky) {\n        const top = !this.app\n          ? 0\n          : (this.$vuetify.application.bar + this.$vuetify.application.top)\n\n        styles.top = convertToUnit(top)\n        styles.position = 'sticky'\n        styles.zIndex = 1\n      }\n\n      return styles\n    },\n  },\n\n  methods: {\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n    iconClick (e: MouseEvent) {\n      this.$emit('click:icon', e)\n    },\n    genIcon () {\n      if (!this.hasIcon) return undefined\n\n      let content\n\n      if (this.icon) {\n        content = h(VIcon, {\n          color: this.iconColor,\n          size: 28\n        }, [this.icon])\n      } else {\n        content = getSlot(this, 'icon')\n      }\n\n      return h(VAvatar, {\n        class: 'v-banner__icon',\n        color: this.color,\n        size: 40,\n        onClick: this.iconClick,\n      }, [content])\n    },\n    genText () {\n      return h('div', {\n        class: 'v-banner__text',\n      }, getSlot(this))\n    },\n    genActions () {\n      const children = getSlot(this, 'actions', {\n        dismiss: () => this.isActive = false,\n      })\n\n      if (!children) return undefined\n\n      return h('div', {\n        class: 'v-banner__actions',\n      }, children)\n    },\n    genContent () {\n      return h('div', {\n        class: 'v-banner__content',\n      }, [\n        this.genIcon(),\n        this.genText(),\n      ])\n    },\n    genWrapper () {\n      return h('div', {\n        class: 'v-banner__wrapper',\n      }, [\n        this.genContent(),\n        this.genActions(),\n      ])\n    },\n  },\n\n  render (): VNode {\n    const data = {\n      class: 'v-banner',\n      attrs: this.attrs$,\n      class: this.classes,\n      style: this.styles,\n      directives: [{\n        name: 'show',\n        value: this.isActive,\n      }],\n    }\n\n    return h(VExpandTransition, [\n      h(\n        'div',\n        this.outlined ? data : this.setBackgroundColor(this.color, data),\n        [this.genWrapper()],\n      ),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VBanner.js"}
+{"version":3,"sources":["../../../src/components/VBanner/VBanner.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, withDirectives, vShow } from 'vue'\n// Styles\nimport './VBanner.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VAvatar from '../VAvatar'\nimport VIcon from '../VIcon'\nimport { VExpandTransition } from '../transitions'\n\n// Mixins\nimport Mobile from '../../mixins/mobile'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Mobile,\n  Toggleable\n).extend({\n  name: 'v-banner',\n\n  inheritAttrs: false,\n\n  emits: ['update:modelValue', 'click:icon'],\n\n  props: {\n    app: Boolean,\n    icon: String,\n    iconColor: String,\n    singleLine: Boolean,\n    sticky: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: true\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VSheet.computed.classes.call(this),\n        'v-banner--has-icon': this.hasIcon,\n        'v-banner--is-mobile': this.isMobile,\n        'v-banner--single-line': this.singleLine,\n        'v-banner--sticky': this.isSticky\n      }\n    },\n    hasIcon (): boolean {\n      return Boolean(this.icon || this.$slots.icon || this.$slots.icon)\n    },\n    isSticky (): boolean {\n      return this.sticky || this.app\n    },\n    styles (): object {\n      const styles: Record<string, any> = { ...VSheet.computed.styles.call(this) }\n\n      if (this.isSticky) {\n        const top = !this.app\n          ? 0\n          : (this.$vuetify.application.bar + this.$vuetify.application.top)\n\n        styles.top = convertToUnit(top)\n        styles.position = 'sticky'\n        styles.zIndex = 1\n      }\n\n      return styles\n    }\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['input', 'update:modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n    iconClick (e: MouseEvent) {\n      this.$emit('click:icon', e)\n    },\n    genIcon () {\n      if (!this.hasIcon) return undefined\n\n      let content\n\n      if (this.icon) {\n        content = h(VIcon, {\n          color: this.iconColor,\n          size: 28\n        }, () => [this.icon])\n      } else {\n        content = getSlot(this, 'icon')\n      }\n\n      return h(VAvatar, {\n        class: 'v-banner__icon',\n        color: this.color,\n        size: 40,\n        onClick: this.iconClick\n      }, () => [content])\n    },\n    genText () {\n      return h('div', {\n        class: 'v-banner__text'\n      }, getSlot(this))\n    },\n    genActions () {\n      const children = getSlot(this, 'actions', {\n        dismiss: () => this.isActive = false\n      })\n\n      if (!children) return undefined\n\n      return h('div', {\n        class: 'v-banner__actions'\n      }, children)\n    },\n    genContent () {\n      return h('div', {\n        class: 'v-banner__content'\n      }, [\n        this.genIcon(),\n        this.genText()\n      ])\n    },\n    genWrapper () {\n      return h('div', {\n        class: 'v-banner__wrapper'\n      }, [\n        this.genContent(),\n        this.genActions()\n      ])\n    }\n  },\n\n  render (): VNode {\n    const data = {\n      class: ['v-banner', this.classes],\n      ...this.$attrs,\n      style: this.styles\n    }\n\n    return h(VExpandTransition, {}, () => [\n      withDirectives(\n        h(\n          'div',\n          this.outlined ? data : this.setBackgroundColor(this.color, data),\n          [this.genWrapper()]\n        ),\n        [[vShow, this.isActive]]\n      )\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VBanner.js"}

package/es5/components/VBottomNavigation/VBottomNavigation.js

@@ -31,15 +31,29 @@ var _console = require("../../util/console");
 
 var _helpers = require("../../util/helpers");
 
+var _scroll = _interopRequireDefault(require("../../directives/scroll"));
+
 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."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 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 _default = (0, _mixins.default)((0, _applicationable.default)('bottom', ['height', 'inputValue']), _colorable.default, _measurable.default, (0, _toggleable.factory)('inputValue'), _proxyable.default, _scrollable.default, _themeable.default
+var _default = (0, _mixins.default)((0, _applicationable.default)('bottom', ['height', 'modelValue']), _colorable.default, _measurable.default, (0, _toggleable.factory)(), _proxyable.default, _scrollable.default, _themeable.default
 /* @vue/component */
 ).extend({
   name: 'v-bottom-navigation',
@@ -56,7 +70,7 @@ var _default = (0, _mixins.default)((0, _applicationable.default)('bottom', ['he
     },
     hideOnScroll: Boolean,
     horizontal: Boolean,
-    inputValue: {
+    modelValue: {
       type: Boolean,
       default: true
     },
@@ -67,14 +81,15 @@ var _default = (0, _mixins.default)((0, _applicationable.default)('bottom', ['he
       default: 'div'
     }
   },
+  emits: ['update:modelValue', 'change'],
   data: function data() {
     return {
-      isActive: this.inputValue
+      isActive: this.modelValue
     };
   },
   computed: {
     canScroll: function canScroll() {
-      return _scrollable.default.computed.canScroll.call(this) && (this.hideOnScroll || !this.inputValue);
+      return _scrollable.default.computed.canScroll.call(this) && (this.hideOnScroll || !this.modelValue);
     },
     classes: function classes() {
       return {
@@ -95,7 +110,20 @@ var _default = (0, _mixins.default)((0, _applicationable.default)('bottom', ['he
     canScroll: 'onScroll'
   },
   created: function created() {
+    var _this = this;
+
+    var breakingProps = [['inputValue', 'modelValue'], ['onUpdate:input-value', 'onUpdate:modelValue']];
     /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+    /* istanbul ignore next */
+
     if (this.$attrs.hasOwnProperty('active')) {
       (0, _console.breaking)('active.sync', 'value or v-model', this);
     }
@@ -104,7 +132,7 @@ var _default = (0, _mixins.default)((0, _applicationable.default)('bottom', ['he
     thresholdMet: function thresholdMet() {
       if (this.hideOnScroll) {
         this.isActive = !this.isScrollingUp || this.currentScroll > this.computedScrollThreshold;
-        this.$emit('update:input-value', this.isActive);
+        this.$emit('update:modelValue', this.isActive);
       }
 
       if (this.currentThreshold < this.computedScrollThreshold) return;
@@ -122,22 +150,21 @@ var _default = (0, _mixins.default)((0, _applicationable.default)('bottom', ['he
       class: ['v-bottom-navigation', this.classes],
       style: this.styles,
       activeClass: this.activeClass,
-      mandatory: Boolean(this.mandatory || this.value !== undefined),
+      mandatory: Boolean(this.mandatory || this.modelValue !== undefined),
       tag: this.tag,
-      value: this.internalValue,
+      modelValue: this.internalValue,
       onChange: this.updateValue
     });
+    var content = (0, _helpers.getSlot)(this);
+    var vnode = content == null ? (0, _vue.h)(_buttonGroup.default, this.setTextColor(this.color, data)) : (0, _vue.h)(_buttonGroup.default, this.setTextColor(this.color, data), function () {
+      return content;
+    });
 
     if (this.canScroll) {
-      data.directives = data.directives || [];
-      data.directives.push({
-        arg: this.scrollTarget,
-        name: 'scroll',
-        value: this.onScroll
-      });
+      return (0, _vue.withDirectives)(vnode, [[_scroll.default, this.onScroll, this.scrollTarget]]);
     }
 
-    return (0, _vue.h)(_buttonGroup.default, this.setTextColor(this.color, data), (0, _helpers.getSlot)(this));
+    return vnode;
   }
 });
 

package/es5/components/VBottomNavigation/VBottomNavigation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBottomNavigation/VBottomNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VBottomNavigation.sass'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\nimport Measurable from '../../mixins/measurable'\nimport Proxyable from '../../mixins/proxyable'\nimport Scrollable from '../../mixins/scrollable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  Applicationable('bottom', [\n    'height',\n    'inputValue',\n  ]),\n  Colorable,\n  Measurable,\n  ToggleableFactory('inputValue'),\n  Proxyable,\n  Scrollable,\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-bottom-navigation',\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-btn--active',\n    },\n    backgroundColor: String,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: 56,\n    },\n    hideOnScroll: Boolean,\n    horizontal: Boolean,\n    inputValue: {\n      type: Boolean,\n      default: true,\n    },\n    mandatory: Boolean,\n    shift: Boolean,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  data () {\n    return {\n      isActive: this.inputValue,\n    }\n  },\n\n  computed: {\n    canScroll (): boolean {\n      return (\n        Scrollable.computed.canScroll.call(this) &&\n        (\n          this.hideOnScroll ||\n          !this.inputValue\n        )\n      )\n    },\n    classes (): object {\n      return {\n        'v-bottom-navigation--absolute': this.absolute,\n        'v-bottom-navigation--grow': this.grow,\n        'v-bottom-navigation--fixed': !this.absolute && (this.app || this.fixed),\n        'v-bottom-navigation--horizontal': this.horizontal,\n        'v-bottom-navigation--shift': this.shift,\n      }\n    },\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n        transform: this.isActive ? 'none' : 'translateY(100%)',\n      }\n    },\n  },\n\n  watch: {\n    canScroll: 'onScroll',\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('active')) {\n      breaking('active.sync', 'value or v-model', this)\n    }\n  },\n\n  methods: {\n    thresholdMet () {\n      if (this.hideOnScroll) {\n        this.isActive = !this.isScrollingUp ||\n          this.currentScroll > this.computedScrollThreshold\n\n        this.$emit('update:input-value', this.isActive)\n      }\n\n      if (this.currentThreshold < this.computedScrollThreshold) return\n\n      this.savedScroll = this.currentScroll\n    },\n    updateApplication (): number {\n      return this.$el\n        ? this.$el.clientHeight\n        : 0\n    },\n    updateValue (val: any) {\n      this.$emit('change', val)\n    },\n  },\n\n  render (): VNode {\n    const data = this.setBackgroundColor(this.backgroundColor, {\n      class: ['v-bottom-navigation', this.classes],\n      style: this.styles,\n      activeClass: this.activeClass,\n      mandatory: Boolean(\n        this.mandatory ||\n        this.value !== undefined\n      ),\n      tag: this.tag,\n      value: this.internalValue,\n      onChange: this.updateValue\n    })\n\n    if (this.canScroll) {\n      data.directives = data.directives || []\n\n      data.directives.push({\n        arg: this.scrollTarget,\n        name: 'scroll',\n        value: this.onScroll,\n      })\n    }\n\n    return h(ButtonGroup, this.setTextColor(this.color, data), getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VBottomNavigation.js"}
+{"version":3,"sources":["../../../src/components/VBottomNavigation/VBottomNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, withDirectives } from 'vue'\n// Styles\nimport './VBottomNavigation.sass'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\nimport Measurable from '../../mixins/measurable'\nimport Proxyable from '../../mixins/proxyable'\nimport Scrollable from '../../mixins/scrollable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\nimport Scroll from '../../directives/scroll'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  Applicationable('bottom', [\n    'height',\n    'modelValue'\n  ]),\n  Colorable,\n  Measurable,\n  ToggleableFactory(),\n  Proxyable,\n  Scrollable,\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-bottom-navigation',\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-btn--active'\n    },\n    backgroundColor: String,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: 56\n    },\n    hideOnScroll: Boolean,\n    horizontal: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: true\n    },\n    mandatory: Boolean,\n    shift: Boolean,\n    tag: {\n      type: String,\n      default: 'div'\n    }\n  },\n\n  emits: ['update:modelValue', 'change'],\n\n  data () {\n    return {\n      isActive: this.modelValue\n    }\n  },\n\n  computed: {\n    canScroll (): boolean {\n      return (\n        Scrollable.computed.canScroll.call(this) &&\n        (\n          this.hideOnScroll ||\n          !this.modelValue\n        )\n      )\n    },\n    classes (): object {\n      return {\n        'v-bottom-navigation--absolute': this.absolute,\n        'v-bottom-navigation--grow': this.grow,\n        'v-bottom-navigation--fixed': !this.absolute && (this.app || this.fixed),\n        'v-bottom-navigation--horizontal': this.horizontal,\n        'v-bottom-navigation--shift': this.shift\n      }\n    },\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n        transform: this.isActive ? 'none' : 'translateY(100%)'\n      }\n    }\n  },\n\n  watch: {\n    canScroll: 'onScroll'\n  },\n\n  created () {\n    const breakingProps = [\n      ['inputValue', 'modelValue'],\n      ['onUpdate:input-value', 'onUpdate:modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('active')) {\n      breaking('active.sync', 'value or v-model', this)\n    }\n  },\n\n  methods: {\n    thresholdMet () {\n      if (this.hideOnScroll) {\n        this.isActive = !this.isScrollingUp ||\n          this.currentScroll > this.computedScrollThreshold\n\n        this.$emit('update:modelValue', this.isActive)\n      }\n\n      if (this.currentThreshold < this.computedScrollThreshold) return\n\n      this.savedScroll = this.currentScroll\n    },\n    updateApplication (): number {\n      return this.$el\n        ? this.$el.clientHeight\n        : 0\n    },\n    updateValue (val: any) {\n      this.$emit('change', val)\n    }\n  },\n\n  render (): VNode {\n    const data = this.setBackgroundColor(this.backgroundColor, {\n      class: ['v-bottom-navigation', this.classes],\n      style: this.styles,\n      activeClass: this.activeClass,\n      mandatory: Boolean(\n        this.mandatory ||\n        this.modelValue !== undefined\n      ),\n      tag: this.tag,\n      modelValue: this.internalValue,\n      onChange: this.updateValue\n    })\n\n    const content = getSlot(this)\n    const vnode = content == null\n      ? h(ButtonGroup, this.setTextColor(this.color, data))\n      : h(ButtonGroup, this.setTextColor(this.color, data), () => content)\n\n    if (this.canScroll) {\n      return withDirectives(vnode, [[\n        Scroll,\n        this.onScroll,\n        this.scrollTarget\n      ]])\n    }\n\n    return vnode\n  }\n})\n"],"sourceRoot":"","file":"VBottomNavigation.js"}

package/es5/components/VBottomSheet/VBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBottomSheet/VBottomSheet.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;;;;;AAEA;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,gBADuB;AAE7B,EAAA,OAAO,EAAE,gBAFoB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,QAAQ,EAAE,CAAC,MAAD,EAAS,MAAT,CAFL;AAGL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC;AAHP,GAJsB;AAa7B,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,6CACK,iBAAQ,QAAR,CAAiB,OAAjB,CAAyB,IAAzB,CAA8B,IAA9B,CADL;AAEE,0BAAkB,IAFpB;AAGE,iCAAyB,KAAK;AAHhC;AAKD;AAPO;AAbmB,CAAhB,C","sourcesContent":["import './VBottomSheet.sass'\n\n// Extensions\nimport VDialog from '../VDialog/VDialog'\nimport { defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-bottom-sheet',\n  extends: VDialog,\n\n  props: {\n    inset: Boolean,\n    maxWidth: [String, Number],\n    transition: {\n      type: String,\n      default: 'bottom-sheet-transition',\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VDialog.computed.classes.call(this),\n        'v-bottom-sheet': true,\n        'v-bottom-sheet--inset': this.inset,\n      }\n    },\n  },\n})\n"],"sourceRoot":"","file":"VBottomSheet.js"}
+{"version":3,"sources":["../../../src/components/VBottomSheet/VBottomSheet.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;;;;;AAEA;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,gBADuB;AAE7B,EAAA,OAAO,EAAE,gBAFoB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,QAAQ,EAAE,CAAC,MAAD,EAAS,MAAT,CAFL;AAGL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC;AAHP,GAJsB;AAa7B,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,6CACK,iBAAQ,QAAR,CAAiB,OAAjB,CAAyB,IAAzB,CAA8B,IAA9B,CADL;AAEE,0BAAkB,IAFpB;AAGE,iCAAyB,KAAK;AAHhC;AAKD;AAPO;AAbmB,CAAhB,C","sourcesContent":["import './VBottomSheet.sass'\n\n// Extensions\nimport VDialog from '../VDialog/VDialog'\nimport { defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-bottom-sheet',\n  extends: VDialog,\n\n  props: {\n    inset: Boolean,\n    maxWidth: [String, Number],\n    transition: {\n      type: String,\n      default: 'bottom-sheet-transition'\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VDialog.computed.classes.call(this),\n        'v-bottom-sheet': true,\n        'v-bottom-sheet--inset': this.inset\n      }\n    }\n  }\n})\n"],"sourceRoot":"","file":"VBottomSheet.js"}

package/es5/components/VBreadcrumbs/VBreadcrumbs.js

@@ -53,22 +53,36 @@ var _default2 = (0, _mixins.default)(_themeable.default
   },
   methods: {
     genDivider: function genDivider() {
-      return (0, _vue.h)(_VBreadcrumbsDivider.default, this.$slots.divider ? this.$slots.divider : this.divider);
+      var _this = this;
+
+      return (0, _vue.h)(_VBreadcrumbsDivider.default, {}, function () {
+        return _this.$slots.divider ? _this.$slots.divider() : _this.divider;
+      });
     },
     genItems: function genItems() {
+      var _this2 = this;
+
       var items = [];
       var hasSlot = !!this.$slots.item;
       var keys = [];
 
-      for (var i = 0; i < this.items.length; i++) {
-        var item = this.items[i];
+      var _loop = function _loop(i) {
+        var item = _this2.items[i];
         keys.push(item.text);
-        if (hasSlot) items.push(this.$slots.item({
+        if (hasSlot) items.push(_this2.$slots.item({
           item: item
-        }));else items.push((0, _vue.h)(_VBreadcrumbsItem.default, _objectSpread({
-          key: keys.join('.')
-        }, item), [item.text]));
-        if (i < this.items.length - 1) items.push(this.genDivider());
+        }));else {
+          items.push((0, _vue.h)(_VBreadcrumbsItem.default, _objectSpread({
+            key: keys.join('.')
+          }, item), function () {
+            return [item.text];
+          }));
+        }
+        if (i < _this2.items.length - 1) items.push(_this2.genDivider());
+      };
+
+      for (var i = 0; i < this.items.length; i++) {
+        _loop(i);
       }
 
       return items;

package/es5/components/VBreadcrumbs/VBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AAOA;;AACA;;AAGA;;AAGA;;AACA;;;;;;;;;;gBAEe,qBACb;AACA;AAFa,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,eADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE;AAFF,KADJ;AAKL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,KADD;AAEL,MAAA,OAAO,EAAE;AAAA,eAAO,EAAP;AAAA;AAFJ,KALF;AASL,IAAA,KAAK,EAAE;AATF,GAHA;AAeP,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL;AACE,gCAAwB,KAAK;AAD/B,SAEK,KAAK,YAFV;AAID;AANO,GAfH;AAwBP,EAAA,OAAO,EAAE;AACP,IAAA,UADO,wBACG;AACR,aAAO,YAAE,4BAAF,EAAuB,KAAK,MAAL,CAAY,OAAZ,GAAsB,KAAK,MAAL,CAAY,OAAlC,GAA4C,KAAK,OAAxE,CAAP;AACD,KAHM;AAIP,IAAA,QAJO,sBAIC;AACN,UAAM,KAAK,GAAG,EAAd;AACA,UAAM,OAAO,GAAG,CAAC,CAAC,KAAK,MAAL,CAAY,IAA9B;AACA,UAAM,IAAI,GAAG,EAAb;;AAEA,WAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,KAAK,KAAL,CAAW,MAA/B,EAAuC,CAAC,EAAxC,EAA4C;AAC1C,YAAM,IAAI,GAAG,KAAK,KAAL,CAAW,CAAX,CAAb;AAEA,QAAA,IAAI,CAAC,IAAL,CAAU,IAAI,CAAC,IAAf;AAEA,YAAI,OAAJ,EAAa,KAAK,CAAC,IAAN,CAAW,KAAK,MAAL,CAAY,IAAZ,CAAkB;AAAE,UAAA,IAAI,EAAJ;AAAF,SAAlB,CAAX,EAAb,KACK,KAAK,CAAC,IAAN,CAAW,YAAE,yBAAF;AAAsB,UAAA,GAAG,EAAE,IAAI,CAAC,IAAL,CAAU,GAAV;AAA3B,WAA8C,IAA9C,GAAsD,CAAC,IAAI,CAAC,IAAN,CAAtD,CAAX;AAEL,YAAI,CAAC,GAAG,KAAK,KAAL,CAAW,MAAX,GAAoB,CAA5B,EAA+B,KAAK,CAAC,IAAN,CAAW,KAAK,UAAL,EAAX;AAChC;;AAED,aAAO,KAAP;AACD;AArBM,GAxBF;AAgDP,EAAA,MAhDO,oBAgDD;AACJ,QAAM,QAAQ,GAAG,sBAAQ,IAAR,KAAiB,KAAK,QAAL,EAAlC;AAEA,WAAO,YAAE,IAAF,EAAQ;AACb,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAK,OAAvB;AADM,KAAR,EAEJ,QAFI,CAAP;AAGD;AAtDM,CAHM,C","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VBreadcrumbs.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\n// Components\nimport VBreadcrumbsItem from './VBreadcrumbsItem'\nimport VBreadcrumbsDivider from './VBreadcrumbsDivider'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\nexport default mixins(\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-breadcrumbs',\n\n  props: {\n    divider: {\n      type: String,\n      default: '/',\n    },\n    items: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<any[]>,\n    large: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-breadcrumbs--large': this.large,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genDivider () {\n      return h(VBreadcrumbsDivider, this.$slots.divider ? this.$slots.divider : this.divider)\n    },\n    genItems () {\n      const items = []\n      const hasSlot = !!this.$slots.item\n      const keys = []\n\n      for (let i = 0; i < this.items.length; i++) {\n        const item = this.items[i]\n\n        keys.push(item.text)\n\n        if (hasSlot) items.push(this.$slots.item!({ item }))\n        else items.push(h(VBreadcrumbsItem, { key: keys.join('.'), ...item }, [item.text]))\n\n        if (i < this.items.length - 1) items.push(this.genDivider())\n      }\n\n      return items\n    },\n  },\n\n  render (): VNode {\n    const children = getSlot(this) || this.genItems()\n\n    return h('ul', {\n      class: ['v-breadcrumbs', this.classes],\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"VBreadcrumbs.js"}
+{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AAMA;;AACA;;AAGA;;AAGA;;AACA;;;;;;;;;;gBAEe,qBACb;AACA;AAFa,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,eADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE;AAFF,KADJ;AAKL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,KADD;AAEL,MAAA,OAAO,EAAE;AAAA,eAAO,EAAP;AAAA;AAFJ,KALF;AASL,IAAA,KAAK,EAAE;AATF,GAHA;AAeP,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL;AACE,gCAAwB,KAAK;AAD/B,SAEK,KAAK,YAFV;AAID;AANO,GAfH;AAwBP,EAAA,OAAO,EAAE;AACP,IAAA,UADO,wBACG;AAAA;;AACR,aAAO,YAAE,4BAAF,EAAuB,EAAvB,EAA2B;AAAA,eAAM,KAAI,CAAC,MAAL,CAAY,OAAZ,GAAsB,KAAI,CAAC,MAAL,CAAY,OAAZ,EAAtB,GAA8C,KAAI,CAAC,OAAzD;AAAA,OAA3B,CAAP;AACD,KAHM;AAIP,IAAA,QAJO,sBAIC;AAAA;;AACN,UAAM,KAAK,GAAG,EAAd;AACA,UAAM,OAAO,GAAG,CAAC,CAAC,KAAK,MAAL,CAAY,IAA9B;AACA,UAAM,IAAI,GAAG,EAAb;;AAHM,iCAKG,CALH;AAMJ,YAAM,IAAI,GAAG,MAAI,CAAC,KAAL,CAAW,CAAX,CAAb;AAEA,QAAA,IAAI,CAAC,IAAL,CAAU,IAAI,CAAC,IAAf;AAEA,YAAI,OAAJ,EAAa,KAAK,CAAC,IAAN,CAAW,MAAI,CAAC,MAAL,CAAY,IAAZ,CAAkB;AAAE,UAAA,IAAI,EAAJ;AAAF,SAAlB,CAAX,EAAb,KACK;AACH,UAAA,KAAK,CAAC,IAAN,CAAW,YAAE,yBAAF;AACT,YAAA,GAAG,EAAE,IAAI,CAAC,IAAL,CAAU,GAAV;AADI,aAEN,IAFM,GAGR;AAAA,mBAAM,CAAC,IAAI,CAAC,IAAN,CAAN;AAAA,WAHQ,CAAX;AAID;AAED,YAAI,CAAC,GAAG,MAAI,CAAC,KAAL,CAAW,MAAX,GAAoB,CAA5B,EAA+B,KAAK,CAAC,IAAN,CAAW,MAAI,CAAC,UAAL,EAAX;AAlB3B;;AAKN,WAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,KAAK,KAAL,CAAW,MAA/B,EAAuC,CAAC,EAAxC,EAA4C;AAAA,cAAnC,CAAmC;AAc3C;;AAED,aAAO,KAAP;AACD;AA1BM,GAxBF;AAqDP,EAAA,MArDO,oBAqDD;AACJ,QAAM,QAAQ,GAAG,sBAAQ,IAAR,KAAiB,KAAK,QAAL,EAAlC;AAEA,WAAO,YAAE,IAAF,EAAQ;AACb,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAK,OAAvB;AADM,KAAR,EAEJ,QAFI,CAAP;AAGD;AA3DM,CAHM,C","sourcesContent":["import { h, VNode } from 'vue'\n// Styles\nimport './VBreadcrumbs.sass'\n\n// Types\nimport { PropType } from 'vue'\n\n// Components\nimport VBreadcrumbsItem from './VBreadcrumbsItem'\nimport VBreadcrumbsDivider from './VBreadcrumbsDivider'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\nexport default mixins(\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-breadcrumbs',\n\n  props: {\n    divider: {\n      type: String,\n      default: '/'\n    },\n    items: {\n      type: Array,\n      default: () => ([])\n    } as unknown as PropType<any[]>,\n    large: Boolean\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-breadcrumbs--large': this.large,\n        ...this.themeClasses\n      }\n    }\n  },\n\n  methods: {\n    genDivider () {\n      return h(VBreadcrumbsDivider, {}, () => this.$slots.divider ? this.$slots.divider() : this.divider)\n    },\n    genItems () {\n      const items = []\n      const hasSlot = !!this.$slots.item\n      const keys = []\n\n      for (let i = 0; i < this.items.length; i++) {\n        const item = this.items[i]\n\n        keys.push(item.text)\n\n        if (hasSlot) items.push(this.$slots.item!({ item }))\n        else {\n          items.push(h(VBreadcrumbsItem, {\n            key: keys.join('.'),\n            ...item\n          }, () => [item.text]))\n        }\n\n        if (i < this.items.length - 1) items.push(this.genDivider())\n      }\n\n      return items\n    }\n  },\n\n  render (): VNode {\n    const children = getSlot(this) || this.genItems()\n\n    return h('ul', {\n      class: ['v-breadcrumbs', this.classes]\n    }, children)\n  }\n})\n"],"sourceRoot":"","file":"VBreadcrumbs.js"}