@dimailn/vuetify 2.7.2-alpha26 → 2.7.2-alpha28

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

@@ -215,44 +215,45 @@ exports[`VSelect.ts should only show items if they are in items 4`] = `
 `;
 
 exports[`VSelect.ts should render v-select correctly when not using scope slot 1`] = `
-<div class="v-input theme--light v-text-field v-select">
+<div class="v-input v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select">
   <div class="v-input__control">
     <div role="button"
          aria-haspopup="listbox"
          aria-expanded="false"
-         aria-owns="list-32"
+         aria-owns="list-41"
          class="v-input__slot"
     >
       <div class="v-select__slot">
         <div class="v-select__selections">
-          <input id="input-32"
-                 readonly="readonly"
-                 type="text"
-                 aria-readonly="false"
+          <div class="v-select__selection v-select__selection--comma">
+            Text 0
+          </div>
+          <input aria-readonly="false"
                  autocomplete="off"
+                 id="input-41"
+                 readonly
+                 type="text"
           >
         </div>
         <div class="v-input__append-inner">
           <div class="v-input__icon v-input__icon--append">
-            <i aria-hidden="true"
-               class="v-icon notranslate material-icons theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-              $dropdown
-            </i>
+            </span>
           </div>
         </div>
-        <input type="hidden">
+        <input type="hidden"
+               value="0"
+        >
       </div>
       <div class="v-menu">
       </div>
     </div>
     <div class="v-text-field__details">
       <div class="v-messages theme--light">
-        <span name="message-transition"
-              tag="div"
-              class="v-messages__wrapper"
-        >
-        </span>
+        <div class="v-messages__wrapper">
+        </div>
       </div>
     </div>
   </div>
@@ -260,44 +261,45 @@ exports[`VSelect.ts should render v-select correctly when not using scope slot 1
 `;
 
 exports[`VSelect.ts should render v-select correctly when not using v-list-item in item scope slot 1`] = `
-<div class="v-input theme--light v-text-field v-select">
+<div class="v-input v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select">
   <div class="v-input__control">
     <div role="button"
          aria-haspopup="listbox"
          aria-expanded="false"
-         aria-owns="list-26"
+         aria-owns="list-33"
          class="v-input__slot"
     >
       <div class="v-select__slot">
         <div class="v-select__selections">
-          <input id="input-26"
-                 readonly="readonly"
-                 type="text"
-                 aria-readonly="false"
+          <div class="v-select__selection v-select__selection--comma">
+            Text 0
+          </div>
+          <input aria-readonly="false"
                  autocomplete="off"
+                 id="input-33"
+                 readonly
+                 type="text"
           >
         </div>
         <div class="v-input__append-inner">
           <div class="v-input__icon v-input__icon--append">
-            <i aria-hidden="true"
-               class="v-icon notranslate material-icons theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-              $dropdown
-            </i>
+            </span>
           </div>
         </div>
-        <input type="hidden">
+        <input type="hidden"
+               value="0"
+        >
       </div>
       <div class="v-menu">
       </div>
     </div>
     <div class="v-text-field__details">
       <div class="v-messages theme--light">
-        <span name="message-transition"
-              tag="div"
-              class="v-messages__wrapper"
-        >
-        </span>
+        <div class="v-messages__wrapper">
+        </div>
       </div>
     </div>
   </div>
@@ -305,44 +307,47 @@ exports[`VSelect.ts should render v-select correctly when not using v-list-item
 `;
 
 exports[`VSelect.ts should render v-select correctly when using v-list-item in item scope slot 1`] = `
-<div class="v-input theme--light v-text-field v-select">
+<div class="v-input v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select">
   <div class="v-input__control">
     <div role="button"
          aria-haspopup="listbox"
          aria-expanded="false"
-         aria-owns="list-19"
+         aria-owns="list-24"
          class="v-input__slot"
     >
       <div class="v-select__slot">
         <div class="v-select__selections">
-          <input id="input-19"
-                 readonly="readonly"
-                 type="text"
-                 aria-readonly="false"
+          <div tabindex="-1"
+               class="v-list-item theme--light"
+          >
+            0
+          </div>
+          <input aria-readonly="false"
                  autocomplete="off"
+                 id="input-24"
+                 readonly
+                 type="text"
           >
         </div>
         <div class="v-input__append-inner">
           <div class="v-input__icon v-input__icon--append">
-            <i aria-hidden="true"
-               class="v-icon notranslate material-icons theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-              $dropdown
-            </i>
+            </span>
           </div>
         </div>
-        <input type="hidden">
+        <input type="hidden"
+               value="0"
+        >
       </div>
       <div class="v-menu">
       </div>
     </div>
     <div class="v-text-field__details">
       <div class="v-messages theme--light">
-        <span name="message-transition"
-              tag="div"
-              class="v-messages__wrapper"
-        >
-        </span>
+        <div class="v-messages__wrapper">
+        </div>
       </div>
     </div>
   </div>
@@ -350,22 +355,13 @@ exports[`VSelect.ts should render v-select correctly when using v-list-item in i
 `;
 
 exports[`VSelect.ts should use slotted no-data 1`] = `
-<div role="listbox"
+<div class="v-sheet theme--light v-list v-select-list theme--light"
+     role="listbox"
+     id="list-184"
      tabindex="-1"
-     class="v-list v-select-list v-sheet theme--light theme--light"
-     id="list-134"
 >
-  <div tabindex="0"
-       aria-selected="false"
-       id="list-item-139-0"
-       role="option"
-       class="v-list-item v-list-item--link theme--light"
-  >
-    <div class="v-list-item__content">
-      <div class="v-list-item__title">
-        foo
-      </div>
-    </div>
+  <div>
+    foo
   </div>
 </div>
 `;

package/src/components/VSelect/__tests__/__snapshots__/VSelect2.spec.ts.snap

@@ -6,7 +6,7 @@ exports[`VSelect.ts should be clearable with prop, dirty and multi select 1`] =
     <div role="button"
          aria-haspopup="listbox"
          aria-expanded="false"
-         aria-owns="list-112"
+         aria-owns="list-150"
          class="v-input__slot"
     >
       <div class="v-select__slot">
@@ -14,31 +14,30 @@ exports[`VSelect.ts should be clearable with prop, dirty and multi select 1`] =
           <div class="v-select__selection v-select__selection--comma">
             1
           </div>
-          <input id="input-112"
-                 readonly="readonly"
-                 type="text"
-                 aria-readonly="false"
+          <input aria-readonly="false"
                  autocomplete="off"
+                 id="input-150"
+                 readonly
+                 type="text"
           >
         </div>
         <div class="v-input__append-inner">
           <div class="v-input__icon v-input__icon--clear">
-            <button type="button"
+            <button class="v-icon--link v-icon notranslate theme--light"
+                    aria-hidden="false"
+                    type="button"
                     aria-label="$vuetify.input.clear"
                     tabindex="-1"
-                    class="v-icon notranslate v-icon--link material-icons theme--light"
             >
-              $clear
             </button>
           </div>
         </div>
         <div class="v-input__append-inner">
           <div class="v-input__icon v-input__icon--append">
-            <i aria-hidden="true"
-               class="v-icon notranslate material-icons theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-              $dropdown
-            </i>
+            </span>
           </div>
         </div>
         <input type="hidden"
@@ -50,11 +49,8 @@ exports[`VSelect.ts should be clearable with prop, dirty and multi select 1`] =
     </div>
     <div class="v-text-field__details">
       <div class="v-messages theme--light">
-        <span name="message-transition"
-              tag="div"
-              class="v-messages__wrapper"
-        >
-        </span>
+        <div class="v-messages__wrapper">
+        </div>
       </div>
     </div>
   </div>
@@ -67,7 +63,7 @@ exports[`VSelect.ts should be clearable with prop, dirty and single select 1`] =
     <div role="button"
          aria-haspopup="listbox"
          aria-expanded="false"
-         aria-owns="list-105"
+         aria-owns="list-141"
          class="v-input__slot"
     >
       <div class="v-select__slot">
@@ -75,31 +71,30 @@ exports[`VSelect.ts should be clearable with prop, dirty and single select 1`] =
           <div class="v-select__selection v-select__selection--comma">
             1
           </div>
-          <input id="input-105"
-                 readonly="readonly"
-                 type="text"
-                 aria-readonly="false"
+          <input aria-readonly="false"
                  autocomplete="off"
+                 id="input-141"
+                 readonly
+                 type="text"
           >
         </div>
         <div class="v-input__append-inner">
           <div class="v-input__icon v-input__icon--clear">
-            <button type="button"
+            <button class="v-icon--link v-icon notranslate theme--light"
+                    aria-hidden="false"
+                    type="button"
                     aria-label="$vuetify.input.clear"
                     tabindex="-1"
-                    class="v-icon notranslate v-icon--link material-icons theme--light"
             >
-              $clear
             </button>
           </div>
         </div>
         <div class="v-input__append-inner">
           <div class="v-input__icon v-input__icon--append">
-            <i aria-hidden="true"
-               class="v-icon notranslate material-icons theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-              $dropdown
-            </i>
+            </span>
           </div>
         </div>
         <input type="hidden"
@@ -111,11 +106,8 @@ exports[`VSelect.ts should be clearable with prop, dirty and single select 1`] =
     </div>
     <div class="v-text-field__details">
       <div class="v-messages theme--light">
-        <span name="message-transition"
-              tag="div"
-              class="v-messages__wrapper"
-        >
-        </span>
+        <div class="v-messages__wrapper">
+        </div>
       </div>
     </div>
   </div>
@@ -128,7 +120,7 @@ exports[`VSelect.ts should use scoped slot for selection generation 1`] = `
     <div role="button"
          aria-haspopup="listbox"
          aria-expanded="false"
-         aria-owns="list-26"
+         aria-owns="list-32"
          class="v-input__slot"
     >
       <div class="v-select__slot">
@@ -136,20 +128,19 @@ exports[`VSelect.ts should use scoped slot for selection generation 1`] = `
           <div>
             foo - from slot
           </div>
-          <input id="input-26"
-                 readonly="readonly"
-                 type="text"
-                 aria-readonly="false"
+          <input aria-readonly="false"
                  autocomplete="off"
+                 id="input-32"
+                 readonly
+                 type="text"
           >
         </div>
         <div class="v-input__append-inner">
           <div class="v-input__icon v-input__icon--append">
-            <i aria-hidden="true"
-               class="v-icon notranslate material-icons theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-              $dropdown
-            </i>
+            </span>
           </div>
         </div>
         <input type="hidden"
@@ -161,11 +152,8 @@ exports[`VSelect.ts should use scoped slot for selection generation 1`] = `
     </div>
     <div class="v-text-field__details">
       <div class="v-messages theme--light">
-        <span name="message-transition"
-              tag="div"
-              class="v-messages__wrapper"
-        >
-        </span>
+        <div class="v-messages__wrapper">
+        </div>
       </div>
     </div>
   </div>
@@ -173,16 +161,16 @@ exports[`VSelect.ts should use scoped slot for selection generation 1`] = `
 `;
 
 exports[`VSelect.ts should use slotted append-item 1`] = `
-<div role="listbox"
+<div class="v-sheet theme--light v-list v-select-list theme--light"
+     role="listbox"
+     id="list-16"
      tabindex="-1"
-     class="v-list v-select-list v-sheet theme--light theme--light"
-     id="list-13"
 >
-  <div tabindex="0"
-       aria-selected="false"
-       id="list-item-18-0"
+  <div aria-selected="false"
+       id="list-item-23-0"
        role="option"
-       class="v-list-item v-list-item--link theme--light"
+       tabindex="-1"
+       class="v-list-item theme--light"
   >
     <div class="v-list-item__content">
       <div class="v-list-item__title">
@@ -197,19 +185,19 @@ exports[`VSelect.ts should use slotted append-item 1`] = `
 `;
 
 exports[`VSelect.ts should use slotted prepend-item 1`] = `
-<div role="listbox"
-     tabindex="-1"
-     class="v-list v-select-list v-sheet theme--light theme--light"
+<div class="v-sheet theme--light v-list v-select-list theme--light"
+     role="listbox"
      id="list-1"
+     tabindex="-1"
 >
   <div>
     foo
   </div>
-  <div tabindex="0"
-       aria-selected="false"
-       id="list-item-6-0"
+  <div aria-selected="false"
+       id="list-item-8-0"
        role="option"
-       class="v-list-item v-list-item--link theme--light"
+       tabindex="-1"
+       class="v-list-item theme--light"
   >
     <div class="v-list-item__content">
       <div class="v-list-item__title">

package/src/components/VSelect/__tests__/__snapshots__/VSelect3.spec.ts.snap

@@ -6,7 +6,7 @@ exports[`VSelect.ts should add color to selected index 1`] = `
     <div role="button"
          aria-haspopup="listbox"
          aria-expanded="false"
-         aria-owns="list-50"
+         aria-owns="list-60"
          class="v-input__slot"
     >
       <div class="v-select__slot">
@@ -14,20 +14,19 @@ exports[`VSelect.ts should add color to selected index 1`] = `
           <div class="v-select__selection v-select__selection--comma primary--text">
             foo
           </div>
-          <input id="input-50"
-                 readonly="readonly"
-                 type="text"
-                 aria-readonly="false"
+          <input aria-readonly="false"
                  autocomplete="off"
+                 id="input-60"
+                 readonly
+                 type="text"
           >
         </div>
         <div class="v-input__append-inner">
           <div class="v-input__icon v-input__icon--append">
-            <i aria-hidden="true"
-               class="v-icon notranslate material-icons theme--light"
+            <span class="v-icon notranslate theme--light"
+                  aria-hidden="true"
             >
-              $dropdown
-            </i>
+            </span>
           </div>
         </div>
         <input type="hidden"
@@ -39,11 +38,8 @@ exports[`VSelect.ts should add color to selected index 1`] = `
     </div>
     <div class="v-text-field__details">
       <div class="v-messages theme--light">
-        <span name="message-transition"
-              tag="div"
-              class="v-messages__wrapper"
-        >
-        </span>
+        <div class="v-messages__wrapper">
+        </div>
       </div>
     </div>
   </div>

package/src/components/VSlideGroup/VSlideGroup.ts

@@ -107,10 +107,6 @@ export const BaseSlideGroup = mixins<options &
 ).extend({
   name: 'base-slide-group',
 
-  directives: {
-    Resize,
-    Touch,
-  },
 
   props: {
     activeClass: {
@@ -139,6 +135,8 @@ export const BaseSlideGroup = mixins<options &
     },
   },
 
+  emits: ['click:prev', 'click:next'],
+
   data: () => ({
     isOverflowing: false,
     resizeTimeout: 0,

package/src/components/VSlideGroup/VSlideItem.ts

@@ -11,4 +11,6 @@ export default mixins(
   /* @vue/component */
 ).extend({
   name: 'v-slide-item',
+
+  emits: ['change'],
 })

package/src/components/VSlider/VSlider.ts

@@ -39,9 +39,6 @@ export default mixins<options &
 ).extend({
   name: 'v-slider',
 
-  directives: {
-    ClickOutside,
-  },
 
   props: {
     disabled: Boolean,

package/src/components/VSnackbar/VSnackbar.ts

@@ -54,7 +54,7 @@ export default mixins(
     },
     vertical: Boolean,
   },
-
+  emits: ['update:modelValue'],
   data: () => ({
     activeTimeout: -1,
   }),