@dimailn/vuetify 2.7.2-alpha2 → 2.7.2-superbundle

package/lib/components/VPagination/VPagination.js

@@ -1,4 +1,3 @@
-import { h, withDirectives } from 'vue';
 import "../../../src/components/VPagination/VPagination.sass";
 import VIcon from '../VIcon'; // Directives
 
@@ -37,7 +36,7 @@ export default mixins(Colorable, Intersectable({
       default: '$prev'
     },
     totalVisible: [Number, String],
-    modelValue: {
+    value: {
       type: Number,
       default: 0
     },
@@ -71,10 +70,6 @@ export default mixins(Colorable, Intersectable({
   },
 
   computed: {
-    value() {
-      return this.modelValue;
-    },
-
     classes() {
       return {
         'v-pagination': true,
@@ -148,13 +143,13 @@ export default mixins(Colorable, Intersectable({
 
     next(e) {
       e.preventDefault();
-      this.$emit('update:modelValue', this.value + 1);
+      this.$emit('input', this.value + 1);
       this.$emit('next');
     },
 
     previous(e) {
       e.preventDefault();
-      this.$emit('update:modelValue', this.value - 1);
+      this.$emit('input', this.value - 1);
       this.$emit('previous');
     },
 
@@ -171,17 +166,22 @@ export default mixins(Colorable, Intersectable({
 
     genIcon(h, icon, disabled, fn, label) {
       return h('li', [h('button', this.setBackgroundColor(this.navigationColor, {
-        class: ['v-pagination__navigation', {
+        staticClass: 'v-pagination__navigation',
+        class: {
           'v-pagination__navigation--disabled': disabled
-        }],
-        disabled,
-        type: 'button',
-        'aria-label': label,
-        ...(disabled ? {} : {
-          onClick: fn
-        })
+        },
+        attrs: {
+          disabled,
+          type: 'button',
+          'aria-label': label
+        },
+        on: disabled ? {} : {
+          click: fn
+        }
       }), [h(VIcon, {
-        color: this.navigationTextColor
+        props: {
+          color: this.navigationTextColor
+        }
       }, [icon])])]);
     },
 
@@ -190,13 +190,18 @@ export default mixins(Colorable, Intersectable({
       const isCurrentPage = i === this.value;
       const ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel;
       return h('button', this.setBackgroundColor(color, {
-        class: ['v-pagination__item', {
+        staticClass: 'v-pagination__item',
+        class: {
           'v-pagination__item--active': i === this.value
-        }],
-        type: 'button',
-        'aria-current': isCurrentPage,
-        'aria-label': this.$vuetify.lang.t(ariaLabel, i),
-        onClick: () => this.$emit('update:modelValue', i)
+        },
+        attrs: {
+          type: 'button',
+          'aria-current': isCurrentPage,
+          'aria-label': this.$vuetify.lang.t(ariaLabel, i)
+        },
+        on: {
+          click: () => this.$emit('input', i)
+        }
       }), [i.toString()]);
     },
 
@@ -211,20 +216,27 @@ export default mixins(Colorable, Intersectable({
     },
 
     genList(h, children) {
-      return withDirectives(h('ul', {
+      return h('ul', {
+        directives: [{
+          modifiers: {
+            quiet: true
+          },
+          name: 'resize',
+          value: this.onResize
+        }],
         class: this.classes
-      }, children), [[Resize, this.onResize, '', {
-        quiet: true
-      }]]);
+      }, children);
     }
 
   },
 
-  render() {
+  render(h) {
     const children = [this.genIcon(h, this.$vuetify.rtl ? this.nextIcon : this.prevIcon, this.value <= 1, this.previous, this.$vuetify.lang.t(this.previousAriaLabel)), this.genItems(h), this.genIcon(h, this.$vuetify.rtl ? this.prevIcon : this.nextIcon, this.value >= this.length, this.next, this.$vuetify.lang.t(this.nextAriaLabel))];
     return h('nav', {
-      role: 'navigation',
-      'aria-label': this.$vuetify.lang.t(this.wrapperAriaLabel)
+      attrs: {
+        role: 'navigation',
+        'aria-label': this.$vuetify.lang.t(this.wrapperAriaLabel)
+      }
     }, [this.genList(h, children)]);
   }
 

package/lib/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 './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    value: {\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    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('input', this.value + 1)\n      this.$emit('next')\n    },\n    previous (e: Event) {\n      e.preventDefault()\n      this.$emit('input', 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            staticClass: 'v-pagination__navigation',\n            class: {\n              'v-pagination__navigation--disabled': disabled,\n            },\n            attrs: {\n              disabled,\n              type: 'button',\n              'aria-label': label,\n            },\n            on: disabled ? {} : { click: fn },\n          }),\n          [h(VIcon, { props: { 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        staticClass: 'v-pagination__item',\n        class: {\n          'v-pagination__item--active': i === this.value,\n        },\n        attrs: {\n          type: 'button',\n          'aria-current': isCurrentPage,\n          'aria-label': this.$vuetify.lang.t(ariaLabel, i),\n        },\n        on: {\n          click: () => this.$emit('input', i),\n        },\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 h('ul', {\n        directives: [{\n          modifiers: { quiet: true },\n          name: 'resize',\n          value: this.onResize,\n        }],\n        class: this.classes,\n      }, children)\n    },\n  },\n\n  render (h): 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      attrs: {\n        role: 'navigation',\n        'aria-label': this.$vuetify.lang.t(this.wrapperAriaLabel),\n      },\n    }, [this.genList(h, children)])\n  },\n})\n"],"sourceRoot":"","file":"VPagination.js"}

package/lib/components/VParallax/VParallax.js

@@ -1,5 +1,4 @@
-import { h } from 'vue'; // Style
-
+// Style
 import "../../../src/components/VParallax/VParallax.sass"; // Mixins
 
 import Translatable from '../../mixins/translatable';
@@ -8,7 +7,7 @@ import { getSlot } from '../../util/helpers';
 const baseMixins = mixins(Translatable);
 /* @vue/component */
 
-export default baseMixins.extend({
+export default baseMixins.extend().extend({
   name: 'v-parallax',
   props: {
     alt: {
@@ -64,27 +63,29 @@ export default baseMixins.extend({
 
   },
 
-  render() {
+  render(h) {
     const imgData = {
-      class: 'v-parallax__image',
+      staticClass: 'v-parallax__image',
       style: this.styles,
-      src: this.src,
-      srcset: this.srcset,
-      alt: this.alt,
+      attrs: {
+        src: this.src,
+        srcset: this.srcset,
+        alt: this.alt
+      },
       ref: 'img'
     };
     const container = h('div', {
-      class: 'v-parallax__image-container'
+      staticClass: 'v-parallax__image-container'
     }, [h('img', imgData)]);
     const content = h('div', {
-      class: 'v-parallax__content'
+      staticClass: 'v-parallax__content'
     }, getSlot(this));
     return h('div', {
-      class: 'v-parallax',
+      staticClass: 'v-parallax',
       style: {
         height: `${this.height}px`
       },
-      ...this.$listeners
+      on: this.$listeners
     }, [container, content]);
   }
 

package/lib/components/VParallax/VParallax.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VParallax/VParallax.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB,C,CACA;;AACA,OAAO,kDAAP,C,CAEA;;AACA,OAAO,YAAP,MAAyB,2BAAzB;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAKA,MAAM,UAAU,GAAG,MAAM,CACvB,YADuB,CAAzB;AASA;;AACA,eAAe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,YADyB;AAG/B,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KADA;AAKL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KALH;AASL,IAAA,GAAG,EAAE,MATA;AAUL,IAAA,MAAM,EAAE;AAVH,GAHwB;AAgB/B,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,QAAQ,EAAE;AADC,GAAP,CAhByB;AAoB/B,EAAA,QAAQ,EAAE;AACR,IAAA,MAAM,GAAA;AACJ,aAAO;AACL,QAAA,OAAO,EAAE,OADJ;AAEL,QAAA,OAAO,EAAE,KAAK,QAAL,GAAgB,CAAhB,GAAoB,CAFxB;AAGL,QAAA,SAAS,EAAE,mBAAmB,KAAK,QAAQ;AAHtC,OAAP;AAKD;;AAPO,GApBqB;;AA8B/B,EAAA,OAAO,GAAA;AACL,SAAK,IAAL;AACD,GAhC8B;;AAkC/B,EAAA,OAAO,EAAE;AACP,IAAA,IAAI,GAAA;AACF,YAAM,GAAG,GAAG,KAAK,KAAL,CAAW,GAAvB;AAEA,UAAI,CAAC,GAAL,EAAU;;AAEV,UAAI,GAAG,CAAC,QAAR,EAAkB;AAChB,aAAK,SAAL;AACA,aAAK,SAAL;AACD,OAHD,MAGO;AACL,QAAA,GAAG,CAAC,gBAAJ,CAAqB,MAArB,EAA6B,MAAK;AAChC,eAAK,SAAL;AACA,eAAK,SAAL;AACD,SAHD,EAGG,KAHH;AAID;;AAED,WAAK,QAAL,GAAgB,IAAhB;AACD,KAjBM;;AAkBP,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,KAAL,CAAW,GAAX,CAAe,aAAtB;AACD;;AApBM,GAlCsB;;AAyD/B,EAAA,MAAM,GAAA;AACJ,UAAM,OAAO,GAAc;AACzB,MAAA,KAAK,EAAE,mBADkB;AAEzB,MAAA,KAAK,EAAE,KAAK,MAFa;AAGzB,MAAA,GAAG,EAAE,KAAK,GAHe;AAIzB,MAAA,MAAM,EAAE,KAAK,MAJY;AAKzB,MAAA,GAAG,EAAE,KAAK,GALe;AAMzB,MAAA,GAAG,EAAE;AANoB,KAA3B;AASA,UAAM,SAAS,GAAG,CAAC,CAAC,KAAD,EAAQ;AACzB,MAAA,KAAK,EAAE;AADkB,KAAR,EAEhB,CACD,CAAC,CAAC,KAAD,EAAQ,OAAR,CADA,CAFgB,CAAnB;AAMA,UAAM,OAAO,GAAG,CAAC,CAAC,KAAD,EAAQ;AACvB,MAAA,KAAK,EAAE;AADgB,KAAR,EAEd,OAAO,CAAC,IAAD,CAFO,CAAjB;AAIA,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,KAAK,EAAE,YADO;AAEd,MAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,GAAG,KAAK,MAAM;AADjB,OAFO;AAKd,SAAG,KAAK;AALM,KAAR,EAML,CAAC,SAAD,EAAY,OAAZ,CANK,CAAR;AAOD;;AApF8B,CAAlB,CAAf","sourcesContent":["import {h} from 'vue'\n// Style\nimport './VParallax.sass'\n\n// Mixins\nimport Translatable from '../../mixins/translatable'\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeData } from 'vue/types/vnode'\n\nconst baseMixins = mixins(\n  Translatable\n)\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    img: HTMLImageElement\n  }\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-parallax',\n\n  props: {\n    alt: {\n      type: String,\n      default: '',\n    },\n    height: {\n      type: [String, Number],\n      default: 500,\n    },\n    src: String,\n    srcset: String,\n  },\n\n  data: () => ({\n    isBooted: false,\n  }),\n\n  computed: {\n    styles (): object {\n      return {\n        display: 'block',\n        opacity: this.isBooted ? 1 : 0,\n        transform: `translate(-50%, ${this.parallax}px)`,\n      }\n    },\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init () {\n      const img = this.$refs.img\n\n      if (!img) return\n\n      if (img.complete) {\n        this.translate()\n        this.listeners()\n      } else {\n        img.addEventListener('load', () => {\n          this.translate()\n          this.listeners()\n        }, false)\n      }\n\n      this.isBooted = true\n    },\n    objHeight () {\n      return this.$refs.img.naturalHeight\n    },\n  },\n\n  render (): VNode {\n    const imgData: VNodeData = {\n      class: 'v-parallax__image',\n      style: this.styles,\n      src: this.src,\n      srcset: this.srcset,\n      alt: this.alt,\n      ref: 'img',\n    }\n\n    const container = h('div', {\n      class: 'v-parallax__image-container',\n    }, [\n      h('img', imgData),\n    ])\n\n    const content = h('div', {\n      class: 'v-parallax__content',\n    }, getSlot(this))\n\n    return h('div', {\n      class: 'v-parallax',\n      style: {\n        height: `${this.height}px`,\n      },\n      ...this.$listeners,\n    }, [container, content])\n  },\n})\n"],"sourceRoot":"","file":"VParallax.js"}
+{"version":3,"sources":["../../../src/components/VParallax/VParallax.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,kDAAP,C,CAEA;;AACA,OAAO,YAAP,MAAyB,2BAAzB;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAKA,MAAM,UAAU,GAAG,MAAM,CACvB,YADuB,CAAzB;AASA;;AACA,eAAe,UAAU,CAAC,MAAX,GAA6B,MAA7B,CAAoC;AACjD,EAAA,IAAI,EAAE,YAD2C;AAGjD,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KADA;AAKL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KALH;AASL,IAAA,GAAG,EAAE,MATA;AAUL,IAAA,MAAM,EAAE;AAVH,GAH0C;AAgBjD,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,QAAQ,EAAE;AADC,GAAP,CAhB2C;AAoBjD,EAAA,QAAQ,EAAE;AACR,IAAA,MAAM,GAAA;AACJ,aAAO;AACL,QAAA,OAAO,EAAE,OADJ;AAEL,QAAA,OAAO,EAAE,KAAK,QAAL,GAAgB,CAAhB,GAAoB,CAFxB;AAGL,QAAA,SAAS,EAAE,mBAAmB,KAAK,QAAQ;AAHtC,OAAP;AAKD;;AAPO,GApBuC;;AA8BjD,EAAA,OAAO,GAAA;AACL,SAAK,IAAL;AACD,GAhCgD;;AAkCjD,EAAA,OAAO,EAAE;AACP,IAAA,IAAI,GAAA;AACF,YAAM,GAAG,GAAG,KAAK,KAAL,CAAW,GAAvB;AAEA,UAAI,CAAC,GAAL,EAAU;;AAEV,UAAI,GAAG,CAAC,QAAR,EAAkB;AAChB,aAAK,SAAL;AACA,aAAK,SAAL;AACD,OAHD,MAGO;AACL,QAAA,GAAG,CAAC,gBAAJ,CAAqB,MAArB,EAA6B,MAAK;AAChC,eAAK,SAAL;AACA,eAAK,SAAL;AACD,SAHD,EAGG,KAHH;AAID;;AAED,WAAK,QAAL,GAAgB,IAAhB;AACD,KAjBM;;AAkBP,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,KAAL,CAAW,GAAX,CAAe,aAAtB;AACD;;AApBM,GAlCwC;;AAyDjD,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,OAAO,GAAc;AACzB,MAAA,WAAW,EAAE,mBADY;AAEzB,MAAA,KAAK,EAAE,KAAK,MAFa;AAGzB,MAAA,KAAK,EAAE;AACL,QAAA,GAAG,EAAE,KAAK,GADL;AAEL,QAAA,MAAM,EAAE,KAAK,MAFR;AAGL,QAAA,GAAG,EAAE,KAAK;AAHL,OAHkB;AAQzB,MAAA,GAAG,EAAE;AARoB,KAA3B;AAWA,UAAM,SAAS,GAAG,CAAC,CAAC,KAAD,EAAQ;AACzB,MAAA,WAAW,EAAE;AADY,KAAR,EAEhB,CACD,CAAC,CAAC,KAAD,EAAQ,OAAR,CADA,CAFgB,CAAnB;AAMA,UAAM,OAAO,GAAG,CAAC,CAAC,KAAD,EAAQ;AACvB,MAAA,WAAW,EAAE;AADU,KAAR,EAEd,OAAO,CAAC,IAAD,CAFO,CAAjB;AAIA,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,YADC;AAEd,MAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,GAAG,KAAK,MAAM;AADjB,OAFO;AAKd,MAAA,EAAE,EAAE,KAAK;AALK,KAAR,EAML,CAAC,SAAD,EAAY,OAAZ,CANK,CAAR;AAOD;;AAtFgD,CAApC,CAAf","sourcesContent":["// Style\nimport './VParallax.sass'\n\n// Mixins\nimport Translatable from '../../mixins/translatable'\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeData } from 'vue/types/vnode'\n\nconst baseMixins = mixins(\n  Translatable\n)\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    img: HTMLImageElement\n  }\n}\n\n/* @vue/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'v-parallax',\n\n  props: {\n    alt: {\n      type: String,\n      default: '',\n    },\n    height: {\n      type: [String, Number],\n      default: 500,\n    },\n    src: String,\n    srcset: String,\n  },\n\n  data: () => ({\n    isBooted: false,\n  }),\n\n  computed: {\n    styles (): object {\n      return {\n        display: 'block',\n        opacity: this.isBooted ? 1 : 0,\n        transform: `translate(-50%, ${this.parallax}px)`,\n      }\n    },\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init () {\n      const img = this.$refs.img\n\n      if (!img) return\n\n      if (img.complete) {\n        this.translate()\n        this.listeners()\n      } else {\n        img.addEventListener('load', () => {\n          this.translate()\n          this.listeners()\n        }, false)\n      }\n\n      this.isBooted = true\n    },\n    objHeight () {\n      return this.$refs.img.naturalHeight\n    },\n  },\n\n  render (h): VNode {\n    const imgData: VNodeData = {\n      staticClass: 'v-parallax__image',\n      style: this.styles,\n      attrs: {\n        src: this.src,\n        srcset: this.srcset,\n        alt: this.alt,\n      },\n      ref: 'img',\n    }\n\n    const container = h('div', {\n      staticClass: 'v-parallax__image-container',\n    }, [\n      h('img', imgData),\n    ])\n\n    const content = h('div', {\n      staticClass: 'v-parallax__content',\n    }, getSlot(this))\n\n    return h('div', {\n      staticClass: 'v-parallax',\n      style: {\n        height: `${this.height}px`,\n      },\n      on: this.$listeners,\n    }, [container, content])\n  },\n})\n"],"sourceRoot":"","file":"VParallax.js"}

package/lib/components/VPicker/VPicker.js

@@ -1,4 +1,3 @@
-import { h, Transition } from 'vue';
 import "../../../src/components/VPicker/VPicker.sass";
 import "../../../src/components/VCard/VCard.sass"; // Mixins
 
@@ -35,25 +34,29 @@ export default mixins(Colorable, Elevatable, Themeable).extend({
   },
   methods: {
     genTitle() {
-      return h('div', this.setBackgroundColor(this.computedTitleColor, {
-        class: ['v-picker__title', {
+      return this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {
+        staticClass: 'v-picker__title',
+        class: {
           'v-picker__title--landscape': this.landscape
-        }]
+        }
       }), getSlot(this, 'title'));
     },
 
     genBodyTransition() {
-      return h(Transition, {
-        name: this.transition
+      return this.$createElement('transition', {
+        props: {
+          name: this.transition
+        }
       }, getSlot(this));
     },
 
     genBody() {
-      return h('div', {
-        class: ['v-picker__body', {
+      return this.$createElement('div', {
+        staticClass: 'v-picker__body',
+        class: {
           'v-picker__body--no-title': this.noTitle,
           ...this.themeClasses
-        }],
+        },
         style: this.fullWidth ? undefined : {
           width: convertToUnit(this.width)
         }
@@ -61,24 +64,26 @@ export default mixins(Colorable, Elevatable, Themeable).extend({
     },
 
     genActions() {
-      return h('div', {
-        class: ['v-picker__actions v-card__actions', {
+      return this.$createElement('div', {
+        staticClass: 'v-picker__actions v-card__actions',
+        class: {
           'v-picker__actions--no-title': this.noTitle
-        }]
+        }
       }, getSlot(this, 'actions'));
     }
 
   },
 
-  render() {
+  render(h) {
     return h('div', {
-      class: ['v-picker v-card', {
+      staticClass: 'v-picker v-card',
+      class: {
         'v-picker--flat': this.flat,
         'v-picker--landscape': this.landscape,
         'v-picker--full-width': this.fullWidth,
         ...this.themeClasses,
         ...this.elevationClasses
-      }]
+      }
     }, [this.$slots.title ? this.genTitle() : null, this.genBody(), this.$slots.actions ? this.genActions() : null]);
   }
 

package/lib/components/VPicker/VPicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VPicker/VPicker.ts"],"names":[],"mappings":"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","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":"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","sourcesContent":["import './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 this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {\n        staticClass: 'v-picker__title',\n        class: {\n          'v-picker__title--landscape': this.landscape,\n        },\n      }), getSlot(this, 'title'))\n    },\n    genBodyTransition () {\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n      }, getSlot(this))\n    },\n    genBody () {\n      return this.$createElement('div', {\n        staticClass: 'v-picker__body',\n        class: {\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 this.$createElement('div', {\n        staticClass: 'v-picker__actions v-card__actions',\n        class: {\n          'v-picker__actions--no-title': this.noTitle,\n        },\n      }, getSlot(this, 'actions'))\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-picker v-card',\n      class: {\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/lib/components/VProgressCircular/VProgressCircular.js

@@ -1,19 +1,15 @@
-import { h, withDirectives } from 'vue'; // Styles
-
+// Styles
 import "../../../src/components/VProgressCircular/VProgressCircular.sass"; // Directives
 
-import intersect, { Intersect } from '../../directives/intersect'; // Mixins
+import intersect from '../../directives/intersect'; // Mixins
 
 import Colorable from '../../mixins/colorable'; // Utils
 
-import { convertToUnit, getSlot } from '../../util/helpers'; // Types
-
-import { defineComponent } from 'vue';
+import { convertToUnit, getSlot } from '../../util/helpers';
 /* @vue/component */
 
-export default defineComponent({
+export default Colorable.extend({
   name: 'v-progress-circular',
-  extends: Colorable,
   directives: {
     intersect
   },
@@ -102,30 +98,34 @@ export default defineComponent({
   },
   methods: {
     genCircle(name, offset) {
-      return h('circle', {
+      return this.$createElement('circle', {
         class: `v-progress-circular__${name}`,
-        fill: 'transparent',
-        cx: 2 * this.viewBoxSize,
-        cy: 2 * this.viewBoxSize,
-        r: this.radius,
-        'stroke-width': this.strokeWidth,
-        'stroke-dasharray': this.strokeDashArray,
-        'stroke-dashoffset': offset
+        attrs: {
+          fill: 'transparent',
+          cx: 2 * this.viewBoxSize,
+          cy: 2 * this.viewBoxSize,
+          r: this.radius,
+          'stroke-width': this.strokeWidth,
+          'stroke-dasharray': this.strokeDashArray,
+          'stroke-dashoffset': offset
+        }
       });
     },
 
     genSvg() {
       const children = [this.indeterminate || this.genCircle('underlay', 0), this.genCircle('overlay', this.strokeDashOffset)];
-      return h('svg', {
+      return this.$createElement('svg', {
         style: this.svgStyles,
-        xmlns: 'http://www.w3.org/2000/svg',
-        viewBox: `${this.viewBoxSize} ${this.viewBoxSize} ${2 * this.viewBoxSize} ${2 * this.viewBoxSize}`
+        attrs: {
+          xmlns: 'http://www.w3.org/2000/svg',
+          viewBox: `${this.viewBoxSize} ${this.viewBoxSize} ${2 * this.viewBoxSize} ${2 * this.viewBoxSize}`
+        }
       }, children);
     },
 
     genInfo() {
-      return h('div', {
-        class: 'v-progress-circular__info'
+      return this.$createElement('div', {
+        staticClass: 'v-progress-circular__info'
       }, getSlot(this));
     },
 
@@ -135,16 +135,23 @@ export default defineComponent({
 
   },
 
-  render() {
-    return withDirectives(h('div', this.setTextColor(this.color, {
-      class: ['v-progress-circular', this.classes],
-      role: 'progressbar',
-      'aria-valuemin': 0,
-      'aria-valuemax': 100,
-      'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,
+  render(h) {
+    return h('div', this.setTextColor(this.color, {
+      staticClass: 'v-progress-circular',
+      attrs: {
+        role: 'progressbar',
+        'aria-valuemin': 0,
+        'aria-valuemax': 100,
+        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue
+      },
+      class: this.classes,
+      directives: [{
+        name: 'intersect',
+        value: this.onObserve
+      }],
       style: this.styles,
-      ...this.$listeners
-    }), [this.genSvg(), this.genInfo()]), [[Intersect, this.onObserve]]);
+      on: this.$listeners
+    }), [this.genSvg(), this.genInfo()]);
   }
 
 });

package/lib/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;AACA,OAAO,kEAAP,C,CAEA;;AACA,OAAO,SAAP,MAAsB,4BAAtB,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,SAAS,aAAT,EAAwB,OAAxB,QAAuC,oBAAvC;AAKA;;AACA,eAAe,SAAS,CAAC,MAAV,CAAiB;AAC9B,EAAA,IAAI,EAAE,qBADwB;AAG9B,EAAA,UAAU,EAAE;AAAE,IAAA;AAAF,GAHkB;AAK9B,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,GALuB;AA0B9B,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,MAAM,EAAE,EADG;AAEX,IAAA,SAAS,EAAE;AAFA,GAAP,CA1BwB;AA+B9B,EAAA,QAAQ,EAAE;AACR,IAAA,cAAc,GAAA;AACZ,aAAO,MAAM,CAAC,KAAK,IAAN,CAAN,IAAqB,KAAK,MAAL,GAAc,CAAd,GAAkB,CAAvC,CAAP;AACD,KAHO;;AAKR,IAAA,aAAa,GAAA;AACX,aAAO,IAAI,IAAI,CAAC,EAAT,GAAc,KAAK,MAA1B;AACD,KAPO;;AASR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,wCAAgC,KAAK,SADhC;AAEL,8CAAsC,KAAK,aAFtC;AAGL,uCAA+B,KAAK;AAH/B,OAAP;AAKD,KAfO;;AAiBR,IAAA,eAAe,GAAA;AACb,UAAI,KAAK,KAAL,GAAa,CAAjB,EAAoB;AAClB,eAAO,CAAP;AACD;;AAED,UAAI,KAAK,KAAL,GAAa,GAAjB,EAAsB;AACpB,eAAO,GAAP;AACD;;AAED,aAAO,UAAU,CAAC,KAAK,KAAN,CAAjB;AACD,KA3BO;;AA6BR,IAAA,eAAe,GAAA;AACb,aAAO,IAAI,CAAC,KAAL,CAAW,KAAK,aAAL,GAAqB,IAAhC,IAAwC,IAA/C;AACD,KA/BO;;AAiCR,IAAA,gBAAgB,GAAA;AACd,aAAQ,CAAC,MAAM,KAAK,eAAZ,IAA+B,GAAhC,GAAuC,KAAK,aAA5C,GAA4D,IAAnE;AACD,KAnCO;;AAqCR,IAAA,WAAW,GAAA;AACT,aAAO,MAAM,CAAC,KAAK,KAAN,CAAN,GAAqB,CAAC,KAAK,IAA3B,GAAkC,KAAK,WAAvC,GAAqD,CAA5D;AACD,KAvCO;;AAyCR,IAAA,MAAM,GAAA;AACJ,aAAO;AACL,QAAA,MAAM,EAAE,aAAa,CAAC,KAAK,cAAN,CADhB;AAEL,QAAA,KAAK,EAAE,aAAa,CAAC,KAAK,cAAN;AAFf,OAAP;AAID,KA9CO;;AAgDR,IAAA,SAAS,GAAA;AACP,aAAO;AACL,QAAA,SAAS,EAAE,UAAU,MAAM,CAAC,KAAK,MAAN,CAAa;AADnC,OAAP;AAGD,KApDO;;AAsDR,IAAA,WAAW,GAAA;AACT,aAAO,KAAK,MAAL,IAAe,IAAI,MAAM,CAAC,KAAK,KAAN,CAAN,GAAqB,CAAC,KAAK,IAA9C,CAAP;AACD;;AAxDO,GA/BoB;AA0F9B,EAAA,OAAO,EAAE;AACP,IAAA,SAAS,CAAE,IAAF,EAAgB,MAAhB,EAAuC;AAC9C,aAAO,KAAK,cAAL,CAAoB,QAApB,EAA8B;AACnC,QAAA,KAAK,EAAE,wBAAwB,IAAI,EADA;AAEnC,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE,aADD;AAEL,UAAA,EAAE,EAAE,IAAI,KAAK,WAFR;AAGL,UAAA,EAAE,EAAE,IAAI,KAAK,WAHR;AAIL,UAAA,CAAC,EAAE,KAAK,MAJH;AAKL,0BAAgB,KAAK,WALhB;AAML,8BAAoB,KAAK,eANpB;AAOL,+BAAqB;AAPhB;AAF4B,OAA9B,CAAP;AAYD,KAdM;;AAeP,IAAA,MAAM,GAAA;AACJ,YAAM,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,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,KAAK,EAAE,KAAK,SADoB;AAEhC,QAAA,KAAK,EAAE;AACL,UAAA,KAAK,EAAE,4BADF;AAEL,UAAA,OAAO,EAAE,GAAG,KAAK,WAAW,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,WAAW;AAF3F;AAFyB,OAA3B,EAMJ,QANI,CAAP;AAOD,KA5BM;;AA6BP,IAAA,OAAO,GAAA;AACL,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE;AADmB,OAA3B,EAEJ,OAAO,CAAC,IAAD,CAFH,CAAP;AAGD,KAjCM;;AAkCP,IAAA,SAAS,CAAE,OAAF,EAAwC,QAAxC,EAAwE,cAAxE,EAA+F;AACtG,WAAK,SAAL,GAAiB,cAAjB;AACD;;AApCM,GA1FqB;;AAiI9B,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B;AAC5C,MAAA,WAAW,EAAE,qBAD+B;AAE5C,MAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,aADD;AAEL,yBAAiB,CAFZ;AAGL,yBAAiB,GAHZ;AAIL,yBAAiB,KAAK,aAAL,GAAqB,SAArB,GAAiC,KAAK;AAJlD,OAFqC;AAQ5C,MAAA,KAAK,EAAE,KAAK,OARgC;AAS5C,MAAA,UAAU,EAAE,CAAC;AACX,QAAA,IAAI,EAAE,WADK;AAEX,QAAA,KAAK,EAAE,KAAK;AAFD,OAAD,CATgC;AAa5C,MAAA,KAAK,EAAE,KAAK,MAbgC;AAc5C,MAAA,EAAE,EAAE,KAAK;AAdmC,KAA9B,CAAR,EAeJ,CACF,KAAK,MAAL,EADE,EAEF,KAAK,OAAL,EAFE,CAfI,CAAR;AAmBD;;AArJ6B,CAAjB,CAAf","sourcesContent":["// Styles\nimport './VProgressCircular.sass'\n\n// Directives\nimport 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 } from 'vue'\n\n/* @vue/component */\nexport default Colorable.extend({\n  name: 'v-progress-circular',\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 this.$createElement('circle', {\n        class: `v-progress-circular__${name}`,\n        attrs: {\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    },\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 this.$createElement('svg', {\n        style: this.svgStyles,\n        attrs: {\n          xmlns: 'http://www.w3.org/2000/svg',\n          viewBox: `${this.viewBoxSize} ${this.viewBoxSize} ${2 * this.viewBoxSize} ${2 * this.viewBoxSize}`,\n        },\n      }, children)\n    },\n    genInfo (): VNode {\n      return this.$createElement('div', {\n        staticClass: '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 (h): VNode {\n    return h('div', this.setTextColor(this.color, {\n      staticClass: 'v-progress-circular',\n      attrs: {\n        role: 'progressbar',\n        'aria-valuemin': 0,\n        'aria-valuemax': 100,\n        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      },\n      class: this.classes,\n      directives: [{\n        name: 'intersect',\n        value: this.onObserve,\n      }],\n      style: this.styles,\n      on: this.$listeners,\n    }), [\n      this.genSvg(),\n      this.genInfo(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VProgressCircular.js"}