@dimailn/vuetify 2.7.2-alpha0

package/lib/components/VPagination/VPagination.js

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

package/lib/components/VPagination/VPagination.js.map

@@ -0,0 +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"}

package/lib/components/VPagination/index.js

@@ -0,0 +1,4 @@
+import VPagination from './VPagination';
+export { VPagination };
+export default VPagination;
+//# sourceMappingURL=index.js.map

package/lib/components/VPagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VPagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAP,MAAwB,eAAxB;AAEA,SAAS,WAAT;AACA,eAAe,WAAf","sourcesContent":["import VPagination from './VPagination'\n\nexport { VPagination }\nexport default VPagination\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VParallax/VParallax.js

@@ -0,0 +1,92 @@
+import { h } from 'vue'; // Style
+
+import "../../../src/components/VParallax/VParallax.sass"; // Mixins
+
+import Translatable from '../../mixins/translatable';
+import mixins from '../../util/mixins';
+import { getSlot } from '../../util/helpers';
+const baseMixins = mixins(Translatable);
+/* @vue/component */
+
+export default baseMixins.extend({
+  name: 'v-parallax',
+  props: {
+    alt: {
+      type: String,
+      default: ''
+    },
+    height: {
+      type: [String, Number],
+      default: 500
+    },
+    src: String,
+    srcset: String
+  },
+  data: () => ({
+    isBooted: false
+  }),
+  computed: {
+    styles() {
+      return {
+        display: 'block',
+        opacity: this.isBooted ? 1 : 0,
+        transform: `translate(-50%, ${this.parallax}px)`
+      };
+    }
+
+  },
+
+  mounted() {
+    this.init();
+  },
+
+  methods: {
+    init() {
+      const img = this.$refs.img;
+      if (!img) return;
+
+      if (img.complete) {
+        this.translate();
+        this.listeners();
+      } else {
+        img.addEventListener('load', () => {
+          this.translate();
+          this.listeners();
+        }, false);
+      }
+
+      this.isBooted = true;
+    },
+
+    objHeight() {
+      return this.$refs.img.naturalHeight;
+    }
+
+  },
+
+  render() {
+    const imgData = {
+      class: 'v-parallax__image',
+      style: this.styles,
+      src: this.src,
+      srcset: this.srcset,
+      alt: this.alt,
+      ref: 'img'
+    };
+    const container = h('div', {
+      class: 'v-parallax__image-container'
+    }, [h('img', imgData)]);
+    const content = h('div', {
+      class: 'v-parallax__content'
+    }, getSlot(this));
+    return h('div', {
+      class: 'v-parallax',
+      style: {
+        height: `${this.height}px`
+      },
+      ...this.$listeners
+    }, [container, content]);
+  }
+
+});
+//# sourceMappingURL=VParallax.js.map

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

@@ -0,0 +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"}

package/lib/components/VParallax/index.js

@@ -0,0 +1,4 @@
+import VParallax from './VParallax';
+export { VParallax };
+export default VParallax;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VParallax/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AAEA,SAAS,SAAT;AACA,eAAe,SAAf","sourcesContent":["import VParallax from './VParallax'\n\nexport { VParallax }\nexport default VParallax\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VPicker/VPicker.js

@@ -0,0 +1,86 @@
+import { h, Transition } from 'vue';
+import "../../../src/components/VPicker/VPicker.sass";
+import "../../../src/components/VCard/VCard.sass"; // Mixins
+
+import Colorable from '../../mixins/colorable';
+import Elevatable from '../../mixins/elevatable';
+import Themeable from '../../mixins/themeable'; // Helpers
+
+import { convertToUnit, getSlot } from '../../util/helpers';
+import mixins from '../../util/mixins';
+/* @vue/component */
+
+export default mixins(Colorable, Elevatable, Themeable).extend({
+  name: 'v-picker',
+  props: {
+    flat: Boolean,
+    fullWidth: Boolean,
+    landscape: Boolean,
+    noTitle: Boolean,
+    transition: {
+      type: String,
+      default: 'fade-transition'
+    },
+    width: {
+      type: [Number, String],
+      default: 290
+    }
+  },
+  computed: {
+    computedTitleColor() {
+      const defaultTitleColor = this.isDark ? false : this.color || 'primary';
+      return this.color || defaultTitleColor;
+    }
+
+  },
+  methods: {
+    genTitle() {
+      return h('div', this.setBackgroundColor(this.computedTitleColor, {
+        class: ['v-picker__title', {
+          'v-picker__title--landscape': this.landscape
+        }]
+      }), getSlot(this, 'title'));
+    },
+
+    genBodyTransition() {
+      return h(Transition, {
+        name: this.transition
+      }, getSlot(this));
+    },
+
+    genBody() {
+      return h('div', {
+        class: ['v-picker__body', {
+          'v-picker__body--no-title': this.noTitle,
+          ...this.themeClasses
+        }],
+        style: this.fullWidth ? undefined : {
+          width: convertToUnit(this.width)
+        }
+      }, [this.genBodyTransition()]);
+    },
+
+    genActions() {
+      return h('div', {
+        class: ['v-picker__actions v-card__actions', {
+          'v-picker__actions--no-title': this.noTitle
+        }]
+      }, getSlot(this, 'actions'));
+    }
+
+  },
+
+  render() {
+    return h('div', {
+      class: ['v-picker v-card', {
+        '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]);
+  }
+
+});
+//# sourceMappingURL=VPicker.js.map

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

@@ -0,0 +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"}

package/lib/components/VPicker/index.js

@@ -0,0 +1,4 @@
+import VPicker from './VPicker';
+export { VPicker };
+export default VPicker;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AAEA,SAAS,OAAT;AACA,eAAe,OAAf","sourcesContent":["import VPicker from './VPicker'\n\nexport { VPicker }\nexport default VPicker\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VProgressCircular/VProgressCircular.js

@@ -0,0 +1,151 @@
+import { h, withDirectives } from 'vue'; // Styles
+
+import "../../../src/components/VProgressCircular/VProgressCircular.sass"; // Directives
+
+import intersect, { Intersect } from '../../directives/intersect'; // Mixins
+
+import Colorable from '../../mixins/colorable'; // Utils
+
+import { convertToUnit, getSlot } from '../../util/helpers'; // Types
+
+import { defineComponent } from 'vue';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'v-progress-circular',
+  extends: Colorable,
+  directives: {
+    intersect
+  },
+  props: {
+    button: Boolean,
+    indeterminate: Boolean,
+    rotate: {
+      type: [Number, String],
+      default: 0
+    },
+    size: {
+      type: [Number, String],
+      default: 32
+    },
+    width: {
+      type: [Number, String],
+      default: 4
+    },
+    value: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  data: () => ({
+    radius: 20,
+    isVisible: true
+  }),
+  computed: {
+    calculatedSize() {
+      return Number(this.size) + (this.button ? 8 : 0);
+    },
+
+    circumference() {
+      return 2 * Math.PI * this.radius;
+    },
+
+    classes() {
+      return {
+        'v-progress-circular--visible': this.isVisible,
+        'v-progress-circular--indeterminate': this.indeterminate,
+        'v-progress-circular--button': this.button
+      };
+    },
+
+    normalizedValue() {
+      if (this.value < 0) {
+        return 0;
+      }
+
+      if (this.value > 100) {
+        return 100;
+      }
+
+      return parseFloat(this.value);
+    },
+
+    strokeDashArray() {
+      return Math.round(this.circumference * 1000) / 1000;
+    },
+
+    strokeDashOffset() {
+      return (100 - this.normalizedValue) / 100 * this.circumference + 'px';
+    },
+
+    strokeWidth() {
+      return Number(this.width) / +this.size * this.viewBoxSize * 2;
+    },
+
+    styles() {
+      return {
+        height: convertToUnit(this.calculatedSize),
+        width: convertToUnit(this.calculatedSize)
+      };
+    },
+
+    svgStyles() {
+      return {
+        transform: `rotate(${Number(this.rotate)}deg)`
+      };
+    },
+
+    viewBoxSize() {
+      return this.radius / (1 - Number(this.width) / +this.size);
+    }
+
+  },
+  methods: {
+    genCircle(name, offset) {
+      return h('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
+      });
+    },
+
+    genSvg() {
+      const children = [this.indeterminate || this.genCircle('underlay', 0), this.genCircle('overlay', this.strokeDashOffset)];
+      return h('svg', {
+        style: this.svgStyles,
+        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'
+      }, getSlot(this));
+    },
+
+    onObserve(entries, observer, isIntersecting) {
+      this.isVisible = isIntersecting;
+    }
+
+  },
+
+  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,
+      style: this.styles,
+      ...this.$listeners
+    }), [this.genSvg(), this.genInfo()]), [[Intersect, this.onObserve]]);
+  }
+
+});
+//# sourceMappingURL=VProgressCircular.js.map

package/lib/components/VProgressCircular/VProgressCircular.js.map

@@ -0,0 +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"}

package/lib/components/VProgressCircular/index.js

@@ -0,0 +1,4 @@
+import VProgressCircular from './VProgressCircular';
+export { VProgressCircular };
+export default VProgressCircular;
+//# sourceMappingURL=index.js.map

package/lib/components/VProgressCircular/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VProgressCircular/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAP,MAA8B,qBAA9B;AAEA,SAAS,iBAAT;AACA,eAAe,iBAAf","sourcesContent":["import VProgressCircular from './VProgressCircular'\n\nexport { VProgressCircular }\nexport default VProgressCircular\n"],"sourceRoot":"","file":"index.js"}