@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha40

package/es5/components/VPagination/VPagination.js

@@ -21,8 +21,18 @@ var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
 
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
+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 _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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -46,9 +56,6 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _intersectable.defau
   onVisible: ['init']
 }), _themeable.default).extend({
   name: 'v-pagination',
-  directives: {
-    Resize: _resize.default
-  },
   props: {
     circle: Boolean,
     disabled: Boolean,
@@ -95,6 +102,7 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _intersectable.defau
       default: '$vuetify.pagination.ariaLabel.wrapper'
     }
   },
+  emits: ['update:modelValue', 'next', 'previous'],
   data: function data() {
     return {
       maxButtons: 0,
@@ -102,9 +110,6 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _intersectable.defau
     };
   },
   computed: {
-    value: function value() {
-      return this.modelValue;
-    },
     classes: function classes() {
       return _objectSpread({
         'v-pagination': true,
@@ -129,20 +134,20 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _intersectable.defau
       var left = Math.floor(maxLength / 2);
       var right = this.length - left + 1 + even;
 
-      if (this.value > left && this.value < right) {
+      if (this.modelValue > left && this.modelValue < right) {
         var firstItem = 1;
         var lastItem = this.length;
-        var start = this.value - left + 2;
-        var end = this.value + left - 2 - even;
+        var start = this.modelValue - left + 2;
+        var end = this.modelValue + left - 2 - even;
         var secondItem = start - 1 === firstItem + 1 ? 2 : '...';
         var beforeLastItem = end + 1 === lastItem - 1 ? end + 1 : '...';
         return [1, secondItem].concat(_toConsumableArray(this.range(start, end)), [beforeLastItem, this.length]);
-      } else if (this.value === left) {
-        var _end = this.value + left - 1 - even;
+      } else if (this.modelValue === left) {
+        var _end = this.modelValue + left - 1 - even;
 
         return [].concat(_toConsumableArray(this.range(1, _end)), ['...', this.length]);
-      } else if (this.value === right) {
-        var _start = this.value - left + 1;
+      } else if (this.modelValue === right) {
+        var _start = this.modelValue - left + 1;
 
         return [1, '...'].concat(_toConsumableArray(this.range(_start, this.length)));
       } else {
@@ -150,8 +155,22 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _intersectable.defau
       }
     }
   },
+  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);
+    });
+  },
   watch: {
-    value: function value() {
+    modelValue: function modelValue() {
       this.init();
     }
   },
@@ -160,14 +179,14 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _intersectable.defau
   },
   methods: {
     init: function init() {
-      var _this = this;
+      var _this2 = this;
 
       this.selected = null;
       this.onResize();
       this.$nextTick(this.onResize); // TODO: Change this (f75dee3a, cbdf7caa)
 
       setTimeout(function () {
-        return _this.selected = _this.value;
+        return _this2.selected = _this2.modelValue;
       }, 100);
     },
     onResize: function onResize() {
@@ -176,12 +195,12 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _intersectable.defau
     },
     next: function next(e) {
       e.preventDefault();
-      this.$emit('update:modelValue', this.value + 1);
+      this.$emit('update:modelValue', this.modelValue + 1);
       this.$emit('next');
     },
     previous: function previous(e) {
       e.preventDefault();
-      this.$emit('update:modelValue', this.value - 1);
+      this.$emit('update:modelValue', this.modelValue - 1);
       this.$emit('previous');
     },
     range: function range(from, to) {
@@ -206,35 +225,37 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _intersectable.defau
         onClick: fn
       })), [h(_VIcon.default, {
         color: this.navigationTextColor
-      }, [icon])])]);
+      }, function () {
+        return [icon];
+      })])]);
     },
     genItem: function genItem(h, i) {
-      var _this2 = this;
+      var _this3 = this;
 
-      var color = i === this.value && (this.color || 'primary');
-      var isCurrentPage = i === this.value;
+      var color = i === this.modelValue && (this.color || 'primary');
+      var isCurrentPage = i === this.modelValue;
       var ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel;
       return h('button', this.setBackgroundColor(color, {
         class: ['v-pagination__item', {
-          'v-pagination__item--active': i === this.value
+          'v-pagination__item--active': i === this.modelValue
         }],
         type: 'button',
         'aria-current': isCurrentPage,
         'aria-label': this.$vuetify.lang.t(ariaLabel, i),
         onClick: function onClick() {
-          return _this2.$emit('update:modelValue', i);
+          return _this3.$emit('update:modelValue', i);
         }
       }), [i.toString()]);
     },
     genItems: function genItems(h) {
-      var _this3 = this;
+      var _this4 = this;
 
       return this.items.map(function (i, index) {
         return h('li', {
           key: index
         }, [isNaN(Number(i)) ? h('span', {
           class: 'v-pagination__more'
-        }, [i.toString()]) : _this3.genItem(h, i)]);
+        }, [i.toString()]) : _this4.genItem(h, i)]);
       });
     },
     genList: function genList(h, children) {
@@ -246,7 +267,7 @@ var _default = (0, _mixins.default)(_colorable.default, (0, _intersectable.defau
     }
   },
   render: function render() {
-    var children = [this.genIcon(_vue.h, this.$vuetify.rtl ? this.nextIcon : this.prevIcon, this.value <= 1, this.previous, this.$vuetify.lang.t(this.previousAriaLabel)), this.genItems(_vue.h), this.genIcon(_vue.h, this.$vuetify.rtl ? this.prevIcon : this.nextIcon, this.value >= this.length, this.next, this.$vuetify.lang.t(this.nextAriaLabel))];
+    var children = [this.genIcon(_vue.h, this.$vuetify.rtl ? this.nextIcon : this.prevIcon, this.modelValue <= 1, this.previous, this.$vuetify.lang.t(this.previousAriaLabel)), this.genItems(_vue.h), this.genIcon(_vue.h, this.$vuetify.rtl ? this.prevIcon : this.nextIcon, this.modelValue >= this.length, this.next, this.$vuetify.lang.t(this.nextAriaLabel))];
     return (0, _vue.h)('nav', {
       role: 'navigation',
       'aria-label': this.$vuetify.lang.t(this.wrapperAriaLabel)

package/es5/components/VPagination/VPagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VPagination/VPagination.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\nimport './VPagination.sass'\n\nimport VIcon from '../VIcon'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Intersectable from '../../mixins/intersectable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, CreateElement, VNodeChildrenArrayContents } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Intersectable({ onVisible: ['init'] }),\n  Themeable\n).extend({\n  name: 'v-pagination',\n\n  directives: { Resize },\n\n  props: {\n    circle: Boolean,\n    disabled: Boolean,\n    navigationColor: String,\n    navigationTextColor: String,\n    length: {\n      type: Number,\n      default: 0,\n      validator: (val: number) => val % 1 === 0,\n    },\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    totalVisible: [Number, String],\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    pageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.page',\n    },\n    currentPageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.currentPage',\n    },\n    previousAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.previous',\n    },\n    nextAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.next',\n    },\n    wrapperAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.wrapper',\n    },\n  },\n\n  data () {\n    return {\n      maxButtons: 0,\n      selected: null as number | null,\n    }\n  },\n\n  computed: {\n    value() {\n      return this.modelValue\n    },\n    classes (): object {\n      return {\n        'v-pagination': true,\n        'v-pagination--circle': this.circle,\n        'v-pagination--disabled': this.disabled,\n        ...this.themeClasses,\n      }\n    },\n\n    items (): (string | number)[] {\n      const totalVisible = parseInt(this.totalVisible, 10)\n\n      if (totalVisible === 0 || isNaN(this.length) || this.length > Number.MAX_SAFE_INTEGER) {\n        return []\n      }\n\n      const maxLength = Math.min(\n        Math.max(0, totalVisible) || this.length,\n        Math.max(0, this.maxButtons) || this.length,\n        this.length\n      )\n\n      if (this.length <= maxLength) {\n        return this.range(1, this.length)\n      }\n\n      const even = maxLength % 2 === 0 ? 1 : 0\n      const left = Math.floor(maxLength / 2)\n      const right = this.length - left + 1 + even\n\n      if (this.value > left && this.value < right) {\n        const firstItem = 1\n        const lastItem = this.length\n        const start = this.value - left + 2\n        const end = this.value + left - 2 - even\n        const secondItem = start - 1 === firstItem + 1 ? 2 : '...'\n        const beforeLastItem = end + 1 === lastItem - 1 ? end + 1 : '...'\n\n        return [1, secondItem, ...this.range(start, end), beforeLastItem, this.length]\n      } else if (this.value === left) {\n        const end = this.value + left - 1 - even\n        return [...this.range(1, end), '...', this.length]\n      } else if (this.value === right) {\n        const start = this.value - left + 1\n        return [1, '...', ...this.range(start, this.length)]\n      } else {\n        return [\n          ...this.range(1, left),\n          '...',\n          ...this.range(right, this.length),\n        ]\n      }\n    },\n  },\n\n  watch: {\n    value () {\n      this.init()\n    },\n  },\n\n  beforeMount () {\n    this.init()\n  },\n\n  methods: {\n    init () {\n      this.selected = null\n\n      this.onResize()\n      this.$nextTick(this.onResize)\n      // TODO: Change this (f75dee3a, cbdf7caa)\n      setTimeout(() => (this.selected = this.value), 100)\n    },\n    onResize () {\n      const width = this.$el && this.$el.parentElement\n        ? this.$el.parentElement.clientWidth\n        : window.innerWidth\n\n      this.maxButtons = Math.floor((width - 96) / 42)\n    },\n    next (e: Event) {\n      e.preventDefault()\n      this.$emit('update:modelValue', this.value + 1)\n      this.$emit('next')\n    },\n    previous (e: Event) {\n      e.preventDefault()\n      this.$emit('update:modelValue', this.value - 1)\n      this.$emit('previous')\n    },\n    range (from: number, to: number) {\n      const range = []\n\n      from = from > 0 ? from : 1\n\n      for (let i = from; i <= to; i++) {\n        range.push(i)\n      }\n\n      return range\n    },\n    genIcon (h: CreateElement, icon: string, disabled: boolean, fn: EventListener, label: String): VNode {\n      return h('li', [\n        h('button',\n          this.setBackgroundColor(this.navigationColor, {\n            class: ['v-pagination__navigation', {\n              'v-pagination__navigation--disabled': disabled,\n            }],\n            disabled,\n            type: 'button',\n            'aria-label': label,\n            ...(disabled ? {} : { onClick: fn }),\n          }),\n          [h(VIcon, { color: this.navigationTextColor }, [icon])]\n        ),\n      ])\n    },\n    genItem (h: CreateElement, i: string | number): VNode {\n      const color: string | false = (i === this.value) && (this.color || 'primary')\n      const isCurrentPage = i === this.value\n      const ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel\n\n      return h('button', this.setBackgroundColor(color, {\n        class: ['v-pagination__item', {\n          'v-pagination__item--active': i === this.value,\n        }],\n        type: 'button',\n        'aria-current': isCurrentPage,\n        'aria-label': this.$vuetify.lang.t(ariaLabel, i),\n        onClick: () => this.$emit('update:modelValue', i),\n      }), [i.toString()])\n    },\n    genItems (h: CreateElement): VNode[] {\n      return this.items.map((i, index) => {\n        return h('li', { key: index }, [\n          isNaN(Number(i)) ? h('span', { class: 'v-pagination__more' }, [i.toString()]) : this.genItem(h, i),\n        ])\n      })\n    },\n    genList (h: CreateElement, children: VNodeChildrenArrayContents): VNode {\n      return withDirectives(h('ul', {\n        class: this.classes\n      }, children), [\n        [\n          Resize,\n          this.onResize,\n          '',\n          { quiet: true }\n        ]\n      ])\n    },\n  },\n\n  render (): VNode {\n    const children = [\n      this.genIcon(h,\n        this.$vuetify.rtl ? this.nextIcon : this.prevIcon,\n        this.value <= 1,\n        this.previous,\n        this.$vuetify.lang.t(this.previousAriaLabel)),\n      this.genItems(h),\n      this.genIcon(h,\n        this.$vuetify.rtl ? this.prevIcon : this.nextIcon,\n        this.value >= this.length,\n        this.next,\n        this.$vuetify.lang.t(this.nextAriaLabel)),\n    ]\n\n    return h('nav', {\n      role: 'navigation',\n      'aria-label': this.$vuetify.lang.t(this.wrapperAriaLabel),\n    }, [this.genList(h, children)])\n  },\n})\n"],"sourceRoot":"","file":"VPagination.js"}
+{"version":3,"sources":["../../../src/components/VPagination/VPagination.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, withDirectives } from 'vue'\nimport './VPagination.sass'\n\nimport VIcon from '../VIcon'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Intersectable from '../../mixins/intersectable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport type { VNode, CreateElement, VNodeChildrenArrayContents } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Intersectable({ onVisible: ['init'] }),\n  Themeable\n).extend({\n  name: 'v-pagination',\n\n  props: {\n    circle: Boolean,\n    disabled: Boolean,\n    navigationColor: String,\n    navigationTextColor: String,\n    length: {\n      type: Number,\n      default: 0,\n      validator: (val: number) => val % 1 === 0,\n    },\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    totalVisible: [Number, String],\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    pageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.page',\n    },\n    currentPageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.currentPage',\n    },\n    previousAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.previous',\n    },\n    nextAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.next',\n    },\n    wrapperAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.wrapper',\n    },\n  },\n\n  emits: ['update:modelValue', 'next', 'previous'],\n\n  data () {\n    return {\n      maxButtons: 0,\n      selected: null as number | null,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-pagination': true,\n        'v-pagination--circle': this.circle,\n        'v-pagination--disabled': this.disabled,\n        ...this.themeClasses,\n      }\n    },\n\n    items (): (string | number)[] {\n      const totalVisible = parseInt(this.totalVisible, 10)\n\n      if (totalVisible === 0 || isNaN(this.length) || this.length > Number.MAX_SAFE_INTEGER) {\n        return []\n      }\n\n      const maxLength = Math.min(\n        Math.max(0, totalVisible) || this.length,\n        Math.max(0, this.maxButtons) || this.length,\n        this.length\n      )\n\n      if (this.length <= maxLength) {\n        return this.range(1, this.length)\n      }\n\n      const even = maxLength % 2 === 0 ? 1 : 0\n      const left = Math.floor(maxLength / 2)\n      const right = this.length - left + 1 + even\n\n      if (this.modelValue > left && this.modelValue < right) {\n        const firstItem = 1\n        const lastItem = this.length\n        const start = this.modelValue - left + 2\n        const end = this.modelValue + left - 2 - even\n        const secondItem = start - 1 === firstItem + 1 ? 2 : '...'\n        const beforeLastItem = end + 1 === lastItem - 1 ? end + 1 : '...'\n\n        return [1, secondItem, ...this.range(start, end), beforeLastItem, this.length]\n      } else if (this.modelValue === left) {\n        const end = this.modelValue + left - 1 - even\n        return [...this.range(1, end), '...', this.length]\n      } else if (this.modelValue === right) {\n        const start = this.modelValue - left + 1\n        return [1, '...', ...this.range(start, this.length)]\n      } else {\n        return [\n          ...this.range(1, left),\n          '...',\n          ...this.range(right, this.length),\n        ]\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  watch: {\n    modelValue () {\n      this.init()\n    },\n  },\n\n  beforeMount () {\n    this.init()\n  },\n\n  methods: {\n    init () {\n      this.selected = null\n\n      this.onResize()\n      this.$nextTick(this.onResize)\n      // TODO: Change this (f75dee3a, cbdf7caa)\n      setTimeout(() => (this.selected = this.modelValue), 100)\n    },\n    onResize () {\n      const width = this.$el && this.$el.parentElement\n        ? this.$el.parentElement.clientWidth\n        : window.innerWidth\n\n      this.maxButtons = Math.floor((width - 96) / 42)\n    },\n    next (e: Event) {\n      e.preventDefault()\n      this.$emit('update:modelValue', this.modelValue + 1)\n      this.$emit('next')\n    },\n    previous (e: Event) {\n      e.preventDefault()\n      this.$emit('update:modelValue', this.modelValue - 1)\n      this.$emit('previous')\n    },\n    range (from: number, to: number) {\n      const range = []\n\n      from = from > 0 ? from : 1\n\n      for (let i = from; i <= to; i++) {\n        range.push(i)\n      }\n\n      return range\n    },\n    genIcon (h: CreateElement, icon: string, disabled: boolean, fn: EventListener, label: String): VNode {\n      return h('li', [\n        h('button',\n          this.setBackgroundColor(this.navigationColor, {\n            class: ['v-pagination__navigation', {\n              'v-pagination__navigation--disabled': disabled,\n            }],\n            disabled,\n            type: 'button',\n            'aria-label': label,\n            ...(disabled ? {} : { onClick: fn }),\n          }),\n          [h(VIcon, { color: this.navigationTextColor }, () => [icon])]\n        ),\n      ])\n    },\n    genItem (h: CreateElement, i: string | number): VNode {\n      const color: string | false = (i === this.modelValue) && (this.color || 'primary')\n      const isCurrentPage = i === this.modelValue\n      const ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel\n\n      return h('button', this.setBackgroundColor(color, {\n        class: ['v-pagination__item', {\n          'v-pagination__item--active': i === this.modelValue,\n        }],\n        type: 'button',\n        'aria-current': isCurrentPage,\n        'aria-label': this.$vuetify.lang.t(ariaLabel, i),\n        onClick: () => this.$emit('update:modelValue', i),\n      }), [i.toString()])\n    },\n    genItems (h: CreateElement): VNode[] {\n      return this.items.map((i, index) => {\n        return h('li', { key: index }, [\n          isNaN(Number(i)) ? h('span', { class: 'v-pagination__more' }, [i.toString()]) : this.genItem(h, i),\n        ])\n      })\n    },\n    genList (h: CreateElement, children: VNodeChildrenArrayContents): VNode {\n      return withDirectives(h('ul', {\n        class: this.classes,\n      }, children), [\n        [\n          Resize,\n          this.onResize,\n          '',\n          { quiet: true },\n        ],\n      ])\n    },\n  },\n\n  render (): VNode {\n    const children = [\n      this.genIcon(h,\n        this.$vuetify.rtl ? this.nextIcon : this.prevIcon,\n        this.modelValue <= 1,\n        this.previous,\n        this.$vuetify.lang.t(this.previousAriaLabel),\n      ),\n      this.genItems(h),\n      this.genIcon(h,\n        this.$vuetify.rtl ? this.prevIcon : this.nextIcon,\n        this.modelValue >= this.length,\n        this.next,\n        this.$vuetify.lang.t(this.nextAriaLabel),\n      ),\n    ]\n\n    return h('nav', {\n      role: 'navigation',\n      'aria-label': this.$vuetify.lang.t(this.wrapperAriaLabel),\n    }, [this.genList(h, children)])\n  },\n})\n"],"sourceRoot":"","file":"VPagination.js"}

package/es5/components/VPicker/VPicker.js

@@ -19,8 +19,6 @@ var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
 
 var _helpers = require("../../util/helpers");
 
-var _mixins = _interopRequireDefault(require("../../util/mixins"));
-
 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; }
@@ -30,8 +28,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 
 /* @vue/component */
-var _default = (0, _mixins.default)(_colorable.default, _elevatable.default, _themeable.default).extend({
+var _default = (0, _vue.defineComponent)({
   name: 'v-picker',
+  mixins: [_colorable.default, _elevatable.default, _themeable.default],
   props: {
     flat: Boolean,
     fullWidth: Boolean,
@@ -61,9 +60,13 @@ var _default = (0, _mixins.default)(_colorable.default, _elevatable.default, _th
       }), (0, _helpers.getSlot)(this, 'title'));
     },
     genBodyTransition: function genBodyTransition() {
+      var _this = this;
+
       return (0, _vue.h)(_vue.Transition, {
         name: this.transition
-      }, (0, _helpers.getSlot)(this));
+      }, function () {
+        return (0, _helpers.getSlot)(_this);
+      });
     },
     genBody: function genBody() {
       return (0, _vue.h)('div', {

package/es5/components/VPicker/VPicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VPicker/VPicker.ts"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AAGA;;AAIA;;;;;;;;;;AAEA;eACe,qBACb,kBADa,EAEb,mBAFa,EAGb,kBAHa,EAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,UADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE,OADD;AAEL,IAAA,SAAS,EAAE,OAFN;AAGL,IAAA,SAAS,EAAE,OAHN;AAIL,IAAA,OAAO,EAAE,OAJJ;AAKL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC,KALP;AASL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AATF,GAHA;AAkBP,EAAA,QAAQ,EAAE;AACR,IAAA,kBADQ,gCACU;AAChB,UAAM,iBAAiB,GAAG,KAAK,MAAL,GAAc,KAAd,GAAuB,KAAK,KAAL,IAAc,SAA/D;AACA,aAAO,KAAK,KAAL,IAAc,iBAArB;AACD;AAJO,GAlBH;AAyBP,EAAA,OAAO,EAAE;AACP,IAAA,QADO,sBACC;AACN,aAAO,YAAE,KAAF,EAAS,KAAK,kBAAL,CAAwB,KAAK,kBAA7B,EAAiD;AAC/D,QAAA,KAAK,EAAE,CAAC,iBAAD,EAAoB;AACzB,wCAA8B,KAAK;AADV,SAApB;AADwD,OAAjD,CAAT,EAIH,sBAAQ,IAAR,EAAc,OAAd,CAJG,CAAP;AAKD,KAPM;AAQP,IAAA,iBARO,+BAQU;AACf,aAAO,YAAE,eAAF,EAAc;AACnB,QAAA,IAAI,EAAE,KAAK;AADQ,OAAd,EAEJ,sBAAQ,IAAR,CAFI,CAAP;AAGD,KAZM;AAaP,IAAA,OAbO,qBAaA;AACL,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE,CAAC,gBAAD;AACL,sCAA4B,KAAK;AAD5B,WAEF,KAAK,YAFH,EADO;AAKd,QAAA,KAAK,EAAE,KAAK,SAAL,GAAiB,SAAjB,GAA6B;AAClC,UAAA,KAAK,EAAE,4BAAc,KAAK,KAAnB;AAD2B;AALtB,OAAT,EAQJ,CACD,KAAK,iBAAL,EADC,CARI,CAAP;AAWD,KAzBM;AA0BP,IAAA,UA1BO,wBA0BG;AACR,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE,CAAC,mCAAD,EAAsC;AAC3C,yCAA+B,KAAK;AADO,SAAtC;AADO,OAAT,EAIJ,sBAAQ,IAAR,EAAc,SAAd,CAJI,CAAP;AAKD;AAhCM,GAzBF;AA4DP,EAAA,MA5DO,oBA4DD;AACJ,WAAO,YAAE,KAAF,EAAS;AACd,MAAA,KAAK,EAAE,CAAC,iBAAD;AACL,0BAAkB,KAAK,IADlB;AAEL,+BAAuB,KAAK,SAFvB;AAGL,gCAAwB,KAAK;AAHxB,SAIF,KAAK,YAJH,GAKF,KAAK,gBALH;AADO,KAAT,EAQJ,CACD,KAAK,MAAL,CAAY,KAAZ,GAAoB,KAAK,QAAL,EAApB,GAAsC,IADrC,EAED,KAAK,OAAL,EAFC,EAGD,KAAK,MAAL,CAAY,OAAZ,GAAsB,KAAK,UAAL,EAAtB,GAA0C,IAHzC,CARI,CAAP;AAaD;AA1EM,CAJM,C","sourcesContent":["import {h, Transition} from 'vue'\nimport './VPicker.sass'\nimport '../VCard/VCard.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Helpers\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue/types'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Elevatable,\n  Themeable\n).extend({\n  name: 'v-picker',\n\n  props: {\n    flat: Boolean,\n    fullWidth: Boolean,\n    landscape: Boolean,\n    noTitle: Boolean,\n    transition: {\n      type: String,\n      default: 'fade-transition',\n    },\n    width: {\n      type: [Number, String],\n      default: 290,\n    },\n  },\n\n  computed: {\n    computedTitleColor (): string | false {\n      const defaultTitleColor = this.isDark ? false : (this.color || 'primary')\n      return this.color || defaultTitleColor\n    },\n  },\n\n  methods: {\n    genTitle () {\n      return h('div', this.setBackgroundColor(this.computedTitleColor, {\n        class: ['v-picker__title', {\n          'v-picker__title--landscape': this.landscape,\n        }],\n      }), getSlot(this, 'title'))\n    },\n    genBodyTransition () {\n      return h(Transition, {\n        name: this.transition,\n      }, getSlot(this))\n    },\n    genBody () {\n      return h('div', {\n        class: ['v-picker__body', {\n          'v-picker__body--no-title': this.noTitle,\n          ...this.themeClasses,\n        }],\n        style: this.fullWidth ? undefined : {\n          width: convertToUnit(this.width),\n        },\n      }, [\n        this.genBodyTransition(),\n      ])\n    },\n    genActions () {\n      return h('div', {\n        class: ['v-picker__actions v-card__actions', {\n          'v-picker__actions--no-title': this.noTitle,\n        }],\n      }, getSlot(this, 'actions'))\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-picker v-card', {\n        'v-picker--flat': this.flat,\n        'v-picker--landscape': this.landscape,\n        'v-picker--full-width': this.fullWidth,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }],\n    }, [\n      this.$slots.title ? this.genTitle() : null,\n      this.genBody(),\n      this.$slots.actions ? this.genActions() : null,\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VPicker.js"}
+{"version":3,"sources":["../../../src/components/VPicker/VPicker.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAGA;;AACA;;AACA;;AAGA;;;;;;;;;;AAEA;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,UADuB;AAE7B,EAAA,MAAM,EAAE,CACN,kBADM,EAEN,mBAFM,EAGN,kBAHM,CAFqB;AAQ7B,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE,OADD;AAEL,IAAA,SAAS,EAAE,OAFN;AAGL,IAAA,SAAS,EAAE,OAHN;AAIL,IAAA,OAAO,EAAE,OAJJ;AAKL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC,KALP;AASL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AATF,GARsB;AAuB7B,EAAA,QAAQ,EAAE;AACR,IAAA,kBADQ,gCACU;AAChB,UAAM,iBAAiB,GAAG,KAAK,MAAL,GAAc,KAAd,GAAuB,KAAK,KAAL,IAAc,SAA/D;AACA,aAAO,KAAK,KAAL,IAAc,iBAArB;AACD;AAJO,GAvBmB;AA8B7B,EAAA,OAAO,EAAE;AACP,IAAA,QADO,sBACC;AACN,aAAO,YAAE,KAAF,EAAS,KAAK,kBAAL,CAAwB,KAAK,kBAA7B,EAAiD;AAC/D,QAAA,KAAK,EAAE,CAAC,iBAAD,EAAoB;AACzB,wCAA8B,KAAK;AADV,SAApB;AADwD,OAAjD,CAAT,EAIH,sBAAQ,IAAR,EAAc,OAAd,CAJG,CAAP;AAKD,KAPM;AAQP,IAAA,iBARO,+BAQU;AAAA;;AACf,aAAO,YAAE,eAAF,EAAc;AACnB,QAAA,IAAI,EAAE,KAAK;AADQ,OAAd,EAEJ;AAAA,eAAM,sBAAQ,KAAR,CAAN;AAAA,OAFI,CAAP;AAGD,KAZM;AAaP,IAAA,OAbO,qBAaA;AACL,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE,CAAC,gBAAD;AACL,sCAA4B,KAAK;AAD5B,WAEF,KAAK,YAFH,EADO;AAKd,QAAA,KAAK,EAAE,KAAK,SAAL,GAAiB,SAAjB,GAA6B;AAClC,UAAA,KAAK,EAAE,4BAAc,KAAK,KAAnB;AAD2B;AALtB,OAAT,EAQJ,CACD,KAAK,iBAAL,EADC,CARI,CAAP;AAWD,KAzBM;AA0BP,IAAA,UA1BO,wBA0BG;AACR,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE,CAAC,mCAAD,EAAsC;AAC3C,yCAA+B,KAAK;AADO,SAAtC;AADO,OAAT,EAIJ,sBAAQ,IAAR,EAAc,SAAd,CAJI,CAAP;AAKD;AAhCM,GA9BoB;AAiE7B,EAAA,MAjE6B,oBAiEvB;AACJ,WAAO,YAAE,KAAF,EAAS;AACd,MAAA,KAAK,EAAE,CAAC,iBAAD;AACL,0BAAkB,KAAK,IADlB;AAEL,+BAAuB,KAAK,SAFvB;AAGL,gCAAwB,KAAK;AAHxB,SAIF,KAAK,YAJH,GAKF,KAAK,gBALH;AADO,KAAT,EAQJ,CACD,KAAK,MAAL,CAAY,KAAZ,GAAoB,KAAK,QAAL,EAApB,GAAsC,IADrC,EAED,KAAK,OAAL,EAFC,EAGD,KAAK,MAAL,CAAY,OAAZ,GAAsB,KAAK,UAAL,EAAtB,GAA0C,IAHzC,CARI,CAAP;AAaD;AA/E4B,CAAhB,C","sourcesContent":["import { h, Transition, defineComponent } from 'vue'\nimport type { VNode } from 'vue'\nimport './VPicker.sass'\nimport '../VCard/VCard.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Helpers\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-picker',\n  mixins: [\n    Colorable,\n    Elevatable,\n    Themeable,\n  ],\n\n  props: {\n    flat: Boolean,\n    fullWidth: Boolean,\n    landscape: Boolean,\n    noTitle: Boolean,\n    transition: {\n      type: String,\n      default: 'fade-transition',\n    },\n    width: {\n      type: [Number, String],\n      default: 290,\n    },\n  },\n\n  computed: {\n    computedTitleColor (): string | false {\n      const defaultTitleColor = this.isDark ? false : (this.color || 'primary')\n      return this.color || defaultTitleColor\n    },\n  },\n\n  methods: {\n    genTitle () {\n      return h('div', this.setBackgroundColor(this.computedTitleColor, {\n        class: ['v-picker__title', {\n          'v-picker__title--landscape': this.landscape,\n        }],\n      }), getSlot(this, 'title'))\n    },\n    genBodyTransition () {\n      return h(Transition, {\n        name: this.transition,\n      }, () => getSlot(this))\n    },\n    genBody () {\n      return h('div', {\n        class: ['v-picker__body', {\n          'v-picker__body--no-title': this.noTitle,\n          ...this.themeClasses,\n        }],\n        style: this.fullWidth ? undefined : {\n          width: convertToUnit(this.width),\n        },\n      }, [\n        this.genBodyTransition(),\n      ])\n    },\n    genActions () {\n      return h('div', {\n        class: ['v-picker__actions v-card__actions', {\n          'v-picker__actions--no-title': this.noTitle,\n        }],\n      }, getSlot(this, 'actions'))\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-picker v-card', {\n        'v-picker--flat': this.flat,\n        'v-picker--landscape': this.landscape,\n        'v-picker--full-width': this.fullWidth,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }],\n    }, [\n      this.$slots.title ? this.genTitle() : null,\n      this.genBody(),\n      this.$slots.actions ? this.genActions() : null,\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VPicker.js"}

package/es5/components/VProgressCircular/VProgressCircular.js

@@ -1,7 +1,5 @@
 "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
 });
@@ -11,7 +9,7 @@ var _vue = require("vue");
 
 require("../../../src/components/VProgressCircular/VProgressCircular.sass");
 
-var _intersect = _interopRequireWildcard(require("../../directives/intersect"));
+var _intersect = require("../../directives/intersect");
 
 var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
 
@@ -19,10 +17,6 @@ var _helpers = require("../../util/helpers");
 
 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; }
@@ -33,9 +27,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var _default = (0, _vue.defineComponent)({
   name: 'v-progress-circular',
   extends: _colorable.default,
-  directives: {
-    intersect: _intersect.default
-  },
   props: {
     button: Boolean,
     indeterminate: Boolean,
@@ -77,15 +68,17 @@ var _default = (0, _vue.defineComponent)({
       };
     },
     normalizedValue: function normalizedValue() {
-      if (this.value < 0) {
+      var numValue = parseFloat(this.value);
+
+      if (numValue < 0) {
         return 0;
       }
 
-      if (this.value > 100) {
+      if (numValue > 100) {
         return 100;
       }
 
-      return parseFloat(this.value);
+      return numValue;
     },
     strokeDashArray: function strokeDashArray() {
       return Math.round(this.circumference * 1000) / 1000;

package/es5/components/VProgressCircular/VProgressCircular.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VProgressCircular/VProgressCircular.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\n// Styles\nimport './VProgressCircular.sass'\n\n// Directives\nimport intersect, { Intersect } from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utils\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeChildren, defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-progress-circular',\n\n  extends: Colorable,\n\n  directives: { intersect },\n\n  props: {\n    button: Boolean,\n    indeterminate: Boolean,\n    rotate: {\n      type: [Number, String],\n      default: 0,\n    },\n    size: {\n      type: [Number, String],\n      default: 32,\n    },\n    width: {\n      type: [Number, String],\n      default: 4,\n    },\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data: () => ({\n    radius: 20,\n    isVisible: true,\n  }),\n\n  computed: {\n    calculatedSize (): number {\n      return Number(this.size) + (this.button ? 8 : 0)\n    },\n\n    circumference (): number {\n      return 2 * Math.PI * this.radius\n    },\n\n    classes (): object {\n      return {\n        'v-progress-circular--visible': this.isVisible,\n        'v-progress-circular--indeterminate': this.indeterminate,\n        'v-progress-circular--button': this.button,\n      }\n    },\n\n    normalizedValue (): number {\n      if (this.value < 0) {\n        return 0\n      }\n\n      if (this.value > 100) {\n        return 100\n      }\n\n      return parseFloat(this.value)\n    },\n\n    strokeDashArray (): number {\n      return Math.round(this.circumference * 1000) / 1000\n    },\n\n    strokeDashOffset (): string {\n      return ((100 - this.normalizedValue) / 100) * this.circumference + 'px'\n    },\n\n    strokeWidth (): number {\n      return Number(this.width) / +this.size * this.viewBoxSize * 2\n    },\n\n    styles (): object {\n      return {\n        height: convertToUnit(this.calculatedSize),\n        width: convertToUnit(this.calculatedSize),\n      }\n    },\n\n    svgStyles (): object {\n      return {\n        transform: `rotate(${Number(this.rotate)}deg)`,\n      }\n    },\n\n    viewBoxSize (): number {\n      return this.radius / (1 - Number(this.width) / +this.size)\n    },\n  },\n\n  methods: {\n    genCircle (name: string, offset: string | number): VNode {\n      return h('circle', {\n        class: `v-progress-circular__${name}`,\n        fill: 'transparent',\n        cx: 2 * this.viewBoxSize,\n        cy: 2 * this.viewBoxSize,\n        r: this.radius,\n        'stroke-width': this.strokeWidth,\n        'stroke-dasharray': this.strokeDashArray,\n        'stroke-dashoffset': offset,\n      })\n    },\n    genSvg (): VNode {\n      const children = [\n        this.indeterminate || this.genCircle('underlay', 0),\n        this.genCircle('overlay', this.strokeDashOffset),\n      ] as VNodeChildren\n\n      return h('svg', {\n        style: this.svgStyles,\n        xmlns: 'http://www.w3.org/2000/svg',\n        viewBox: `${this.viewBoxSize} ${this.viewBoxSize} ${2 * this.viewBoxSize} ${2 * this.viewBoxSize}`,\n      }, children)\n    },\n    genInfo (): VNode {\n      return h('div', {\n        class: 'v-progress-circular__info',\n      }, getSlot(this))\n    },\n    onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n      this.isVisible = isIntersecting\n    },\n  },\n\n  render (): VNode {\n    return withDirectives(h('div', this.setTextColor(this.color, {\n      class: ['v-progress-circular', this.classes],\n      role: 'progressbar',\n      'aria-valuemin': 0,\n      'aria-valuemax': 100,\n      'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      style: this.styles,\n      ...this.$listeners,\n    }), [\n      this.genSvg(),\n      this.genInfo(),\n    ]), [\n      [\n        Intersect,\n        this.onObserve\n      ]\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VProgressCircular.js"}
+{"version":3,"sources":["../../../src/components/VProgressCircular/VProgressCircular.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;AAGA;;AAGA;;;;;;;;;;AAKA;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,qBADuB;AAG7B,EAAA,OAAO,EAAE,kBAHoB;AAM7B,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE,OADH;AAEL,IAAA,aAAa,EAAE,OAFV;AAGL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KAHH;AAOL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KAPD;AAWL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAXF;AAeL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AAfF,GANsB;AA2B7B,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,MAAM,EAAE,EADG;AAEX,MAAA,SAAS,EAAE;AAFA,KAAP;AAAA,GA3BuB;AAgC7B,EAAA,QAAQ,EAAE;AACR,IAAA,cADQ,4BACM;AACZ,aAAO,MAAM,CAAC,KAAK,IAAN,CAAN,IAAqB,KAAK,MAAL,GAAc,CAAd,GAAkB,CAAvC,CAAP;AACD,KAHO;AAKR,IAAA,aALQ,2BAKK;AACX,aAAO,IAAI,IAAI,CAAC,EAAT,GAAc,KAAK,MAA1B;AACD,KAPO;AASR,IAAA,OATQ,qBASD;AACL,aAAO;AACL,wCAAgC,KAAK,SADhC;AAEL,8CAAsC,KAAK,aAFtC;AAGL,uCAA+B,KAAK;AAH/B,OAAP;AAKD,KAfO;AAiBR,IAAA,eAjBQ,6BAiBO;AACb,UAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,KAAN,CAA3B;;AACA,UAAI,QAAQ,GAAG,CAAf,EAAkB;AAChB,eAAO,CAAP;AACD;;AAED,UAAI,QAAQ,GAAG,GAAf,EAAoB;AAClB,eAAO,GAAP;AACD;;AAED,aAAO,QAAP;AACD,KA5BO;AA8BR,IAAA,eA9BQ,6BA8BO;AACb,aAAO,IAAI,CAAC,KAAL,CAAW,KAAK,aAAL,GAAqB,IAAhC,IAAwC,IAA/C;AACD,KAhCO;AAkCR,IAAA,gBAlCQ,8BAkCQ;AACd,aAAQ,CAAC,MAAM,KAAK,eAAZ,IAA+B,GAAhC,GAAuC,KAAK,aAA5C,GAA4D,IAAnE;AACD,KApCO;AAsCR,IAAA,WAtCQ,yBAsCG;AACT,aAAO,MAAM,CAAC,KAAK,KAAN,CAAN,GAAqB,CAAC,KAAK,IAA3B,GAAkC,KAAK,WAAvC,GAAqD,CAA5D;AACD,KAxCO;AA0CR,IAAA,MA1CQ,oBA0CF;AACJ,aAAO;AACL,QAAA,MAAM,EAAE,4BAAc,KAAK,cAAnB,CADH;AAEL,QAAA,KAAK,EAAE,4BAAc,KAAK,cAAnB;AAFF,OAAP;AAID,KA/CO;AAiDR,IAAA,SAjDQ,uBAiDC;AACP,aAAO;AACL,QAAA,SAAS,mBAAY,MAAM,CAAC,KAAK,MAAN,CAAlB;AADJ,OAAP;AAGD,KArDO;AAuDR,IAAA,WAvDQ,yBAuDG;AACT,aAAO,KAAK,MAAL,IAAe,IAAI,MAAM,CAAC,KAAK,KAAN,CAAN,GAAqB,CAAC,KAAK,IAA9C,CAAP;AACD;AAzDO,GAhCmB;AA4F7B,EAAA,OAAO,EAAE;AACP,IAAA,SADO,qBACI,IADJ,EACkB,MADlB,EACyC;AAC9C,aAAO,YAAE,QAAF,EAAY;AACjB,QAAA,KAAK,iCAA0B,IAA1B,CADY;AAEjB,QAAA,IAAI,EAAE,aAFW;AAGjB,QAAA,EAAE,EAAE,IAAI,KAAK,WAHI;AAIjB,QAAA,EAAE,EAAE,IAAI,KAAK,WAJI;AAKjB,QAAA,CAAC,EAAE,KAAK,MALS;AAMjB,wBAAgB,KAAK,WANJ;AAOjB,4BAAoB,KAAK,eAPR;AAQjB,6BAAqB;AARJ,OAAZ,CAAP;AAUD,KAZM;AAaP,IAAA,MAbO,oBAaD;AACJ,UAAM,QAAQ,GAAG,CACf,KAAK,aAAL,IAAsB,KAAK,SAAL,CAAe,UAAf,EAA2B,CAA3B,CADP,EAEf,KAAK,SAAL,CAAe,SAAf,EAA0B,KAAK,gBAA/B,CAFe,CAAjB;AAKA,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE,KAAK,SADE;AAEd,QAAA,KAAK,EAAE,4BAFO;AAGd,QAAA,OAAO,YAAK,KAAK,WAAV,cAAyB,KAAK,WAA9B,cAA6C,IAAI,KAAK,WAAtD,cAAqE,IAAI,KAAK,WAA9E;AAHO,OAAT,EAIJ,QAJI,CAAP;AAKD,KAxBM;AAyBP,IAAA,OAzBO,qBAyBA;AACL,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE;AADO,OAAT,EAEJ,sBAAQ,IAAR,CAFI,CAAP;AAGD,KA7BM;AA8BP,IAAA,SA9BO,qBA8BI,OA9BJ,EA8B0C,QA9B1C,EA8B0E,cA9B1E,EA8BiG;AACtG,WAAK,SAAL,GAAiB,cAAjB;AACD;AAhCM,GA5FoB;AA+H7B,EAAA,MA/H6B,oBA+HvB;AACJ,WAAO,yBAAe,YAAE,KAAF,EAAS,KAAK,YAAL,CAAkB,KAAK,KAAvB;AAC7B,MAAA,KAAK,EAAE,CAAC,qBAAD,EAAwB,KAAK,OAA7B,CADsB;AAE7B,MAAA,IAAI,EAAE,aAFuB;AAG7B,uBAAiB,CAHY;AAI7B,uBAAiB,GAJY;AAK7B,uBAAiB,KAAK,aAAL,GAAqB,SAArB,GAAiC,KAAK,eAL1B;AAM7B,MAAA,KAAK,EAAE,KAAK;AANiB,OAO1B,KAAK,UAPqB,EAAT,EAQlB,CACF,KAAK,MAAL,EADE,EAEF,KAAK,OAAL,EAFE,CARkB,CAAf,EAWH,CACF,CACE,oBADF,EAEE,KAAK,SAFP,CADE,CAXG,CAAP;AAiBD;AAjJ4B,CAAhB,C","sourcesContent":["import {h, withDirectives} from 'vue'\n// Styles\nimport './VProgressCircular.sass'\n\n// Directives\nimport intersect, { Intersect } from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utils\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeChild, defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-progress-circular',\n\n  extends: Colorable,\n\n\n  props: {\n    button: Boolean,\n    indeterminate: Boolean,\n    rotate: {\n      type: [Number, String],\n      default: 0,\n    },\n    size: {\n      type: [Number, String],\n      default: 32,\n    },\n    width: {\n      type: [Number, String],\n      default: 4,\n    },\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data: () => ({\n    radius: 20,\n    isVisible: true,\n  }),\n\n  computed: {\n    calculatedSize (): number {\n      return Number(this.size) + (this.button ? 8 : 0)\n    },\n\n    circumference (): number {\n      return 2 * Math.PI * this.radius\n    },\n\n    classes (): object {\n      return {\n        'v-progress-circular--visible': this.isVisible,\n        'v-progress-circular--indeterminate': this.indeterminate,\n        'v-progress-circular--button': this.button,\n      }\n    },\n\n    normalizedValue (): number {\n      const numValue = parseFloat(this.value)\n      if (numValue < 0) {\n        return 0\n      }\n\n      if (numValue > 100) {\n        return 100\n      }\n\n      return numValue\n    },\n\n    strokeDashArray (): number {\n      return Math.round(this.circumference * 1000) / 1000\n    },\n\n    strokeDashOffset (): string {\n      return ((100 - this.normalizedValue) / 100) * this.circumference + 'px'\n    },\n\n    strokeWidth (): number {\n      return Number(this.width) / +this.size * this.viewBoxSize * 2\n    },\n\n    styles (): object {\n      return {\n        height: convertToUnit(this.calculatedSize),\n        width: convertToUnit(this.calculatedSize),\n      }\n    },\n\n    svgStyles (): object {\n      return {\n        transform: `rotate(${Number(this.rotate)}deg)`,\n      }\n    },\n\n    viewBoxSize (): number {\n      return this.radius / (1 - Number(this.width) / +this.size)\n    },\n  },\n\n  methods: {\n    genCircle (name: string, offset: string | number): VNode {\n      return h('circle', {\n        class: `v-progress-circular__${name}`,\n        fill: 'transparent',\n        cx: 2 * this.viewBoxSize,\n        cy: 2 * this.viewBoxSize,\n        r: this.radius,\n        'stroke-width': this.strokeWidth,\n        'stroke-dasharray': this.strokeDashArray,\n        'stroke-dashoffset': offset,\n      })\n    },\n    genSvg (): VNode {\n      const children = [\n        this.indeterminate || this.genCircle('underlay', 0),\n        this.genCircle('overlay', this.strokeDashOffset),\n      ] as VNodeChild[]\n\n      return h('svg', {\n        style: this.svgStyles,\n        xmlns: 'http://www.w3.org/2000/svg',\n        viewBox: `${this.viewBoxSize} ${this.viewBoxSize} ${2 * this.viewBoxSize} ${2 * this.viewBoxSize}`,\n      }, children)\n    },\n    genInfo (): VNode {\n      return h('div', {\n        class: 'v-progress-circular__info',\n      }, getSlot(this))\n    },\n    onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n      this.isVisible = isIntersecting\n    },\n  },\n\n  render (): VNode {\n    return withDirectives(h('div', this.setTextColor(this.color, {\n      class: ['v-progress-circular', this.classes],\n      role: 'progressbar',\n      'aria-valuemin': 0,\n      'aria-valuemax': 100,\n      'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      style: this.styles,\n      ...this.$listeners,\n    }), [\n      this.genSvg(),\n      this.genInfo(),\n    ]), [\n      [\n        Intersect,\n        this.onObserve\n      ]\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VProgressCircular.js"}

package/es5/components/VProgressLinear/VProgressLinear.js

@@ -1,7 +1,5 @@
 "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
 });
@@ -13,13 +11,13 @@ require("../../../src/components/VProgressLinear/VProgressLinear.sass");
 
 var _transitions = require("../transitions");
 
-var _intersect = _interopRequireWildcard(require("../../directives/intersect"));
+var _intersect = require("../../directives/intersect");
 
 var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
 
 var _positionable = require("../../mixins/positionable");
 
-var _proxyable = _interopRequireDefault(require("../../mixins/proxyable"));
+var _proxyable = require("../../mixins/proxyable");
 
 var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
 
@@ -29,24 +27,17 @@ var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
 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 baseMixins = (0, _mixins.default)(_colorable.default, (0, _positionable.factory)(['absolute', 'fixed', 'top', 'bottom']), _proxyable.default, _themeable.default);
+var baseMixins = (0, _mixins.default)(_colorable.default, (0, _positionable.factory)(['absolute', 'fixed', 'top', 'bottom']), (0, _proxyable.factory)('modelValue', 'update:modelValue'), _themeable.default);
 /* @vue/component */
 
-var _default = baseMixins.extend({
+var _default2 = baseMixins.extend({
   name: 'v-progress-linear',
-  directives: {
-    intersect: _intersect.default
-  },
   props: {
     active: {
       type: Boolean,
@@ -73,19 +64,28 @@ var _default = baseMixins.extend({
       default: 4
     },
     indeterminate: Boolean,
+    modelValue: {
+      type: [Number, String],
+      default: 0
+    },
     query: Boolean,
     reverse: Boolean,
     rounded: Boolean,
     stream: Boolean,
     striped: Boolean,
+    // Оставляем value для обратной совместимости
     value: {
       type: [Number, String],
       default: 0
-    }
+    },
+    // События как пропсы для определения реактивности
+    onChange: Function,
+    onUpdateModelValue: Function
   },
+  emits: ['update:modelValue', 'change', 'click'],
   data: function data() {
     return {
-      internalLazyValue: this.value || 0,
+      internalLazyValue: this.modelValue || this.value || 0,
       isVisible: true
     };
   },
@@ -97,7 +97,13 @@ var _default = baseMixins.extend({
       }));
     },
     __cachedBar: function __cachedBar() {
-      return (0, _vue.h)(this.computedTransition, [this.__cachedBarType]);
+      var _this = this;
+
+      return (0, _vue.h)(this.computedTransition, {}, {
+        default: function _default() {
+          return [_this.__cachedBarType];
+        }
+      });
     },
     __cachedBarType: function __cachedBarType() {
       return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate;
@@ -165,7 +171,7 @@ var _default = baseMixins.extend({
       return this.normalize(this.internalLazyValue);
     },
     reactive: function reactive() {
-      return Boolean(this.$listeners.change);
+      return Boolean(this.onChange) || Boolean(this.onUpdateModelValue) || Boolean(this.$attrs.onChange) || Boolean(this.$attrs['onUpdate:modelValue']);
     },
     styles: function styles() {
       var styles = {};
@@ -181,6 +187,14 @@ var _default = baseMixins.extend({
       return styles;
     }
   },
+  watch: {
+    modelValue: function modelValue(val) {
+      this.internalLazyValue = val;
+    },
+    value: function value(val) {
+      this.internalLazyValue = val;
+    }
+  },
   methods: {
     genContent: function genContent() {
       var slot = (0, _helpers.getSlot)(this, 'default', {
@@ -189,10 +203,14 @@ var _default = baseMixins.extend({
       if (!slot) return null;
       return (0, _vue.h)('div', {
         class: 'v-progress-linear__content'
-      }, slot);
+      }, {
+        default: function _default() {
+          return slot;
+        }
+      });
     },
     genListeners: function genListeners() {
-      var listeners = this.$listeners;
+      var listeners = this.$listeners || {};
 
       if (this.reactive) {
         listeners.onClick = this.onClick;
@@ -211,26 +229,29 @@ var _default = baseMixins.extend({
       var _this$$el$getBounding = this.$el.getBoundingClientRect(),
           width = _this$$el$getBounding.width;
 
-      this.internalValue = e.offsetX / width * 100;
+      var newValue = e.offsetX / width * 100;
+      this.internalLazyValue = newValue;
+      this.$emit('update:modelValue', newValue);
+      this.$emit('change', newValue);
+      this.$emit('click', e);
     },
     onObserve: function onObserve(entries, observer, isIntersecting) {
       this.isVisible = isIntersecting;
     },
     normalize: function normalize(value) {
-      if (value < 0) return 0;
-      if (value > 100) return 100;
-      return parseFloat(value);
+      var numValue = typeof value === 'string' ? parseFloat(value) : value;
+      if (numValue < 0) return 0;
+      if (numValue > 100) return 100;
+      return numValue;
     }
   },
   render: function render() {
     var data = _objectSpread({
       class: ['v-progress-linear', this.classes],
-      attrs: {
-        role: 'progressbar',
-        'aria-valuemin': 0,
-        'aria-valuemax': this.normalizedBuffer,
-        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue
-      },
+      role: 'progressbar',
+      'aria-valuemin': 0,
+      'aria-valuemax': this.normalizedBuffer,
+      'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,
       style: {
         bottom: this.bottom ? 0 : undefined,
         height: this.active ? (0, _helpers.convertToUnit)(this.height) : 0,
@@ -242,5 +263,5 @@ var _default = baseMixins.extend({
   }
 });
 
-exports.default = _default;
+exports.default = _default2;
 //# sourceMappingURL=VProgressLinear.js.map