@vuetify/nightly 2.6.8 → 2.6.9

package/src/components/VCalendar/__tests__/__snapshots__/VCalendar.spec.ts.snap

@@ -1,7 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`VCalendar should go to correct day when using next/prev public functions 1`] = `
-<div class="v-calendar v-calendar-daily theme--light">
+<div class="v-calendar v-calendar-daily theme--light"
+     role="grid"
+>
   <div class="v-calendar-daily__head"
        style="margin-right: 0px;"
   >
@@ -307,7 +309,9 @@ exports[`VCalendar should go to correct day when using next/prev public function
 `;
 
 exports[`VCalendar should go to correct day when using next/prev public functions 2`] = `
-<div class="v-calendar v-calendar-daily theme--light">
+<div class="v-calendar v-calendar-daily theme--light"
+     role="grid"
+>
   <div class="v-calendar-daily__head"
        style="margin-right: 0px;"
   >
@@ -613,7 +617,9 @@ exports[`VCalendar should go to correct day when using next/prev public function
 `;
 
 exports[`VCalendar should go to correct day when using next/prev public functions 3`] = `
-<div class="v-calendar v-calendar-daily theme--light">
+<div class="v-calendar v-calendar-daily theme--light"
+     role="grid"
+>
   <div class="v-calendar-daily__head"
        style="margin-right: 0px;"
   >
@@ -919,7 +925,9 @@ exports[`VCalendar should go to correct day when using next/prev public function
 `;
 
 exports[`VCalendar should render 4-day view 1`] = `
-<div class="v-calendar v-calendar-daily theme--light">
+<div class="v-calendar v-calendar-daily theme--light"
+     role="grid"
+>
   <div class="v-calendar-daily__head"
        style="margin-right: 0px;"
   >
@@ -1561,7 +1569,9 @@ exports[`VCalendar should render 4-day view 1`] = `
 `;
 
 exports[`VCalendar should render day view 1`] = `
-<div class="v-calendar v-calendar-daily theme--light">
+<div class="v-calendar v-calendar-daily theme--light"
+     role="grid"
+>
   <div class="v-calendar-daily__head"
        style="margin-right: 0px;"
   >
@@ -1867,32 +1877,54 @@ exports[`VCalendar should render day view 1`] = `
 `;
 
 exports[`VCalendar should render month view 1`] = `
-<div class="v-calendar-monthly v-calendar-weekly v-calendar theme--light">
-  <div class="v-calendar-weekly__head">
-    <div class="v-calendar-weekly__head-weekday v-present v-outside">
+<div class="v-calendar-monthly v-calendar-weekly v-calendar theme--light"
+     role="grid"
+>
+  <div role="row"
+       class="v-calendar-weekly__head"
+  >
+    <div role="columnheader"
+         class="v-calendar-weekly__head-weekday v-present v-outside"
+    >
       Sun
     </div>
-    <div class="v-calendar-weekly__head-weekday v-future">
+    <div role="columnheader"
+         class="v-calendar-weekly__head-weekday v-future"
+    >
       Mon
     </div>
-    <div class="v-calendar-weekly__head-weekday v-future">
+    <div role="columnheader"
+         class="v-calendar-weekly__head-weekday v-future"
+    >
       Tue
     </div>
-    <div class="v-calendar-weekly__head-weekday v-future">
+    <div role="columnheader"
+         class="v-calendar-weekly__head-weekday v-future"
+    >
       Wed
     </div>
-    <div class="v-calendar-weekly__head-weekday v-future">
+    <div role="columnheader"
+         class="v-calendar-weekly__head-weekday v-future"
+    >
       Thu
     </div>
-    <div class="v-calendar-weekly__head-weekday v-future">
+    <div role="columnheader"
+         class="v-calendar-weekly__head-weekday v-future"
+    >
       Fri
     </div>
-    <div class="v-calendar-weekly__head-weekday v-future">
+    <div role="columnheader"
+         class="v-calendar-weekly__head-weekday v-future"
+    >
       Sat
     </div>
   </div>
-  <div class="v-calendar-weekly__week">
-    <div class="v-calendar-weekly__day v-past v-outside">
+  <div role="row"
+       class="v-calendar-weekly__week"
+  >
+    <div role="cell"
+         class="v-calendar-weekly__day v-past v-outside"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -1903,7 +1935,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -1914,7 +1948,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -1925,7 +1961,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -1936,7 +1974,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -1947,7 +1987,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -1958,7 +2000,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -1970,8 +2014,12 @@ exports[`VCalendar should render month view 1`] = `
       </div>
     </div>
   </div>
-  <div class="v-calendar-weekly__week">
-    <div class="v-calendar-weekly__day v-past">
+  <div role="row"
+       class="v-calendar-weekly__week"
+  >
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -1982,7 +2030,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -1993,7 +2043,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2004,7 +2056,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2015,7 +2069,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2026,7 +2082,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2037,7 +2095,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2049,8 +2109,12 @@ exports[`VCalendar should render month view 1`] = `
       </div>
     </div>
   </div>
-  <div class="v-calendar-weekly__week">
-    <div class="v-calendar-weekly__day v-past">
+  <div role="row"
+       class="v-calendar-weekly__week"
+  >
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2061,7 +2125,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2072,7 +2138,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2083,7 +2151,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2094,7 +2164,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2105,7 +2177,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2116,7 +2190,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2128,8 +2204,12 @@ exports[`VCalendar should render month view 1`] = `
       </div>
     </div>
   </div>
-  <div class="v-calendar-weekly__week">
-    <div class="v-calendar-weekly__day v-past">
+  <div role="row"
+       class="v-calendar-weekly__week"
+  >
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2140,7 +2220,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2151,7 +2233,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2162,7 +2246,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2173,7 +2259,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2184,7 +2272,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2195,7 +2285,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2207,8 +2299,12 @@ exports[`VCalendar should render month view 1`] = `
       </div>
     </div>
   </div>
-  <div class="v-calendar-weekly__week">
-    <div class="v-calendar-weekly__day v-past">
+  <div role="row"
+       class="v-calendar-weekly__week"
+  >
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2219,7 +2315,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2230,7 +2328,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2241,7 +2341,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2252,7 +2354,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past v-outside">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past v-outside"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2263,7 +2367,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past v-outside">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past v-outside"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2274,7 +2380,9 @@ exports[`VCalendar should render month view 1`] = `
         </button>
       </div>
     </div>
-    <div class="v-calendar-weekly__day v-past v-outside">
+    <div role="cell"
+         class="v-calendar-weekly__day v-past v-outside"
+    >
       <div class="v-calendar-weekly__day-label">
         <button type="button"
                 class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--small transparent"
@@ -2290,7 +2398,9 @@ exports[`VCalendar should render month view 1`] = `
 `;
 
 exports[`VCalendar should render week view 1`] = `
-<div class="v-calendar v-calendar-daily theme--light">
+<div class="v-calendar v-calendar-daily theme--light"
+     role="grid"
+>
   <div class="v-calendar-daily__head"
        style="margin-right: 0px;"
   >

package/src/components/VCalendar/mixins/__tests__/mouse.spec.ts

@@ -35,11 +35,11 @@ describe('mouse.ts', () => {
     const noop = e => e
     const wrapper = mount(Mock, {
       listeners: {
-        click: noop,
+        'click:foo': noop,
       },
     })
 
-    expect(typeof wrapper.vm.getDefaultMouseEventHandlers('', noop).click).toBe('function')
+    expect(typeof wrapper.vm.getDefaultMouseEventHandlers(':foo', noop).click).toBe('function')
     expect(Object.keys(typeof wrapper.vm.getDefaultMouseEventHandlers('', noop))).toHaveLength(6)
   })
 

package/src/components/VCalendar/mixins/mouse.ts

@@ -24,17 +24,16 @@ export default Vue.extend({
 
   methods: {
     getDefaultMouseEventHandlers (suffix: string, getEvent: MouseHandler): MouseEventsMap {
+      const listeners = Object.keys(this.$listeners)
+        .filter(key => key.endsWith(suffix))
+        .reduce((acc, key) => {
+          acc[key] = { event: key.slice(0, -suffix.length) }
+          return acc
+        }, {} as MouseEvents)
+
       return this.getMouseEventHandlers({
-        ['click' + suffix]: { event: 'click' },
+        ...listeners,
         ['contextmenu' + suffix]: { event: 'contextmenu', prevent: true, result: false },
-        ['mousedown' + suffix]: { event: 'mousedown' },
-        ['mousemove' + suffix]: { event: 'mousemove' },
-        ['mouseup' + suffix]: { event: 'mouseup' },
-        ['mouseenter' + suffix]: { event: 'mouseenter' },
-        ['mouseleave' + suffix]: { event: 'mouseleave' },
-        ['touchstart' + suffix]: { event: 'touchstart' },
-        ['touchmove' + suffix]: { event: 'touchmove' },
-        ['touchend' + suffix]: { event: 'touchend' },
       }, getEvent)
     },
     getMouseEventHandlers (events: MouseEvents, getEvent: MouseHandler): MouseEventsMap {

package/src/components/VCarousel/VCarousel.ts

@@ -149,6 +149,7 @@ export default VWindow.extend({
             small: true,
             value: this.getValue(this.items[i], i),
           },
+          key: i,
         }, [
           this.$createElement(VIcon, {
             props: { size: 18 },

package/src/components/VInput/VInput.sass

@@ -100,12 +100,12 @@
 
   &__slot
     align-items: center
-    color: inherit
     display: flex
     margin-bottom: $input-slot-margin-bottom
     min-height: inherit
     position: relative
     transition: $primary-transition
+    transition-property: height, min-height
     width: 100%
 
   &--dense > .v-input__control > .v-input__slot

package/src/components/VPagination/VPagination.ts

@@ -89,7 +89,7 @@ export default mixins(
     items (): (string | number)[] {
       const totalVisible = parseInt(this.totalVisible, 10)
 
-      if (totalVisible === 0) {
+      if (totalVisible === 0 || isNaN(this.length) || this.length > Number.MAX_SAFE_INTEGER) {
         return []
       }
 

package/src/components/VRadioGroup/VRadio.ts

@@ -74,6 +74,7 @@ export default baseMixins.extend<options>().extend({
       }
     },
     computedColor (): string | undefined {
+      if (this.isDisabled) return undefined
       return Selectable.options.computed.computedColor.call(this)
     },
     computedIcon (): string {

package/src/components/VSwitch/VSwitch.sass

@@ -45,6 +45,7 @@
 
   .v-input--selection-controls__input
     width: $switch-width
+    transition: opacity $primary-transition
 
   .v-input--selection-controls__ripple
     top: $switch-ripple-top
@@ -68,8 +69,8 @@
     .v-input--selection-controls__ripple
       top: $switch-ripple-dense-top
 
-  &.v-input--is-dirty
-    &.v-input--is-disabled
+  &.v-input--is-dirty.v-input--is-disabled
+    .v-input--selection-controls__input
       opacity: $switch-disabled-opacity
 
   +ltr()