@vuetify/nightly 3.3.0-dev-20230502.0 → 3.3.0-dev-20230505.0

package/CHANGELOG.md

@@ -1,8 +1,8 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.0-dev-20230502.0...v) (2023-05-02)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.0-dev-20230505.0...v) (2023-05-05)
 
 
 
-# [3.3.0-dev-20230502.0](https://github.com/vuetifyjs/vuetify/compare/v3.2.1...v3.3.0-dev-20230502.0) (2023-05-02)
+# [3.3.0-dev-20230505.0](https://github.com/vuetifyjs/vuetify/compare/v3.2.1...v3.3.0-dev-20230505.0) (2023-05-05)
 
 
 ### Bug Fixes
@@ -23,6 +23,8 @@
 
 ### Features
 
+* add loading prop to all data-table variants ([#16829](https://github.com/vuetifyjs/vuetify/issues/16829)) ([0a4b9fd](https://github.com/vuetifyjs/vuetify/commit/0a4b9fd613e368da44b50f2b7a2b27ffa5bd6f01))
+* **ssr:** add server-side clientWidth/height options ([178b013](https://github.com/vuetifyjs/vuetify/commit/178b013b3e5eb97090a0571e3e9a66c9ee079b74)), closes [#17252](https://github.com/vuetifyjs/vuetify/issues/17252)
 * **VColorPicker:** accept rgb)(/hsl()/hsv() swatches ([42f7cbd](https://github.com/vuetifyjs/vuetify/commit/42f7cbd4e568bca7bd9076b8f869b3deb412facc)), closes [#8833](https://github.com/vuetifyjs/vuetify/issues/8833)
 
 

package/dist/json/attributes.json

@@ -2435,6 +2435,10 @@
     "type": "any[]",
     "description": "An array of strings or objects used for automatically generating children components"
   },
+  "v-data-table/loading": {
+    "type": "string | boolean",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-data-table/search": {
     "type": "string",
     "description": "Text input used to filter items"
@@ -2503,6 +2507,10 @@
     "type": "boolean",
     "description": "MISSING DESCRIPTION"
   },
+  "v-data-table/loading-text": {
+    "type": "string",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-data-table/expand-on-click": {
     "type": "boolean",
     "description": "MISSING DESCRIPTION"
@@ -2567,14 +2575,14 @@
     "type": "string",
     "description": "Text shown when no items are provided to the component"
   },
-  "v-data-table-rows/row-height": {
-    "type": "number",
-    "description": "MISSING DESCRIPTION"
-  },
   "v-data-table-rows/loading-text": {
     "type": "string",
     "description": "MISSING DESCRIPTION"
   },
+  "v-data-table-rows/row-height": {
+    "type": "number",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-data-table-server/model-value": {
     "type": "any[]",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
@@ -2647,6 +2655,10 @@
     "type": "boolean",
     "description": "MISSING DESCRIPTION"
   },
+  "v-data-table-server/loading-text": {
+    "type": "string",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-data-table-server/expand-on-click": {
     "type": "boolean",
     "description": "MISSING DESCRIPTION"
@@ -2687,10 +2699,6 @@
     "type": "string | number",
     "description": "Changes how many items per page should be visible. Can be used with `.sync` modifier. Setting this prop to `-1` will display all items on the page"
   },
-  "v-data-table-server/loading-text": {
-    "type": "string",
-    "description": "MISSING DESCRIPTION"
-  },
   "v-data-table-server/items-length": {
     "type": "string | number",
     "description": "MISSING DESCRIPTION"
@@ -2711,6 +2719,10 @@
     "type": "any[]",
     "description": "An array of strings or objects used for automatically generating children components"
   },
+  "v-data-table-virtual/loading": {
+    "type": "string | boolean",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-data-table-virtual/search": {
     "type": "string",
     "description": "Text input used to filter items"
@@ -2779,6 +2791,10 @@
     "type": "boolean",
     "description": "MISSING DESCRIPTION"
   },
+  "v-data-table-virtual/loading-text": {
+    "type": "string",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-data-table-virtual/expand-on-click": {
     "type": "boolean",
     "description": "MISSING DESCRIPTION"

package/dist/json/tags.json

@@ -818,6 +818,8 @@
       "item-value",
       "items",
       "items-per-page",
+      "loading",
+      "loading-text",
       "model-value",
       "multi-sort",
       "must-sort",
@@ -911,6 +913,8 @@
       "item-title",
       "item-value",
       "items",
+      "loading",
+      "loading-text",
       "model-value",
       "multi-sort",
       "must-sort",

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.0-dev-20230502.0",
+  "version": "3.3.0-dev-20230505.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -8349,6 +8349,16 @@
                 "type": "any[]"
               }
             },
+            {
+              "name": "loading",
+              "description": "MISSING DESCRIPTION",
+              "doc-url": "https://vuetifyjs.com/api/v-data-table#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "string | boolean"
+              }
+            },
             {
               "name": "search",
               "description": "Text input used to filter items",
@@ -8521,6 +8531,16 @@
               },
               "type": "boolean"
             },
+            {
+              "name": "loadingText",
+              "description": "MISSING DESCRIPTION",
+              "doc-url": "https://vuetifyjs.com/api/v-data-table#props",
+              "default": "'$vuetify.dataIterator.loadingText'",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "expandOnClick",
               "description": "MISSING DESCRIPTION",
@@ -9122,22 +9142,22 @@
               }
             },
             {
-              "name": "rowHeight",
+              "name": "loadingText",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-data-table-rows#props",
+              "default": "'$vuetify.dataIterator.loadingText'",
               "value": {
                 "kind": "expression",
-                "type": "number"
+                "type": "string"
               }
             },
             {
-              "name": "loadingText",
+              "name": "rowHeight",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-data-table-rows#props",
-              "default": "'$vuetify.dataIterator.loadingText'",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "number"
               }
             }
           ],
@@ -9584,6 +9604,16 @@
               },
               "type": "boolean"
             },
+            {
+              "name": "loadingText",
+              "description": "MISSING DESCRIPTION",
+              "doc-url": "https://vuetifyjs.com/api/v-data-table-server#props",
+              "default": "'$vuetify.dataIterator.loadingText'",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "expandOnClick",
               "description": "MISSING DESCRIPTION",
@@ -9689,16 +9719,6 @@
                 "type": "string | number"
               }
             },
-            {
-              "name": "loadingText",
-              "description": "MISSING DESCRIPTION",
-              "doc-url": "https://vuetifyjs.com/api/v-data-table-server#props",
-              "default": "'$vuetify.dataIterator.loadingText'",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
             {
               "name": "itemsLength",
               "description": "MISSING DESCRIPTION",
@@ -10131,6 +10151,16 @@
                 "type": "any[]"
               }
             },
+            {
+              "name": "loading",
+              "description": "MISSING DESCRIPTION",
+              "doc-url": "https://vuetifyjs.com/api/v-data-table-virtual#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "string | boolean"
+              }
+            },
             {
               "name": "search",
               "description": "Text input used to filter items",
@@ -10303,6 +10333,16 @@
               },
               "type": "boolean"
             },
+            {
+              "name": "loadingText",
+              "description": "MISSING DESCRIPTION",
+              "doc-url": "https://vuetifyjs.com/api/v-data-table-virtual#props",
+              "default": "'$vuetify.dataIterator.loadingText'",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "expandOnClick",
               "description": "MISSING DESCRIPTION",

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.0-dev-20230502.0
+* Vuetify v3.3.0-dev-20230505.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -15954,169 +15954,6 @@ html.overflow-y-hidden {
   font-weight: normal;
   padding: 0.2em 0.4rem;
   box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
-}.v-data-table {
-  width: 100%;
-}
-
-.v-data-table__table {
-  width: 100%;
-  border-collapse: separate;
-  border-spacing: 0;
-}
-
-.v-data-table__tr--focus {
-  border: 1px dotted black;
-}
-.v-data-table__tr--clickable {
-  cursor: pointer;
-}
-
-.v-data-table .v-table__wrapper > table > thead > tr > td,
-.v-data-table .v-table__wrapper > table > thead > tr th,
-.v-data-table .v-table__wrapper > table tbody > tr > td,
-.v-data-table .v-table__wrapper > table tbody > tr th {
-  background: rgb(var(--v-theme-surface));
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
-  text-align: end;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
-  flex-direction: row-reverse;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
-  text-align: center;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
-  justify-content: center;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
-  padding: 0 8px;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > th,
-.v-data-table .v-table__wrapper > table tbody > tr > th {
-  align-items: center;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
-.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
-  cursor: pointer;
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
-.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
-  opacity: 0;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
-.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
-  opacity: 0.5;
-}
-
-.v-data-table-column--fixed {
-  position: sticky;
-  z-index: 2;
-  left: 0;
-}
-
-.v-data-table-column--last-fixed {
-  border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-}
-
-.v-data-table-group-header-row td {
-  background: lightgrey;
-}
-.v-data-table-group-header-row td > span {
-  padding-left: 5px;
-}
-
-.v-data-table--loading .v-data-table__td {
-  opacity: 0.3;
-}
-
-.v-data-table__progress th {
-  position: relative;
-  border: none !important;
-  height: auto !important;
-}
-
-.v-data-table-group-header-row__column {
-  padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
-}
-
-.v-data-table-header__content {
-  display: flex;
-  align-items: center;
-}
-
-.v-data-table-header__sort-badge {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 0.875rem;
-  padding: 4px;
-  border-radius: 50%;
-  background: rgba(var(--v-border-color), var(--v-border-opacity));
-  min-width: 20px;
-  min-height: 20px;
-  width: 20px;
-  height: 20px;
-}
-
-.v-data-table-headers__loader {
-  bottom: auto;
-  top: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  width: 100%;
-  z-index: 1;
-}
-
-.v-data-table-rows-no-data {
-  text-align: center;
-}.v-data-table-footer {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  padding: 0 8px;
-  justify-content: flex-end;
-}
-
-.v-data-table-footer__items-per-page {
-  padding-inline-end: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.v-data-table-footer__items-per-page > span {
-  padding-inline-end: 24px;
-}
-
-.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-infinite-scroll--horizontal {
   display: flex;
   flex-direction: row;
@@ -16362,6 +16199,169 @@ html.overflow-y-hidden {
   100% {
     transform: translateX(100%);
   }
+}.v-data-table {
+  width: 100%;
+}
+
+.v-data-table__table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+.v-data-table__tr--focus {
+  border: 1px dotted black;
+}
+.v-data-table__tr--clickable {
+  cursor: pointer;
+}
+
+.v-data-table .v-table__wrapper > table > thead > tr > td,
+.v-data-table .v-table__wrapper > table > thead > tr th,
+.v-data-table .v-table__wrapper > table tbody > tr > td,
+.v-data-table .v-table__wrapper > table tbody > tr th {
+  background: rgb(var(--v-theme-surface));
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
+  text-align: end;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
+  flex-direction: row-reverse;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
+  text-align: center;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
+  justify-content: center;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
+  padding: 0 8px;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th,
+.v-data-table .v-table__wrapper > table tbody > tr > th {
+  align-items: center;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
+.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
+  cursor: pointer;
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
+.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
+  opacity: 0;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
+.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
+  opacity: 0.5;
+}
+
+.v-data-table-column--fixed {
+  position: sticky;
+  z-index: 2;
+  left: 0;
+}
+
+.v-data-table-column--last-fixed {
+  border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
+}
+
+.v-data-table-group-header-row td {
+  background: lightgrey;
+}
+.v-data-table-group-header-row td > span {
+  padding-left: 5px;
+}
+
+.v-data-table--loading .v-data-table__td {
+  opacity: 0.3;
+}
+
+.v-data-table__progress th {
+  position: relative;
+  border: none !important;
+  height: auto !important;
+}
+
+.v-data-table-group-header-row__column {
+  padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
+}
+
+.v-data-table-header__content {
+  display: flex;
+  align-items: center;
+}
+
+.v-data-table-header__sort-badge {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.875rem;
+  padding: 4px;
+  border-radius: 50%;
+  background: rgba(var(--v-border-color), var(--v-border-opacity));
+  min-width: 20px;
+  min-height: 20px;
+  width: 20px;
+  height: 20px;
+}
+
+.v-data-table-headers__loader {
+  bottom: auto;
+  top: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.v-data-table-rows-no-data {
+  text-align: center;
+}.v-data-table-footer {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 0 8px;
+  justify-content: flex-end;
+}
+
+.v-data-table-footer__items-per-page {
+  padding-inline-end: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.v-data-table-footer__items-per-page > span {
+  padding-inline-end: 24px;
+}
+
+.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-application {
   display: flex;
   background: rgb(var(--v-theme-background));