@kokoccc/vuetify 1.0.2 → 1.0.4

package/lib/components/VDatePicker/VDatePickerDateTable.js

@@ -0,0 +1,146 @@
+// Mixins
+import DatePickerTable from './mixins/date-picker-table'; // Utils
+
+import { weekNumber } from '../../util/dateTimeUtils';
+import { pad, createNativeLocaleFormatter, monthChange } from './util';
+import { createRange } from '../../util/helpers';
+import mixins from '../../util/mixins'; // Types
+
+import { h } from 'vue';
+export default mixins(DatePickerTable
+/* @vue/component */
+).extend({
+  name: 'v-date-picker-date-table',
+  props: {
+    firstDayOfWeek: {
+      type: [String, Number],
+      default: 0
+    },
+    localeFirstDayOfYear: {
+      type: [String, Number],
+      default: 0
+    },
+    showAdjacentMonths: Boolean,
+    showWeek: Boolean,
+    weekdayFormat: Function
+  },
+  computed: {
+    formatter() {
+      return this.format || createNativeLocaleFormatter(this.currentLocale, {
+        day: 'numeric',
+        timeZone: 'UTC'
+      }, {
+        start: 8,
+        length: 2
+      });
+    },
+
+    weekdayFormatter() {
+      return this.weekdayFormat || createNativeLocaleFormatter(this.currentLocale, {
+        weekday: 'narrow',
+        timeZone: 'UTC'
+      });
+    },
+
+    weekDays() {
+      const first = parseInt(this.firstDayOfWeek, 10);
+      return this.weekdayFormatter ? createRange(7).map(i => this.weekdayFormatter(`2017-01-${first + i + 15}`)) // 2017-01-15 is Sunday
+      : createRange(7).map(i => ['S', 'M', 'T', 'W', 'T', 'F', 'S'][(i + first) % 7]);
+    }
+
+  },
+  methods: {
+    calculateTableDate(delta) {
+      return monthChange(this.tableDate, Math.sign(delta || 1));
+    },
+
+    genTHead() {
+      const days = this.weekDays.map(day => h('th', day));
+
+      if (this.showWeek) {
+        days.unshift(h('th'));
+      }
+
+      return h('thead', this.genTR(days));
+    },
+
+    // Returns number of the days from the firstDayOfWeek to the first day of the current month
+    weekDaysBeforeFirstDayOfTheMonth() {
+      const firstDayOfTheMonth = new Date(`${this.displayedYear}-${pad(this.displayedMonth + 1)}-01T00:00:00+00:00`);
+      const weekDay = firstDayOfTheMonth.getUTCDay();
+      return (weekDay - parseInt(this.firstDayOfWeek) + 7) % 7;
+    },
+
+    getWeekNumber(dayInMonth) {
+      return weekNumber(this.displayedYear, this.displayedMonth, dayInMonth, parseInt(this.firstDayOfWeek), parseInt(this.localeFirstDayOfYear));
+    },
+
+    genWeekNumber(weekNumber) {
+      return h('td', [h('small', {
+        class: 'v-date-picker-table--date__week'
+      }, String(weekNumber).padStart(2, '0'))]);
+    },
+
+    // eslint-disable-next-line max-statements
+    genTBody() {
+      const children = [];
+      const daysInMonth = new Date(this.displayedYear, this.displayedMonth + 1, 0).getDate();
+      let rows = [];
+      let day = this.weekDaysBeforeFirstDayOfTheMonth();
+
+      if (this.showWeek) {
+        rows.push(this.genWeekNumber(this.getWeekNumber(1)));
+      }
+
+      const prevMonthYear = this.displayedMonth ? this.displayedYear : this.displayedYear - 1;
+      const prevMonth = (this.displayedMonth + 11) % 12;
+      const firstDayFromPreviousMonth = new Date(this.displayedYear, this.displayedMonth, 0).getDate();
+      const cellsInRow = this.showWeek ? 8 : 7;
+
+      while (day--) {
+        const date = `${prevMonthYear}-${pad(prevMonth + 1)}-${pad(firstDayFromPreviousMonth - day)}`;
+        rows.push(h('td', this.showAdjacentMonths ? [this.genButton(date, true, 'date', this.formatter, true)] : []));
+      }
+
+      for (day = 1; day <= daysInMonth; day++) {
+        const date = `${this.displayedYear}-${pad(this.displayedMonth + 1)}-${pad(day)}`;
+        rows.push(h('td', [this.genButton(date, true, 'date', this.formatter)]));
+
+        if (rows.length % cellsInRow === 0) {
+          children.push(this.genTR(rows));
+          rows = [];
+
+          if (this.showWeek && (day < daysInMonth || this.showAdjacentMonths)) {
+            rows.push(this.genWeekNumber(this.getWeekNumber(day + 7)));
+          }
+        }
+      }
+
+      const nextMonthYear = this.displayedMonth === 11 ? this.displayedYear + 1 : this.displayedYear;
+      const nextMonth = (this.displayedMonth + 1) % 12;
+      let nextMonthDay = 1;
+
+      while (rows.length < cellsInRow) {
+        const date = `${nextMonthYear}-${pad(nextMonth + 1)}-${pad(nextMonthDay++)}`;
+        rows.push(h('td', this.showAdjacentMonths ? [this.genButton(date, true, 'date', this.formatter, true)] : []));
+      }
+
+      if (rows.length) {
+        children.push(this.genTR(rows));
+      }
+
+      return h('tbody', children);
+    },
+
+    genTR(children) {
+      return [h('tr', children)];
+    }
+
+  },
+
+  render() {
+    return this.genTable('v-date-picker-table v-date-picker-table--date', [this.genTHead(), this.genTBody()], this.calculateTableDate);
+  }
+
+});
+//# sourceMappingURL=VDatePickerDateTable.js.map

package/lib/components/VDatePicker/VDatePickerDateTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerDateTable.ts"],"names":[],"mappings":"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","sourcesContent":["// Mixins\nimport DatePickerTable from './mixins/date-picker-table'\n\n// Utils\nimport { weekNumber } from '../../util/dateTimeUtils'\nimport { pad, createNativeLocaleFormatter, monthChange } from './util'\nimport { createRange } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, VNodeChildren, PropType, h } from 'vue'\nimport { DatePickerFormatter } from 'vuetify/types'\n\nexport default mixins(\n  DatePickerTable\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-date-table',\n\n  props: {\n    firstDayOfWeek: {\n      type: [String, Number],\n      default: 0,\n    },\n    localeFirstDayOfYear: {\n      type: [String, Number],\n      default: 0,\n    },\n    showAdjacentMonths: Boolean,\n    showWeek: Boolean,\n    weekdayFormat: Function as PropType<DatePickerFormatter | undefined>,\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { day: 'numeric', timeZone: 'UTC' }, { start: 8, length: 2 })\n    },\n    weekdayFormatter (): DatePickerFormatter | undefined {\n      return this.weekdayFormat || createNativeLocaleFormatter(this.currentLocale, { weekday: 'narrow', timeZone: 'UTC' })\n    },\n    weekDays (): string[] {\n      const first = parseInt(this.firstDayOfWeek, 10)\n\n      return this.weekdayFormatter\n        ? createRange(7).map(i => this.weekdayFormatter!(`2017-01-${first + i + 15}`)) // 2017-01-15 is Sunday\n        : createRange(7).map(i => ['S', 'M', 'T', 'W', 'T', 'F', 'S'][(i + first) % 7])\n    },\n  },\n\n  methods: {\n    calculateTableDate (delta: number) {\n      return monthChange(this.tableDate, Math.sign(delta || 1))\n    },\n    genTHead () {\n      const days = this.weekDays.map(day => h('th', day))\n      if (this.showWeek) {\n        days.unshift(h('th'))\n      }\n\n      return h('thead', this.genTR(days))\n    },\n    // Returns number of the days from the firstDayOfWeek to the first day of the current month\n    weekDaysBeforeFirstDayOfTheMonth () {\n      const firstDayOfTheMonth = new Date(`${this.displayedYear}-${pad(this.displayedMonth + 1)}-01T00:00:00+00:00`)\n      const weekDay = firstDayOfTheMonth.getUTCDay()\n\n      return (weekDay - parseInt(this.firstDayOfWeek) + 7) % 7\n    },\n    getWeekNumber (dayInMonth: number) {\n      return weekNumber(\n        this.displayedYear,\n        this.displayedMonth,\n        dayInMonth,\n        parseInt(this.firstDayOfWeek),\n        parseInt(this.localeFirstDayOfYear)\n      )\n    },\n    genWeekNumber (weekNumber: number) {\n      return h('td', [\n        h('small', {\n          class: 'v-date-picker-table--date__week',\n        }, String(weekNumber).padStart(2, '0')),\n      ])\n    },\n    // eslint-disable-next-line max-statements\n    genTBody () {\n      const children = []\n      const daysInMonth = new Date(this.displayedYear, this.displayedMonth + 1, 0).getDate()\n      let rows = []\n      let day = this.weekDaysBeforeFirstDayOfTheMonth()\n\n      if (this.showWeek) {\n        rows.push(this.genWeekNumber(this.getWeekNumber(1)))\n      }\n\n      const prevMonthYear = this.displayedMonth ? this.displayedYear : this.displayedYear - 1\n      const prevMonth = (this.displayedMonth + 11) % 12\n      const firstDayFromPreviousMonth = new Date(this.displayedYear, this.displayedMonth, 0).getDate()\n      const cellsInRow = this.showWeek ? 8 : 7\n\n      while (day--) {\n        const date = `${prevMonthYear}-${pad(prevMonth + 1)}-${pad(firstDayFromPreviousMonth - day)}`\n\n        rows.push(h('td', this.showAdjacentMonths ? [\n          this.genButton(date, true, 'date', this.formatter, true),\n        ] : []))\n      }\n\n      for (day = 1; day <= daysInMonth; day++) {\n        const date = `${this.displayedYear}-${pad(this.displayedMonth + 1)}-${pad(day)}`\n\n        rows.push(h('td', [\n          this.genButton(date, true, 'date', this.formatter),\n        ]))\n\n        if (rows.length % cellsInRow === 0) {\n          children.push(this.genTR(rows))\n          rows = []\n          if (this.showWeek && (day < daysInMonth || this.showAdjacentMonths)) {\n            rows.push(this.genWeekNumber(this.getWeekNumber(day + 7)))\n          }\n        }\n      }\n\n      const nextMonthYear = this.displayedMonth === 11 ? this.displayedYear + 1 : this.displayedYear\n      const nextMonth = (this.displayedMonth + 1) % 12\n      let nextMonthDay = 1\n\n      while (rows.length < cellsInRow) {\n        const date = `${nextMonthYear}-${pad(nextMonth + 1)}-${pad(nextMonthDay++)}`\n\n        rows.push(h('td', this.showAdjacentMonths ? [\n          this.genButton(date, true, 'date', this.formatter, true),\n        ] : []))\n      }\n\n      if (rows.length) {\n        children.push(this.genTR(rows))\n      }\n\n      return h('tbody', children)\n    },\n    genTR (children: VNodeChildren) {\n      return [h('tr', children)]\n    },\n  },\n\n  render (): VNode {\n    return this.genTable('v-date-picker-table v-date-picker-table--date', [\n      this.genTHead(),\n      this.genTBody(),\n    ], this.calculateTableDate)\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerDateTable.js"}

package/lib/components/VDatePicker/VDatePickerHeader.js

@@ -0,0 +1,158 @@
+import "../../../src/components/VDatePicker/VDatePickerHeader.sass"; // Components
+
+import VBtn from '../VBtn';
+import VIcon from '../VIcon'; // Mixins
+
+import Colorable from '../../mixins/colorable';
+import Localable from '../../mixins/localable';
+import Themeable from '../../mixins/themeable'; // Utils
+
+import { createNativeLocaleFormatter, monthChange } from './util';
+import { getSlot } from '../../util/helpers';
+import { breaking } from '../../util/console'; // Types
+
+import { Transition, h, defineComponent } from 'vue';
+export default defineComponent({
+  name: 'v-date-picker-header',
+  mixins: [Colorable, Localable, Themeable],
+  props: {
+    disabled: Boolean,
+    format: Function,
+    min: String,
+    max: String,
+    nextAriaLabel: String,
+    nextIcon: {
+      type: String,
+      default: '$next'
+    },
+    prevAriaLabel: String,
+    prevIcon: {
+      type: String,
+      default: '$prev'
+    },
+    readonly: Boolean,
+    modelValue: {
+      type: [Number, String],
+      required: true
+    }
+  },
+  emits: ['update:modelValue', 'toggle'],
+
+  data() {
+    return {
+      isReversing: false
+    };
+  },
+
+  computed: {
+    formatter() {
+      if (this.format) {
+        return this.format;
+      } else if (String(this.modelValue).split('-')[1]) {
+        return createNativeLocaleFormatter(this.currentLocale, {
+          month: 'long',
+          year: 'numeric',
+          timeZone: 'UTC'
+        }, {
+          length: 7
+        });
+      } else {
+        return createNativeLocaleFormatter(this.currentLocale, {
+          year: 'numeric',
+          timeZone: 'UTC'
+        }, {
+          length: 4
+        });
+      }
+    }
+
+  },
+
+  created() {
+    const breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
+  watch: {
+    modelValue(newVal, oldVal) {
+      this.isReversing = newVal < oldVal;
+    }
+
+  },
+  methods: {
+    genBtn(change) {
+      const ariaLabelId = change > 0 ? this.nextAriaLabel : this.prevAriaLabel;
+      const ariaLabel = ariaLabelId ? this.$vuetify.lang.t(ariaLabelId) : undefined;
+      const disabled = this.disabled || change < 0 && this.min && this.calculateChange(change) < this.min || change > 0 && this.max && this.calculateChange(change) > this.max;
+      return h(VBtn, {
+        'aria-label': ariaLabel,
+        dark: this.dark,
+        disabled,
+        icon: true,
+        light: this.light,
+        onClick: e => {
+          e.stopPropagation();
+          this.$emit('update:modelValue', this.calculateChange(change));
+        }
+      }, {
+        default: () => [h(VIcon, {}, {
+          default: () => change < 0 === !this.$vuetify.rtl ? this.prevIcon : this.nextIcon
+        })]
+      });
+    },
+
+    calculateChange(sign) {
+      const [year, month] = String(this.modelValue).split('-').map(Number);
+
+      if (month == null) {
+        return `${year + sign}`;
+      } else {
+        return monthChange(String(this.modelValue), sign);
+      }
+    },
+
+    genHeader() {
+      const color = !this.disabled && (this.color || 'accent');
+      const header = h('div', this.setTextColor(color, {
+        key: String(this.modelValue)
+      }), {
+        default: () => [h('button', {
+          type: 'button',
+          onClick: () => this.$emit('toggle')
+        }, {
+          default: () => getSlot(this) || [this.formatter(String(this.modelValue))]
+        })]
+      });
+      const transition = h(Transition, {
+        name: this.isReversing === !this.$vuetify.rtl ? 'tab-reverse-transition' : 'tab-transition'
+      }, {
+        default: () => [header]
+      });
+      return h('div', {
+        class: ['v-date-picker-header__value', {
+          'v-date-picker-header__value--disabled': this.disabled
+        }]
+      }, {
+        default: () => [transition]
+      });
+    }
+
+  },
+
+  render() {
+    return h('div', {
+      class: ['v-date-picker-header', {
+        'v-date-picker-header--disabled': this.disabled,
+        ...this.themeClasses
+      }]
+    }, {
+      default: () => [this.genBtn(-1), this.genHeader(), this.genBtn(+1)]
+    });
+  }
+
+});
+//# sourceMappingURL=VDatePickerHeader.js.map

package/lib/components/VDatePicker/VDatePickerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerHeader.ts"],"names":[],"mappings":"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","sourcesContent":["import './VDatePickerHeader.sass'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport { createNativeLocaleFormatter, monthChange } from './util'\nimport { getSlot } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, PropType, Transition, h, defineComponent } from 'vue'\nimport { DatePickerFormatter } from 'vuetify/types'\n\nexport default defineComponent({\n  name: 'v-date-picker-header',\n\n  mixins: [Colorable, Localable, Themeable],\n\n  props: {\n    disabled: Boolean,\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: String,\n    max: String,\n    nextAriaLabel: String,\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    prevAriaLabel: String,\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    readonly: Boolean,\n    modelValue: {\n      type: [Number, String],\n      required: true,\n    },\n  },\n\n  emits: ['update:modelValue', 'toggle'],\n\n  data () {\n    return {\n      isReversing: false,\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      if (this.format) {\n        return this.format\n      } else if (String(this.modelValue).split('-')[1]) {\n        return createNativeLocaleFormatter(this.currentLocale, { month: 'long', year: 'numeric', timeZone: 'UTC' }, { length: 7 })\n      } else {\n        return createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\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 (newVal, oldVal) {\n      this.isReversing = newVal < oldVal\n    },\n  },\n\n  methods: {\n    genBtn (change: number) {\n      const ariaLabelId = change > 0 ? this.nextAriaLabel : this.prevAriaLabel\n      const ariaLabel = ariaLabelId ? this.$vuetify.lang.t(ariaLabelId) : undefined\n      const disabled = this.disabled ||\n        (change < 0 && this.min && this.calculateChange(change) < this.min) ||\n        (change > 0 && this.max && this.calculateChange(change) > this.max)\n\n      return h(VBtn, {\n        'aria-label': ariaLabel,\n        dark: this.dark,\n        disabled,\n        icon: true,\n        light: this.light,\n        onClick: (e: Event) => {\n          e.stopPropagation()\n          this.$emit('update:modelValue', this.calculateChange(change))\n        },\n      }, {\n        default: () => [\n          h(VIcon, {}, {\n            default: () => (((change < 0) === !this.$vuetify.rtl) ? this.prevIcon : this.nextIcon),\n          }),\n        ],\n      })\n    },\n    calculateChange (sign: number) {\n      const [year, month] = String(this.modelValue).split('-').map(Number)\n\n      if (month == null) {\n        return `${year + sign}`\n      } else {\n        return monthChange(String(this.modelValue), sign)\n      }\n    },\n    genHeader () {\n      const color = !this.disabled && (this.color || 'accent')\n      const header = h('div', this.setTextColor(color, {\n        key: String(this.modelValue),\n      }), {\n        default: () => [h('button', {\n          type: 'button',\n          onClick: () => this.$emit('toggle'),\n        }, {\n          default: () => getSlot(this) || [this.formatter(String(this.modelValue))],\n        })],\n      })\n\n      const transition = h(Transition, {\n        name: (this.isReversing === !this.$vuetify.rtl) ? 'tab-reverse-transition' : 'tab-transition',\n      }, {\n        default: () => [header],\n      })\n\n      return h('div', {\n        class: ['v-date-picker-header__value', {\n          'v-date-picker-header__value--disabled': this.disabled,\n        }],\n      }, {\n        default: () => [transition],\n      })\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-date-picker-header', {\n        'v-date-picker-header--disabled': this.disabled,\n        ...this.themeClasses,\n      }],\n    }, {\n      default: () => [\n        this.genBtn(-1),\n        this.genHeader(),\n        this.genBtn(+1),\n      ],\n    })\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerHeader.js"}

package/lib/components/VDatePicker/VDatePickerMonthTable.js

@@ -0,0 +1,57 @@
+// Mixins
+import DatePickerTable from './mixins/date-picker-table'; // Utils
+
+import { pad, createNativeLocaleFormatter } from './util';
+import mixins from '../../util/mixins'; // Types
+
+import { h } from 'vue';
+export default mixins(DatePickerTable
+/* @vue/component */
+).extend({
+  name: 'v-date-picker-month-table',
+  computed: {
+    formatter() {
+      return this.format || createNativeLocaleFormatter(this.currentLocale, {
+        month: 'short',
+        timeZone: 'UTC'
+      }, {
+        start: 5,
+        length: 2
+      });
+    }
+
+  },
+  methods: {
+    calculateTableDate(delta) {
+      return `${parseInt(this.tableDate, 10) + Math.sign(delta || 1)}`;
+    },
+
+    genTBody() {
+      const children = [];
+      const cols = Array(3).fill(null);
+      const rows = 12 / cols.length;
+
+      for (let row = 0; row < rows; row++) {
+        const tds = cols.map((_, col) => {
+          const month = row * cols.length + col;
+          const date = `${this.displayedYear}-${pad(month + 1)}`;
+          return h('td', {
+            key: month
+          }, [this.genButton(date, false, 'month', this.formatter)]);
+        });
+        children.push(h('tr', {
+          key: row
+        }, tds));
+      }
+
+      return h('tbody', children);
+    }
+
+  },
+
+  render() {
+    return this.genTable('v-date-picker-table v-date-picker-table--month', [this.genTBody()], this.calculateTableDate);
+  }
+
+});
+//# sourceMappingURL=VDatePickerMonthTable.js.map

package/lib/components/VDatePicker/VDatePickerMonthTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerMonthTable.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,eAAP,MAA4B,4BAA5B,C,CAEA;;AACA,SAAS,GAAT,EAAc,2BAAd,QAAiD,QAAjD;AACA,OAAO,MAAP,MAAmB,mBAAnB,C,CAEA;;AACA,SAAgB,CAAhB,QAAyB,KAAzB;AAGA,eAAe,MAAM,CACnB;AACF;AAFqB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,2BADC;AAGP,EAAA,QAAQ,EAAE;AACR,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,MAAL,IAAe,2BAA2B,CAAC,KAAK,aAAN,EAAqB;AAAE,QAAA,KAAK,EAAE,OAAT;AAAkB,QAAA,QAAQ,EAAE;AAA5B,OAArB,EAA0D;AAAE,QAAA,KAAK,EAAE,CAAT;AAAY,QAAA,MAAM,EAAE;AAApB,OAA1D,CAAjD;AACD;;AAHO,GAHH;AASP,EAAA,OAAO,EAAE;AACP,IAAA,kBAAkB,CAAE,KAAF,EAAe;AAC/B,aAAO,GAAG,QAAQ,CAAC,KAAK,SAAN,EAAiB,EAAjB,CAAR,GAA+B,IAAI,CAAC,IAAL,CAAU,KAAK,IAAI,CAAnB,CAAqB,EAA9D;AACD,KAHM;;AAIP,IAAA,QAAQ,GAAA;AACN,YAAM,QAAQ,GAAG,EAAjB;AACA,YAAM,IAAI,GAAG,KAAK,CAAC,CAAD,CAAL,CAAS,IAAT,CAAc,IAAd,CAAb;AACA,YAAM,IAAI,GAAG,KAAK,IAAI,CAAC,MAAvB;;AAEA,WAAK,IAAI,GAAG,GAAG,CAAf,EAAkB,GAAG,GAAG,IAAxB,EAA8B,GAAG,EAAjC,EAAqC;AACnC,cAAM,GAAG,GAAG,IAAI,CAAC,GAAL,CAAS,CAAC,CAAD,EAAI,GAAJ,KAAW;AAC9B,gBAAM,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,MAAX,GAAoB,GAAlC;AACA,gBAAM,IAAI,GAAG,GAAG,KAAK,aAAa,IAAI,GAAG,CAAC,KAAK,GAAG,CAAT,CAAW,EAApD;AACA,iBAAO,CAAC,CAAC,IAAD,EAAO;AACb,YAAA,GAAG,EAAE;AADQ,WAAP,EAEL,CACD,KAAK,SAAL,CAAe,IAAf,EAAqB,KAArB,EAA4B,OAA5B,EAAqC,KAAK,SAA1C,CADC,CAFK,CAAR;AAKD,SARW,CAAZ;AAUA,QAAA,QAAQ,CAAC,IAAT,CAAc,CAAC,CAAC,IAAD,EAAO;AACpB,UAAA,GAAG,EAAE;AADe,SAAP,EAEZ,GAFY,CAAf;AAGD;;AAED,aAAO,CAAC,CAAC,OAAD,EAAU,QAAV,CAAR;AACD;;AA1BM,GATF;;AAsCP,EAAA,MAAM,GAAA;AACJ,WAAO,KAAK,QAAL,CAAc,gDAAd,EAAgE,CACrE,KAAK,QAAL,EADqE,CAAhE,EAEJ,KAAK,kBAFD,CAAP;AAGD;;AA1CM,CAHM,CAAf","sourcesContent":["// Mixins\nimport DatePickerTable from './mixins/date-picker-table'\n\n// Utils\nimport { pad, createNativeLocaleFormatter } from './util'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, h } from 'vue'\nimport { DatePickerFormatter } from 'vuetify/types'\n\nexport default mixins(\n  DatePickerTable\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-month-table',\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { month: 'short', timeZone: 'UTC' }, { start: 5, length: 2 })\n    },\n  },\n\n  methods: {\n    calculateTableDate (delta: number) {\n      return `${parseInt(this.tableDate, 10) + Math.sign(delta || 1)}`\n    },\n    genTBody () {\n      const children = []\n      const cols = Array(3).fill(null)\n      const rows = 12 / cols.length\n\n      for (let row = 0; row < rows; row++) {\n        const tds = cols.map((_, col) => {\n          const month = row * cols.length + col\n          const date = `${this.displayedYear}-${pad(month + 1)}`\n          return h('td', {\n            key: month,\n          }, [\n            this.genButton(date, false, 'month', this.formatter),\n          ])\n        })\n\n        children.push(h('tr', {\n          key: row,\n        }, tds))\n      }\n\n      return h('tbody', children)\n    },\n  },\n\n  render (): VNode {\n    return this.genTable('v-date-picker-table v-date-picker-table--month', [\n      this.genTBody(),\n    ], this.calculateTableDate)\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerMonthTable.js"}

package/lib/components/VDatePicker/VDatePickerTitle.js

@@ -0,0 +1,105 @@
+import { h, Transition } from 'vue';
+import "../../../src/components/VDatePicker/VDatePickerTitle.sass"; // Components
+
+import VIcon from '../VIcon'; // Mixins
+
+import PickerButton from '../../mixins/picker-button'; // Utils
+
+import mixins from '../../util/mixins';
+import { breaking } from '../../util/console';
+export default mixins(PickerButton
+/* @vue/component */
+).extend({
+  name: 'v-date-picker-title',
+  props: {
+    date: {
+      type: String,
+      default: ''
+    },
+    disabled: Boolean,
+    readonly: Boolean,
+    selectingYear: Boolean,
+    modelValue: {
+      type: String
+    },
+    year: {
+      type: [Number, String],
+      default: ''
+    },
+    yearIcon: {
+      type: String
+    }
+  },
+  emits: ['update:selecting-year'],
+  data: () => ({
+    isReversing: false
+  }),
+  computed: {
+    computedTransition() {
+      return this.isReversing ? 'picker-reverse-transition' : 'picker-transition';
+    }
+
+  },
+  watch: {
+    modelValue(val, prev) {
+      this.isReversing = val < prev;
+    }
+
+  },
+
+  created() {
+    const breakingProps = [['value', 'modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
+  methods: {
+    genYearIcon() {
+      return h(VIcon, {
+        dark: true
+      }, () => this.yearIcon);
+    },
+
+    getYearBtn() {
+      const yearText = h('span', {
+        key: this.year
+      }, String(this.year));
+      const yearTransition = h(Transition, {
+        name: this.computedTransition
+      }, {
+        default: () => [yearText]
+      });
+      return this.genPickerButton('selectingYear', true, [yearTransition, this.yearIcon ? this.genYearIcon() : null], false, 'v-date-picker-title__year');
+    },
+
+    genTitleText() {
+      return h('div', {
+        key: this.date
+      }, this.date || '\u00A0');
+    },
+
+    genTitleDate() {
+      const titleText = this.genTitleText();
+      const transition = h(Transition, {
+        name: this.computedTransition
+      }, {
+        default: () => [titleText]
+      });
+      return this.genPickerButton('selectingYear', false, [transition], false, 'v-date-picker-title__date');
+    }
+
+  },
+
+  render() {
+    return h('div', {
+      class: ['v-date-picker-title', {
+        'v-date-picker-title--disabled': this.disabled
+      }]
+    }, [this.getYearBtn(), this.genTitleDate()]);
+  }
+
+});
+//# sourceMappingURL=VDatePickerTitle.js.map

package/lib/components/VDatePicker/VDatePickerTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerTitle.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, Transition } from 'vue'\nimport './VDatePickerTitle.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Mixins\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  PickerButton\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-title',\n\n  props: {\n    date: {\n      type: String,\n      default: '',\n    },\n    disabled: Boolean,\n    readonly: Boolean,\n    selectingYear: Boolean,\n    modelValue: {\n      type: String,\n    },\n    year: {\n      type: [Number, String],\n      default: '',\n    },\n    yearIcon: {\n      type: String,\n    },\n  },\n\n  emits: ['update:selecting-year'],\n\n  data: () => ({\n    isReversing: false,\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return this.isReversing ? 'picker-reverse-transition' : 'picker-transition'\n    },\n  },\n\n  watch: {\n    modelValue (val: string, prev: string) {\n      this.isReversing = val < prev\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    genYearIcon (): VNode {\n      return h(VIcon, {\n        dark: true,\n      }, () => this.yearIcon)\n    },\n    getYearBtn (): VNode {\n      const yearText = h('span', {\n        key: this.year,\n      }, String(this.year))\n\n      const yearTransition = h(Transition, {\n        name: this.computedTransition,\n      }, {\n        default: () => [yearText],\n      })\n\n      return this.genPickerButton('selectingYear', true, [\n        yearTransition,\n        this.yearIcon ? this.genYearIcon() : null,\n      ], false, 'v-date-picker-title__year')\n    },\n    genTitleText (): VNode {\n      return h('div', {\n        key: this.date,\n      }, this.date || '\\u00A0')\n    },\n    genTitleDate (): VNode {\n      const titleText = this.genTitleText()\n      const transition = h(Transition, {\n        name: this.computedTransition,\n      }, {\n        default: () => [titleText],\n      })\n\n      return this.genPickerButton('selectingYear', false, [transition], false, 'v-date-picker-title__date')\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-date-picker-title', {\n        'v-date-picker-title--disabled': this.disabled,\n      }],\n    }, [\n      this.getYearBtn(),\n      this.genTitleDate(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerTitle.js"}

package/lib/components/VDatePicker/VDatePickerYears.js

@@ -0,0 +1,103 @@
+import "../../../src/components/VDatePicker/VDatePickerYears.sass"; // Mixins
+
+import Colorable from '../../mixins/colorable';
+import Localable from '../../mixins/localable'; // Utils
+
+import { createNativeLocaleFormatter } from './util';
+import mixins from '../../util/mixins';
+import { breaking } from '../../util/console'; // Types
+
+import { h } from 'vue';
+export default mixins(Colorable, Localable
+/* @vue/component */
+).extend({
+  name: 'v-date-picker-years',
+  props: {
+    format: Function,
+    min: [Number, String],
+    max: [Number, String],
+    readonly: Boolean,
+    modelValue: [Number, String]
+  },
+
+  data() {
+    return {
+      defaultColor: 'primary'
+    };
+  },
+
+  computed: {
+    formatter() {
+      return this.format || createNativeLocaleFormatter(this.currentLocale, {
+        year: 'numeric',
+        timeZone: 'UTC'
+      }, {
+        length: 4
+      });
+    }
+
+  },
+
+  created() {
+    const breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
+  mounted() {
+    setTimeout(() => {
+      const activeItem = this.$el.getElementsByClassName('active')[0];
+
+      if (activeItem) {
+        this.$el.scrollTop = activeItem.offsetTop - this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2;
+      } else if (this.min && !this.max) {
+        this.$el.scrollTop = this.$el.scrollHeight;
+      } else if (!this.min && this.max) {
+        this.$el.scrollTop = 0;
+      } else {
+        this.$el.scrollTop = this.$el.scrollHeight / 2 - this.$el.offsetHeight / 2;
+      }
+    });
+  },
+
+  methods: {
+    genYearItem(year) {
+      const formatted = this.formatter(`${year}`);
+      const active = parseInt(this.modelValue, 10) === year;
+      const color = active && (this.color || 'primary');
+      return h('li', this.setTextColor(color, {
+        key: year,
+        class: {
+          active
+        },
+        onClick: () => this.$emit('update:modelValue', year)
+      }), formatted);
+    },
+
+    genYearItems() {
+      const children = [];
+      const selectedYear = this.modelValue ? parseInt(this.modelValue, 10) : new Date().getFullYear();
+      const maxYear = this.max ? parseInt(this.max, 10) : selectedYear + 100;
+      const minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : selectedYear - 100);
+
+      for (let year = maxYear; year >= minYear; year--) {
+        children.push(this.genYearItem(year));
+      }
+
+      return children;
+    }
+
+  },
+
+  render() {
+    return h('ul', {
+      class: 'v-date-picker-years',
+      ref: 'years'
+    }, this.genYearItems());
+  }
+
+});
+//# sourceMappingURL=VDatePickerYears.js.map

package/lib/components/VDatePicker/VDatePickerYears.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerYears.ts"],"names":[],"mappings":"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","sourcesContent":["import './VDatePickerYears.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\n\n// Utils\nimport {\n  createNativeLocaleFormatter,\n} from './util'\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, PropType, h } from 'vue'\nimport { DatePickerFormatter } from 'vuetify/types'\n\ninterface options {\n  $el: HTMLElement\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractVue<[\n    typeof Colorable,\n    typeof Localable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable,\n  Localable\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-years',\n\n  props: {\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: [Number, String],\n    max: [Number, String],\n    readonly: Boolean,\n    modelValue: [Number, String],\n  },\n\n  data () {\n    return {\n      defaultColor: 'primary',\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\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  mounted () {\n    setTimeout(() => {\n      const activeItem = this.$el.getElementsByClassName('active')[0]\n      if (activeItem) {\n        this.$el.scrollTop = activeItem.offsetTop - this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2\n      } else if (this.min && !this.max) {\n        this.$el.scrollTop = this.$el.scrollHeight\n      } else if (!this.min && this.max) {\n        this.$el.scrollTop = 0\n      } else {\n        this.$el.scrollTop = this.$el.scrollHeight / 2 - this.$el.offsetHeight / 2\n      }\n    })\n  },\n\n  methods: {\n    genYearItem (year: number): VNode {\n      const formatted = this.formatter(`${year}`)\n      const active = parseInt(this.modelValue, 10) === year\n      const color = active && (this.color || 'primary')\n\n      return h('li', this.setTextColor(color, {\n        key: year,\n        class: { active },\n        onClick: () => this.$emit('update:modelValue', year),\n      }), formatted)\n    },\n\n    genYearItems (): VNode[] {\n      const children = []\n      const selectedYear = this.modelValue ? parseInt(this.modelValue, 10) : new Date().getFullYear()\n      const maxYear = this.max ? parseInt(this.max, 10) : (selectedYear + 100)\n      const minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : (selectedYear - 100))\n\n      for (let year = maxYear; year >= minYear; year--) {\n        children.push(this.genYearItem(year))\n      }\n\n      return children\n    },\n  },\n\n  render (): VNode {\n    return h('ul', {\n      class: 'v-date-picker-years',\n      ref: 'years',\n    }, this.genYearItems())\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerYears.js"}

package/lib/components/VDatePicker/index.js

@@ -0,0 +1,18 @@
+import VDatePicker from './VDatePicker';
+import VDatePickerTitle from './VDatePickerTitle';
+import VDatePickerHeader from './VDatePickerHeader';
+import VDatePickerDateTable from './VDatePickerDateTable';
+import VDatePickerMonthTable from './VDatePickerMonthTable';
+import VDatePickerYears from './VDatePickerYears';
+export { VDatePicker, VDatePickerTitle, VDatePickerHeader, VDatePickerDateTable, VDatePickerMonthTable, VDatePickerYears };
+export default {
+  $_vuetify_subcomponents: {
+    VDatePicker,
+    VDatePickerTitle,
+    VDatePickerHeader,
+    VDatePickerDateTable,
+    VDatePickerMonthTable,
+    VDatePickerYears
+  }
+};
+//# sourceMappingURL=index.js.map