vuetify 3.10.4 → 3.10.5

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.
Files changed (50) hide show
  1. package/dist/json/attributes.json +3273 -3261
  2. package/dist/json/importMap-labs.json +20 -20
  3. package/dist/json/importMap.json +182 -182
  4. package/dist/json/tags.json +3 -0
  5. package/dist/json/web-types.json +6210 -6180
  6. package/dist/vuetify-labs.cjs +36 -38
  7. package/dist/vuetify-labs.css +4426 -4415
  8. package/dist/vuetify-labs.d.ts +113 -65
  9. package/dist/vuetify-labs.esm.js +36 -38
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +36 -38
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.cjs +36 -38
  14. package/dist/vuetify.cjs.map +1 -1
  15. package/dist/vuetify.css +5909 -5898
  16. package/dist/vuetify.d.ts +113 -65
  17. package/dist/vuetify.esm.js +36 -38
  18. package/dist/vuetify.esm.js.map +1 -1
  19. package/dist/vuetify.js +36 -38
  20. package/dist/vuetify.js.map +1 -1
  21. package/dist/vuetify.min.css +2 -2
  22. package/dist/vuetify.min.js +14 -15
  23. package/dist/vuetify.min.js.map +1 -1
  24. package/lib/components/VBadge/VBadge.css +10 -0
  25. package/lib/components/VBadge/VBadge.sass +9 -0
  26. package/lib/components/VDataTable/VDataTableGroupHeaderRow.d.ts +29 -0
  27. package/lib/components/VDataTable/VDataTableGroupHeaderRow.js +4 -1
  28. package/lib/components/VDataTable/VDataTableGroupHeaderRow.js.map +1 -1
  29. package/lib/components/VDataTable/VDataTableHeaders.d.ts +29 -0
  30. package/lib/components/VDataTable/VDataTableHeaders.js +3 -0
  31. package/lib/components/VDataTable/VDataTableHeaders.js.map +1 -1
  32. package/lib/components/VDataTable/VDataTableRow.d.ts +29 -0
  33. package/lib/components/VDataTable/VDataTableRow.js +3 -0
  34. package/lib/components/VDataTable/VDataTableRow.js.map +1 -1
  35. package/lib/components/VDataTable/VDataTableRows.d.ts +29 -0
  36. package/lib/components/VDataTable/VDataTableRows.js +4 -3
  37. package/lib/components/VDataTable/VDataTableRows.js.map +1 -1
  38. package/lib/components/VDivider/VDivider.css +1 -0
  39. package/lib/components/VDivider/VDivider.sass +1 -0
  40. package/lib/components/VKbd/_variables.scss +3 -1
  41. package/lib/components/VList/VListItem.js +1 -1
  42. package/lib/components/VList/VListItem.js.map +1 -1
  43. package/lib/components/VTable/VTable.js +20 -32
  44. package/lib/components/VTable/VTable.js.map +1 -1
  45. package/lib/entry-bundler.js +1 -1
  46. package/lib/framework.d.ts +65 -65
  47. package/lib/framework.js +1 -1
  48. package/lib/labs/rules/rules.js +3 -3
  49. package/lib/labs/rules/rules.js.map +1 -1
  50. package/package.json +1 -1
package/dist/vuetify.cjs CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.10.4
2
+ * Vuetify v3.10.5
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -10038,7 +10038,7 @@
10038
10038
  const isLink = vue.toRef(() => props.link !== false && link.isLink.value);
10039
10039
  const isSelectable = vue.computed(() => !!list && (root.selectable.value || root.activatable.value || props.value != null));
10040
10040
  const isClickable = vue.computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || isSelectable.value));
10041
- const role = vue.computed(() => list ? isSelectable.value ? 'option' : 'listitem' : undefined);
10041
+ const role = vue.computed(() => list ? isLink.value ? 'link' : isSelectable.value ? 'option' : 'listitem' : undefined);
10042
10042
  const ariaSelected = vue.computed(() => {
10043
10043
  if (!isSelectable.value) return undefined;
10044
10044
  return root.activatable.value ? isActivated.value : root.selectable.value ? isSelected.value : isActive.value;
@@ -21879,6 +21879,7 @@
21879
21879
  },
21880
21880
  /** @deprecated */
21881
21881
  sticky: Boolean,
21882
+ ...makeDensityProps(),
21882
21883
  ...makeDisplayProps(),
21883
21884
  ...makeLoaderProps()
21884
21885
  }, 'VDataTableHeaders');
@@ -22003,6 +22004,7 @@
22003
22004
  if (isEmpty) return '';
22004
22005
  if (column.key === 'data-table-select') {
22005
22006
  return slots['header.data-table-select']?.(columnSlotProps) ?? (showSelectAll.value && vue.createVNode(VCheckboxBtn, {
22007
+ "density": props.density,
22006
22008
  "modelValue": allSelected.value,
22007
22009
  "indeterminate": someSelected.value && !allSelected.value,
22008
22010
  "onUpdate:modelValue": selectAll
@@ -22103,7 +22105,8 @@
22103
22105
  groupExpandIcon: {
22104
22106
  type: IconValue,
22105
22107
  default: '$tableGroupExpand'
22106
- }
22108
+ },
22109
+ ...makeDensityProps()
22107
22110
  }, 'VDataTableGroupHeaderRow');
22108
22111
  const VDataTableGroupHeaderRow = genericComponent()({
22109
22112
  name: 'VDataTableGroupHeaderRow',
@@ -22171,6 +22174,7 @@
22171
22174
  "noPadding": true
22172
22175
  }, {
22173
22176
  default: () => [vue.createVNode(VCheckboxBtn, {
22177
+ "density": props.density,
22174
22178
  "modelValue": modelValue,
22175
22179
  "indeterminate": indeterminate,
22176
22180
  "onUpdate:modelValue": selectGroup
@@ -22199,6 +22203,7 @@
22199
22203
  onClick: EventProp(),
22200
22204
  onContextmenu: EventProp(),
22201
22205
  onDblclick: EventProp(),
22206
+ ...makeDensityProps(),
22202
22207
  ...makeDisplayProps()
22203
22208
  }, 'VDataTableRow');
22204
22209
  const VDataTableRow = genericComponent()({
@@ -22307,6 +22312,7 @@
22307
22312
  }
22308
22313
  }) ?? vue.createVNode(VCheckboxBtn, {
22309
22314
  "disabled": !item.selectable,
22315
+ "density": props.density,
22310
22316
  "modelValue": isSelected([item]),
22311
22317
  "onClick": vue.withModifiers(event => toggleSelect(item, props.index, event), ['stop'])
22312
22318
  }, null);
@@ -22359,8 +22365,8 @@
22359
22365
  },
22360
22366
  rowProps: [Object, Function],
22361
22367
  cellProps: [Object, Function],
22362
- ...pick(makeVDataTableRowProps(), ['collapseIcon', 'expandIcon']),
22363
- ...pick(makeVDataTableGroupHeaderRowProps(), ['groupCollapseIcon', 'groupExpandIcon']),
22368
+ ...pick(makeVDataTableRowProps(), ['collapseIcon', 'expandIcon', 'density']),
22369
+ ...pick(makeVDataTableGroupHeaderRowProps(), ['groupCollapseIcon', 'groupExpandIcon', 'density']),
22364
22370
  ...makeDisplayProps()
22365
22371
  }, 'VDataTableRows');
22366
22372
  const VDataTableRows = genericComponent()({
@@ -22395,7 +22401,7 @@
22395
22401
  mobile
22396
22402
  } = useDisplay(props);
22397
22403
  useRender(() => {
22398
- const groupHeaderRowProps = pick(props, ['groupCollapseIcon', 'groupExpandIcon']);
22404
+ const groupHeaderRowProps = pick(props, ['groupCollapseIcon', 'groupExpandIcon', 'density']);
22399
22405
  if (props.loading && (!props.items.length || slots.loading)) {
22400
22406
  return vue.createElementVNode("tr", {
22401
22407
  "class": "v-data-table-rows-loading",
@@ -22461,6 +22467,7 @@
22461
22467
  cellProps: props.cellProps,
22462
22468
  collapseIcon: props.collapseIcon,
22463
22469
  expandIcon: props.expandIcon,
22470
+ density: props.density,
22464
22471
  mobile: mobile.value
22465
22472
  }, getPrefixedEventHandlers(attrs, ':row', () => slotProps), typeof props.rowProps === 'function' ? props.rowProps({
22466
22473
  item: slotProps.item,
@@ -22477,6 +22484,8 @@
22477
22484
  }
22478
22485
  });
22479
22486
 
22487
+ // Types
22488
+
22480
22489
  const makeVTableProps = propsFactory({
22481
22490
  fixedHeader: Boolean,
22482
22491
  fixedFooter: Boolean,
@@ -22506,37 +22515,26 @@
22506
22515
  const {
22507
22516
  densityClasses
22508
22517
  } = useDensity(props);
22509
- useRender(() => {
22510
- const tableContentDefaults = {
22511
- VCheckboxBtn: {
22512
- density: props.density
22518
+ useRender(() => vue.createVNode(props.tag, {
22519
+ "class": vue.normalizeClass(['v-table', {
22520
+ 'v-table--fixed-height': !!props.height,
22521
+ 'v-table--fixed-header': props.fixedHeader,
22522
+ 'v-table--fixed-footer': props.fixedFooter,
22523
+ 'v-table--has-top': !!slots.top,
22524
+ 'v-table--has-bottom': !!slots.bottom,
22525
+ 'v-table--hover': props.hover,
22526
+ 'v-table--striped-even': props.striped === 'even',
22527
+ 'v-table--striped-odd': props.striped === 'odd'
22528
+ }, themeClasses.value, densityClasses.value, props.class]),
22529
+ "style": vue.normalizeStyle(props.style)
22530
+ }, {
22531
+ default: () => [slots.top?.(), slots.default ? vue.createElementVNode("div", {
22532
+ "class": "v-table__wrapper",
22533
+ "style": {
22534
+ height: convertToUnit(props.height)
22513
22535
  }
22514
- };
22515
- return vue.createVNode(props.tag, {
22516
- "class": vue.normalizeClass(['v-table', {
22517
- 'v-table--fixed-height': !!props.height,
22518
- 'v-table--fixed-header': props.fixedHeader,
22519
- 'v-table--fixed-footer': props.fixedFooter,
22520
- 'v-table--has-top': !!slots.top,
22521
- 'v-table--has-bottom': !!slots.bottom,
22522
- 'v-table--hover': props.hover,
22523
- 'v-table--striped-even': props.striped === 'even',
22524
- 'v-table--striped-odd': props.striped === 'odd'
22525
- }, themeClasses.value, densityClasses.value, props.class]),
22526
- "style": vue.normalizeStyle(props.style)
22527
- }, {
22528
- default: () => [slots.top?.(), vue.createVNode(VDefaultsProvider, {
22529
- "defaults": tableContentDefaults
22530
- }, {
22531
- default: () => [slots.default ? vue.createElementVNode("div", {
22532
- "class": "v-table__wrapper",
22533
- "style": {
22534
- height: convertToUnit(props.height)
22535
- }
22536
- }, [vue.createElementVNode("table", null, [slots.default()])]) : slots.wrapper?.()]
22537
- }), slots.bottom?.()]
22538
- });
22539
- });
22536
+ }, [vue.createElementVNode("table", null, [slots.default()])]) : slots.wrapper?.(), slots.bottom?.()]
22537
+ }));
22540
22538
  return {};
22541
22539
  }
22542
22540
  });
@@ -32283,7 +32281,7 @@
32283
32281
  };
32284
32282
  });
32285
32283
  }
32286
- const version$1 = "3.10.4";
32284
+ const version$1 = "3.10.5";
32287
32285
  createVuetify$1.version = version$1;
32288
32286
 
32289
32287
  // Vue's inject() can only be used in setup
@@ -32308,7 +32306,7 @@
32308
32306
  ...options
32309
32307
  });
32310
32308
  };
32311
- const version = "3.10.4";
32309
+ const version = "3.10.5";
32312
32310
  createVuetify.version = version;
32313
32311
 
32314
32312
  exports.blueprints = index;