@dimailn/vuetify 2.7.2-alpha3 → 2.7.2-alpha31

package/src/components/VDataIterator/__tests__/__snapshots__/VDataFooter.spec.ts.snap

@@ -4,12 +4,14 @@ exports[`VDataFooter.ts should disable last page button if no items 1`] = `
 <div class="v-data-footer">
   <div class="v-data-footer__select">
     Items per page:
-    <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select">
+    <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select"
+         aria-label="Items per page:"
+    >
       <div class="v-input__control">
         <div role="button"
              aria-haspopup="listbox"
              aria-expanded="false"
-             aria-owns="list-55"
+             aria-owns="list-74"
              class="v-input__slot"
         >
           <div class="v-select__slot">
@@ -18,17 +20,17 @@ exports[`VDataFooter.ts should disable last page button if no items 1`] = `
                 10
               </div>
               <input aria-label="Items per page:"
-                     id="input-55"
-                     readonly="readonly"
-                     type="text"
                      aria-readonly="false"
                      autocomplete="off"
+                     id="input-74"
+                     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 mdi mdi-menu-down theme--light"
+                   class="v-icon notranslate material-icons theme--light"
                 >
                 </i>
               </div>
@@ -47,52 +49,52 @@ exports[`VDataFooter.ts should disable last page button if no items 1`] = `
     –
   </div>
   <div class="v-data-footer__icons-before">
-    <button type="button"
-            disabled="disabled"
-            class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
+            disabled
             aria-label="First page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-page-first theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
     </button>
-    <button type="button"
-            disabled="disabled"
-            class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
+            disabled
             aria-label="Previous page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-chevron-left theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
     </button>
   </div>
   <div class="v-data-footer__icons-after">
-    <button type="button"
-            disabled="disabled"
-            class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
+            disabled
             aria-label="Next page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-chevron-right theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
     </button>
-    <button type="button"
-            disabled="disabled"
-            class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
+            disabled
             aria-label="Last page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-page-last theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
@@ -105,12 +107,14 @@ exports[`VDataFooter.ts should render first & last icons with showFirstLastPage
 <div class="v-data-footer">
   <div class="v-data-footer__select">
     Items per page:
-    <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select">
+    <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select"
+         aria-label="Items per page:"
+    >
       <div class="v-input__control">
         <div role="button"
              aria-haspopup="listbox"
              aria-expanded="false"
-             aria-owns="list-24"
+             aria-owns="list-32"
              class="v-input__slot"
         >
           <div class="v-select__slot">
@@ -119,17 +123,17 @@ exports[`VDataFooter.ts should render first & last icons with showFirstLastPage
                 10
               </div>
               <input aria-label="Items per page:"
-                     id="input-24"
-                     readonly="readonly"
-                     type="text"
                      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 mdi mdi-menu-down theme--light"
+                   class="v-icon notranslate material-icons theme--light"
                 >
                 </i>
               </div>
@@ -148,48 +152,48 @@ exports[`VDataFooter.ts should render first & last icons with showFirstLastPage
     2-10 of 100
   </div>
   <div class="v-data-footer__icons-before">
-    <button type="button"
-            class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
             aria-label="First page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-page-first theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
     </button>
-    <button type="button"
-            class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
             aria-label="Previous page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-chevron-left theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
     </button>
   </div>
   <div class="v-data-footer__icons-after">
-    <button type="button"
-            class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
             aria-label="Next page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-chevron-right theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
     </button>
-    <button type="button"
-            class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
             aria-label="Last page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-page-last theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
@@ -202,12 +206,14 @@ exports[`VDataFooter.ts should render in RTL mode 1`] = `
 <div class="v-data-footer">
   <div class="v-data-footer__select">
     Items per page:
-    <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select">
+    <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select"
+         aria-label="Items per page:"
+    >
       <div class="v-input__control">
         <div role="button"
              aria-haspopup="listbox"
              aria-expanded="false"
-             aria-owns="list-11"
+             aria-owns="list-14"
              class="v-input__slot"
         >
           <div class="v-select__slot">
@@ -216,17 +222,17 @@ exports[`VDataFooter.ts should render in RTL mode 1`] = `
                 10
               </div>
               <input aria-label="Items per page:"
-                     id="input-11"
-                     readonly="readonly"
-                     type="text"
                      aria-readonly="false"
                      autocomplete="off"
+                     id="input-14"
+                     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 mdi mdi-menu-down theme--light"
+                   class="v-icon notranslate material-icons theme--light"
                 >
                 </i>
               </div>
@@ -245,48 +251,48 @@ exports[`VDataFooter.ts should render in RTL mode 1`] = `
     2-10 of 100
   </div>
   <div class="v-data-footer__icons-before">
-    <button type="button"
-            class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
             aria-label="First page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-page-last theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
     </button>
-    <button type="button"
-            class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
             aria-label="Previous page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-chevron-right theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
     </button>
   </div>
   <div class="v-data-footer__icons-after">
-    <button type="button"
-            class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
             aria-label="Next page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-chevron-left theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
     </button>
-    <button type="button"
-            class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
             aria-label="Last page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-page-first theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
@@ -299,7 +305,9 @@ exports[`VDataFooter.ts should render with custom itemsPerPage 1`] = `
 <div class="v-data-footer">
   <div class="v-data-footer__select">
     Items per page:
-    <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select">
+    <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select"
+         aria-label="Items per page:"
+    >
       <div class="v-input__control">
         <div role="button"
              aria-haspopup="listbox"
@@ -313,17 +321,17 @@ exports[`VDataFooter.ts should render with custom itemsPerPage 1`] = `
                 100
               </div>
               <input aria-label="Items per page:"
-                     id="input-2"
-                     readonly="readonly"
-                     type="text"
                      aria-readonly="false"
                      autocomplete="off"
+                     id="input-2"
+                     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 mdi mdi-menu-down theme--light"
+                   class="v-icon notranslate material-icons theme--light"
                 >
                 </i>
               </div>
@@ -342,27 +350,27 @@ exports[`VDataFooter.ts should render with custom itemsPerPage 1`] = `
     2-10 of 100
   </div>
   <div class="v-data-footer__icons-before">
-    <button type="button"
-            class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
             aria-label="Previous page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-chevron-left theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
     </button>
   </div>
   <div class="v-data-footer__icons-after">
-    <button type="button"
-            disabled="disabled"
-            class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--disabled v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
+            disabled
             aria-label="Next page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-chevron-right theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
@@ -375,12 +383,14 @@ exports[`VDataFooter.ts should show current page if has showCurrentPage 1`] = `
 <div class="v-data-footer">
   <div class="v-data-footer__select">
     Items per page:
-    <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select">
+    <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-text-field v-select"
+         aria-label="Items per page:"
+    >
       <div class="v-input__control">
         <div role="button"
              aria-haspopup="listbox"
              aria-expanded="false"
-             aria-owns="list-46"
+             aria-owns="list-62"
              class="v-input__slot"
         >
           <div class="v-select__slot">
@@ -389,17 +399,17 @@ exports[`VDataFooter.ts should show current page if has showCurrentPage 1`] = `
                 10
               </div>
               <input aria-label="Items per page:"
-                     id="input-46"
-                     readonly="readonly"
-                     type="text"
                      aria-readonly="false"
                      autocomplete="off"
+                     id="input-62"
+                     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 mdi mdi-menu-down theme--light"
+                   class="v-icon notranslate material-icons theme--light"
                 >
                 </i>
               </div>
@@ -418,13 +428,13 @@ exports[`VDataFooter.ts should show current page if has showCurrentPage 1`] = `
     2-10 of 100
   </div>
   <div class="v-data-footer__icons-before">
-    <button type="button"
-            class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
             aria-label="Previous page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-chevron-left theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>
@@ -434,13 +444,13 @@ exports[`VDataFooter.ts should show current page if has showCurrentPage 1`] = `
     4
   </span>
   <div class="v-data-footer__icons-after">
-    <button type="button"
-            class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+    <button class="v-btn v-btn--icon v-btn--round v-btn--text theme--light v-size--default"
+            type="button"
             aria-label="Next page"
     >
       <span class="v-btn__content">
         <i aria-hidden="true"
-           class="v-icon notranslate mdi mdi-chevron-right theme--light"
+           class="v-icon notranslate material-icons theme--light"
         >
         </i>
       </span>