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

package/dist/vuetify-labs.d.ts

@@ -18448,11 +18448,17 @@ declare const VDataTableServer: vue.DefineComponent<{
 type VDataTableServer = InstanceType<typeof VDataTableServer>;
 
 declare const VDataTableFooter: vue.DefineComponent<{
+    itemsPerPageText: string;
+    pageText: string;
     nextIcon: string;
     prevIcon: string;
     firstIcon: string;
     lastIcon: string;
     showCurrentPage: boolean;
+    firstPageLabel: string;
+    prevPageLabel: string;
+    nextPageLabel: string;
+    lastPageLabel: string;
     itemsPerPageOptions: InternalItem<any>[];
 } & {} & {
     $children?: {} | vue.VNodeChild | {
@@ -18464,11 +18470,17 @@ declare const VDataTableFooter: vue.DefineComponent<{
 } & {
     "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    itemsPerPageText: string;
+    pageText: string;
     nextIcon: string;
     prevIcon: string;
     firstIcon: string;
     lastIcon: string;
     showCurrentPage: boolean;
+    firstPageLabel: string;
+    prevPageLabel: string;
+    nextPageLabel: string;
+    lastPageLabel: string;
     itemsPerPageOptions: InternalItem<any>[];
 } & {} & {
     $children?: {} | vue.VNodeChild | {
@@ -18480,11 +18492,17 @@ declare const VDataTableFooter: vue.DefineComponent<{
 } & {
     "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
 }, {
+    itemsPerPageText: string;
+    pageText: string;
     nextIcon: string;
     prevIcon: string;
     firstIcon: string;
     lastIcon: string;
     showCurrentPage: boolean;
+    firstPageLabel: string;
+    prevPageLabel: string;
+    nextPageLabel: string;
+    lastPageLabel: string;
     itemsPerPageOptions: InternalItem<any>[];
 }>;
 

package/dist/vuetify-labs.esm.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.
 */
@@ -1021,7 +1021,7 @@ const defineComponent = function defineComponent(options) {
       const componentDefaults = 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);
@@ -9019,7 +9019,7 @@ function repositionScrollStrategy(data, props, scope) {
       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) {
@@ -18787,6 +18787,30 @@ const VDataTableFooter = genericComponent()({
       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: () => [{
@@ -18803,7 +18827,7 @@ const VDataTableFooter = genericComponent()({
         title: '100'
       }, {
         value: -1,
-        title: 'All'
+        title: '$vuetify.dataFooter.itemsPerPageAll'
       }]
     },
     showCurrentPage: Boolean
@@ -18812,6 +18836,9 @@ const VDataTableFooter = genericComponent()({
     let {
       slots
     } = _ref;
+    const {
+      t
+    } = useLocale();
     const {
       page,
       pageCount,
@@ -18820,12 +18847,16 @@ const VDataTableFooter = genericComponent()({
       itemsLength,
       itemsPerPage
     } = usePagination();
+    const itemsPerPageOptions = computed(() => props.itemsPerPageOptions.map(option => ({
+      ...option,
+      title: t(option.title)
+    })));
     return () => createVNode("div", {
       "class": "v-data-table-footer"
     }, [slots.prepend?.(), createVNode("div", {
       "class": "v-data-table-footer__items-per-page"
-    }, [createVNode("span", null, [createTextVNode("Items per page:")]), createVNode(VSelect, {
-      "items": props.itemsPerPageOptions,
+    }, [createVNode("span", null, [t(props.itemsPerPageText)]), createVNode(VSelect, {
+      "items": itemsPerPageOptions.value,
       "modelValue": itemsPerPage.value,
       "onUpdate:modelValue": v => itemsPerPage.value = Number(v),
       "density": "compact",
@@ -18833,30 +18864,35 @@ const VDataTableFooter = genericComponent()({
       "hide-details": true
     }, null)]), createVNode("div", {
       "class": "v-data-table-footer__info"
-    }, [createVNode("div", null, [!itemsLength.value ? 0 : startIndex.value + 1, createTextVNode(" - "), stopIndex.value, createTextVNode(" of "), itemsLength.value])]), createVNode("div", {
+    }, [createVNode("div", null, [t(props.pageText, !itemsLength.value ? 0 : startIndex.value + 1, stopIndex.value, itemsLength.value)])]), createVNode("div", {
       "class": "v-data-table-footer__pagination"
     }, [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), createVNode(VBtn, {
       "icon": props.prevIcon,
       "variant": "plain",
       "onClick": () => page.value = Math.max(1, page.value - 1),
-      "disabled": page.value === 1
-    }, null), props.showCurrentPage && createVNode("div", {
-      "key": "page"
-    }, [createTextVNode("page.value")]), createVNode(VBtn, {
+      "disabled": page.value === 1,
+      "aria-label": t(props.prevPageLabel)
+    }, null), props.showCurrentPage && createVNode("span", {
+      "key": "page",
+      "class": "v-data-table-footer__page"
+    }, [page.value]), 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), 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)])]);
   }
 });
@@ -19891,7 +19927,7 @@ function createVuetify$1() {
     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
@@ -19903,7 +19939,7 @@ function inject(key) {
   }
 }
 
-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] : {};