@vuetify/nightly 3.11.8-dev.2026-02-01 → 3.11.8-dev.2026-02-07
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 +4 -3
- package/dist/_component-variables-labs.sass +1 -0
- package/dist/json/attributes.json +3962 -3918
- package/dist/json/importMap-labs.json +18 -14
- package/dist/json/importMap.json +156 -156
- package/dist/json/tags.json +16 -0
- package/dist/json/web-types.json +7051 -6886
- package/dist/vuetify-labs.cjs +86 -3
- package/dist/vuetify-labs.css +4728 -4680
- package/dist/vuetify-labs.d.ts +350 -55
- package/dist/vuetify-labs.esm.js +86 -3
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +86 -3
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.cjs +3 -3
- package/dist/vuetify.css +3116 -3116
- package/dist/vuetify.d.ts +55 -54
- package/dist/vuetify.esm.js +3 -3
- package/dist/vuetify.js +3 -3
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +3 -3
- package/lib/entry-bundler.js +1 -1
- package/lib/framework.d.ts +55 -54
- package/lib/framework.js +1 -1
- package/lib/labs/VAvatarGroup/VAvatarGroup.css +49 -0
- package/lib/labs/VAvatarGroup/VAvatarGroup.d.ts +401 -0
- package/lib/labs/VAvatarGroup/VAvatarGroup.js +91 -0
- package/lib/labs/VAvatarGroup/VAvatarGroup.js.map +1 -0
- package/lib/labs/VAvatarGroup/VAvatarGroup.scss +79 -0
- package/lib/labs/VAvatarGroup/_variables.scss +6 -0
- package/lib/labs/VAvatarGroup/index.d.ts +1 -0
- package/lib/labs/VAvatarGroup/index.js +2 -0
- package/lib/labs/VAvatarGroup/index.js.map +1 -0
- package/lib/labs/components.d.ts +1 -0
- package/lib/labs/components.js +1 -0
- package/lib/labs/components.js.map +1 -1
- package/package.json +1 -1
package/dist/vuetify-labs.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v3.11.8-dev.2026-02-
|
|
2
|
+
* Vuetify v3.11.8-dev.2026-02-07
|
|
3
3
|
* Forged by John Leider
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -36189,6 +36189,88 @@
|
|
|
36189
36189
|
|
|
36190
36190
|
// Types
|
|
36191
36191
|
|
|
36192
|
+
const makeVAvatarGroupProps = propsFactory({
|
|
36193
|
+
border: [Boolean, Number, String],
|
|
36194
|
+
gap: [Number, String],
|
|
36195
|
+
hoverable: Boolean,
|
|
36196
|
+
items: {
|
|
36197
|
+
type: Array,
|
|
36198
|
+
default: () => []
|
|
36199
|
+
},
|
|
36200
|
+
itemProps: {
|
|
36201
|
+
type: [Boolean, String, Array, Function],
|
|
36202
|
+
default: null
|
|
36203
|
+
},
|
|
36204
|
+
limit: Number,
|
|
36205
|
+
overflowText: String,
|
|
36206
|
+
reverse: Boolean,
|
|
36207
|
+
size: [Number, String],
|
|
36208
|
+
vertical: Boolean,
|
|
36209
|
+
...makeComponentProps(),
|
|
36210
|
+
...makeTagProps()
|
|
36211
|
+
}, 'VAvatarGroup');
|
|
36212
|
+
const VAvatarGroup = genericComponent()({
|
|
36213
|
+
name: 'VAvatarGroup',
|
|
36214
|
+
props: makeVAvatarGroupProps(),
|
|
36215
|
+
setup(props, _ref) {
|
|
36216
|
+
let {
|
|
36217
|
+
slots
|
|
36218
|
+
} = _ref;
|
|
36219
|
+
const items = vue.computed(() => {
|
|
36220
|
+
const visibleItems = props.limit ? props.items.slice(0, props.limit) : props.items;
|
|
36221
|
+
const orderedItems = props.reverse ? visibleItems.toReversed() : visibleItems;
|
|
36222
|
+
return orderedItems.map(item => {
|
|
36223
|
+
const avatarProps = props.itemProps === true ? isObject(item) ? item : {
|
|
36224
|
+
image: item
|
|
36225
|
+
} : getPropertyFromItem(item, props.itemProps, item);
|
|
36226
|
+
if (avatarProps != null) return avatarProps;
|
|
36227
|
+
if (!isObject(item)) return {
|
|
36228
|
+
image: item
|
|
36229
|
+
};
|
|
36230
|
+
return item;
|
|
36231
|
+
});
|
|
36232
|
+
});
|
|
36233
|
+
const overflow = vue.computed(() => props.limit ? Math.max(props.items.length - props.limit, 0) : 0);
|
|
36234
|
+
const overflowText = vue.computed(() => props.overflowText ?? (overflow.value ? `+${overflow.value}` : ''));
|
|
36235
|
+
const overflowItem = () => slots.overflow?.({
|
|
36236
|
+
overflow: overflow.value
|
|
36237
|
+
}) ?? vue.createVNode(VAvatar, {
|
|
36238
|
+
"class": "v-avatar-group__overflow",
|
|
36239
|
+
"text": overflowText.value
|
|
36240
|
+
}, null);
|
|
36241
|
+
useRender(() => vue.createVNode(props.tag, {
|
|
36242
|
+
"class": vue.normalizeClass(['v-avatar-group', `v-avatar-group--${props.vertical ? 'vertical' : 'horizontal'}`, {
|
|
36243
|
+
'v-avatar-group--hoverable': props.hoverable,
|
|
36244
|
+
'v-avatar-group--reverse': props.reverse
|
|
36245
|
+
}, props.class]),
|
|
36246
|
+
"style": vue.normalizeStyle([{
|
|
36247
|
+
'--v-avatar-group-gap': convertToUnit(props.gap)
|
|
36248
|
+
}, props.style])
|
|
36249
|
+
}, {
|
|
36250
|
+
default: () => [slots.prepend?.(), vue.createElementVNode("div", {
|
|
36251
|
+
"class": "v-avatar-group__content"
|
|
36252
|
+
}, [vue.createVNode(VDefaultsProvider, {
|
|
36253
|
+
"defaults": {
|
|
36254
|
+
VAvatar: {
|
|
36255
|
+
size: props.size,
|
|
36256
|
+
border: props.border
|
|
36257
|
+
}
|
|
36258
|
+
}
|
|
36259
|
+
}, {
|
|
36260
|
+
default: () => [slots.default?.() ?? vue.createElementVNode(vue.Fragment, null, [props.reverse && overflowText.value && overflowItem(), items.value.map((item, index) => slots.item?.({
|
|
36261
|
+
props: item,
|
|
36262
|
+
index
|
|
36263
|
+
}) ?? vue.createVNode(VAvatar, vue.mergeProps({
|
|
36264
|
+
"key": index
|
|
36265
|
+
}, item), null)), !props.reverse && overflowText.value && overflowItem()])]
|
|
36266
|
+
})]), slots.append?.()]
|
|
36267
|
+
}));
|
|
36268
|
+
return {};
|
|
36269
|
+
}
|
|
36270
|
+
});
|
|
36271
|
+
|
|
36272
|
+
// Types
|
|
36273
|
+
|
|
36192
36274
|
const availablePipLocations = ['prepend', 'prepend-inner', 'append', 'append-inner'];
|
|
36193
36275
|
const makeVColorInputProps = propsFactory({
|
|
36194
36276
|
hidePip: Boolean,
|
|
@@ -39445,6 +39527,7 @@
|
|
|
39445
39527
|
VAppBarTitle: VAppBarTitle,
|
|
39446
39528
|
VAutocomplete: VAutocomplete,
|
|
39447
39529
|
VAvatar: VAvatar,
|
|
39530
|
+
VAvatarGroup: VAvatarGroup,
|
|
39448
39531
|
VBadge: VBadge,
|
|
39449
39532
|
VBanner: VBanner,
|
|
39450
39533
|
VBannerActions: VBannerActions,
|
|
@@ -39946,7 +40029,7 @@
|
|
|
39946
40029
|
};
|
|
39947
40030
|
});
|
|
39948
40031
|
}
|
|
39949
|
-
const version$1 = "3.11.8-dev.2026-02-
|
|
40032
|
+
const version$1 = "3.11.8-dev.2026-02-07";
|
|
39950
40033
|
createVuetify$1.version = version$1;
|
|
39951
40034
|
|
|
39952
40035
|
// Vue's inject() can only be used in setup
|
|
@@ -40249,7 +40332,7 @@
|
|
|
40249
40332
|
|
|
40250
40333
|
/* eslint-disable local-rules/sort-imports */
|
|
40251
40334
|
|
|
40252
|
-
const version = "3.11.8-dev.2026-02-
|
|
40335
|
+
const version = "3.11.8-dev.2026-02-07";
|
|
40253
40336
|
|
|
40254
40337
|
/* eslint-disable local-rules/sort-imports */
|
|
40255
40338
|
|