@vuetify/nightly 3.2.2-master-20230429.0 → 3.2.2-master-20230501.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,13 +1,17 @@
1
- # [](https://github.com/vuetifyjs/vuetify/compare/v3.2.2-master-20230429.0...v) (2023-04-29)
1
+ # [](https://github.com/vuetifyjs/vuetify/compare/v3.2.2-master-20230501.0...v) (2023-05-01)
2
2
 
3
3
 
4
4
 
5
- ## [3.2.2-master-20230429.0](https://github.com/vuetifyjs/vuetify/compare/v3.2.1...v3.2.2-master-20230429.0) (2023-04-29)
5
+ ## [3.2.2-master-20230501.0](https://github.com/vuetifyjs/vuetify/compare/v3.2.1...v3.2.2-master-20230501.0) (2023-05-01)
6
6
 
7
7
 
8
8
  ### Bug Fixes
9
9
 
10
+ * **docs:** linting ([8445f46](https://github.com/vuetifyjs/vuetify/commit/8445f46ac40c85fdcf152519dbf6a9b35a9cc7b1))
10
11
  * **types:** re-export DateInstance interface ([4fa3c60](https://github.com/vuetifyjs/vuetify/commit/4fa3c60d504b6b03e4b925b067cb3e905343035a)), closes [#17242](https://github.com/vuetifyjs/vuetify/issues/17242)
12
+ * **VDataTable:** checkbox vertical alignment ([96f8a9e](https://github.com/vuetifyjs/vuetify/commit/96f8a9e725f4afb8b73cbe11e138848c4e06d8d5)), closes [#17235](https://github.com/vuetifyjs/vuetify/issues/17235)
13
+ * **VDataTable:** switch page if beyond page count ([a6f9e3e](https://github.com/vuetifyjs/vuetify/commit/a6f9e3e3601b48acff2eba9733837c2d666974cb)), closes [#17226](https://github.com/vuetifyjs/vuetify/issues/17226)
14
+ * **VSelects:** prevent menu from opening when closing chips ([7805988](https://github.com/vuetifyjs/vuetify/commit/7805988c502ca58c7056304427b21eb448ab20dc)), closes [#17253](https://github.com/vuetifyjs/vuetify/issues/17253)
11
15
 
12
16
 
13
17
 
@@ -181,7 +181,7 @@
181
181
  },
182
182
  "v-app-bar/scroll-behavior": {
183
183
  "type": "string",
184
- "description": "MISSING DESCRIPTION"
184
+ "description": "Specify an action to take when the scroll position of **scroll-target** reaches **scroll-threshold**. Accepts any combination of hide, inverted, collapse, elevate, and fade-image. Multiple values can be used, separated by a space."
185
185
  },
186
186
  "v-app-bar/collapse": {
187
187
  "type": "boolean",
@@ -205,11 +205,11 @@
205
205
  },
206
206
  "v-app-bar/scroll-target": {
207
207
  "type": "string",
208
- "description": "MISSING DESCRIPTION"
208
+ "description": "The element to target for scrolling events. Uses `window` by default."
209
209
  },
210
210
  "v-app-bar/scroll-threshold": {
211
211
  "type": "string | number",
212
- "description": "MISSING DESCRIPTION"
212
+ "description": "The amount of scroll distance down before **scroll-behavior** activates."
213
213
  },
214
214
  "v-app-bar-nav-icon/icon": {
215
215
  "type": "string | (string | [string, number])[] | (new () => any) | FunctionalComponent",
@@ -264,10 +264,6 @@
264
264
  "from": "components/VMain/index.mjs",
265
265
  "styles": []
266
266
  },
267
- "VMenu": {
268
- "from": "components/VMenu/index.mjs",
269
- "styles": []
270
- },
271
267
  "VMessages": {
272
268
  "from": "components/VMessages/index.mjs",
273
269
  "styles": []
@@ -531,6 +527,10 @@
531
527
  "VDialogTransition": {
532
528
  "from": "components/transitions/index.mjs",
533
529
  "styles": []
530
+ },
531
+ "VMenu": {
532
+ "from": "components/VMenu/index.mjs",
533
+ "styles": []
534
534
  }
535
535
  },
536
536
  "directives": [
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "vuetify",
5
- "version": "3.2.2-master-20230429.0",
5
+ "version": "3.2.2-master-20230501.0",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -571,7 +571,7 @@
571
571
  },
572
572
  {
573
573
  "name": "scrollBehavior",
574
- "description": "MISSING DESCRIPTION",
574
+ "description": "Specify an action to take when the scroll position of **scroll-target** reaches **scroll-threshold**. Accepts any combination of hide, inverted, collapse, elevate, and fade-image. Multiple values can be used, separated by a space.",
575
575
  "doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
576
576
  "value": {
577
577
  "kind": "expression",
@@ -633,7 +633,7 @@
633
633
  },
634
634
  {
635
635
  "name": "scrollTarget",
636
- "description": "MISSING DESCRIPTION",
636
+ "description": "The element to target for scrolling events. Uses `window` by default.",
637
637
  "doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
638
638
  "value": {
639
639
  "kind": "expression",
@@ -642,7 +642,7 @@
642
642
  },
643
643
  {
644
644
  "name": "scrollThreshold",
645
- "description": "MISSING DESCRIPTION",
645
+ "description": "The amount of scroll distance down before **scroll-behavior** activates.",
646
646
  "doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
647
647
  "value": {
648
648
  "kind": "expression",
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.2.2-master-20230429.0
2
+ * Vuetify v3.2.2-master-20230501.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -15954,6 +15954,31 @@ html.overflow-y-hidden {
15954
15954
  font-weight: normal;
15955
15955
  padding: 0.2em 0.4rem;
15956
15956
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
15957
+ }.v-infinite-scroll--horizontal {
15958
+ display: flex;
15959
+ flex-direction: row;
15960
+ overflow-x: auto;
15961
+ }
15962
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
15963
+ height: 100%;
15964
+ width: 1px;
15965
+ }
15966
+
15967
+ .v-infinite-scroll--vertical {
15968
+ display: flex;
15969
+ flex-direction: column;
15970
+ overflow-y: auto;
15971
+ }
15972
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
15973
+ height: 1px;
15974
+ width: 100%;
15975
+ }
15976
+
15977
+ .v-infinite-scroll__side {
15978
+ align-items: center;
15979
+ display: flex;
15980
+ justify-content: center;
15981
+ padding: 8px;
15957
15982
  }.v-data-table {
15958
15983
  width: 100%;
15959
15984
  }
@@ -16117,31 +16142,6 @@ html.overflow-y-hidden {
16117
16142
 
16118
16143
  .v-data-table-footer__page {
16119
16144
  padding: 0 8px;
16120
- }.v-infinite-scroll--horizontal {
16121
- display: flex;
16122
- flex-direction: row;
16123
- overflow-x: auto;
16124
- }
16125
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
16126
- height: 100%;
16127
- width: 1px;
16128
- }
16129
-
16130
- .v-infinite-scroll--vertical {
16131
- display: flex;
16132
- flex-direction: column;
16133
- overflow-y: auto;
16134
- }
16135
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
16136
- height: 1px;
16137
- width: 100%;
16138
- }
16139
-
16140
- .v-infinite-scroll__side {
16141
- align-items: center;
16142
- display: flex;
16143
- justify-content: center;
16144
- padding: 8px;
16145
16145
  }.v-skeleton-loader {
16146
16146
  align-items: center;
16147
16147
  background: rgb(var(--v-theme-surface));
@@ -16378,18 +16378,6 @@ html.overflow-y-hidden {
16378
16378
  min-height: 100vh;
16379
16379
  min-height: 100dvh;
16380
16380
  position: relative;
16381
- }.v-app-bar {
16382
- display: flex;
16383
- }
16384
- .v-app-bar.v-toolbar {
16385
- background: rgb(var(--v-theme-surface));
16386
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16387
- }
16388
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
16389
- 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));
16390
- }
16391
- .v-app-bar:not(.v-toolbar--absolute) {
16392
- padding-inline-end: var(--v-scrollbar-offset);
16393
16381
  }.v-alert {
16394
16382
  display: grid;
16395
16383
  flex: 1 1;
@@ -16600,6 +16588,18 @@ html.overflow-y-hidden {
16600
16588
  text-transform: none;
16601
16589
  word-break: normal;
16602
16590
  word-wrap: break-word;
16591
+ }.v-app-bar {
16592
+ display: flex;
16593
+ }
16594
+ .v-app-bar.v-toolbar {
16595
+ background: rgb(var(--v-theme-surface));
16596
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16597
+ }
16598
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
16599
+ 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));
16600
+ }
16601
+ .v-app-bar:not(.v-toolbar--absolute) {
16602
+ padding-inline-end: var(--v-scrollbar-offset);
16603
16603
  }.v-input--density-default {
16604
16604
  --autocomplete-chips-margin-bottom: 0px;
16605
16605
  }
@@ -20370,11 +20370,6 @@ textarea.v-field__input::placeholder {
20370
20370
  .v-input__control {
20371
20371
  display: flex;
20372
20372
  grid-area: control;
20373
- }.v-item-group {
20374
- flex: 0 1 auto;
20375
- max-width: 100%;
20376
- position: relative;
20377
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20378
20373
  }.v-label {
20379
20374
  align-items: center;
20380
20375
  display: inline-flex;
@@ -20389,6 +20384,11 @@ textarea.v-field__input::placeholder {
20389
20384
 
20390
20385
  .v-label--clickable {
20391
20386
  cursor: pointer;
20387
+ }.v-item-group {
20388
+ flex: 0 1 auto;
20389
+ max-width: 100%;
20390
+ position: relative;
20391
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20392
20392
  }.v-layout {
20393
20393
  --v-scrollbar-offset: 0px;
20394
20394
  display: flex;
@@ -20899,8 +20899,6 @@ textarea.v-field__input::placeholder {
20899
20899
 
20900
20900
  .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
20901
20901
  opacity: 0;
20902
- }.v-locale-provider {
20903
- display: contents;
20904
20902
  }.v-main {
20905
20903
  flex: 1 0 auto;
20906
20904
  max-width: 100%;
@@ -20958,6 +20956,8 @@ textarea.v-field__input::placeholder {
20958
20956
  -webkit-hyphens: auto;
20959
20957
  hyphens: auto;
20960
20958
  transition-duration: 150ms;
20959
+ }.v-locale-provider {
20960
+ display: contents;
20961
20961
  }.v-navigation-drawer {
20962
20962
  -webkit-overflow-scrolling: touch;
20963
20963
  background: rgb(var(--v-theme-surface));
@@ -21440,14 +21440,6 @@ html.v-overlay-scroll-blocked {
21440
21440
  0% {
21441
21441
  background-position-x: var(--v-progress-linear-height);
21442
21442
  }
21443
- }.v-radio-group > .v-input__control {
21444
- flex-direction: column;
21445
- }
21446
- .v-radio-group > .v-input__control > .v-label {
21447
- margin-inline-start: 8px;
21448
- }
21449
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
21450
- margin-top: 8px;
21451
21443
  }.v-slider .v-slider__container input {
21452
21444
  cursor: default;
21453
21445
  padding: 0;
@@ -21505,6 +21497,14 @@ html.v-overlay-scroll-blocked {
21505
21497
 
21506
21498
  .v-slider__label {
21507
21499
  margin-inline-end: 12px;
21500
+ }.v-radio-group > .v-input__control {
21501
+ flex-direction: column;
21502
+ }
21503
+ .v-radio-group > .v-input__control > .v-label {
21504
+ margin-inline-start: 8px;
21505
+ }
21506
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
21507
+ margin-top: 8px;
21508
21508
  }.v-rating {
21509
21509
  max-width: 100%;
21510
21510
  display: inline-flex;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.2.2-master-20230429.0
2
+ * Vuetify v3.2.2-master-20230501.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -6877,7 +6877,6 @@ const VCheckboxBtn = genericComponent()({
6877
6877
  "class": ['v-checkbox-btn', props.class],
6878
6878
  "style": props.style,
6879
6879
  "type": "checkbox",
6880
- "inline": true,
6881
6880
  "falseIcon": falseIcon.value,
6882
6881
  "trueIcon": trueIcon.value,
6883
6882
  "aria-checked": props.indeterminate ? 'mixed' : undefined
@@ -10393,6 +10392,10 @@ const VSelect = genericComponent()({
10393
10392
  }
10394
10393
  const slotProps = {
10395
10394
  'onClick:close': onChipClose,
10395
+ onMousedown(e) {
10396
+ e.preventDefault();
10397
+ e.stopPropagation();
10398
+ },
10396
10399
  modelValue: true,
10397
10400
  'onUpdate:modelValue': undefined
10398
10401
  };
@@ -10834,6 +10837,10 @@ const VAutocomplete = genericComponent()({
10834
10837
  }
10835
10838
  const slotProps = {
10836
10839
  'onClick:close': onChipClose,
10840
+ onMousedown(e) {
10841
+ e.preventDefault();
10842
+ e.stopPropagation();
10843
+ },
10837
10844
  modelValue: true,
10838
10845
  'onUpdate:modelValue': undefined
10839
10846
  };
@@ -14279,6 +14286,10 @@ const VCombobox = genericComponent()({
14279
14286
  }
14280
14287
  const slotProps = {
14281
14288
  'onClick:close': onChipClose,
14289
+ onMousedown(e) {
14290
+ e.preventDefault();
14291
+ e.stopPropagation();
14292
+ },
14282
14293
  modelValue: true,
14283
14294
  'onUpdate:modelValue': undefined
14284
14295
  };
@@ -19666,6 +19677,11 @@ function providePagination(options) {
19666
19677
  if (itemsPerPage.value === -1 || itemsLength.value === 0) return 1;
19667
19678
  return Math.ceil(itemsLength.value / itemsPerPage.value);
19668
19679
  });
19680
+ watchEffect(() => {
19681
+ if (page.value > pageCount.value) {
19682
+ page.value = pageCount.value;
19683
+ }
19684
+ });
19669
19685
  function setItemsPerPage(value) {
19670
19686
  itemsPerPage.value = value;
19671
19687
  page.value = 1;
@@ -21541,7 +21557,7 @@ function createVuetify$1() {
21541
21557
  date
21542
21558
  };
21543
21559
  }
21544
- const version$1 = "3.2.2-master-20230429.0";
21560
+ const version$1 = "3.2.2-master-20230501.0";
21545
21561
  createVuetify$1.version = version$1;
21546
21562
 
21547
21563
  // Vue's inject() can only be used in setup
@@ -21553,7 +21569,7 @@ function inject(key) {
21553
21569
  }
21554
21570
  }
21555
21571
 
21556
- const version = "3.2.2-master-20230429.0";
21572
+ const version = "3.2.2-master-20230501.0";
21557
21573
 
21558
21574
  const createVuetify = function () {
21559
21575
  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};