@vuetify/nightly 3.3.5-master.2023-06-22 → 3.3.5-pr-17265.042d482

package/CHANGELOG.md

@@ -1,8 +1,27 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.5-master.2023-06-22...v) (2023-06-22)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.5-pr-17265.042d482...v) (2023-06-23)
 
 
 
-## [3.3.5-master.2023-06-22](https://github.com/vuetifyjs/vuetify/compare/v3.3.5...v3.3.5-master.2023-06-22) (2023-06-22)
+## [3.3.5-pr-17265.042d482](https://github.com/vuetifyjs/vuetify/compare/v3.3.5...v3.3.5-pr-17265.042d482) (2023-06-23)
+
+
+### Bug Fixes
+
+* include elements that aren't yet scrollable ([11cbad2](https://github.com/vuetifyjs/vuetify/commit/11cbad2fcc3ec1e8d71c929579939c8ce5137452))
+* set correct root element in prod mode ([e0df991](https://github.com/vuetifyjs/vuetify/commit/e0df991c25a009f7e9c2d3fc2eea2c42a974f1f3))
+* use display height if scrolling parent is window ([ff603e8](https://github.com/vuetifyjs/vuetify/commit/ff603e8146f44725ca0eb176b219d4a069609d09))
+* **VVirtualScroll:** set max visible items to 12 if no item-height ([288bcab](https://github.com/vuetifyjs/vuetify/commit/288bcab23e66fc438e0e39c325841e5dc7d91855))
+
+
+### Features
+
+* **VSelect:** implement virtual scrolling ([acd6aae](https://github.com/vuetifyjs/vuetify/commit/acd6aae5e23764423d3f6df846056aa5318a34d5))
+
+
+### Performance Improvements
+
+* optimise ref access in loops ([530c897](https://github.com/vuetifyjs/vuetify/commit/530c897d93d30fe374bb9f239f93ba5f44540021))
+* prevent double update on search change ([c2d4cb7](https://github.com/vuetifyjs/vuetify/commit/c2d4cb7d398e82da845c63384ae95521ac9dbf0e))
 
 
 

package/dist/json/attributes.json

@@ -8987,6 +8987,10 @@
     "type": "string | number\n",
     "description": "Height in pixels of each item to display. When using **dynamic-item-height** this should be an average initial size."
   },
+  "v-virtual-scroll/renderless": {
+    "type": "boolean\n",
+    "description": "MISSING DESCRIPTION"
+  },
   "v-window/model-value": {
     "type": "any\n",
     "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"

package/dist/json/importMap.json

@@ -24,6 +24,10 @@
       "from": "components/VAlert/index.mjs",
       "styles": []
     },
+    "VAutocomplete": {
+      "from": "components/VAutocomplete/index.mjs",
+      "styles": []
+    },
     "VAvatar": {
       "from": "components/VAvatar/index.mjs",
       "styles": []
@@ -64,14 +68,14 @@
       "from": "components/VBtn/index.mjs",
       "styles": []
     },
-    "VBtnGroup": {
-      "from": "components/VBtnGroup/index.mjs",
-      "styles": []
-    },
     "VBtnToggle": {
       "from": "components/VBtnToggle/index.mjs",
       "styles": []
     },
+    "VBtnGroup": {
+      "from": "components/VBtnGroup/index.mjs",
+      "styles": []
+    },
     "VCard": {
       "from": "components/VCard/index.mjs",
       "styles": []
@@ -116,6 +120,10 @@
       "from": "components/VChip/index.mjs",
       "styles": []
     },
+    "VChipGroup": {
+      "from": "components/VChipGroup/index.mjs",
+      "styles": []
+    },
     "VCode": {
       "from": "components/VCode/index.mjs",
       "styles": []
@@ -156,10 +164,6 @@
       "from": "components/VExpansionPanel/index.mjs",
       "styles": []
     },
-    "VChipGroup": {
-      "from": "components/VChipGroup/index.mjs",
-      "styles": []
-    },
     "VField": {
       "from": "components/VField/index.mjs",
       "styles": []
@@ -280,6 +284,10 @@
       "from": "components/VPagination/index.mjs",
       "styles": []
     },
+    "VProgressCircular": {
+      "from": "components/VProgressCircular/index.mjs",
+      "styles": []
+    },
     "VProgressLinear": {
       "from": "components/VProgressLinear/index.mjs",
       "styles": []
@@ -288,10 +296,6 @@
       "from": "components/VRadioGroup/index.mjs",
       "styles": []
     },
-    "VProgressCircular": {
-      "from": "components/VProgressCircular/index.mjs",
-      "styles": []
-    },
     "VRating": {
       "from": "components/VRating/index.mjs",
       "styles": []
@@ -464,10 +468,6 @@
       "from": "components/VVirtualScroll/index.mjs",
       "styles": []
     },
-    "VAutocomplete": {
-      "from": "components/VAutocomplete/index.mjs",
-      "styles": []
-    },
     "VFabTransition": {
       "from": "components/transitions/index.mjs",
       "styles": []

package/dist/json/tags.json

@@ -2984,6 +2984,7 @@
       "max-width",
       "min-height",
       "min-width",
+      "renderless",
       "width"
     ],
     "description": ""

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.5-master.2023-06-22",
+  "version": "3.3.5-pr-17265.042d482",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -13899,6 +13899,7 @@
               "name": "itemHeight",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-data-table-virtual#props",
+              "default": "48",
               "value": {
                 "kind": "expression",
                 "type": "string | number\n"
@@ -15477,7 +15478,7 @@
               "name": "displayDate",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker-controls#props",
-              "default": "new Date('2023-06-22T12:05:47.561Z')",
+              "default": "new Date('2023-06-23T05:09:52.316Z')",
               "value": {
                 "kind": "expression",
                 "type": "any\n"
@@ -15684,7 +15685,7 @@
               "name": "displayDate",
               "description": "MISSING DESCRIPTION",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker-month#props",
-              "default": "new Date('2023-06-22T12:05:47.561Z')",
+              "default": "new Date('2023-06-23T05:09:52.316Z')",
               "value": {
                 "kind": "expression",
                 "type": "any\n"
@@ -35188,10 +35189,21 @@
               "name": "itemHeight",
               "description": "Height in pixels of each item to display. When using **dynamic-item-height** this should be an average initial size.",
               "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#props",
+              "default": "48",
               "value": {
                 "kind": "expression",
                 "type": "string | number\n"
               }
+            },
+            {
+              "name": "renderless",
+              "description": "MISSING DESCRIPTION",
+              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean\n"
+              }
             }
           ],
           "events": [],
@@ -35199,17 +35211,7 @@
             {
               "name": "default",
               "description": "Default slot to render a single item",
-              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#slots",
-              "vue-properties": [
-                {
-                  "name": "item",
-                  "type": "unknown"
-                },
-                {
-                  "name": "index",
-                  "type": "number"
-                }
-              ]
+              "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#slots"
             }
           ],
           "vue-model": {

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.5-master.2023-06-22
+* Vuetify v3.3.5-pr-17265.042d482
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -23465,27 +23465,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-window-y-reverse-transition-leave-to {
   transform: translateY(100%);
-}.v-color-picker-canvas {
-  display: flex;
-  position: relative;
-  overflow: hidden;
-  contain: content;
-}
-.v-color-picker-canvas__dot {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 15px;
-  height: 15px;
-  background: transparent;
-  border-radius: 50%;
-  box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
-}
-.v-color-picker-canvas__dot--disabled {
-  box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
-}
-.v-color-picker-canvas:hover .v-color-picker-canvas__dot {
-  will-change: transform;
 }.v-color-picker-edit {
   display: flex;
 }
@@ -23516,6 +23495,62 @@ html.v-overlay-scroll-blocked {
 }
 .v-color-picker-edit__input span {
   font-size: 0.75rem;
+}.v-color-picker-canvas {
+  display: flex;
+  position: relative;
+  overflow: hidden;
+  contain: content;
+}
+.v-color-picker-canvas__dot {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 15px;
+  height: 15px;
+  background: transparent;
+  border-radius: 50%;
+  box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
+}
+.v-color-picker-canvas__dot--disabled {
+  box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
+}
+.v-color-picker-canvas:hover .v-color-picker-canvas__dot {
+  will-change: transform;
+}.v-color-picker-swatches {
+  overflow-y: auto;
+}
+.v-color-picker-swatches > div {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  padding: 8px;
+}
+
+.v-color-picker-swatches__swatch {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 10px;
+}
+
+.v-color-picker-swatches__color {
+  position: relative;
+  height: 18px;
+  max-height: 18px;
+  width: 45px;
+  margin: 2px 4px;
+  border-radius: 2px;
+  -webkit-user-select: none;
+          user-select: none;
+  overflow: hidden;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
+  cursor: pointer;
+}
+.v-color-picker-swatches__color > div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
 }.v-color-picker-preview__alpha .v-slider-track__background {
   background-color: transparent !important;
 }
@@ -23582,41 +23617,6 @@ html.v-overlay-scroll-blocked {
   align-items: center;
   display: flex;
   margin-bottom: 24px;
-}.v-color-picker-swatches {
-  overflow-y: auto;
-}
-.v-color-picker-swatches > div {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  padding: 8px;
-}
-
-.v-color-picker-swatches__swatch {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 10px;
-}
-
-.v-color-picker-swatches__color {
-  position: relative;
-  height: 18px;
-  max-height: 18px;
-  width: 45px;
-  margin: 2px 4px;
-  border-radius: 2px;
-  -webkit-user-select: none;
-          user-select: none;
-  overflow: hidden;
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
-  cursor: pointer;
-}
-.v-color-picker-swatches__color > div {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
 }.v-slider-thumb {
   touch-action: none;
   color: rgb(var(--v-theme-surface-variant));