@vuetify/nightly 3.4.0-alpha.1-dev.2023-10-31 → 3.4.0-alpha.1-dev.2023-11-02

package/CHANGELOG.md

@@ -1,8 +1,8 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.1-dev.2023-10-31...v) (2023-10-31)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.4.0-alpha.1-dev.2023-11-02...v) (2023-11-02)
 
 
 
-# [3.4.0-alpha.1-dev.2023-10-31](https://github.com/vuetifyjs/vuetify/compare/v3.3.23...v3.4.0-alpha.1-dev.2023-10-31) (2023-10-31)
+# [3.4.0-alpha.1-dev.2023-11-02](https://github.com/vuetifyjs/vuetify/compare/v3.3.23...v3.4.0-alpha.1-dev.2023-11-02) (2023-11-02)
 
 
 ### Bug Fixes
@@ -10,7 +10,9 @@
 * **VDatePicker:** use adapter to setYear on date ([99d42b0](https://github.com/vuetifyjs/vuetify/commit/99d42b04cb41dfb78a20585288ffbe4947ffd5b4))
 * **VDatePicker:** viewMode button active state rotation ([cb1f6ab](https://github.com/vuetifyjs/vuetify/commit/cb1f6ab0eeac18318ba30e70aa4fd113f2bdb985))
 * **VField:** correct height for compact/comfortable densities ([#18025](https://github.com/vuetifyjs/vuetify/issues/18025)) ([7a24848](https://github.com/vuetifyjs/vuetify/commit/7a248489c6eb46e754c22b982ae047a4ca1bbd98)), closes [#17898](https://github.com/vuetifyjs/vuetify/issues/17898) [#17837](https://github.com/vuetifyjs/vuetify/issues/17837)
+* **VOtpInput:** Display numeric keyboard when type is number ([#18560](https://github.com/vuetifyjs/vuetify/issues/18560)) ([3ffe9c5](https://github.com/vuetifyjs/vuetify/commit/3ffe9c59cd59ecb1e803c4a7a3324cee57961834)), closes [#18000](https://github.com/vuetifyjs/vuetify/issues/18000)
 * **VPicker:** import sass variables ([f8237ce](https://github.com/vuetifyjs/vuetify/commit/f8237cee1747a6d32a4f878c266ed1c156bfe7ac))
+* **VVirtualScroll:** use a dynamic window size, cache offsets ([#18392](https://github.com/vuetifyjs/vuetify/issues/18392)) ([8a71a7d](https://github.com/vuetifyjs/vuetify/commit/8a71a7dda3d28d647e45b082bb9ea58fb6e25c58)), closes [#18198](https://github.com/vuetifyjs/vuetify/issues/18198) [#17801](https://github.com/vuetifyjs/vuetify/issues/17801)
 
 
 ### Features
@@ -19,6 +21,7 @@
 * **VBanner:** add `bg-color` prop ([#18094](https://github.com/vuetifyjs/vuetify/issues/18094)) ([511c9aa](https://github.com/vuetifyjs/vuetify/commit/511c9aa4a80ad3ba48cebf729c1de6d257a096e5)), closes [#17124](https://github.com/vuetifyjs/vuetify/issues/17124)
 * **VBottomSheet:** promote from labs ([707c058](https://github.com/vuetifyjs/vuetify/commit/707c058a4ffe9b661d436e890ad1611a33b07598))
 * **VBtn|VListItem:** add new prop named slim ([#17562](https://github.com/vuetifyjs/vuetify/issues/17562)) ([788a583](https://github.com/vuetifyjs/vuetify/commit/788a5839beed07b901feac2ea8417d0c6b7d011c))
+* **VDatePicker:** extract ok/cancel into separate component ([#18575](https://github.com/vuetifyjs/vuetify/issues/18575)) ([ec69622](https://github.com/vuetifyjs/vuetify/commit/ec696220397b658a5213e8250407bad5942209ed)), closes [#2945](https://github.com/vuetifyjs/vuetify/issues/2945)
 * **VDatePicker:** refactor structure ([#18558](https://github.com/vuetifyjs/vuetify/issues/18558)) ([5c1b302](https://github.com/vuetifyjs/vuetify/commit/5c1b30208729d08041c97efeafcea805a2a7502e))
 * **VExpansionPanels:** add new prop named static ([#18014](https://github.com/vuetifyjs/vuetify/issues/18014)) ([51f3c14](https://github.com/vuetifyjs/vuetify/commit/51f3c143647737ed07388993ebec7985c1d79a10))
 * **VInfiniteScroll:** promote from labs ([08e1fb9](https://github.com/vuetifyjs/vuetify/commit/08e1fb98c68b432bbe07919f65e2b85225b89476))

package/dist/json/attributes.json

@@ -2743,6 +2743,22 @@
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
   },
+  "v-confirm-edit/model-value": {
+    "type": "unknown\n",
+    "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array."
+  },
+  "v-confirm-edit/color": {
+    "type": "string\n",
+    "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
+  },
+  "v-confirm-edit/cancel-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VConfirmEdit.json))"
+  },
+  "v-confirm-edit/ok-text": {
+    "type": "string\n",
+    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VConfirmEdit.json))"
+  },
   "v-container/tag": {
     "type": "string\n",
     "description": "Specify a custom tag used on the root element."
@@ -3591,14 +3607,6 @@
     "type": "string\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDatePicker.json))"
   },
-  "v-date-picker/cancel-text": {
-    "type": "string\n",
-    "description": "Text used for the Cancel button."
-  },
-  "v-date-picker/ok-text": {
-    "type": "string\n",
-    "description": "Text used for the Ok button."
-  },
   "v-date-picker/input-mode": {
     "type": "'calendar' | 'keyboard'\n",
     "description": "Toggles between showing dates or inputs."
@@ -3611,10 +3619,6 @@
     "type": "string\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDatePicker.json))"
   },
-  "v-date-picker/hide-actions": {
-    "type": "boolean\n",
-    "description": "Hide the picker actions."
-  },
   "v-date-picker/mode-icon": {
     "type": "string\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDatePickerControls.json))"
@@ -4095,10 +4099,6 @@
     "type": "string\n",
     "description": "Applies specified color to the control's background. Used on components that also support the **color** prop. - supports utility colors (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)."
   },
-  "v-expansion-panel/hide-actions": {
-    "type": "boolean\n",
-    "description": "Hide the expand icon in the content title."
-  },
   "v-expansion-panel/expand-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used when the expansion panel is in a expandable state."
@@ -4107,6 +4107,10 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used when the expansion panel is in a collapsable state."
   },
+  "v-expansion-panel/hide-actions": {
+    "type": "boolean\n",
+    "description": "Hide the expand icon in the content title."
+  },
   "v-expansion-panel-text/eager": {
     "type": "boolean\n",
     "description": "Forces the component's content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."
@@ -4127,10 +4131,6 @@
     "type": "boolean\n",
     "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VExpansionPanelTitle.json))"
   },
-  "v-expansion-panel-title/hide-actions": {
-    "type": "boolean\n",
-    "description": "Hide the expand icon in the content title."
-  },
   "v-expansion-panel-title/expand-icon": {
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used when the expansion panel is in a expandable state."
@@ -4139,6 +4139,10 @@
     "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n",
     "description": "Icon used when the expansion panel is in a collapsable state."
   },
+  "v-expansion-panel-title/hide-actions": {
+    "type": "boolean\n",
+    "description": "Hide the expand icon in the content title."
+  },
   "v-expansion-panels/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-labs.json

@@ -60,6 +60,10 @@
       "from": "labs/VPicker/index.mjs",
       "styles": []
     },
+    "VConfirmEdit": {
+      "from": "labs/VConfirmEdit/index.mjs",
+      "styles": []
+    },
     "VDataIterator": {
       "from": "labs/VDataIterator/index.mjs",
       "styles": []

package/dist/json/importMap.json

@@ -28,14 +28,14 @@
       "from": "components/VAutocomplete/index.mjs",
       "styles": []
     },
-    "VAvatar": {
-      "from": "components/VAvatar/index.mjs",
-      "styles": []
-    },
     "VBadge": {
       "from": "components/VBadge/index.mjs",
       "styles": []
     },
+    "VAvatar": {
+      "from": "components/VAvatar/index.mjs",
+      "styles": []
+    },
     "VBanner": {
       "from": "components/VBanner/index.mjs",
       "styles": []
@@ -132,14 +132,14 @@
       "from": "components/VCode/index.mjs",
       "styles": []
     },
-    "VColorPicker": {
-      "from": "components/VColorPicker/index.mjs",
-      "styles": []
-    },
     "VCombobox": {
       "from": "components/VCombobox/index.mjs",
       "styles": []
     },
+    "VColorPicker": {
+      "from": "components/VColorPicker/index.mjs",
+      "styles": []
+    },
     "VCounter": {
       "from": "components/VCounter/index.mjs",
       "styles": []

package/dist/json/tags.json

@@ -874,6 +874,15 @@
     ],
     "description": ""
   },
+  "v-confirm-edit": {
+    "attributes": [
+      "cancel-text",
+      "color",
+      "model-value",
+      "ok-text"
+    ],
+    "description": ""
+  },
   "v-container": {
     "attributes": [
       "fluid",
@@ -1110,13 +1119,11 @@
       "bg-color",
       "border",
       "calendar-icon",
-      "cancel-text",
       "color",
       "disabled",
       "elevation",
       "header",
       "height",
-      "hide-actions",
       "hide-weekdays",
       "input-mode",
       "input-placeholder",
@@ -1135,7 +1142,6 @@
       "month",
       "multiple",
       "next-icon",
-      "ok-text",
       "position",
       "prev-icon",
       "rounded",

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.4.0-alpha.1-dev.2023-10-31",
+  "version": "3.4.0-alpha.1-dev.2023-11-02",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -9220,6 +9220,111 @@
             "event": "update:modelValue"
           }
         },
+        {
+          "name": "VConfirmEdit",
+          "source": {
+            "module": "./src/components/index.ts",
+            "symbol": "VConfirmEdit"
+          },
+          "description": "",
+          "doc-url": "https://vuetifyjs.com/api/v-confirm-edit",
+          "attributes": [
+            {
+              "name": "modelValue",
+              "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array.",
+              "doc-url": "https://vuetifyjs.com/api/v-confirm-edit#props",
+              "value": {
+                "kind": "expression",
+                "type": "unknown\n"
+              }
+            },
+            {
+              "name": "color",
+              "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors).",
+              "doc-url": "https://vuetifyjs.com/api/v-confirm-edit#props",
+              "value": {
+                "kind": "expression",
+                "type": "string\n"
+              }
+            },
+            {
+              "name": "cancelText",
+              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VConfirmEdit.json))",
+              "doc-url": "https://vuetifyjs.com/api/v-confirm-edit#props",
+              "default": "'$vuetify.confirmEdit.cancel'",
+              "value": {
+                "kind": "expression",
+                "type": "string\n"
+              }
+            },
+            {
+              "name": "okText",
+              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VConfirmEdit.json))",
+              "doc-url": "https://vuetifyjs.com/api/v-confirm-edit#props",
+              "default": "'$vuetify.confirmEdit.ok'",
+              "value": {
+                "kind": "expression",
+                "type": "string\n"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "update:modelValue",
+              "description": "Event that is emitted when the component's model changes.",
+              "doc-url": "https://vuetifyjs.com/api/v-confirm-edit#events",
+              "arguments": [
+                {
+                  "name": "argument",
+                  "type": "[unknown]\n"
+                }
+              ]
+            },
+            {
+              "name": "save",
+              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VConfirmEdit.json))",
+              "doc-url": "https://vuetifyjs.com/api/v-confirm-edit#events",
+              "arguments": [
+                {
+                  "name": "argument",
+                  "type": "[unknown]\n"
+                }
+              ]
+            },
+            {
+              "name": "cancel",
+              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VConfirmEdit.json))",
+              "doc-url": "https://vuetifyjs.com/api/v-confirm-edit#events",
+              "arguments": [
+                {
+                  "name": "argument",
+                  "type": "[]\n"
+                }
+              ]
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "The default Vue slot.",
+              "doc-url": "https://vuetifyjs.com/api/v-confirm-edit#slots",
+              "vue-properties": [
+                {
+                  "name": "model",
+                  "type": "Ref<unknown>"
+                },
+                {
+                  "name": "actions",
+                  "type": "VNode<RendererNode, RendererElement, { [key: string]: any; }>"
+                }
+              ]
+            }
+          ],
+          "vue-model": {
+            "prop": "modelValue",
+            "event": "update:modelValue"
+          }
+        },
         {
           "name": "VContainer",
           "source": {
@@ -13837,7 +13942,7 @@
               "name": "itemHeight",
               "description": "Height in pixels of each item to display.",
               "doc-url": "https://vuetifyjs.com/api/v-data-table-virtual#props",
-              "default": "48",
+              "default": "null",
               "value": {
                 "kind": "expression",
                 "type": "string | number\n"
@@ -14611,26 +14716,6 @@
                 "type": "string\n"
               }
             },
-            {
-              "name": "cancelText",
-              "description": "Text used for the Cancel button.",
-              "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
-              "default": "'$vuetify.datePicker.cancel'",
-              "value": {
-                "kind": "expression",
-                "type": "string\n"
-              }
-            },
-            {
-              "name": "okText",
-              "description": "Text used for the Ok button.",
-              "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
-              "default": "'$vuetify.datePicker.ok'",
-              "value": {
-                "kind": "expression",
-                "type": "string\n"
-              }
-            },
             {
               "name": "inputMode",
               "description": "Toggles between showing dates or inputs.",
@@ -14661,16 +14746,6 @@
                 "type": "string\n"
               }
             },
-            {
-              "name": "hideActions",
-              "description": "Hide the picker actions.",
-              "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean\n"
-              }
-            },
             {
               "name": "modeIcon",
               "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDatePickerControls.json))",
@@ -14823,28 +14898,6 @@
                   "type": "[any]\n"
                 }
               ]
-            },
-            {
-              "name": "click:cancel",
-              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDatePicker.json))",
-              "doc-url": "https://vuetifyjs.com/api/v-date-picker#events",
-              "arguments": [
-                {
-                  "name": "argument",
-                  "type": "[]\n"
-                }
-              ]
-            },
-            {
-              "name": "click:save",
-              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/VDatePicker.json))",
-              "doc-url": "https://vuetifyjs.com/api/v-date-picker#events",
-              "arguments": [
-                {
-                  "name": "argument",
-                  "type": "[]\n"
-                }
-              ]
             }
           ],
           "slots": [
@@ -14865,7 +14918,7 @@
             },
             {
               "name": "header",
-              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/vuetify/src/labs/VDatePicker/VDatePicker.tsx#L30-L34.json))",
+              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/dev/packages/api-generator/src/locale/en/vuetify/src/labs/VDatePicker/VDatePicker.tsx#L29-L33.json))",
               "doc-url": "https://vuetifyjs.com/api/v-date-picker#slots",
               "vue-properties": [
                 {
@@ -16476,16 +16529,6 @@
                 "type": "string\n"
               }
             },
-            {
-              "name": "hideActions",
-              "description": "Hide the expand icon in the content title.",
-              "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean\n"
-              }
-            },
             {
               "name": "expandIcon",
               "description": "Icon used when the expansion panel is in a expandable state.",
@@ -16505,6 +16548,16 @@
                 "kind": "expression",
                 "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n"
               }
+            },
+            {
+              "name": "hideActions",
+              "description": "Hide the expand icon in the content title.",
+              "doc-url": "https://vuetifyjs.com/api/v-expansion-panel#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean\n"
+              }
             }
           ],
           "events": [
@@ -16623,16 +16676,6 @@
                 "type": "boolean\n"
               }
             },
-            {
-              "name": "hideActions",
-              "description": "Hide the expand icon in the content title.",
-              "doc-url": "https://vuetifyjs.com/api/v-expansion-panel-title#props",
-              "default": "false",
-              "value": {
-                "kind": "expression",
-                "type": "boolean\n"
-              }
-            },
             {
               "name": "expandIcon",
               "description": "Icon used when the expansion panel is in a expandable state.",
@@ -16652,6 +16695,16 @@
                 "kind": "expression",
                 "type": "  | string\n  | (string | [string, number])[]\n  | (new () => any)\n  | FunctionalComponent\n"
               }
+            },
+            {
+              "name": "hideActions",
+              "description": "Hide the expand icon in the content title.",
+              "doc-url": "https://vuetifyjs.com/api/v-expansion-panel-title#props",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean\n"
+              }
             }
           ],
           "events": [],
@@ -36658,7 +36711,7 @@
               "name": "itemHeight",
               "description": "Height in pixels of each item to display.",
               "doc-url": "https://vuetifyjs.com/api/v-virtual-scroll#props",
-              "default": "48",
+              "default": "null",
               "value": {
                 "kind": "expression",
                 "type": "string | number\n"