@vuetify/nightly 3.1.6-master-20230221.0 → 3.1.6

package/CHANGELOG.md

@@ -1,18 +1,22 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.1.6-master-20230221.0...v) (2023-02-21)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.1.6...v) (2023-02-22)
 
 
 
-## [3.1.6-master-20230221.0](https://github.com/vuetifyjs/vuetify/compare/v3.1.5...v3.1.6-master-20230221.0) (2023-02-21)
+## [3.1.6](https://github.com/vuetifyjs/vuetify/compare/v3.1.5...v3.1.6) (2023-02-22)
 
 
 ### Bug Fixes
 
+* **proxiedModel:** don't lose reactive references to values ([f32a720](https://github.com/vuetifyjs/vuetify/commit/f32a720001383f87983146c00dea9db685d0761d)), closes [#16741](https://github.com/vuetifyjs/vuetify/issues/16741) [#16512](https://github.com/vuetifyjs/vuetify/issues/16512) [#16612](https://github.com/vuetifyjs/vuetify/issues/16612)
 * **theme:** support vueuse/head v1.0 ([#16721](https://github.com/vuetifyjs/vuetify/issues/16721)) ([f07101c](https://github.com/vuetifyjs/vuetify/commit/f07101c0e248faaa509267b368541840e8621ac0))
 * **VColorPicker:** consistent output values ([#16674](https://github.com/vuetifyjs/vuetify/issues/16674)) ([01c35ef](https://github.com/vuetifyjs/vuetify/commit/01c35efad9025f196f937c45a3fef206e180b180)), closes [#16672](https://github.com/vuetifyjs/vuetify/issues/16672)
 * **VColorPicker:** never change track color ([46eaef7](https://github.com/vuetifyjs/vuetify/commit/46eaef785eb1d59a9508ae8a0dedae2b8d5b5b3e)), closes [#16689](https://github.com/vuetifyjs/vuetify/issues/16689)
 * **VColorPicker:** reset canvas handle position when color = null ([f00ee78](https://github.com/vuetifyjs/vuetify/commit/f00ee7816079c14ae690c6fa37bca22bdd75934b))
 * **VColorPicker:** support dynamic width ([#16675](https://github.com/vuetifyjs/vuetify/issues/16675)) ([7190d27](https://github.com/vuetifyjs/vuetify/commit/7190d275d839c2a518d294b41c45cb29b1eda4e4)), closes [#7151](https://github.com/vuetifyjs/vuetify/issues/7151) [#16668](https://github.com/vuetifyjs/vuetify/issues/16668)
+* **VDataTableServer:** support column slots ([#16707](https://github.com/vuetifyjs/vuetify/issues/16707)) ([fe92699](https://github.com/vuetifyjs/vuetify/commit/fe92699e60915440d653733523860e87b2e0c87e)), closes [#16704](https://github.com/vuetifyjs/vuetify/issues/16704)
 * **VOverlay:** don't use cancelIdleCallback in safari ([9a4caf3](https://github.com/vuetifyjs/vuetify/commit/9a4caf331d05c31a1223712802babe7eec707d72)), closes [#16613](https://github.com/vuetifyjs/vuetify/issues/16613)
+* **VSystemBar:** reserve space for hidden scrollbar from VOverlay ([#16734](https://github.com/vuetifyjs/vuetify/issues/16734)) ([2e545ae](https://github.com/vuetifyjs/vuetify/commit/2e545ae8f9f99d8417091886005fc7dc68ef8b72)), closes [#16727](https://github.com/vuetifyjs/vuetify/issues/16727)
+* **VVirtualScroll:** clamp visible items to [0, items.length] ([e493439](https://github.com/vuetifyjs/vuetify/commit/e493439324278e3a15ba51cfb9c45ec226328257)), closes [#16725](https://github.com/vuetifyjs/vuetify/issues/16725)
 
 
 

package/dist/json/attributes.json

@@ -3208,7 +3208,7 @@
     "description": "An alternative styling that reduces `v-list-item` width and rounds the corners. Typically used with **[v-navigation-drawer](/components/navigation-drawers)**"
   },
   "v-list/select-strategy": {
-    "type": "\"single-leaf\" | \"leaf\" | \"independent\" | \"single-independent\" | \"classic\" | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L2-L9\" target=\"_blank\">SelectStrategyFn</a>",
+    "type": "\"single-leaf\" | \"leaf\" | \"independent\" | \"single-independent\" | \"classic\" | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L4-L11\" target=\"_blank\">SelectStrategyFn</a>",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))"
   },
   "v-list/open-strategy": {

package/dist/json/importMap.json

@@ -4,10 +4,6 @@
       "from": "components/VDefaultsProvider/index.mjs",
       "styles": []
     },
-    "VHover": {
-      "from": "components/VHover/index.mjs",
-      "styles": []
-    },
     "VForm": {
       "from": "components/VForm/index.mjs",
       "styles": []
@@ -28,12 +24,8 @@
       "from": "components/VGrid/index.mjs",
       "styles": []
     },
-    "VLazy": {
-      "from": "components/VLazy/index.mjs",
-      "styles": []
-    },
-    "VLocaleProvider": {
-      "from": "components/VLocaleProvider/index.mjs",
+    "VHover": {
+      "from": "components/VHover/index.mjs",
       "styles": []
     },
     "VLayout": {
@@ -44,6 +36,14 @@
       "from": "components/VLayout/index.mjs",
       "styles": []
     },
+    "VLazy": {
+      "from": "components/VLazy/index.mjs",
+      "styles": []
+    },
+    "VLocaleProvider": {
+      "from": "components/VLocaleProvider/index.mjs",
+      "styles": []
+    },
     "VNoSsr": {
       "from": "components/VNoSsr/index.mjs",
       "styles": []
@@ -140,18 +140,6 @@
       "from": "components/VApp/index.mjs",
       "styles": []
     },
-    "VAlert": {
-      "from": "components/VAlert/index.mjs",
-      "styles": []
-    },
-    "VAlertTitle": {
-      "from": "components/VAlert/index.mjs",
-      "styles": []
-    },
-    "VAutocomplete": {
-      "from": "components/VAutocomplete/index.mjs",
-      "styles": []
-    },
     "VAppBar": {
       "from": "components/VAppBar/index.mjs",
       "styles": []
@@ -164,10 +152,26 @@
       "from": "components/VAppBar/index.mjs",
       "styles": []
     },
+    "VAlert": {
+      "from": "components/VAlert/index.mjs",
+      "styles": []
+    },
+    "VAlertTitle": {
+      "from": "components/VAlert/index.mjs",
+      "styles": []
+    },
+    "VAutocomplete": {
+      "from": "components/VAutocomplete/index.mjs",
+      "styles": []
+    },
     "VAvatar": {
       "from": "components/VAvatar/index.mjs",
       "styles": []
     },
+    "VBadge": {
+      "from": "components/VBadge/index.mjs",
+      "styles": []
+    },
     "VBanner": {
       "from": "components/VBanner/index.mjs",
       "styles": []
@@ -180,10 +184,6 @@
       "from": "components/VBanner/index.mjs",
       "styles": []
     },
-    "VBadge": {
-      "from": "components/VBadge/index.mjs",
-      "styles": []
-    },
     "VBottomNavigation": {
       "from": "components/VBottomNavigation/index.mjs",
       "styles": []
@@ -260,10 +260,6 @@
       "from": "components/VChipGroup/index.mjs",
       "styles": []
     },
-    "VCombobox": {
-      "from": "components/VCombobox/index.mjs",
-      "styles": []
-    },
     "VCode": {
       "from": "components/VCode/index.mjs",
       "styles": []
@@ -272,6 +268,10 @@
       "from": "components/VColorPicker/index.mjs",
       "styles": []
     },
+    "VCombobox": {
+      "from": "components/VCombobox/index.mjs",
+      "styles": []
+    },
     "VCounter": {
       "from": "components/VCounter/index.mjs",
       "styles": []
@@ -444,14 +444,14 @@
       "from": "components/VSelectionControl/index.mjs",
       "styles": []
     },
-    "VSheet": {
-      "from": "components/VSheet/index.mjs",
-      "styles": []
-    },
     "VSelectionControlGroup": {
       "from": "components/VSelectionControlGroup/index.mjs",
       "styles": []
     },
+    "VSheet": {
+      "from": "components/VSheet/index.mjs",
+      "styles": []
+    },
     "VSlideGroup": {
       "from": "components/VSlideGroup/index.mjs",
       "styles": []
@@ -504,10 +504,6 @@
       "from": "components/VTimeline/index.mjs",
       "styles": []
     },
-    "VTooltip": {
-      "from": "components/VTooltip/index.mjs",
-      "styles": []
-    },
     "VToolbar": {
       "from": "components/VToolbar/index.mjs",
       "styles": []
@@ -520,6 +516,10 @@
       "from": "components/VToolbar/index.mjs",
       "styles": []
     },
+    "VTooltip": {
+      "from": "components/VTooltip/index.mjs",
+      "styles": []
+    },
     "VWindow": {
       "from": "components/VWindow/index.mjs",
       "styles": []

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.1.6-master-20230221.0",
+  "version": "3.1.6",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -11733,7 +11733,7 @@
               "default": "'single-leaf'",
               "value": {
                 "kind": "expression",
-                "type": "\"single-leaf\" | \"leaf\" | \"independent\" | \"single-independent\" | \"classic\" | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L2-L9\" target=\"_blank\">SelectStrategyFn</a>"
+                "type": "\"single-leaf\" | \"leaf\" | \"independent\" | \"single-independent\" | \"classic\" | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L4-L11\" target=\"_blank\">SelectStrategyFn</a>"
               }
             },
             {

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.6-master-20230221.0
+* Vuetify v3.1.6
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -15809,18 +15809,6 @@ html.overflow-y-hidden {
 }
 .v-virtual-scroll__container {
   display: block;
-}.v-app-bar {
-  display: flex;
-}
-.v-app-bar.v-toolbar {
-  background: rgb(var(--v-theme-surface));
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
-  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-app-bar:not(.v-toolbar--absolute) {
-  padding-inline-end: var(--v-scrollbar-offset);
 }.v-application {
   display: flex;
   background: rgb(var(--v-theme-background));
@@ -15836,6 +15824,18 @@ html.overflow-y-hidden {
   max-width: 100%;
   min-height: 100vh;
   position: relative;
+}.v-app-bar {
+  display: flex;
+}
+.v-app-bar.v-toolbar {
+  background: rgb(var(--v-theme-surface));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
+  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-app-bar:not(.v-toolbar--absolute) {
+  padding-inline-end: var(--v-scrollbar-offset);
 }.v-alert {
   display: grid;
   flex: 1 1;
@@ -19550,39 +19550,6 @@ textarea.v-field__input::placeholder {
 }
 .v-footer--rounded {
   border-radius: 4px;
-}.v-img {
-  --v-theme-overlay-multiplier: 3;
-  z-index: 0;
-}
-.v-img--booting .v-responsive__sizer {
-  transition: none;
-}
-
-.v-img__img,
-.v-img__picture,
-.v-img__gradient,
-.v-img__placeholder,
-.v-img__error {
-  z-index: -1;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.v-img__img--preload {
-  filter: blur(4px);
-}
-.v-img__img--contain {
-  object-fit: contain;
-}
-.v-img__img--cover {
-  object-fit: cover;
-}
-
-.v-img__gradient {
-  background-repeat: no-repeat;
 }.v-icon {
   --v-icon-size-multiplier: 1;
   align-items: center;
@@ -19630,6 +19597,39 @@ textarea.v-field__input::placeholder {
 
 .v-icon--end {
   margin-inline-start: 8px;
+}.v-img {
+  --v-theme-overlay-multiplier: 3;
+  z-index: 0;
+}
+.v-img--booting .v-responsive__sizer {
+  transition: none;
+}
+
+.v-img__img,
+.v-img__picture,
+.v-img__gradient,
+.v-img__placeholder,
+.v-img__error {
+  z-index: -1;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.v-img__img--preload {
+  filter: blur(4px);
+}
+.v-img__img--contain {
+  object-fit: contain;
+}
+.v-img__img--cover {
+  object-fit: cover;
+}
+
+.v-img__gradient {
+  background-repeat: no-repeat;
 }.v-input {
   display: grid;
   flex: 1 1 auto;
@@ -21375,7 +21375,8 @@ html.v-overlay-scroll-blocked {
   height: 24px;
   justify-content: flex-end;
   max-width: 100%;
-  padding: 0 8px;
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
   position: relative;
   text-align: end;
   width: 100%;
@@ -21402,6 +21403,9 @@ html.v-overlay-scroll-blocked {
 }
 .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);

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.1.6-master-20230221.0
+* Vuetify v3.1.6
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1823,7 +1823,7 @@ function useProxiedModel(props, prop, defaultValue) {
   });
   const model = computed({
     get() {
-      return transformIn(toRaw(isControlled.value ? props[prop] : internal.value));
+      return transformIn(isControlled.value ? props[prop] : internal.value);
     },
     set(internalValue) {
       const newValue = transformOut(internalValue);
@@ -7079,7 +7079,6 @@ const listOpenStrategy = {
 };
 
 /* eslint-disable sonarjs/no-identical-functions */
-
 const independentSelectStrategy = mandatory => {
   const strategy = {
     select: _ref => {
@@ -7088,6 +7087,8 @@ const independentSelectStrategy = mandatory => {
         value,
         selected
       } = _ref;
+      id = toRaw(id);
+
       // When mandatory and we're trying to deselect when id
       // is the only currently selected item then do nothing
       if (mandatory && !value) {
@@ -7132,6 +7133,7 @@ const independentSingleSelectStrategy = mandatory => {
         id,
         ...rest
       } = _ref3;
+      id = toRaw(id);
       const singleSelected = selected.has(id) ? new Map([[id, selected.get(id)]]) : new Map();
       return parentStrategy.select({
         ...rest,
@@ -7162,6 +7164,7 @@ const leafSelectStrategy = mandatory => {
         children,
         ...rest
       } = _ref4;
+      id = toRaw(id);
       if (children.has(id)) return selected;
       return parentStrategy.select({
         id,
@@ -7185,6 +7188,7 @@ const leafSingleSelectStrategy = mandatory => {
         children,
         ...rest
       } = _ref5;
+      id = toRaw(id);
       if (children.has(id)) return selected;
       return parentStrategy.select({
         id,
@@ -7208,6 +7212,7 @@ const classicSelectStrategy = mandatory => {
         children,
         parents
       } = _ref6;
+      id = toRaw(id);
       const original = new Map(selected);
       const items = [id];
       while (items.length) {
@@ -7429,7 +7434,7 @@ const useNestedItem = (id, isGroup) => {
     isOpen: computed(() => parent.root.opened.value.has(computedId.value)),
     parent: computed(() => parent.root.parents.value.get(computedId.value)),
     select: (selected, e) => parent.root.select(computedId.value, selected, e),
-    isSelected: computed(() => parent.root.selected.value.get(computedId.value) === 'on'),
+    isSelected: computed(() => parent.root.selected.value.get(toRaw(computedId.value)) === 'on'),
     isIndeterminate: computed(() => parent.root.selected.value.get(computedId.value) === 'indeterminate'),
     isLeaf: computed(() => !parent.root.children.value.get(computedId.value)),
     isGroupActivator: parent.isGroupActivator
@@ -19478,7 +19483,7 @@ const VDataTableServer = genericComponent()({
         "sticky": props.fixedHeader,
         "loading": props.loading,
         "color": props.color
-      }, null)]), slots.thead?.(), createVNode("tbody", {
+      }, slots)]), slots.thead?.(), createVNode("tbody", {
         "class": "v-data-table__tbody",
         "role": "rowgroup"
       }, [slots.body ? slots.body() : createVNode(VDataTableRows, {
@@ -19599,9 +19604,9 @@ const VVirtualScroll = genericComponent()({
       const midPointIndex = calculateMidPointIndex(scrollTop + height / 2);
       const buffer = Math.round(visibleItems.value / 3);
       if (direction === UP && midPointIndex <= first.value + buffer * 2 - 1) {
-        first.value = Math.max(midPointIndex - buffer, 0);
+        first.value = clamp(midPointIndex - buffer, 0, props.items.length);
       } else if (direction === DOWN && midPointIndex >= first.value + buffer * 2 - 1) {
-        first.value = Math.min(Math.max(0, midPointIndex - buffer), props.items.length - visibleItems.value);
+        first.value = clamp(midPointIndex - buffer, 0, props.items.length - visibleItems.value);
       }
       lastScrollTop = rootEl.value.scrollTop;
     }
@@ -20001,7 +20006,7 @@ function createVuetify$1() {
     locale
   };
 }
-const version$1 = "3.1.6-master-20230221.0";
+const version$1 = "3.1.6";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -20013,7 +20018,7 @@ function inject(key) {
   }
 }
 
-const version = "3.1.6-master-20230221.0";
+const version = "3.1.6";
 
 const createVuetify = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};