@vuetify/nightly 3.1.5-master-20230212.0 → 3.2.0-dev-20230214.0

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.5-master-20230212.0
+* Vuetify v3.2.0-dev-20230214.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1025,7 +1025,7 @@
         const componentDefaults = vue.computed(() => defaults.value[props._as ?? options.name]);
         const _props = new Proxy(props, {
           get(target, prop) {
-            if (!propIsDefined(vm.vnode, prop)) {
+            if (typeof prop === 'string' && !propIsDefined(vm.vnode, prop)) {
               return componentDefaults.value?.[prop] ?? defaults.value.global?.[prop] ?? target[prop];
             }
             return Reflect.get(target, prop);
@@ -9023,7 +9023,7 @@
         slow = time / (1000 / 60) > 2;
       });
     }
-    ric = requestIdleCallback(() => {
+    ric = (typeof requestIdleCallback === 'undefined' ? cb => cb() : requestIdleCallback)(() => {
       scope.run(() => {
         bindScroll(data.activatorEl.value ?? data.contentEl.value, e => {
           if (slow) {
@@ -18791,6 +18791,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: () => [{
@@ -18807,7 +18831,7 @@
           title: '100'
         }, {
           value: -1,
-          title: 'All'
+          title: '$vuetify.dataFooter.itemsPerPageAll'
         }]
       },
       showCurrentPage: Boolean
@@ -18816,6 +18840,9 @@
       let {
         slots
       } = _ref;
+      const {
+        t
+      } = useLocale();
       const {
         page,
         pageCount,
@@ -18824,12 +18851,16 @@
         itemsLength,
         itemsPerPage
       } = usePagination();
+      const itemsPerPageOptions = vue.computed(() => props.itemsPerPageOptions.map(option => ({
+        ...option,
+        title: t(option.title)
+      })));
       return () => vue.createVNode("div", {
         "class": "v-data-table-footer"
       }, [slots.prepend?.(), 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",
@@ -18837,30 +18868,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)])]);
     }
   });
@@ -19895,7 +19931,7 @@
       locale
     };
   }
-  const version$1 = "3.1.5-master-20230212.0";
+  const version$1 = "3.2.0-dev-20230214.0";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -19907,7 +19943,7 @@
     }
   }
 
-  const version = "3.1.5-master-20230212.0";
+  const version = "3.2.0-dev-20230214.0";
 
   const createVuetify = function () {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};