@vuetify/nightly 4.0.0-dev-20230206.0 → 4.0.0-dev-20230211.0

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v4.0.0-dev-20230206.0
+* Vuetify v4.0.0-dev-20230211.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -19118,6 +19118,30 @@
         type: String,
         default: '$last'
       },
+      itemsPerPageText: {
+        type: String,
+        default: '$vuetify.dataFooter.itemsPerPageText'
+      },
+      pageText: {
+        type: String,
+        default: '$vuetify.dataFooter.pageText'
+      },
+      firstPageLabel: {
+        type: String,
+        default: '$vuetify.dataFooter.firstPage'
+      },
+      prevPageLabel: {
+        type: String,
+        default: '$vuetify.dataFooter.prevPage'
+      },
+      nextPageLabel: {
+        type: String,
+        default: '$vuetify.dataFooter.nextPage'
+      },
+      lastPageLabel: {
+        type: String,
+        default: '$vuetify.dataFooter.lastPage'
+      },
       itemsPerPageOptions: {
         type: Array,
         default: () => [{
@@ -19134,7 +19158,7 @@
           title: '100'
         }, {
           value: -1,
-          title: 'All'
+          title: '$vuetify.dataFooter.itemsPerPageAll'
         }]
       },
       showCurrentPage: Boolean
@@ -19143,6 +19167,9 @@
       let {
         slots
       } = _ref;
+      const {
+        t
+      } = useLocale();
       const {
         page,
         pageCount,
@@ -19151,14 +19178,18 @@
         itemsLength,
         itemsPerPage
       } = usePagination();
+      const itemsPerPageOptions = vue.computed(() => props.itemsPerPageOptions.map(option => ({
+        ...option,
+        title: t(option.title)
+      })));
       return () => {
         var _slots$prepend;
         return vue.createVNode("div", {
           "class": "v-data-table-footer"
         }, [(_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots), vue.createVNode("div", {
           "class": "v-data-table-footer__items-per-page"
-        }, [vue.createVNode("span", null, [vue.createTextVNode("Items per page:")]), vue.createVNode(VSelect, {
-          "items": props.itemsPerPageOptions,
+        }, [vue.createVNode("span", null, [t(props.itemsPerPageText)]), vue.createVNode(VSelect, {
+          "items": itemsPerPageOptions.value,
           "modelValue": itemsPerPage.value,
           "onUpdate:modelValue": v => itemsPerPage.value = Number(v),
           "density": "compact",
@@ -19166,30 +19197,35 @@
           "hide-details": true
         }, null)]), vue.createVNode("div", {
           "class": "v-data-table-footer__info"
-        }, [vue.createVNode("div", null, [!itemsLength.value ? 0 : startIndex.value + 1, vue.createTextVNode(" - "), stopIndex.value, vue.createTextVNode(" of "), itemsLength.value])]), vue.createVNode("div", {
+        }, [vue.createVNode("div", null, [t(props.pageText, !itemsLength.value ? 0 : startIndex.value + 1, stopIndex.value, itemsLength.value)])]), vue.createVNode("div", {
           "class": "v-data-table-footer__pagination"
         }, [vue.createVNode(VBtn, {
           "icon": props.firstIcon,
           "variant": "plain",
           "onClick": () => page.value = 1,
-          "disabled": page.value === 1
+          "disabled": page.value === 1,
+          "aria-label": t(props.firstPageLabel)
         }, null), vue.createVNode(VBtn, {
           "icon": props.prevIcon,
           "variant": "plain",
           "onClick": () => page.value = Math.max(1, page.value - 1),
-          "disabled": page.value === 1
-        }, null), props.showCurrentPage && vue.createVNode("div", {
-          "key": "page"
-        }, [vue.createTextVNode("page.value")]), vue.createVNode(VBtn, {
+          "disabled": page.value === 1,
+          "aria-label": t(props.prevPageLabel)
+        }, null), props.showCurrentPage && vue.createVNode("span", {
+          "key": "page",
+          "class": "v-data-table-footer__page"
+        }, [page.value]), vue.createVNode(VBtn, {
           "icon": props.nextIcon,
           "variant": "plain",
           "onClick": () => page.value = Math.min(pageCount.value, page.value + 1),
-          "disabled": page.value === pageCount.value
+          "disabled": page.value === pageCount.value,
+          "aria-label": t(props.nextPageLabel)
         }, null), vue.createVNode(VBtn, {
           "icon": props.lastIcon,
           "variant": "plain",
           "onClick": () => page.value = pageCount.value,
-          "disabled": page.value === pageCount.value
+          "disabled": page.value === pageCount.value,
+          "aria-label": t(props.lastPageLabel)
         }, null)])]);
       };
     }
@@ -20218,7 +20254,7 @@
       locale
     };
   }
-  const version$1 = "4.0.0-dev-20230206.0";
+  const version$1 = "4.0.0-dev-20230211.0";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -20231,7 +20267,7 @@
     }
   }
 
-  const version = "4.0.0-dev-20230206.0";
+  const version = "4.0.0-dev-20230211.0";
 
   const createVuetify = function () {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};