@vuetify/nightly 3.3.3-master.2023-06-07 → 3.3.3-master.2023-06-09

package/CHANGELOG.md

@@ -1,8 +1,13 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.3-master.2023-06-07...v) (2023-06-07)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.3-master.2023-06-09...v) (2023-06-09)
 
 
 
-## [3.3.3-master.2023-06-07](https://github.com/vuetifyjs/vuetify/compare/v3.3.3...v3.3.3-master.2023-06-07) (2023-06-07)
+## [3.3.3-master.2023-06-09](https://github.com/vuetifyjs/vuetify/compare/v3.3.3...v3.3.3-master.2023-06-09) (2023-06-09)
+
+
+### Bug Fixes
+
+* **VDataTable:** show-select not reactive ([6987695](https://github.com/vuetifyjs/vuetify/commit/6987695f2ee6045712ee47e829c20100611aa406)), closes [#17557](https://github.com/vuetifyjs/vuetify/issues/17557)
 
 
 

package/dist/json/attributes.json

@@ -4693,11 +4693,11 @@
   },
   "v-list/selected": {
     "type": "unknown[]\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))"
+    "description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`."
   },
   "v-list/select-strategy": {
     "type": "  | 'single-leaf'\n  | 'leaf'\n  | 'independent'\n  | 'single-independent'\n  | 'classic'\n  | <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/selectStrategies.ts#L5-L12\" target=\"_blank\">SelectStrategyFn</a>\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))"
+    "description": "Affects how items with children behave when selected.\n- **leaf:** Only leaf nodes (items without children) can be selected.\n- **independent:** All nodes can be selected whether they have children or not.\n- **classic:** Selecting a parent node will cause all children to be selected, parent nodes will be displayed as selected if all their descendants are selected. Only leaf nodes will be added to the model."
   },
   "v-list/nav": {
     "type": "boolean\n",
@@ -4705,11 +4705,11 @@
   },
   "v-list/open-strategy": {
     "type": "  | 'multiple'\n  | 'single'\n  | 'list'\n  | { open: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/openStrategies.ts#L1-L8\" target=\"_blank\">OpenStrategyFn</a>; select: <a href=\"https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/nested/openStrategies.ts#L10-L18\" target=\"_blank\">OpenSelectStrategyFn</a> }\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))"
+    "description": "Affects how items with children behave when expanded.\n- **multiple:** Any number of groups can be open at once.\n- **single:** Only one group at each level can be open, opening a group will cause others to close.\n- **list:** Multiple, but all other groups will close when an item is selected."
   },
   "v-list/opened": {
     "type": "unknown[]\n",
-    "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))"
+    "description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`."
   },
   "v-list/item-type": {
     "type": "string\n",

package/dist/json/importMap.json

@@ -140,10 +140,6 @@
       "from": "components/VCounter/index.mjs",
       "styles": []
     },
-    "VDialog": {
-      "from": "components/VDialog/index.mjs",
-      "styles": []
-    },
     "VDivider": {
       "from": "components/VDivider/index.mjs",
       "styles": []
@@ -296,6 +292,10 @@
       "from": "components/VRadioGroup/index.mjs",
       "styles": []
     },
+    "VDialog": {
+      "from": "components/VDialog/index.mjs",
+      "styles": []
+    },
     "VRating": {
       "from": "components/VRating/index.mjs",
       "styles": []
@@ -304,10 +304,6 @@
       "from": "components/VSelect/index.mjs",
       "styles": []
     },
-    "VSelectionControl": {
-      "from": "components/VSelectionControl/index.mjs",
-      "styles": []
-    },
     "VSelectionControlGroup": {
       "from": "components/VSelectionControlGroup/index.mjs",
       "styles": []
@@ -392,6 +388,10 @@
       "from": "components/VWindow/index.mjs",
       "styles": []
     },
+    "VSelectionControl": {
+      "from": "components/VSelectionControl/index.mjs",
+      "styles": []
+    },
     "VDefaultsProvider": {
       "from": "components/VDefaultsProvider/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.3.3-master.2023-06-07",
+  "version": "3.3.3-master.2023-06-09",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -19577,7 +19577,7 @@
             },
             {
               "name": "selected",
-              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))",
+              "description": "An array containing the values of currently selected items. Can be two-way bound with `v-model:selected`.",
               "doc-url": "https://vuetifyjs.com/api/v-list#props",
               "value": {
                 "kind": "expression",
@@ -19586,7 +19586,7 @@
             },
             {
               "name": "selectStrategy",
-              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))",
+              "description": "Affects how items with children behave when selected.\n- **leaf:** Only leaf nodes (items without children) can be selected.\n- **independent:** All nodes can be selected whether they have children or not.\n- **classic:** Selecting a parent node will cause all children to be selected, parent nodes will be displayed as selected if all their descendants are selected. Only leaf nodes will be added to the model.",
               "doc-url": "https://vuetifyjs.com/api/v-list#props",
               "default": "'single-leaf'",
               "value": {
@@ -19606,7 +19606,7 @@
             },
             {
               "name": "openStrategy",
-              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))",
+              "description": "Affects how items with children behave when expanded.\n- **multiple:** Any number of groups can be open at once.\n- **single:** Only one group at each level can be open, opening a group will cause others to close.\n- **list:** Multiple, but all other groups will close when an item is selected.",
               "doc-url": "https://vuetifyjs.com/api/v-list#props",
               "default": "'list'",
               "value": {
@@ -19616,7 +19616,7 @@
             },
             {
               "name": "opened",
-              "description": "MISSING DESCRIPTION ([edit in github](https://github.com/vuetifyjs/vuetify/tree/master/packages/api-generator/src/locale/en/nested.json))",
+              "description": "An array containing the values of currently opened groups. Can be two-way bound with `v-model:opened`.",
               "doc-url": "https://vuetifyjs.com/api/v-list#props",
               "value": {
                 "kind": "expression",

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.3-master.2023-06-07
+* Vuetify v3.3.3-master.2023-06-09
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -16623,6 +16623,100 @@ html.overflow-y-hidden {
   text-transform: none;
   word-break: normal;
   word-wrap: break-word;
+}.v-input--density-default {
+  --autocomplete-chips-margin-bottom: 0px;
+}
+
+.v-input--density-comfortable {
+  --autocomplete-chips-margin-bottom: 2px;
+}
+
+.v-input--density-compact {
+  --autocomplete-chips-margin-bottom: 4px;
+}
+
+.v-autocomplete .v-field .v-text-field__prefix,
+.v-autocomplete .v-field .v-text-field__suffix,
+.v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
+  cursor: text;
+}
+.v-autocomplete .v-field--variant-outlined {
+  --autocomplete-chips-margin-bottom: 2px;
+}
+.v-autocomplete .v-field .v-field__input > input {
+  align-self: flex-start;
+  flex: 1 1;
+}
+.v-autocomplete .v-field:not(.v-field--focused) input {
+  min-width: 0;
+}
+.v-autocomplete .v-field--dirty .v-autocomplete__selection {
+  margin-inline-end: 2px;
+}
+.v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.v-autocomplete__content {
+  overflow: hidden;
+  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));
+  border-radius: 4px;
+}
+.v-autocomplete__mask {
+  background: rgb(var(--v-theme-on-surface-variant));
+}
+.v-autocomplete__selection {
+  display: inline-flex;
+  letter-spacing: inherit;
+  line-height: inherit;
+  max-width: 100%;
+}
+.v-autocomplete--chips .v-field__input, .v-autocomplete--selection-slot .v-field__input {
+  min-height: calc(var(--v-field-input-min-height) + var(--autocomplete-chips-margin-bottom) + 2px);
+}
+.v-autocomplete--chips .v-autocomplete__selection, .v-autocomplete--selection-slot .v-autocomplete__selection {
+  margin-top: 2px;
+  margin-bottom: var(--autocomplete-chips-margin-bottom);
+}
+.v-autocomplete--chips .v-autocomplete__selection:first-child, .v-autocomplete--selection-slot .v-autocomplete__selection:first-child {
+  margin-inline-start: 0;
+}
+.v-autocomplete--selecting-index .v-autocomplete__selection {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-autocomplete--selecting-index .v-autocomplete__selection--selected {
+  opacity: 1;
+}
+.v-autocomplete--selecting-index .v-field__input > input {
+  caret-color: transparent;
+}
+.v-autocomplete--single.v-text-field input {
+  flex: 1 1;
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 100%;
+  padding-inline-start: inherit;
+  padding-inline-end: inherit;
+}
+.v-autocomplete--single .v-field--active input {
+  transition: none;
+}
+.v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
+  opacity: 0;
+}
+.v-autocomplete--single .v-field--focused .v-autocomplete__selection {
+  opacity: 0;
+}
+.v-autocomplete__menu-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-autocomplete--active-menu .v-autocomplete__menu-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
 }.v-avatar {
   flex: none;
   align-items: center;
@@ -17045,100 +17139,6 @@ html.overflow-y-hidden {
   display: inline-block;
   padding: 0 8px;
   vertical-align: middle;
-}.v-input--density-default {
-  --autocomplete-chips-margin-bottom: 0px;
-}
-
-.v-input--density-comfortable {
-  --autocomplete-chips-margin-bottom: 2px;
-}
-
-.v-input--density-compact {
-  --autocomplete-chips-margin-bottom: 4px;
-}
-
-.v-autocomplete .v-field .v-text-field__prefix,
-.v-autocomplete .v-field .v-text-field__suffix,
-.v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
-  cursor: text;
-}
-.v-autocomplete .v-field--variant-outlined {
-  --autocomplete-chips-margin-bottom: 2px;
-}
-.v-autocomplete .v-field .v-field__input > input {
-  align-self: flex-start;
-  flex: 1 1;
-}
-.v-autocomplete .v-field:not(.v-field--focused) input {
-  min-width: 0;
-}
-.v-autocomplete .v-field--dirty .v-autocomplete__selection {
-  margin-inline-end: 2px;
-}
-.v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.v-autocomplete__content {
-  overflow: hidden;
-  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));
-  border-radius: 4px;
-}
-.v-autocomplete__mask {
-  background: rgb(var(--v-theme-on-surface-variant));
-}
-.v-autocomplete__selection {
-  display: inline-flex;
-  letter-spacing: inherit;
-  line-height: inherit;
-  max-width: 100%;
-}
-.v-autocomplete--chips .v-field__input, .v-autocomplete--selection-slot .v-field__input {
-  min-height: calc(var(--v-field-input-min-height) + var(--autocomplete-chips-margin-bottom) + 2px);
-}
-.v-autocomplete--chips .v-autocomplete__selection, .v-autocomplete--selection-slot .v-autocomplete__selection {
-  margin-top: 2px;
-  margin-bottom: var(--autocomplete-chips-margin-bottom);
-}
-.v-autocomplete--chips .v-autocomplete__selection:first-child, .v-autocomplete--selection-slot .v-autocomplete__selection:first-child {
-  margin-inline-start: 0;
-}
-.v-autocomplete--selecting-index .v-autocomplete__selection {
-  opacity: var(--v-medium-emphasis-opacity);
-}
-.v-autocomplete--selecting-index .v-autocomplete__selection--selected {
-  opacity: 1;
-}
-.v-autocomplete--selecting-index .v-field__input > input {
-  caret-color: transparent;
-}
-.v-autocomplete--single.v-text-field input {
-  flex: 1 1;
-  position: absolute;
-  left: 0;
-  right: 0;
-  width: 100%;
-  padding-inline-start: inherit;
-  padding-inline-end: inherit;
-}
-.v-autocomplete--single .v-field--active input {
-  transition: none;
-}
-.v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
-  opacity: 0;
-}
-.v-autocomplete--single .v-field--focused .v-autocomplete__selection {
-  opacity: 0;
-}
-.v-autocomplete__menu-icon {
-  margin-inline-start: 4px;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.v-autocomplete--active-menu .v-autocomplete__menu-icon {
-  opacity: var(--v-high-emphasis-opacity);
-  transform: rotate(180deg);
 }/** if false, disabled buttons will be greyed out */
 .v-btn {
   align-items: center;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.3-master.2023-06-07
+* Vuetify v3.3.3-master.2023-06-09
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -20231,7 +20231,7 @@ const VDataTableHeadersSymbol = Symbol.for('vuetify:data-table-headers');
 function createHeaders(props, options) {
   const headers = ref([]);
   const columns = ref([]);
-  watch(() => props.headers, () => {
+  watchEffect(() => {
     const wrapped = !props.headers.length ? [] : Array.isArray(props.headers[0]) ? props.headers : [props.headers];
     const flat = wrapped.flatMap((row, index) => row.map(column => ({
       column,
@@ -20351,9 +20351,6 @@ function createHeaders(props, options) {
       return filtered;
     });
     columns.value = fixedRows.at(-1) ?? [];
-  }, {
-    deep: true,
-    immediate: true
   });
   const data = {
     headers,
@@ -22503,7 +22500,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.3-master.2023-06-07";
+const version$1 = "3.3.3-master.2023-06-09";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -22517,7 +22514,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.3-master.2023-06-07";
+const version = "3.3.3-master.2023-06-09";
 
 /* eslint-disable local-rules/sort-imports */