@vuetify/nightly 3.3.2-master.2023-05-30 → 3.3.2-master.2023-05-31

package/CHANGELOG.md

@@ -1,8 +1,15 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.2-master.2023-05-30...v) (2023-05-30)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.2-master.2023-05-31...v) (2023-05-31)
 
 
 
-## [3.3.2-master.2023-05-30](https://github.com/vuetifyjs/vuetify/compare/v3.3.2...v3.3.2-master.2023-05-30) (2023-05-30)
+## [3.3.2-master.2023-05-31](https://github.com/vuetifyjs/vuetify/compare/v3.3.2...v3.3.2-master.2023-05-31) (2023-05-31)
+
+
+### Bug Fixes
+
+* **VDataTable:** loading prop causes scrollbar to appear ([923f5b7](https://github.com/vuetifyjs/vuetify/commit/923f5b77ee75e80af8d86412904aa3691333f825)), closes [#17462](https://github.com/vuetifyjs/vuetify/issues/17462)
+* **VDataTable:** unselect properly in single select strategy ([30f7b81](https://github.com/vuetifyjs/vuetify/commit/30f7b814b26474d874501b3a59062ebc78435d52))
+* **VSelects:** move prepend-item slot before no-data ([#17440](https://github.com/vuetifyjs/vuetify/issues/17440)) ([3640ab2](https://github.com/vuetifyjs/vuetify/commit/3640ab25e227d23b744c01a2e34b85931d11ade3))
 
 
 

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.2-master.2023-05-30",
+  "version": "3.3.2-master.2023-05-31",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.2-master.2023-05-30
+* Vuetify v3.3.2-master.2023-05-31
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16078,12 +16078,6 @@ html.overflow-y-hidden {
   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;
 }
@@ -16107,14 +16101,10 @@ html.overflow-y-hidden {
   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-progress > th {
+  border: none !important;
+  height: auto !important;
+  padding: 0 !important;
 }
 
 .v-data-table-rows-loading,
@@ -16150,31 +16140,6 @@ html.overflow-y-hidden {
 
 .v-data-table-footer__page {
   padding: 0 8px;
-}.v-infinite-scroll--horizontal {
-  display: flex;
-  flex-direction: row;
-  overflow-x: auto;
-}
-.v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
-  height: 100%;
-  width: 1px;
-}
-
-.v-infinite-scroll--vertical {
-  display: flex;
-  flex-direction: column;
-  overflow-y: auto;
-}
-.v-infinite-scroll--vertical .v-infinite-scroll-intersect {
-  height: 1px;
-  width: 100%;
-}
-
-.v-infinite-scroll__side {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  padding: 8px;
 }.v-skeleton-loader {
   align-items: center;
   background: rgb(var(--v-theme-surface));
@@ -16395,6 +16360,31 @@ html.overflow-y-hidden {
   100% {
     transform: translateX(100%);
   }
+}.v-infinite-scroll--horizontal {
+  display: flex;
+  flex-direction: row;
+  overflow-x: auto;
+}
+.v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
+  height: 100%;
+  width: 1px;
+}
+
+.v-infinite-scroll--vertical {
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+}
+.v-infinite-scroll--vertical .v-infinite-scroll-intersect {
+  height: 1px;
+  width: 100%;
+}
+
+.v-infinite-scroll__side {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  padding: 8px;
 }.v-application {
   display: flex;
   background: rgb(var(--v-theme-background));
@@ -17041,60 +17031,6 @@ html.overflow-y-hidden {
 }
 .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
   align-self: flex-start;
-}.v-bottom-navigation {
-  display: flex;
-  max-width: 100%;
-  overflow: hidden;
-  position: absolute;
-  transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  border-style: solid;
-  border-width: 0;
-  border-radius: 0;
-  background: rgb(var(--v-theme-surface));
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-bottom-navigation--border {
-  border-width: thin;
-  box-shadow: none;
-}
-.v-bottom-navigation--active {
-  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
-}
-
-.v-bottom-navigation__content {
-  display: flex;
-  flex: none;
-  font-size: 0.75rem;
-  justify-content: center;
-  transition: inherit;
-  width: 100%;
-}
-.v-bottom-navigation .v-bottom-navigation__content > .v-btn {
-  font-size: inherit;
-  height: 100%;
-  max-width: 168px;
-  min-width: 80px;
-  text-transform: none;
-  transition: inherit;
-  width: auto;
-  border-radius: 0;
-}
-.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
-.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
-  transition: inherit;
-}
-.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
-  font-size: 1.5rem;
-}
-.v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
-  flex-grow: 1;
-}
-.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
-  opacity: 0;
-}
-.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
-  transform: translateY(0.5rem);
 }.v-breadcrumbs {
   display: flex;
   align-items: center;
@@ -17906,6 +17842,60 @@ html.overflow-y-hidden {
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.2s ease-in-out;
+}.v-bottom-navigation {
+  display: flex;
+  max-width: 100%;
+  overflow: hidden;
+  position: absolute;
+  transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+  border-style: solid;
+  border-width: 0;
+  border-radius: 0;
+  background: rgb(var(--v-theme-surface));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+.v-bottom-navigation--border {
+  border-width: thin;
+  box-shadow: none;
+}
+.v-bottom-navigation--active {
+  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+
+.v-bottom-navigation__content {
+  display: flex;
+  flex: none;
+  font-size: 0.75rem;
+  justify-content: center;
+  transition: inherit;
+  width: 100%;
+}
+.v-bottom-navigation .v-bottom-navigation__content > .v-btn {
+  font-size: inherit;
+  height: 100%;
+  max-width: 168px;
+  min-width: 80px;
+  text-transform: none;
+  transition: inherit;
+  width: auto;
+  border-radius: 0;
+}
+.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
+.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
+  transition: inherit;
+}
+.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
+  font-size: 1.5rem;
+}
+.v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
+  flex-grow: 1;
+}
+.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
+  opacity: 0;
+}
+.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
+  transform: translateY(0.5rem);
 }.v-carousel {
   overflow: hidden;
   position: relative;
@@ -20479,6 +20469,13 @@ textarea.v-field__input::placeholder {
 
 .v-label--clickable {
   cursor: pointer;
+}.v-layout-item {
+  position: absolute;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.v-layout-item--absolute {
+  position: absolute;
 }.v-layout {
   --v-scrollbar-offset: 0px;
   display: flex;
@@ -20487,13 +20484,6 @@ textarea.v-field__input::placeholder {
 .v-layout--full-height {
   --v-scrollbar-offset: inherit;
   height: 100%;
-}.v-layout-item {
-  position: absolute;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.v-layout-item--absolute {
-  position: absolute;
 }.v-list {
   overflow: auto;
   padding: 8px 0;
@@ -22139,137 +22129,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-switch.v-switch--inset .v-selection-control__wrapper {
   width: auto;
-}.v-system-bar {
-  align-items: center;
-  display: flex;
-  flex: 1 1 auto;
-  height: 24px;
-  justify-content: flex-end;
-  max-width: 100%;
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
-  position: relative;
-  text-align: end;
-  width: 100%;
-  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));
-  background: rgba(var(--v-theme-on-surface-variant));
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-  font-size: 0.75rem;
-  font-weight: 400;
-  letter-spacing: 0.0333333333em;
-  line-height: 1.25rem;
-  text-transform: none;
-}
-.v-system-bar .v-icon {
-  opacity: var(--v-medium-emphasis-opacity);
-}
-.v-system-bar--absolute {
-  position: absolute;
-}
-.v-system-bar--fixed {
-  position: fixed;
-}
-.v-system-bar--rounded {
-  border-radius: 0;
-}
-.v-system-bar--window {
-  height: 32px;
-}
-.v-system-bar:not(.v-system-bar--absolute) {
-  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
-}.v-tabs {
-  display: flex;
-  height: var(--v-tabs-height);
-}
-.v-tabs--density-default {
-  --v-tabs-height: 48px;
-}
-.v-tabs--density-default.v-tabs--stacked {
-  --v-tabs-height: 72px;
-}
-
-.v-tabs--density-comfortable {
-  --v-tabs-height: 44px;
-}
-.v-tabs--density-comfortable.v-tabs--stacked {
-  --v-tabs-height: 68px;
-}
-
-.v-tabs--density-compact {
-  --v-tabs-height: 36px;
-}
-.v-tabs--density-compact.v-tabs--stacked {
-  --v-tabs-height: 60px;
-}
-
-.v-tabs.v-slide-group--vertical {
-  height: auto;
-  --v-tabs-height: 48px;
-}
-
-.v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
-  margin-inline-start: 42px;
-}
-
-.v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
-.v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
-  margin-inline-end: auto;
-}
-.v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
-.v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
-  margin-inline-start: auto;
-}
-
-.v-tabs--grow {
-  flex-grow: 1;
-}
-.v-tabs--grow .v-tab {
-  flex: 1 0 auto;
-  max-width: none;
-}
-
-.v-tabs--align-tabs-end .v-tab:first-child {
-  margin-inline-start: auto;
-}
-.v-tabs--align-tabs-end .v-tab:last-child {
-  margin-inline-end: 0;
-}
-
-@media (max-width: 1279.98px) {
-  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
-    margin-inline-start: 52px;
-  }
-  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
-    margin-inline-end: 52px;
-  }
-}.v-tab.v-tab {
-  --v-btn-height: var(--v-tabs-height);
-  min-width: 90px;
-}
-.v-slide-group--horizontal .v-tab {
-  max-width: 360px;
-}
-.v-slide-group--vertical .v-tab {
-  justify-content: start;
-}
-
-.v-tab__slider {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 2px;
-  width: 100%;
-  background: currentColor;
-  pointer-events: none;
-  opacity: 0;
-}
-.v-tab--selected .v-tab__slider {
-  opacity: 1;
-}
-.v-slide-group--vertical .v-tab__slider {
-  top: 0;
-  height: 100%;
-  width: 2px;
 }.v-table {
   background: rgb(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -22397,6 +22256,44 @@ html.v-overlay-scroll-blocked {
   border-top: 0px !important;
   position: sticky;
   bottom: 0;
+}.v-system-bar {
+  align-items: center;
+  display: flex;
+  flex: 1 1 auto;
+  height: 24px;
+  justify-content: flex-end;
+  max-width: 100%;
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+  position: relative;
+  text-align: end;
+  width: 100%;
+  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));
+  background: rgba(var(--v-theme-on-surface-variant));
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+  font-size: 0.75rem;
+  font-weight: 400;
+  letter-spacing: 0.0333333333em;
+  line-height: 1.25rem;
+  text-transform: none;
+}
+.v-system-bar .v-icon {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-system-bar--absolute {
+  position: absolute;
+}
+.v-system-bar--fixed {
+  position: fixed;
+}
+.v-system-bar--rounded {
+  border-radius: 0;
+}
+.v-system-bar--window {
+  height: 32px;
+}
+.v-system-bar:not(.v-system-bar--absolute) {
+  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
 }.v-textarea .v-field {
   --v-textarea-control-height: var(--v-input-control-height);
 }
@@ -23197,6 +23094,99 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
+}.v-tabs {
+  display: flex;
+  height: var(--v-tabs-height);
+}
+.v-tabs--density-default {
+  --v-tabs-height: 48px;
+}
+.v-tabs--density-default.v-tabs--stacked {
+  --v-tabs-height: 72px;
+}
+
+.v-tabs--density-comfortable {
+  --v-tabs-height: 44px;
+}
+.v-tabs--density-comfortable.v-tabs--stacked {
+  --v-tabs-height: 68px;
+}
+
+.v-tabs--density-compact {
+  --v-tabs-height: 36px;
+}
+.v-tabs--density-compact.v-tabs--stacked {
+  --v-tabs-height: 60px;
+}
+
+.v-tabs.v-slide-group--vertical {
+  height: auto;
+  --v-tabs-height: 48px;
+}
+
+.v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
+  margin-inline-start: 42px;
+}
+
+.v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
+.v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
+  margin-inline-end: auto;
+}
+.v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
+.v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
+  margin-inline-start: auto;
+}
+
+.v-tabs--grow {
+  flex-grow: 1;
+}
+.v-tabs--grow .v-tab {
+  flex: 1 0 auto;
+  max-width: none;
+}
+
+.v-tabs--align-tabs-end .v-tab:first-child {
+  margin-inline-start: auto;
+}
+.v-tabs--align-tabs-end .v-tab:last-child {
+  margin-inline-end: 0;
+}
+
+@media (max-width: 1279.98px) {
+  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
+    margin-inline-start: 52px;
+  }
+  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
+    margin-inline-end: 52px;
+  }
+}.v-tab.v-tab {
+  --v-btn-height: var(--v-tabs-height);
+  min-width: 90px;
+}
+.v-slide-group--horizontal .v-tab {
+  max-width: 360px;
+}
+.v-slide-group--vertical .v-tab {
+  justify-content: start;
+}
+
+.v-tab__slider {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 2px;
+  width: 100%;
+  background: currentColor;
+  pointer-events: none;
+  opacity: 0;
+}
+.v-tab--selected .v-tab__slider {
+  opacity: 1;
+}
+.v-slide-group--vertical .v-tab__slider {
+  top: 0;
+  height: 100%;
+  width: 2px;
 }.v-color-picker-canvas {
   display: flex;
   position: relative;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.2-master.2023-05-30
+* Vuetify v3.3.2-master.2023-05-31
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -10502,9 +10502,9 @@ const VSelect = genericComponent()({
             "onMousedown": e => e.preventDefault(),
             "onFocusin": onFocusin
           }, {
-            default: () => [!displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+            default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
-            }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+            }, null)), displayItems.value.map((item, index) => {
               const itemProps = mergeProps(item.props, {
                 key: index,
                 onClick: () => select(item)
@@ -10991,9 +10991,9 @@ const VAutocomplete = genericComponent()({
             "onFocusin": onFocusin,
             "onFocusout": onFocusout
           }, {
-            default: () => [!displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+            default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
-            }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+            }, null)), displayItems.value.map((item, index) => {
               const itemProps = mergeProps(item.props, {
                 key: index,
                 active: highlightFirst.value && index === 0 ? true : undefined,
@@ -14514,9 +14514,9 @@ const VCombobox = genericComponent()({
             "onFocusin": onFocusin,
             "onFocusout": onFocusout
           }, {
-            default: () => [!displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+            default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
               "title": t(props.noDataText)
-            }, null)), slots['prepend-item']?.(), displayItems.value.map((item, index) => {
+            }, null)), displayItems.value.map((item, index) => {
               const itemProps = mergeProps(item.props, {
                 key: index,
                 active: highlightFirst.value && index === 0 ? true : undefined,
@@ -19503,9 +19503,10 @@ const singleSelectStrategy = {
   allSelected: () => [],
   select: _ref => {
     let {
-      items
+      items,
+      value
     } = _ref;
-    return new Set([items[0]?.value]);
+    return new Set(value ? [items[0]?.value] : []);
   },
   selectAll: _ref2 => {
     let {
@@ -20393,11 +20394,11 @@ const VDataTableHeaders = genericComponent()({
         "x": x,
         "y": y
       }, null))])), props.loading && createVNode("tr", {
-        "class": "v-data-table__progress"
+        "class": "v-data-table-progress"
       }, [createVNode("th", {
         "colspan": columns.value.length
       }, [createVNode(LoaderSlot, {
-        "name": "v-data-table-headers",
+        "name": "v-data-table-progress",
         "active": true,
         "color": typeof props.loading === 'boolean' ? undefined : props.loading,
         "indeterminate": true
@@ -22389,7 +22390,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.2-master.2023-05-30";
+const version$1 = "3.3.2-master.2023-05-31";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -22403,7 +22404,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.2-master.2023-05-30";
+const version = "3.3.2-master.2023-05-31";
 
 /* eslint-disable local-rules/sort-imports */