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

package/CHANGELOG.md

@@ -1,8 +1,8 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.1.5-master-20230213.0...v) (2023-02-13)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.2.0-dev-20230214.0...v) (2023-02-14)
 
 
 
-## [3.1.5-master-20230213.0](https://github.com/vuetifyjs/vuetify/compare/v3.1.4...v3.1.5-master-20230213.0) (2023-02-13)
+# [3.2.0-dev-20230214.0](https://github.com/vuetifyjs/vuetify/compare/v3.1.4...v3.2.0-dev-20230214.0) (2023-02-14)
 
 
 ### Bug Fixes
@@ -23,4 +23,9 @@
 * linting ([eab3e82](https://github.com/vuetifyjs/vuetify/commit/eab3e82e260d19e9f8e938d6b1e0e1d5804a2033))
 
 
+### Features
+
+* **VDataTableFooter:** add i18n props ([e7d5083](https://github.com/vuetifyjs/vuetify/commit/e7d5083b7e31af80836dfc9c67fa059aead154c3)), closes [#16625](https://github.com/vuetifyjs/vuetify/issues/16625)
+
+
 

package/dist/json/importMap.json

@@ -160,6 +160,10 @@
       "from": "components/VAlert/index.mjs",
       "styles": []
     },
+    "VAutocomplete": {
+      "from": "components/VAutocomplete/index.mjs",
+      "styles": []
+    },
     "VAvatar": {
       "from": "components/VAvatar/index.mjs",
       "styles": []
@@ -523,10 +527,6 @@
     "VWindowItem": {
       "from": "components/VWindow/index.mjs",
       "styles": []
-    },
-    "VAutocomplete": {
-      "from": "components/VAutocomplete/index.mjs",
-      "styles": []
     }
   },
   "directives": [

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.1.5-master-20230213.0",
+  "version": "3.2.0-dev-20230214.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.5-master-20230213.0
+* Vuetify v3.2.0-dev-20230214.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -15791,6 +15791,15 @@ html.overflow-y-hidden {
 .v-data-table-footer__info {
   display: flex;
   padding-inline-end: 24px;
+}
+
+.v-data-table-footer__pagination {
+  display: flex;
+  align-items: center;
+}
+
+.v-data-table-footer__page {
+  padding: 0 8px;
 }.v-virtual-scroll {
   display: block;
   flex: 1 1 auto;
@@ -16037,6 +16046,93 @@ html.overflow-y-hidden {
   text-transform: none;
   word-break: normal;
   word-wrap: break-word;
+}.v-avatar {
+  flex: none;
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  line-height: normal;
+  overflow: hidden;
+  position: relative;
+  text-align: center;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition-property: width, height;
+  vertical-align: middle;
+  border-radius: 50%;
+}
+.v-avatar.v-avatar--size-x-small {
+  --v-avatar-height: 24px;
+}
+.v-avatar.v-avatar--size-small {
+  --v-avatar-height: 32px;
+}
+.v-avatar.v-avatar--size-default {
+  --v-avatar-height: 40px;
+}
+.v-avatar.v-avatar--size-large {
+  --v-avatar-height: 48px;
+}
+.v-avatar.v-avatar--size-x-large {
+  --v-avatar-height: 56px;
+}
+.v-avatar.v-avatar--density-default {
+  height: calc(var(--v-avatar-height) + 0px);
+  width: calc(var(--v-avatar-height) + 0px);
+}
+.v-avatar.v-avatar--density-comfortable {
+  height: calc(var(--v-avatar-height) + -4px);
+  width: calc(var(--v-avatar-height) + -4px);
+}
+.v-avatar.v-avatar--density-compact {
+  height: calc(var(--v-avatar-height) + -8px);
+  width: calc(var(--v-avatar-height) + -8px);
+}
+.v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
+  background: transparent;
+  color: inherit;
+}
+.v-avatar--variant-plain {
+  opacity: 0.62;
+}
+.v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
+  opacity: 1;
+}
+.v-avatar--variant-plain .v-avatar__overlay {
+  display: none;
+}
+.v-avatar--variant-elevated, .v-avatar--variant-flat {
+  background: var(--v-theme-surface);
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+}
+.v-avatar--variant-elevated {
+  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-avatar--variant-flat {
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-avatar--variant-outlined {
+  border: thin solid currentColor;
+}
+.v-avatar--variant-text .v-avatar__overlay {
+  background: currentColor;
+}
+.v-avatar--variant-tonal .v-avatar__underlay {
+  background: currentColor;
+  opacity: var(--v-activated-opacity);
+  border-radius: inherit;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+}
+.v-avatar--rounded {
+  border-radius: 4px;
+}
+.v-avatar .v-img {
+  height: 100%;
+  width: 100%;
 }.v-input--density-default {
   --autocomplete-chips-margin-bottom: 0px;
 }
@@ -17785,11 +17881,6 @@ html.overflow-y-hidden {
 }
 .v-combobox--single .v-field--focused .v-combobox__selection {
   opacity: 0;
-}.v-counter {
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-  flex: 0 1 auto;
-  font-size: 12px;
-  transition-duration: 150ms;
 }.v-container {
   width: 100%;
   padding: 16px;
@@ -18671,6 +18762,11 @@ html.overflow-y-hidden {
   .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
     margin-right: 91.6666666667%;
   }
+}.v-counter {
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+  flex: 0 1 auto;
+  font-size: 12px;
+  transition-duration: 150ms;
 }.v-dialog {
   align-items: center;
   justify-content: center;
@@ -20382,12 +20478,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
   margin: 0.3rem;
-}.v-parallax {
-  position: relative;
-  overflow: hidden;
-}
-.v-parallax--active > .v-img__img {
-  will-change: transform;
 }.v-progress-circular {
   align-items: center;
   display: inline-flex;
@@ -20699,93 +20789,12 @@ html.v-overlay-scroll-blocked {
   0% {
     background-position-x: var(--v-progress-linear-height);
   }
-}.v-avatar {
-  flex: none;
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
-  line-height: normal;
-  overflow: hidden;
+}.v-parallax {
   position: relative;
-  text-align: center;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  transition-property: width, height;
-  vertical-align: middle;
-  border-radius: 50%;
-}
-.v-avatar.v-avatar--size-x-small {
-  --v-avatar-height: 24px;
-}
-.v-avatar.v-avatar--size-small {
-  --v-avatar-height: 32px;
-}
-.v-avatar.v-avatar--size-default {
-  --v-avatar-height: 40px;
-}
-.v-avatar.v-avatar--size-large {
-  --v-avatar-height: 48px;
-}
-.v-avatar.v-avatar--size-x-large {
-  --v-avatar-height: 56px;
-}
-.v-avatar.v-avatar--density-default {
-  height: calc(var(--v-avatar-height) + 0px);
-  width: calc(var(--v-avatar-height) + 0px);
-}
-.v-avatar.v-avatar--density-comfortable {
-  height: calc(var(--v-avatar-height) + -4px);
-  width: calc(var(--v-avatar-height) + -4px);
-}
-.v-avatar.v-avatar--density-compact {
-  height: calc(var(--v-avatar-height) + -8px);
-  width: calc(var(--v-avatar-height) + -8px);
-}
-.v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
-  background: transparent;
-  color: inherit;
-}
-.v-avatar--variant-plain {
-  opacity: 0.62;
-}
-.v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
-  opacity: 1;
-}
-.v-avatar--variant-plain .v-avatar__overlay {
-  display: none;
-}
-.v-avatar--variant-elevated, .v-avatar--variant-flat {
-  background: var(--v-theme-surface);
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-}
-.v-avatar--variant-elevated {
-  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
-}
-.v-avatar--variant-flat {
-  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
-}
-.v-avatar--variant-outlined {
-  border: thin solid currentColor;
-}
-.v-avatar--variant-text .v-avatar__overlay {
-  background: currentColor;
-}
-.v-avatar--variant-tonal .v-avatar__underlay {
-  background: currentColor;
-  opacity: var(--v-activated-opacity);
-  border-radius: inherit;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-}
-.v-avatar--rounded {
-  border-radius: 4px;
+  overflow: hidden;
 }
-.v-avatar .v-img {
-  height: 100%;
-  width: 100%;
+.v-parallax--active > .v-img__img {
+  will-change: transform;
 }.v-radio-group > .v-input__control {
   flex-direction: column;
 }

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-20230213.0
+* Vuetify v3.2.0-dev-20230214.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -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-20230213.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-20230213.0";
+const version = "3.2.0-dev-20230214.0";
 
 const createVuetify = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};