@dimailn/vuetify 2.7.2-alpha3 → 2.7.2-alpha32

package/lib/components/VCalendar/mixins/calendar-with-intervals.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/VCalendar/mixins/calendar-with-intervals.ts"],"names":[],"mappings":"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","sourcesContent":["\n// Mixins\nimport CalendarBase from './calendar-base'\n\n// Util\nimport props from '../util/props'\nimport {\n  parseTime,\n  copyTimestamp,\n  updateMinutes,\n  createDayList,\n  createIntervalList,\n  createNativeLocaleFormatter,\n  VTime,\n  MINUTES_IN_DAY,\n} from '../util/timestamp'\nimport { CalendarTimestamp, CalendarFormatter, CalendarDayBodySlotScope } from 'vuetify/types'\nimport { defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'calendar-with-intervals',\n\n  extends: CalendarBase,\n  props: props.intervals,\n\n  computed: {\n    parsedFirstInterval (): number {\n      return parseInt(this.firstInterval)\n    },\n    parsedIntervalMinutes (): number {\n      return parseInt(this.intervalMinutes)\n    },\n    parsedIntervalCount (): number {\n      return parseInt(this.intervalCount)\n    },\n    parsedIntervalHeight (): number {\n      return parseFloat(this.intervalHeight)\n    },\n    parsedFirstTime (): number | false {\n      return parseTime(this.firstTime)\n    },\n    firstMinute (): number {\n      const time = this.parsedFirstTime\n\n      return time !== false && time >= 0 && time <= MINUTES_IN_DAY\n        ? time\n        : this.parsedFirstInterval * this.parsedIntervalMinutes\n    },\n    bodyHeight (): number {\n      return this.parsedIntervalCount * this.parsedIntervalHeight\n    },\n    days (): CalendarTimestamp[] {\n      return createDayList(\n        this.parsedStart,\n        this.parsedEnd,\n        this.times.today,\n        this.weekdaySkips,\n        this.maxDays\n      )\n    },\n    intervals (): CalendarTimestamp[][] {\n      const days: CalendarTimestamp[] = this.days\n      const first: number = this.firstMinute\n      const minutes: number = this.parsedIntervalMinutes\n      const count: number = this.parsedIntervalCount\n      const now: CalendarTimestamp = this.times.now\n\n      return days.map(d => createIntervalList(d, first, minutes, count, now))\n    },\n    intervalFormatter (): CalendarFormatter {\n      if (this.intervalFormat) {\n        return this.intervalFormat as CalendarFormatter\n      }\n\n      const longOptions = { timeZone: 'UTC', hour: '2-digit', minute: '2-digit' }\n      const shortOptions = { timeZone: 'UTC', hour: 'numeric', minute: '2-digit' }\n      const shortHourOptions = { timeZone: 'UTC', hour: 'numeric' }\n\n      return createNativeLocaleFormatter(\n        this.currentLocale,\n        (tms, short) => short ? (tms.minute === 0 ? shortHourOptions : shortOptions) : longOptions\n      )\n    },\n  },\n\n  methods: {\n    showIntervalLabelDefault (interval: CalendarTimestamp): boolean {\n      const first: CalendarTimestamp = this.intervals[0][0]\n      const isFirst: boolean = first.hour === interval.hour && first.minute === interval.minute\n      return !isFirst\n    },\n    intervalStyleDefault (_interval: CalendarTimestamp): object | undefined {\n      return undefined\n    },\n    getTimestampAtEvent (e: MouseEvent | TouchEvent, day: CalendarTimestamp): CalendarTimestamp {\n      const timestamp: CalendarTimestamp = copyTimestamp(day)\n      const bounds = (e.currentTarget as HTMLElement).getBoundingClientRect()\n      const baseMinutes: number = this.firstMinute\n      const touchEvent: TouchEvent = e as TouchEvent\n      const mouseEvent: MouseEvent = e as MouseEvent\n      const touches: TouchList = touchEvent.changedTouches || touchEvent.touches\n      const clientY: number = touches && touches[0] ? touches[0].clientY : mouseEvent.clientY\n      const addIntervals: number = (clientY - bounds.top) / this.parsedIntervalHeight\n      const addMinutes: number = Math.floor(addIntervals * this.parsedIntervalMinutes)\n      const minutes: number = baseMinutes + addMinutes\n\n      return updateMinutes(timestamp, minutes, this.times.now)\n    },\n    getSlotScope (timestamp: CalendarTimestamp): CalendarDayBodySlotScope {\n      const scope = copyTimestamp(timestamp) as any\n      scope.timeToY = this.timeToY\n      scope.timeDelta = this.timeDelta\n      scope.minutesToPixels = this.minutesToPixels\n      scope.week = this.days\n      return scope\n    },\n    scrollToTime (time: VTime): boolean {\n      const y = this.timeToY(time)\n      const pane = this.$refs.scrollArea as HTMLElement\n\n      if (y === false || !pane) {\n        return false\n      }\n\n      pane.scrollTop = y\n\n      return true\n    },\n    minutesToPixels (minutes: number): number {\n      return minutes / this.parsedIntervalMinutes * this.parsedIntervalHeight\n    },\n    timeToY (time: VTime, clamp = true): number | false {\n      let y = this.timeDelta(time)\n\n      if (y !== false) {\n        y *= this.bodyHeight\n\n        if (clamp) {\n          if (y < 0) {\n            y = 0\n          }\n          if (y > this.bodyHeight) {\n            y = this.bodyHeight\n          }\n        }\n      }\n\n      return y\n    },\n    timeDelta (time: VTime): number | false {\n      const minutes = parseTime(time)\n\n      if (minutes === false) {\n        return false\n      }\n\n      const min: number = this.firstMinute\n      const gap: number = this.parsedIntervalCount * this.parsedIntervalMinutes\n\n      return (minutes - min) / gap\n    },\n  },\n})\n"],"sourceRoot":"","file":"calendar-with-intervals.js"}
+{"version":3,"sources":["../../../../src/components/VCalendar/mixins/calendar-with-intervals.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineComponent } from 'vue'\n\n// Mixins\nimport CalendarBase from './calendar-base'\n\n// Util\nimport props from '../util/props'\nimport {\n  parseTime,\n  copyTimestamp,\n  updateMinutes,\n  createDayList,\n  createIntervalList,\n  createNativeLocaleFormatter,\n  VTime,\n  MINUTES_IN_DAY,\n} from '../util/timestamp'\nimport { CalendarTimestamp, CalendarFormatter, CalendarDayBodySlotScope } from 'vuetify/types'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'calendar-with-intervals',\n\n  extends: CalendarBase,\n  props: props.intervals,\n\n  computed: {\n    parsedFirstInterval (): number {\n      return parseInt(this.firstInterval)\n    },\n    parsedIntervalMinutes (): number {\n      return parseInt(this.intervalMinutes)\n    },\n    parsedIntervalCount (): number {\n      return parseInt(this.intervalCount)\n    },\n    parsedIntervalHeight (): number {\n      return parseFloat(this.intervalHeight)\n    },\n    parsedFirstTime (): number | false {\n      return parseTime(this.firstTime)\n    },\n    firstMinute (): number {\n      const time = this.parsedFirstTime\n\n      return time !== false && time >= 0 && time <= MINUTES_IN_DAY\n        ? time\n        : this.parsedFirstInterval * this.parsedIntervalMinutes\n    },\n    bodyHeight (): number {\n      return this.parsedIntervalCount * this.parsedIntervalHeight\n    },\n    days (): CalendarTimestamp[] {\n      return createDayList(\n        this.parsedStart,\n        this.parsedEnd,\n        this.times.today,\n        this.weekdaySkips,\n        this.maxDays\n      )\n    },\n    intervals (): CalendarTimestamp[][] {\n      const days: CalendarTimestamp[] = this.days\n      const first: number = this.firstMinute\n      const minutes: number = this.parsedIntervalMinutes\n      const count: number = this.parsedIntervalCount\n      const now: CalendarTimestamp = this.times.now\n\n      return days.map(d => createIntervalList(d, first, minutes, count, now))\n    },\n    intervalFormatter (): CalendarFormatter {\n      if (this.intervalFormat) {\n        return this.intervalFormat as CalendarFormatter\n      }\n\n      const longOptions = { timeZone: 'UTC', hour: '2-digit', minute: '2-digit' }\n      const shortOptions = { timeZone: 'UTC', hour: 'numeric', minute: '2-digit' }\n      const shortHourOptions = { timeZone: 'UTC', hour: 'numeric' }\n\n      return createNativeLocaleFormatter(\n        this.currentLocale,\n        (tms, short) => short ? (tms.minute === 0 ? shortHourOptions : shortOptions) : longOptions\n      )\n    },\n  },\n\n  methods: {\n    showIntervalLabelDefault (interval: CalendarTimestamp): boolean {\n      const first: CalendarTimestamp = this.intervals[0][0]\n      const isFirst: boolean = first.hour === interval.hour && first.minute === interval.minute\n      return !isFirst\n    },\n    intervalStyleDefault (_interval: CalendarTimestamp): object | undefined {\n      return undefined\n    },\n    getTimestampAtEvent (e: MouseEvent | TouchEvent, day: CalendarTimestamp): CalendarTimestamp {\n      const timestamp: CalendarTimestamp = copyTimestamp(day)\n      const bounds = (e.currentTarget as HTMLElement).getBoundingClientRect()\n      const baseMinutes: number = this.firstMinute\n      const touchEvent: TouchEvent = e as TouchEvent\n      const mouseEvent: MouseEvent = e as MouseEvent\n      const touches: TouchList = touchEvent.changedTouches || touchEvent.touches\n      const clientY: number = touches && touches[0] ? touches[0].clientY : mouseEvent.clientY\n      const addIntervals: number = (clientY - bounds.top) / this.parsedIntervalHeight\n      const addMinutes: number = Math.floor(addIntervals * this.parsedIntervalMinutes)\n      const minutes: number = baseMinutes + addMinutes\n\n      return updateMinutes(timestamp, minutes, this.times.now)\n    },\n    getSlotScope (timestamp: CalendarTimestamp): CalendarDayBodySlotScope {\n      const scope = copyTimestamp(timestamp) as any\n      scope.timeToY = this.timeToY\n      scope.timeDelta = this.timeDelta\n      scope.minutesToPixels = this.minutesToPixels\n      scope.week = this.days\n      return scope\n    },\n    scrollToTime (time: VTime): boolean {\n      const y = this.timeToY(time)\n      const pane = this.$refs.scrollArea as HTMLElement\n\n      if (y === false || !pane) {\n        return false\n      }\n\n      pane.scrollTop = y\n\n      return true\n    },\n    minutesToPixels (minutes: number): number {\n      return minutes / this.parsedIntervalMinutes * this.parsedIntervalHeight\n    },\n    timeToY (time: VTime, clamp = true): number | false {\n      let y = this.timeDelta(time)\n\n      if (y !== false) {\n        y *= this.bodyHeight\n\n        if (clamp) {\n          if (y < 0) {\n            y = 0\n          }\n          if (y > this.bodyHeight) {\n            y = this.bodyHeight\n          }\n        }\n      }\n\n      return y\n    },\n    timeDelta (time: VTime): number | false {\n      const minutes = parseTime(time)\n\n      if (minutes === false) {\n        return false\n      }\n\n      const min: number = this.firstMinute\n      const gap: number = this.parsedIntervalCount * this.parsedIntervalMinutes\n\n      return (minutes - min) / gap\n    },\n  },\n})\n"],"sourceRoot":"","file":"calendar-with-intervals.js"}

package/lib/components/VCalendar/mixins/times.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/VCalendar/mixins/times.ts"],"names":[],"mappings":"AAAA,SAAQ,eAAR,QAA8B,KAA9B;AAEA,SACE,iBADF,EAEE,cAFF,EAGE,SAHF,QAIO,mBAJP;AAOA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,OADuB;AAG7B,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,SAAS,EAAE;AAFR;AADA,GAHsB;AAU7B,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,KAAK,EAAE;AACL,MAAA,GAAG,EAAE,cAAc,CAAC,kBAAD,EAAqB,IAArB,CADd;AAEL,MAAA,KAAK,EAAE,cAAc,CAAC,YAAD,EAAe,IAAf;AAFhB;AADI,GAAP,CAVuB;AAiB7B,EAAA,QAAQ,EAAE;AACR,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,GAAL,GAAW,cAAc,CAAC,KAAK,GAAN,EAAW,IAAX,CAAzB,GAA4C,IAAnD;AACD;;AAHO,GAjBmB;AAuB7B,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE;AADN,GAvBsB;;AA2B7B,EAAA,OAAO,GAAA;AACL,SAAK,WAAL;AACA,SAAK,UAAL;AACD,GA9B4B;;AAgC7B,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,WAAK,KAAL,CAAW,GAAX,CAAe,OAAf,GAAyB,KAAK,KAAL,CAAW,KAAX,CAAiB,OAAjB,GAA2B,IAApD;AACA,WAAK,KAAL,CAAW,GAAX,CAAe,IAAf,GAAsB,KAAK,KAAL,CAAW,KAAX,CAAiB,IAAjB,GAAwB,KAA9C;AACA,WAAK,KAAL,CAAW,GAAX,CAAe,MAAf,GAAwB,KAAK,KAAL,CAAW,KAAX,CAAiB,MAAjB,GAA0B,KAAlD;AACD,KALM;;AAMP,IAAA,WAAW,GAAA;AACT,YAAM,GAAG,GAAsB,KAAK,SAAL,IAAkB,KAAK,MAAL,EAAjD;AACA,WAAK,SAAL,CAAe,GAAf,EAAoB,KAAK,KAAL,CAAW,GAA/B;AACA,WAAK,UAAL,CAAgB,GAAhB,EAAqB,KAAK,KAAL,CAAW,GAAhC;AACA,WAAK,SAAL,CAAe,GAAf,EAAoB,KAAK,KAAL,CAAW,KAA/B;AACD,KAXM;;AAYP,IAAA,MAAM,GAAA;AACJ,aAAO,SAAS,CAAC,IAAI,IAAJ,EAAD,CAAhB;AACD,KAdM;;AAeP,IAAA,SAAS,CAAE,GAAF,EAA0B,MAA1B,EAAmD;AAC1D,UAAI,GAAG,CAAC,IAAJ,KAAa,MAAM,CAAC,IAAxB,EAA8B;AAC5B,QAAA,MAAM,CAAC,IAAP,GAAc,GAAG,CAAC,IAAlB;AACA,QAAA,MAAM,CAAC,KAAP,GAAe,GAAG,CAAC,KAAnB;AACA,QAAA,MAAM,CAAC,GAAP,GAAa,GAAG,CAAC,GAAjB;AACA,QAAA,MAAM,CAAC,OAAP,GAAiB,GAAG,CAAC,OAArB;AACA,QAAA,MAAM,CAAC,IAAP,GAAc,GAAG,CAAC,IAAlB;AACD;AACF,KAvBM;;AAwBP,IAAA,UAAU,CAAE,GAAF,EAA0B,MAA1B,EAAmD;AAC3D,UAAI,GAAG,CAAC,IAAJ,KAAa,MAAM,CAAC,IAAxB,EAA8B;AAC5B,QAAA,MAAM,CAAC,IAAP,GAAc,GAAG,CAAC,IAAlB;AACA,QAAA,MAAM,CAAC,MAAP,GAAgB,GAAG,CAAC,MAApB;AACA,QAAA,MAAM,CAAC,IAAP,GAAc,GAAG,CAAC,IAAlB;AACD;AACF;;AA9BM;AAhCoB,CAAD,CAA9B","sourcesContent":["import {defineComponent} from 'vue'\n\nimport {\n  validateTimestamp,\n  parseTimestamp,\n  parseDate,\n} from '../util/timestamp'\nimport { CalendarTimestamp } from 'vuetify/types'\n\nexport default defineComponent({\n  name: 'times',\n\n  props: {\n    now: {\n      type: String,\n      validator: validateTimestamp,\n    },\n  },\n\n  data: () => ({\n    times: {\n      now: parseTimestamp('0000-00-00 00:00', true),\n      today: parseTimestamp('0000-00-00', true),\n    },\n  }),\n\n  computed: {\n    parsedNow (): CalendarTimestamp | null {\n      return this.now ? parseTimestamp(this.now, true) : null\n    },\n  },\n\n  watch: {\n    parsedNow: 'updateTimes',\n  },\n\n  created () {\n    this.updateTimes()\n    this.setPresent()\n  },\n\n  methods: {\n    setPresent (): void {\n      this.times.now.present = this.times.today.present = true\n      this.times.now.past = this.times.today.past = false\n      this.times.now.future = this.times.today.future = false\n    },\n    updateTimes (): void {\n      const now: CalendarTimestamp = this.parsedNow || this.getNow()\n      this.updateDay(now, this.times.now)\n      this.updateTime(now, this.times.now)\n      this.updateDay(now, this.times.today)\n    },\n    getNow (): CalendarTimestamp {\n      return parseDate(new Date())\n    },\n    updateDay (now: CalendarTimestamp, target: CalendarTimestamp): void {\n      if (now.date !== target.date) {\n        target.year = now.year\n        target.month = now.month\n        target.day = now.day\n        target.weekday = now.weekday\n        target.date = now.date\n      }\n    },\n    updateTime (now: CalendarTimestamp, target: CalendarTimestamp): void {\n      if (now.time !== target.time) {\n        target.hour = now.hour\n        target.minute = now.minute\n        target.time = now.time\n      }\n    },\n  },\n})\n"],"sourceRoot":"","file":"times.js"}
+{"version":3,"sources":["../../../../src/components/VCalendar/mixins/times.ts"],"names":[],"mappings":"AAAA,SAAS,eAAT,QAAgC,KAAhC;AAEA,SACE,iBADF,EAEE,cAFF,EAGE,SAHF,QAIO,mBAJP;AAOA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,OADuB;AAG7B,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,SAAS,EAAE;AAFR;AADA,GAHsB;AAU7B,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,KAAK,EAAE;AACL,MAAA,GAAG,EAAE,cAAc,CAAC,kBAAD,EAAqB,IAArB,CADd;AAEL,MAAA,KAAK,EAAE,cAAc,CAAC,YAAD,EAAe,IAAf;AAFhB;AADI,GAAP,CAVuB;AAiB7B,EAAA,QAAQ,EAAE;AACR,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,GAAL,GAAW,cAAc,CAAC,KAAK,GAAN,EAAW,IAAX,CAAzB,GAA4C,IAAnD;AACD;;AAHO,GAjBmB;AAuB7B,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE;AADN,GAvBsB;;AA2B7B,EAAA,OAAO,GAAA;AACL,SAAK,WAAL;AACA,SAAK,UAAL;AACD,GA9B4B;;AAgC7B,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,WAAK,KAAL,CAAW,GAAX,CAAe,OAAf,GAAyB,KAAK,KAAL,CAAW,KAAX,CAAiB,OAAjB,GAA2B,IAApD;AACA,WAAK,KAAL,CAAW,GAAX,CAAe,IAAf,GAAsB,KAAK,KAAL,CAAW,KAAX,CAAiB,IAAjB,GAAwB,KAA9C;AACA,WAAK,KAAL,CAAW,GAAX,CAAe,MAAf,GAAwB,KAAK,KAAL,CAAW,KAAX,CAAiB,MAAjB,GAA0B,KAAlD;AACD,KALM;;AAMP,IAAA,WAAW,GAAA;AACT,YAAM,GAAG,GAAsB,KAAK,SAAL,IAAkB,KAAK,MAAL,EAAjD;AACA,WAAK,SAAL,CAAe,GAAf,EAAoB,KAAK,KAAL,CAAW,GAA/B;AACA,WAAK,UAAL,CAAgB,GAAhB,EAAqB,KAAK,KAAL,CAAW,GAAhC;AACA,WAAK,SAAL,CAAe,GAAf,EAAoB,KAAK,KAAL,CAAW,KAA/B;AACD,KAXM;;AAYP,IAAA,MAAM,GAAA;AACJ,aAAO,SAAS,CAAC,IAAI,IAAJ,EAAD,CAAhB;AACD,KAdM;;AAeP,IAAA,SAAS,CAAE,GAAF,EAA0B,MAA1B,EAAmD;AAC1D,UAAI,GAAG,CAAC,IAAJ,KAAa,MAAM,CAAC,IAAxB,EAA8B;AAC5B,QAAA,MAAM,CAAC,IAAP,GAAc,GAAG,CAAC,IAAlB;AACA,QAAA,MAAM,CAAC,KAAP,GAAe,GAAG,CAAC,KAAnB;AACA,QAAA,MAAM,CAAC,GAAP,GAAa,GAAG,CAAC,GAAjB;AACA,QAAA,MAAM,CAAC,OAAP,GAAiB,GAAG,CAAC,OAArB;AACA,QAAA,MAAM,CAAC,IAAP,GAAc,GAAG,CAAC,IAAlB;AACD;AACF,KAvBM;;AAwBP,IAAA,UAAU,CAAE,GAAF,EAA0B,MAA1B,EAAmD;AAC3D,UAAI,GAAG,CAAC,IAAJ,KAAa,MAAM,CAAC,IAAxB,EAA8B;AAC5B,QAAA,MAAM,CAAC,IAAP,GAAc,GAAG,CAAC,IAAlB;AACA,QAAA,MAAM,CAAC,MAAP,GAAgB,GAAG,CAAC,MAApB;AACA,QAAA,MAAM,CAAC,IAAP,GAAc,GAAG,CAAC,IAAlB;AACD;AACF;;AA9BM;AAhCoB,CAAD,CAA9B","sourcesContent":["import { defineComponent } from 'vue'\n\nimport {\n  validateTimestamp,\n  parseTimestamp,\n  parseDate,\n} from '../util/timestamp'\nimport { CalendarTimestamp } from 'vuetify/types'\n\nexport default defineComponent({\n  name: 'times',\n\n  props: {\n    now: {\n      type: String,\n      validator: validateTimestamp,\n    },\n  },\n\n  data: () => ({\n    times: {\n      now: parseTimestamp('0000-00-00 00:00', true),\n      today: parseTimestamp('0000-00-00', true),\n    },\n  }),\n\n  computed: {\n    parsedNow (): CalendarTimestamp | null {\n      return this.now ? parseTimestamp(this.now, true) : null\n    },\n  },\n\n  watch: {\n    parsedNow: 'updateTimes',\n  },\n\n  created () {\n    this.updateTimes()\n    this.setPresent()\n  },\n\n  methods: {\n    setPresent (): void {\n      this.times.now.present = this.times.today.present = true\n      this.times.now.past = this.times.today.past = false\n      this.times.now.future = this.times.today.future = false\n    },\n    updateTimes (): void {\n      const now: CalendarTimestamp = this.parsedNow || this.getNow()\n      this.updateDay(now, this.times.now)\n      this.updateTime(now, this.times.now)\n      this.updateDay(now, this.times.today)\n    },\n    getNow (): CalendarTimestamp {\n      return parseDate(new Date())\n    },\n    updateDay (now: CalendarTimestamp, target: CalendarTimestamp): void {\n      if (now.date !== target.date) {\n        target.year = now.year\n        target.month = now.month\n        target.day = now.day\n        target.weekday = now.weekday\n        target.date = now.date\n      }\n    },\n    updateTime (now: CalendarTimestamp, target: CalendarTimestamp): void {\n      if (now.time !== target.time) {\n        target.hour = now.hour\n        target.minute = now.minute\n        target.time = now.time\n      }\n    },\n  },\n})\n"],"sourceRoot":"","file":"times.js"}

package/lib/components/VCarousel/VCarousel.js

@@ -1,5 +1,4 @@
-import { h } from 'vue'; // Styles
-
+// Styles
 import "../../../src/components/VCarousel/VCarousel.sass"; // Extensions
 
 import VWindow from '../VWindow/VWindow'; // Components
@@ -14,10 +13,18 @@ import ButtonGroup from '../../mixins/button-group'; // Utilities
 import { convertToUnit } from '../../util/helpers';
 import { breaking } from '../../util/console'; // Types
 
-import { defineComponent } from 'vue';
+import { h, defineComponent } from 'vue';
 export default defineComponent({
   name: 'v-carousel',
   extends: VWindow,
+
+  // pass down the parent's theme
+  provide() {
+    return {
+      parentTheme: this.theme
+    };
+  },
+
   props: {
     continuous: {
       type: Boolean,
@@ -54,13 +61,7 @@ export default defineComponent({
       default: undefined
     }
   },
-
-  // pass down the parent's theme
-  provide() {
-    return {
-      parentTheme: this.theme
-    };
-  },
+  emits: ['update:modelValue', 'change'],
 
   data() {
     return {
@@ -108,7 +109,14 @@ export default defineComponent({
   },
 
   created() {
+    const breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue'], ['onChange', 'onUpdate:modelValue']];
     /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+    /* istanbul ignore next */
+
     if (this.$attrs.hasOwnProperty('hide-controls')) {
       breaking('hide-controls', ':show-arrows="false"', this);
     }
@@ -146,19 +154,19 @@ export default defineComponent({
           small: true,
           value: this.getValue(this.items[i], i),
           key: i
-        }, [h(VIcon, {
+        }, () => [h(VIcon, {
           size: 18
-        }, this.delimiterIcon)]);
+        }, () => this.delimiterIcon)]);
         children.push(child);
       }
 
       return h(ButtonGroup, {
-        value: this.internalValue,
+        modelValue: this.internalValue,
         mandatory: this.mandatory,
         onChange: val => {
           this.internalValue = val;
         }
-      }, children);
+      }, () => children);
     },
 
     genProgress() {
@@ -183,10 +191,22 @@ export default defineComponent({
   },
 
   render() {
-    const render = VWindow.render.call(this, h);
-    render.style = `height: ${convertToUnit(this.height)};`;
+    const render = VWindow.render.call(this, h); // Update the style object instead of setting render.style directly
+
+    if (render.props) {
+      render.props.style = { ...render.props.style,
+        height: convertToUnit(this.height)
+      };
+    } else {
+      render.props = {
+        style: {
+          height: convertToUnit(this.height)
+        }
+      };
+    }
     /* istanbul ignore else */
 
+
     if (!this.hideDelimiters) {
       render.children.push(this.genDelimiters());
     }

package/lib/components/VCarousel/VCarousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/VCarousel.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VCarousel.sass'\n\n// Extensions\nimport VWindow from '../VWindow/VWindow'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\nimport VProgressLinear from '../VProgressLinear'\n\n// Mixins\n// TODO: Move this into core components v2.0\nimport ButtonGroup from '../../mixins/button-group'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, PropType, defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'v-carousel',\n  extends: VWindow,\n\n  props: {\n    continuous: {\n      type: Boolean,\n      default: true,\n    },\n    cycle: Boolean,\n    delimiterIcon: {\n      type: String,\n      default: '$delimiter',\n    },\n    height: {\n      type: [Number, String],\n      default: 500,\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: (value: string | number) => value > 0,\n    },\n    mandatory: {\n      type: Boolean,\n      default: true,\n    },\n    progress: Boolean,\n    progressColor: String,\n    showArrows: {\n      type: Boolean,\n      default: true,\n    },\n    verticalDelimiters: {\n      type: String as PropType<'' | 'left' | 'right'>,\n      default: undefined,\n    },\n  },\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      parentTheme: this.theme,\n    }\n  },\n\n  data () {\n    return {\n      internalHeight: this.height,\n      slideTimeout: undefined as number | undefined,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VWindow.computed.classes.call(this),\n        'v-carousel': true,\n        'v-carousel--hide-delimiter-background': this.hideDelimiterBackground,\n        'v-carousel--vertical-delimiters': this.isVertical,\n      }\n    },\n    isDark (): boolean {\n      return this.dark || !this.light\n    },\n    isVertical (): boolean {\n      return this.verticalDelimiters != null\n    },\n  },\n\n  watch: {\n    internalValue: 'restartTimeout',\n    interval: 'restartTimeout',\n    height (val, oldVal) {\n      if (val === oldVal || !val) return\n      this.internalHeight = val\n    },\n    cycle (val) {\n      if (val) {\n        this.restartTimeout()\n      } else {\n        clearTimeout(this.slideTimeout)\n        this.slideTimeout = undefined\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('hide-controls')) {\n      breaking('hide-controls', ':show-arrows=\"false\"', this)\n    }\n  },\n\n  mounted () {\n    this.startTimeout()\n  },\n\n  methods: {\n    genControlIcons () {\n      if (this.isVertical) return null\n\n      return VWindow.methods.genControlIcons.call(this)\n    },\n    genDelimiters (): VNode {\n      return h('div', {\n        class: 'v-carousel__controls',\n        style: {\n          left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',\n          right: this.verticalDelimiters === 'right' ? 0 : 'auto',\n        },\n      }, [this.genItems()])\n    },\n    genItems (): VNode {\n      const length = this.items.length\n      const children = []\n\n      for (let i = 0; i < length; i++) {\n        const child = h(VBtn, {\n          class: 'v-carousel__controls__item',\n          'aria-label': this.$vuetify.lang.t('$vuetify.carousel.ariaLabel.delimiter', i + 1, length),\n          icon: true,\n          small: true,\n          value: this.getValue(this.items[i], i),\n          key: i,\n        }, [\n          h(VIcon, {\n            size: 18\n          }, this.delimiterIcon),\n        ])\n\n        children.push(child)\n      }\n\n      return h(ButtonGroup, {\n        value: this.internalValue,\n        mandatory: this.mandatory,\n        onChange: (val: unknown) => {\n          this.internalValue = val\n        }\n      }, children)\n    },\n    genProgress () {\n      return h(VProgressLinear, {\n        class: 'v-carousel__progress',\n        color: this.progressColor,\n        value: (this.internalIndex + 1) / this.items.length * 100,\n      })\n    },\n    restartTimeout () {\n      this.slideTimeout && clearTimeout(this.slideTimeout)\n      this.slideTimeout = undefined\n\n      window.requestAnimationFrame(this.startTimeout)\n    },\n    startTimeout () {\n      if (!this.cycle) return\n\n      this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000)\n    },\n  },\n\n  render (): VNode {\n    const render = VWindow.render.call(this, h)\n\n    render.style = `height: ${convertToUnit(this.height)};`\n\n    /* istanbul ignore else */\n    if (!this.hideDelimiters) {\n      render.children!.push(this.genDelimiters())\n    }\n\n    /* istanbul ignore else */\n    if (this.progress || this.progressColor) {\n      render.children!.push(this.genProgress())\n    }\n\n    return render\n  },\n})\n"],"sourceRoot":"","file":"VCarousel.js"}
+{"version":3,"sources":["../../../src/components/VCarousel/VCarousel.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Extensions\nimport VWindow from '../VWindow/VWindow'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\nimport VProgressLinear from '../VProgressLinear'\n\n// Mixins\n// TODO: Move this into core components v2.0\nimport ButtonGroup from '../../mixins/button-group'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { h, VNode, PropType, defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'v-carousel',\n  extends: VWindow,\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      parentTheme: this.theme,\n    }\n  },\n\n  props: {\n    continuous: {\n      type: Boolean,\n      default: true,\n    },\n    cycle: Boolean,\n    delimiterIcon: {\n      type: String,\n      default: '$delimiter',\n    },\n    height: {\n      type: [Number, String],\n      default: 500,\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: (value: string | number) => value > 0,\n    },\n    mandatory: {\n      type: Boolean,\n      default: true,\n    },\n    progress: Boolean,\n    progressColor: String,\n    showArrows: {\n      type: Boolean,\n      default: true,\n    },\n    verticalDelimiters: {\n      type: String as PropType<'' | 'left' | 'right'>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n    'change',\n  ],\n\n  data () {\n    return {\n      internalHeight: this.height,\n      slideTimeout: undefined as number | undefined,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VWindow.computed.classes.call(this),\n        'v-carousel': true,\n        'v-carousel--hide-delimiter-background': this.hideDelimiterBackground,\n        'v-carousel--vertical-delimiters': this.isVertical,\n      }\n    },\n    isDark (): boolean {\n      return this.dark || !this.light\n    },\n    isVertical (): boolean {\n      return this.verticalDelimiters != null\n    },\n  },\n\n  watch: {\n    internalValue: 'restartTimeout',\n    interval: 'restartTimeout',\n    height (val, oldVal) {\n      if (val === oldVal || !val) return\n      this.internalHeight = val\n    },\n    cycle (val) {\n      if (val) {\n        this.restartTimeout()\n      } else {\n        clearTimeout(this.slideTimeout)\n        this.slideTimeout = undefined\n      }\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue'],\n      ['onChange', 'onUpdate:modelValue'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('hide-controls')) {\n      breaking('hide-controls', ':show-arrows=\"false\"', this)\n    }\n  },\n\n  mounted () {\n    this.startTimeout()\n  },\n\n  methods: {\n    genControlIcons () {\n      if (this.isVertical) return null\n\n      return VWindow.methods.genControlIcons.call(this)\n    },\n    genDelimiters (): VNode {\n      return h('div', {\n        class: 'v-carousel__controls',\n        style: {\n          left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',\n          right: this.verticalDelimiters === 'right' ? 0 : 'auto',\n        },\n      }, [this.genItems()])\n    },\n    genItems (): VNode {\n      const length = this.items.length\n      const children = []\n\n      for (let i = 0; i < length; i++) {\n        const child = h(VBtn, {\n          class: 'v-carousel__controls__item',\n          'aria-label': this.$vuetify.lang.t('$vuetify.carousel.ariaLabel.delimiter', i + 1, length),\n          icon: true,\n          small: true,\n          value: this.getValue(this.items[i], i),\n          key: i,\n        }, () => [\n          h(VIcon, {\n            size: 18,\n          }, () => this.delimiterIcon),\n        ])\n\n        children.push(child)\n      }\n\n      return h(ButtonGroup, {\n        modelValue: this.internalValue,\n        mandatory: this.mandatory,\n        onChange: (val: unknown) => {\n          this.internalValue = val\n        },\n      }, () => children)\n    },\n    genProgress () {\n      return h(VProgressLinear, {\n        class: 'v-carousel__progress',\n        color: this.progressColor,\n        value: (this.internalIndex + 1) / this.items.length * 100,\n      })\n    },\n    restartTimeout () {\n      this.slideTimeout && clearTimeout(this.slideTimeout)\n      this.slideTimeout = undefined\n\n      window.requestAnimationFrame(this.startTimeout)\n    },\n    startTimeout () {\n      if (!this.cycle) return\n\n      this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000)\n    },\n  },\n\n  render (): VNode {\n    const render = VWindow.render.call(this, h)\n\n    // Update the style object instead of setting render.style directly\n    if (render.props) {\n      render.props.style = {\n        ...render.props.style,\n        height: convertToUnit(this.height),\n      }\n    } else {\n      render.props = {\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }\n    }\n\n    /* istanbul ignore else */\n    if (!this.hideDelimiters) {\n      render.children!.push(this.genDelimiters())\n    }\n\n    /* istanbul ignore else */\n    if (this.progress || this.progressColor) {\n      render.children!.push(this.genProgress())\n    }\n\n    return render\n  },\n})\n"],"sourceRoot":"","file":"VCarousel.js"}

package/lib/components/VCarousel/VCarouselItem.js

@@ -37,7 +37,7 @@ export default baseMixins.extend({
         height: this.windowGroup.internalHeight,
         ...this.$listeners
       }, {
-        default: getSlot(this),
+        default: () => getSlot(this),
         placeholder: this.$slots.placeholder
       })];
     },

package/lib/components/VCarousel/VCarouselItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/VCarouselItem.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,WAAP,MAAwB,wBAAxB,C,CAEA;;AACA,SAAS,IAAT,QAAqB,SAArB,C,CAEA;;AACA,OAAO,MAAP,MAAmC,mBAAnC;AACA,SAAS,OAAT,QAAwB,oBAAxB;AACA,OAAO,QAAP,MAAqB,uBAArB;AACA,SAAS,KAAT,EAAgB,cAAhB,EAAgC,CAAhC,QAAyC,KAAzC,C,CAEA;;AACA,MAAM,UAAU,GAAG,MAAM,CACvB,WADuB,EAEvB,QAFuB,CAAzB;AAWA;;AACA,eAAe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,iBADyB;AAG/B,EAAA,MAAM,EAAE;AACN,IAAA,WAAW,EAAE;AACX,MAAA,OAAO,EAAE;AACP,QAAA,MAAM,EAAE;AADD;AADE;AADP,GAHuB;;AAW/B;AACA,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,KAAK,EAAE,KAAK;AADP,KAAP;AAGD,GAhB8B;;AAkB/B,EAAA,YAAY,EAAE,KAlBiB;AAoB/B,EAAA,OAAO,EAAE;AACP,IAAA,cAAc,GAAA;AACZ,aAAO,CACL,CAAC,CAAC,IAAD,EAAO;AACN,QAAA,KAAK,EAAE,kBADD;AAEN,WAAG,KAAK,MAFF;AAGN,QAAA,MAAM,EAAE,KAAK,WAAL,CAAiB,cAHnB;AAIN,WAAG,KAAK;AAJF,OAAP,EAKE;AAAE,QAAA,OAAO,EAAE,OAAO,CAAC,IAAD,CAAlB;AAA0B,QAAA,WAAW,EAAE,KAAK,MAAL,CAAY;AAAnD,OALF,CADI,CAAP;AAQD,KAVM;;AAWP,IAAA,aAAa,GAAA;AACX,YAAM;AAAE,QAAA,GAAF;AAAO,QAAA,IAAP;AAAa,QAAA;AAAb,UAA4B,KAAK,iBAAL,EAAlC;AAEA,MAAA,IAAI,CAAC,KAAL,CAAW,eAAX,IAA8B,IAA9B;AAEA,MAAA,UAAW,CAAC,IAAZ,CAAiB,CACf,KADe,EAEf,KAAK,QAFU,CAAjB;AAKA,aAAO,cAAc,CACnB,CAAC,CAAC,GAAD,EAAM,IAAN,EAAY,KAAK,cAAL,EAAZ,CADkB,EAEnB,UAFmB,CAArB;AAID;;AAzBM;AApBsB,CAAlB,CAAf","sourcesContent":["// Extensions\nimport VWindowItem from '../VWindow/VWindowItem'\n\n// Components\nimport { VImg } from '../VImg'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport Routable from '../../mixins/routable'\nimport { vShow, withDirectives, h } from 'vue'\n\n// Types\nconst baseMixins = mixins(\n  VWindowItem,\n  Routable\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  parentTheme: {\n    isDark: boolean\n  }\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-carousel-item',\n\n  inject: {\n    parentTheme: {\n      default: {\n        isDark: false,\n      },\n    },\n  },\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      theme: this.parentTheme,\n    }\n  },\n\n  inheritAttrs: false,\n\n  methods: {\n    genDefaultSlot () {\n      return [\n        h(VImg, {\n          class: 'v-carousel__item',\n          ...this.$attrs,\n          height: this.windowGroup.internalHeight,\n          ...this.$listeners,\n        }, { default: getSlot(this), placeholder: this.$slots.placeholder }),\n      ]\n    },\n    genWindowItem () {\n      const { tag, data, directives } = this.generateRouteLink()\n\n      data.class['v-window-item'] = true\n\n      directives!.push([\n        vShow,\n        this.isActive,\n      ])\n\n      return withDirectives(\n        h(tag, data, this.genDefaultSlot()),\n        directives\n      )\n    },\n  },\n})\n"],"sourceRoot":"","file":"VCarouselItem.js"}
+{"version":3,"sources":["../../../src/components/VCarousel/VCarouselItem.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,WAAP,MAAwB,wBAAxB,C,CAEA;;AACA,SAAS,IAAT,QAAqB,SAArB,C,CAEA;;AACA,OAAO,MAAP,MAAmC,mBAAnC;AACA,SAAS,OAAT,QAAwB,oBAAxB;AACA,OAAO,QAAP,MAAqB,uBAArB;AACA,SAAS,KAAT,EAAgB,cAAhB,EAAgC,CAAhC,QAAyC,KAAzC,C,CAEA;;AACA,MAAM,UAAU,GAAG,MAAM,CACvB,WADuB,EAEvB,QAFuB,CAAzB;AAWA;;AACA,eAAe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,iBADyB;AAG/B,EAAA,MAAM,EAAE;AACN,IAAA,WAAW,EAAE;AACX,MAAA,OAAO,EAAE;AACP,QAAA,MAAM,EAAE;AADD;AADE;AADP,GAHuB;;AAW/B;AACA,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,KAAK,EAAE,KAAK;AADP,KAAP;AAGD,GAhB8B;;AAkB/B,EAAA,YAAY,EAAE,KAlBiB;AAoB/B,EAAA,OAAO,EAAE;AACP,IAAA,cAAc,GAAA;AACZ,aAAO,CACL,CAAC,CAAC,IAAD,EAAO;AACN,QAAA,KAAK,EAAE,kBADD;AAEN,WAAG,KAAK,MAFF;AAGN,QAAA,MAAM,EAAE,KAAK,WAAL,CAAiB,cAHnB;AAIN,WAAG,KAAK;AAJF,OAAP,EAKE;AAAE,QAAA,OAAO,EAAE,MAAM,OAAO,CAAC,IAAD,CAAxB;AAAgC,QAAA,WAAW,EAAE,KAAK,MAAL,CAAY;AAAzD,OALF,CADI,CAAP;AAQD,KAVM;;AAWP,IAAA,aAAa,GAAA;AACX,YAAM;AAAE,QAAA,GAAF;AAAO,QAAA,IAAP;AAAa,QAAA;AAAb,UAA4B,KAAK,iBAAL,EAAlC;AAEA,MAAA,IAAI,CAAC,KAAL,CAAW,eAAX,IAA8B,IAA9B;AAEA,MAAA,UAAW,CAAC,IAAZ,CAAiB,CACf,KADe,EAEf,KAAK,QAFU,CAAjB;AAKA,aAAO,cAAc,CACnB,CAAC,CAAC,GAAD,EAAM,IAAN,EAAY,KAAK,cAAL,EAAZ,CADkB,EAEnB,UAFmB,CAArB;AAID;;AAzBM;AApBsB,CAAlB,CAAf","sourcesContent":["// Extensions\nimport VWindowItem from '../VWindow/VWindowItem'\n\n// Components\nimport { VImg } from '../VImg'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport Routable from '../../mixins/routable'\nimport { vShow, withDirectives, h } from 'vue'\n\n// Types\nconst baseMixins = mixins(\n  VWindowItem,\n  Routable\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  parentTheme: {\n    isDark: boolean\n  }\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-carousel-item',\n\n  inject: {\n    parentTheme: {\n      default: {\n        isDark: false,\n      },\n    },\n  },\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      theme: this.parentTheme,\n    }\n  },\n\n  inheritAttrs: false,\n\n  methods: {\n    genDefaultSlot () {\n      return [\n        h(VImg, {\n          class: 'v-carousel__item',\n          ...this.$attrs,\n          height: this.windowGroup.internalHeight,\n          ...this.$listeners,\n        }, { default: () => getSlot(this), placeholder: this.$slots.placeholder }),\n      ]\n    },\n    genWindowItem () {\n      const { tag, data, directives } = this.generateRouteLink()\n\n      data.class['v-window-item'] = true\n\n      directives!.push([\n        vShow,\n        this.isActive,\n      ])\n\n      return withDirectives(\n        h(tag, data, this.genDefaultSlot()),\n        directives\n      )\n    },\n  },\n})\n"],"sourceRoot":"","file":"VCarouselItem.js"}

package/lib/components/VCheckbox/VCheckbox.js

@@ -5,7 +5,9 @@ import "../../../src/styles/components/_selection-controls.sass"; // Components
 import VIcon from '../VIcon';
 import VInput from '../VInput'; // Mixins
 
-import Selectable from '../../mixins/selectable';
+import Selectable from '../../mixins/selectable'; // Utilities
+
+import { breaking } from '../../util/console';
 import { defineComponent, h } from 'vue';
 /* @vue/component */
 
@@ -27,6 +29,7 @@ export default defineComponent({
       default: '$checkboxOn'
     }
   },
+  emits: ['click', 'focus', 'blur', 'update:indeterminate'],
 
   data() {
     return {
@@ -81,6 +84,16 @@ export default defineComponent({
     }
 
   },
+
+  created() {
+    const breakingProps = [['inputValue', 'model-value'], ['input-value', 'model-value']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
   methods: {
     genCheckbox() {
       const {
@@ -93,7 +106,7 @@ export default defineComponent({
         dense: this.dense,
         dark: this.dark,
         light: this.light
-      }), this.computedIcon), this.genInput('checkbox', { ...checkboxAttrs,
+      }), () => this.computedIcon), this.genInput('checkbox', { ...checkboxAttrs,
         'aria-checked': this.inputIndeterminate ? 'mixed' : this.isActive.toString()
       }), this.genRipple(this.setTextColor(this.rippleState))]);
     },

package/lib/components/VCheckbox/VCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCheckbox/VCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-checkbox',\n  extends: Selectable,\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.computed.classes.call(this),\n        'v-input--selection-controls': true,\n        'v-input--checkbox': true,\n        'v-input--indeterminate': this.inputIndeterminate,\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.isDisabled && !this.inputIndeterminate) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n  },\n\n  watch: {\n    indeterminate (val) {\n      // https://github.com/vuetifyjs/vuetify/issues/8270\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    },\n    isActive () {\n      if (!this.indeterminate) return\n      this.inputIndeterminate = false\n    },\n  },\n\n  methods: {\n    genCheckbox () {\n      const { title, ...checkboxAttrs } = this.attrs$\n      return h('div', {\n        class: 'v-input--selection-controls__input',\n      }, [\n        h(VIcon, this.setTextColor(this.validationState, {\n          dense: this.dense,\n          dark: this.dark,\n          light: this.light\n        }), this.computedIcon),\n        this.genInput('checkbox', {\n          ...checkboxAttrs,\n          'aria-checked': this.inputIndeterminate\n            ? 'mixed'\n            : this.isActive.toString(),\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel(),\n      ]\n    },\n  },\n})\n"],"sourceRoot":"","file":"VCheckbox.js"}
+{"version":3,"sources":["../../../src/components/VCheckbox/VCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-checkbox',\n  extends: Selectable,\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  emits: ['click', 'focus', 'blur', 'update:indeterminate'],\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.computed.classes.call(this),\n        'v-input--selection-controls': true,\n        'v-input--checkbox': true,\n        'v-input--indeterminate': this.inputIndeterminate,\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.isDisabled && !this.inputIndeterminate) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n  },\n\n  watch: {\n    indeterminate (val) {\n      // https://github.com/vuetifyjs/vuetify/issues/8270\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    },\n    isActive () {\n      if (!this.indeterminate) return\n      this.inputIndeterminate = false\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['inputValue', 'model-value'],\n      ['input-value', 'model-value'],\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    genCheckbox () {\n      const { title, ...checkboxAttrs } = this.attrs$\n      return h('div', {\n        class: 'v-input--selection-controls__input',\n      }, [\n        h(VIcon, this.setTextColor(this.validationState, {\n          dense: this.dense,\n          dark: this.dark,\n          light: this.light,\n        }), () => this.computedIcon),\n        this.genInput('checkbox', {\n          ...checkboxAttrs,\n          'aria-checked': this.inputIndeterminate\n            ? 'mixed'\n            : this.isActive.toString(),\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel(),\n      ]\n    },\n  },\n})\n"],"sourceRoot":"","file":"VCheckbox.js"}

package/lib/components/VCheckbox/VSimpleCheckbox.js

@@ -1,19 +1,15 @@
 import "../../../src/components/VCheckbox/VSimpleCheckbox.sass";
 import Ripple from '../../directives/ripple';
-import { h } from 'vue';
-import { defineComponent } from 'vue';
+import { h, defineComponent, withDirectives } from 'vue';
 import { VIcon } from '../VIcon'; // Mixins
 
 import Colorable from '../../mixins/colorable';
 import Themeable from '../../mixins/themeable'; // Utilities
 
 import mergeData from '../../util/mergeData';
+import { breaking } from '../../util/console';
 export default defineComponent({
   name: 'v-simple-checkbox',
-  functional: true,
-  directives: {
-    Ripple
-  },
   props: { ...Colorable.props,
     ...Themeable.props,
     disabled: Boolean,
@@ -21,7 +17,7 @@ export default defineComponent({
       type: Boolean,
       default: true
     },
-    value: Boolean,
+    modelValue: Boolean,
     indeterminate: Boolean,
     indeterminateIcon: {
       type: String,
@@ -36,48 +32,96 @@ export default defineComponent({
       default: '$checkboxOff'
     }
   },
+  emits: ['input', 'update:modelValue'],
 
-  render() {
-    const props = this.$props;
-    const data = this.$attrs;
-    const children = [];
-    let icon = props.offIcon;
-    if (props.indeterminate) icon = props.indeterminateIcon;else if (props.value) icon = props.onIcon;
-    children.push(h(VIcon, Colorable.methods.setTextColor(props.value && props.color, {
-      disabled: props.disabled,
-      dark: props.dark,
-      light: props.light
-    }), icon));
+  created() {
+    const breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
+  methods: {
+    getIcon() {
+      const {
+        indeterminate,
+        modelValue,
+        indeterminateIcon,
+        onIcon,
+        offIcon
+      } = this.$props;
+      if (indeterminate) return indeterminateIcon;
+      if (modelValue) return onIcon;
+      return offIcon;
+    },
+
+    createIcon() {
+      const {
+        modelValue,
+        disabled,
+        dark,
+        light,
+        color
+      } = this.$props;
+      return h(VIcon, Colorable.methods.setTextColor(modelValue && color, {
+        disabled,
+        dark,
+        light
+      }), () => this.getIcon());
+    },
+
+    createRipple() {
+      const {
+        ripple,
+        disabled,
+        color
+      } = this.$props;
+      if (!ripple || disabled) return null;
+      return withDirectives(h('div', Colorable.methods.setTextColor(color, {
+        class: 'v-input--selection-controls__ripple'
+      })), [[Ripple, {
+        center: true
+      }]]);
+    },
 
-    if (props.ripple && !props.disabled) {
-      const ripple = h('div', Colorable.methods.setTextColor(props.color, {
-        class: 'v-input--selection-controls__ripple',
-        directives: [{
-          def: Ripple,
-          name: 'ripple',
-          value: {
-            center: true
-          }
-        }]
-      }));
-      children.push(ripple);
+    handleClick(e) {
+      e.stopPropagation();
+      if (this.$props.disabled) return;
+      const newValue = !this.modelValue;
+      const attrs = this.$attrs;
+      this.$emit("input", newValue);
+      this.$emit('update:modelValue', newValue);
+    },
+
+    createChildren() {
+      const children = [this.createIcon()];
+      const ripple = this.createRipple();
+
+      if (ripple) {
+        children.push(ripple);
+      }
+
+      return children;
     }
 
+  },
+
+  render() {
+    const {
+      disabled
+    } = this.$props;
+    const data = this.$attrs;
     return h('div', mergeData(data, {
       class: {
         'v-simple-checkbox': true,
-        'v-simple-checkbox--disabled': props.disabled
+        'v-simple-checkbox--disabled': disabled
       },
-      onClick: e => {
-        e.stopPropagation();
-
-        if (data.on && data.on.input && !props.disabled) {
-          data.onInput && data.onInput(!props.value);
-        }
-      }
+      onClick: this.handleClick
     }), [h('div', {
       class: 'v-input--selection-controls__input'
-    }, children)]);
+    }, this.createChildren())]);
   }
 
 });

package/lib/components/VCheckbox/VSimpleCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCheckbox/VSimpleCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["import './VSimpleCheckbox.sass'\n\nimport Ripple from '../../directives/ripple'\n\nimport { VNode, VNodeDirective, h } from 'vue'\nimport {defineComponent} from 'vue'\n\nimport { VIcon } from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport { wrapInArray } from '../../util/helpers'\n\nexport default defineComponent({\n  name: 'v-simple-checkbox',\n\n  functional: true,\n\n  directives: {\n    Ripple,\n  },\n\n  props: {\n    ...Colorable.props,\n    ...Themeable.props,\n    disabled: Boolean,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    value: Boolean,\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n  },\n\n  render (): VNode {\n    const props = this.$props\n    const data = this.$attrs\n\n    const children = []\n    let icon = props.offIcon\n    if (props.indeterminate) icon = props.indeterminateIcon\n    else if (props.value) icon = props.onIcon\n\n    children.push(h(VIcon, Colorable.methods.setTextColor(props.value && props.color, {\n      disabled: props.disabled,\n      dark: props.dark,\n      light: props.light\n    }), icon))\n\n    if (props.ripple && !props.disabled) {\n      const ripple = h('div', Colorable.methods.setTextColor(props.color, {\n        class: 'v-input--selection-controls__ripple',\n        directives: [{\n          def: Ripple,\n          name: 'ripple',\n          value: { center: true },\n        }] as VNodeDirective[],\n      }))\n\n      children.push(ripple)\n    }\n\n    return h('div',\n      mergeData(data, {\n        class: {\n          'v-simple-checkbox': true,\n          'v-simple-checkbox--disabled': props.disabled,\n        },\n        onClick: (e: MouseEvent) => {\n          e.stopPropagation()\n\n          if (data.on && data.on.input && !props.disabled) {\n            data.onInput && data.onInput(!props.value)\n          }\n        },\n      }), [\n        h('div', { class: 'v-input--selection-controls__input' }, children),\n      ])\n  },\n})\n"],"sourceRoot":"","file":"VSimpleCheckbox.js"}
+{"version":3,"sources":["../../../src/components/VCheckbox/VSimpleCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["import './VSimpleCheckbox.sass'\n\nimport Ripple from '../../directives/ripple'\n\nimport { VNode, h, defineComponent, withDirectives } from 'vue'\n\nimport { VIcon } from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport { wrapInArray } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\nexport default defineComponent({\n  name: 'v-simple-checkbox',\n\n\n  props: {\n    ...Colorable.props,\n    ...Themeable.props,\n    disabled: Boolean,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    modelValue: Boolean,\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n  },\n\n  emits: ['input', 'update:modelValue'],\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    getIcon (): string {\n      const { indeterminate, modelValue, indeterminateIcon, onIcon, offIcon } = this.$props\n\n      if (indeterminate) return indeterminateIcon\n      if (modelValue) return onIcon\n      return offIcon\n    },\n\n    createIcon (): VNode {\n      const { modelValue, disabled, dark, light, color } = this.$props\n\n      return h(\n        VIcon,\n        Colorable.methods.setTextColor(modelValue && color, {\n          disabled,\n          dark,\n          light,\n        }),\n        () => this.getIcon()\n      )\n    },\n\n    createRipple (): VNode | null {\n      const { ripple, disabled, color } = this.$props\n\n      if (!ripple || disabled) return null\n\n      return withDirectives(\n        h(\n          'div',\n          Colorable.methods.setTextColor(color, {\n            class: 'v-input--selection-controls__ripple',\n          })\n        ),\n        [\n          [Ripple, { center: true }],\n        ]\n      )\n    },\n\n    handleClick (e: MouseEvent): void {\n      e.stopPropagation()\n\n      if (this.$props.disabled) return\n\n      const newValue = !this.modelValue\n      const attrs = this.$attrs\n\n\n      this.$emit(\"input\", newValue);\n      this.$emit('update:modelValue', newValue)\n    },\n\n    createChildren (): VNode[] {\n      const children = [this.createIcon()]\n\n      const ripple = this.createRipple()\n      if (ripple) {\n        children.push(ripple)\n      }\n\n      return children\n    },\n  },\n\n  render (): VNode {\n    const { disabled } = this.$props\n    const data = this.$attrs\n\n    return h(\n      'div',\n      mergeData(data, {\n        class: {\n          'v-simple-checkbox': true,\n          'v-simple-checkbox--disabled': disabled,\n        },\n        onClick: this.handleClick,\n      }),\n      [\n        h(\n          'div',\n          { class: 'v-input--selection-controls__input' },\n          this.createChildren()\n        )\n      ]\n    )\n  },\n})\n"],"sourceRoot":"","file":"VSimpleCheckbox.js"}

package/lib/components/VChip/VChip.js

@@ -17,8 +17,9 @@ import { breaking } from '../../util/console';
 import { getSlot } from '../../util/helpers';
 /* @vue/component */
 
-export default mixins(Colorable, Sizeable, Routable, Themeable, GroupableFactory('chipGroup'), ToggleableFactory('inputValue')).extend({
+export default mixins(Colorable, Sizeable, Routable, Themeable, GroupableFactory('chipGroup'), ToggleableFactory()).extend({
   name: 'v-chip',
+  emits: ['update:modelValue', 'click:close', 'click', 'change'],
   props: {
     active: {
       type: Boolean,
@@ -28,6 +29,7 @@ export default mixins(Colorable, Sizeable, Routable, Themeable, GroupableFactory
       type: String
     },
     close: Boolean,
+    onClick: Function,
     closeIcon: {
       type: String,
       default: '$delete'
@@ -52,14 +54,17 @@ export default mixins(Colorable, Sizeable, Routable, Themeable, GroupableFactory
       default: 'span'
     },
     textColor: String,
-    value: null
+    modelValue: null
   },
   data: () => ({
     proxyClass: 'v-chip--active'
   }),
   computed: {
     $activeClass() {
-      if (this.activeClass) return this.activeClass;
+      if (this.activeClass) {
+        return this.activeClass;
+      }
+
       if (!this.chipGroup) return '';
       return this.chipGroup.activeClass;
     },
@@ -94,7 +99,7 @@ export default mixins(Colorable, Sizeable, Routable, Themeable, GroupableFactory
   },
 
   created() {
-    const breakingProps = [['outline', 'outlined'], ['selected', 'input-value'], ['value', 'active'], ['@input', '@active.sync']];
+    const breakingProps = [['outline', 'outlined'], ['selected', 'input-value'], ['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
     /* istanbul ignore next */
 
     breakingProps.forEach(([original, replacement]) => {
@@ -105,7 +110,11 @@ export default mixins(Colorable, Sizeable, Routable, Themeable, GroupableFactory
   methods: {
     click(e) {
       this.$emit('click', e);
-      this.chipGroup && this.toggle();
+
+      if (this.chipGroup) {
+        this.toggle();
+        this.$emit('update:modelValue', this.isActive);
+      }
     },
 
     genFilter() {
@@ -131,7 +140,7 @@ export default mixins(Colorable, Sizeable, Routable, Themeable, GroupableFactory
           e.stopPropagation();
           e.preventDefault();
           this.$emit('click:close');
-          this.$emit('update:active', false);
+          this.$emit('update:modelValue', false);
         }
       }, this.closeIcon);
     },