@vuetify/nightly 3.10.5-dev.2025-10-10 → 3.10.5-dev.2025-10-17

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 (34) hide show
  1. package/CHANGELOG.md +4 -3
  2. package/dist/json/attributes.json +3389 -3381
  3. package/dist/json/importMap-labs.json +20 -20
  4. package/dist/json/importMap.json +158 -158
  5. package/dist/json/tags.json +2 -0
  6. package/dist/json/web-types.json +6644 -6624
  7. package/dist/vuetify-labs.cjs +8 -4
  8. package/dist/vuetify-labs.css +4430 -4422
  9. package/dist/vuetify-labs.d.ts +84 -56
  10. package/dist/vuetify-labs.esm.js +8 -4
  11. package/dist/vuetify-labs.esm.js.map +1 -1
  12. package/dist/vuetify-labs.js +8 -4
  13. package/dist/vuetify-labs.min.css +2 -2
  14. package/dist/vuetify.cjs +8 -4
  15. package/dist/vuetify.cjs.map +1 -1
  16. package/dist/vuetify.css +4457 -4449
  17. package/dist/vuetify.d.ts +84 -56
  18. package/dist/vuetify.esm.js +8 -4
  19. package/dist/vuetify.esm.js.map +1 -1
  20. package/dist/vuetify.js +8 -4
  21. package/dist/vuetify.js.map +1 -1
  22. package/dist/vuetify.min.css +2 -2
  23. package/dist/vuetify.min.js +5 -5
  24. package/dist/vuetify.min.js.map +1 -1
  25. package/lib/components/VAppBar/VAppBar.d.ts +25 -0
  26. package/lib/components/VToolbar/VToolbar.css +8 -0
  27. package/lib/components/VToolbar/VToolbar.d.ts +25 -0
  28. package/lib/components/VToolbar/VToolbar.js +5 -1
  29. package/lib/components/VToolbar/VToolbar.js.map +1 -1
  30. package/lib/components/VToolbar/VToolbar.sass +9 -1
  31. package/lib/entry-bundler.js +1 -1
  32. package/lib/framework.d.ts +56 -56
  33. package/lib/framework.js +1 -1
  34. package/package.json +1 -1
package/lib/components/VAppBar/VAppBar.d.ts CHANGED
@@ -15,6 +15,7 @@ export declare const makeVAppBarProps: <Defaults extends {
15
15
  tile?: unknown;
16
16
  tag?: unknown;
17
17
  collapse?: unknown;
18
+ collapsePosition?: unknown;
18
19
  color?: unknown;
19
20
  density?: unknown;
20
21
  extended?: unknown;
@@ -118,6 +119,16 @@ export declare const makeVAppBarProps: <Defaults extends {
118
119
  type: PropType<unknown extends Defaults["collapse"] ? boolean : boolean | Defaults["collapse"]>;
119
120
  default: unknown extends Defaults["collapse"] ? boolean : boolean | Defaults["collapse"];
120
121
  };
122
+ collapsePosition: unknown extends Defaults["collapsePosition"] ? {
123
+ type: PropType<"end" | "start">;
124
+ default: string;
125
+ } : Omit<{
126
+ type: PropType<"end" | "start">;
127
+ default: string;
128
+ }, "default" | "type"> & {
129
+ type: PropType<unknown extends Defaults["collapsePosition"] ? "end" | "start" : "end" | "start" | Defaults["collapsePosition"]>;
130
+ default: unknown extends Defaults["collapsePosition"] ? "end" | "start" : Defaults["collapsePosition"] | NonNullable<"end" | "start">;
131
+ };
121
132
  color: unknown extends Defaults["color"] ? StringConstructor : {
122
133
  type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
123
134
  default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
@@ -233,6 +244,7 @@ export declare const VAppBar: {
233
244
  tile: boolean;
234
245
  tag: string | import("../../util/index.js").JSXComponent;
235
246
  collapse: boolean;
247
+ collapsePosition: "end" | "start";
236
248
  density: import("../VToolbar/VToolbar.js").Density;
237
249
  extended: boolean;
238
250
  extensionHeight: string | number;
@@ -292,6 +304,7 @@ export declare const VAppBar: {
292
304
  tile: boolean;
293
305
  tag: string | import("../../util/index.js").JSXComponent;
294
306
  collapse: boolean;
307
+ collapsePosition: "end" | "start";
295
308
  density: import("../VToolbar/VToolbar.js").Density;
296
309
  extended: boolean;
297
310
  extensionHeight: string | number;
@@ -334,6 +347,7 @@ export declare const VAppBar: {
334
347
  tile: boolean;
335
348
  tag: string | import("../../util/index.js").JSXComponent;
336
349
  collapse: boolean;
350
+ collapsePosition: "end" | "start";
337
351
  density: import("../VToolbar/VToolbar.js").Density;
338
352
  extended: boolean;
339
353
  extensionHeight: string | number;
@@ -391,6 +405,7 @@ export declare const VAppBar: {
391
405
  tile: boolean;
392
406
  tag: string | import("../../util/index.js").JSXComponent;
393
407
  collapse: boolean;
408
+ collapsePosition: "end" | "start";
394
409
  density: import("../VToolbar/VToolbar.js").Density;
395
410
  extended: boolean;
396
411
  extensionHeight: string | number;
@@ -411,6 +426,7 @@ export declare const VAppBar: {
411
426
  tile: boolean;
412
427
  tag: string | import("../../util/index.js").JSXComponent;
413
428
  collapse: boolean;
429
+ collapsePosition: "end" | "start";
414
430
  density: import("../VToolbar/VToolbar.js").Density;
415
431
  extended: boolean;
416
432
  extensionHeight: string | number;
@@ -470,6 +486,7 @@ export declare const VAppBar: {
470
486
  tile: boolean;
471
487
  tag: string | import("../../util/index.js").JSXComponent;
472
488
  collapse: boolean;
489
+ collapsePosition: "end" | "start";
473
490
  density: import("../VToolbar/VToolbar.js").Density;
474
491
  extended: boolean;
475
492
  extensionHeight: string | number;
@@ -531,6 +548,10 @@ export declare const VAppBar: {
531
548
  default: NonNullable<string | import("../../util/index.js").JSXComponent>;
532
549
  };
533
550
  collapse: BooleanConstructor;
551
+ collapsePosition: {
552
+ type: PropType<"end" | "start">;
553
+ default: string;
554
+ };
534
555
  color: StringConstructor;
535
556
  density: {
536
557
  type: PropType<import("../VToolbar/VToolbar.js").Density>;
@@ -603,6 +624,10 @@ export declare const VAppBar: {
603
624
  default: NonNullable<string | import("../../util/index.js").JSXComponent>;
604
625
  };
605
626
  collapse: BooleanConstructor;
627
+ collapsePosition: {
628
+ type: PropType<"end" | "start">;
629
+ default: string;
630
+ };
606
631
  color: StringConstructor;
607
632
  density: {
608
633
  type: PropType<import("../VToolbar/VToolbar.js").Density>;
package/lib/components/VToolbar/VToolbar.css CHANGED
@@ -40,8 +40,16 @@
40
40
  .v-toolbar--collapse {
41
41
  max-width: 112px;
42
42
  overflow: hidden;
43
+ }
44
+ .v-toolbar--collapse-end {
45
+ margin-inline-start: auto;
46
+ }
47
+ .v-toolbar--collapse.v-toolbar--collapse-start {
43
48
  border-end-end-radius: 24px;
44
49
  }
50
+ .v-toolbar--collapse.v-toolbar--collapse-end {
51
+ border-end-start-radius: 24px;
52
+ }
45
53
  .v-toolbar--collapse .v-toolbar-title {
46
54
  display: none;
47
55
  }
package/lib/components/VToolbar/VToolbar.d.ts CHANGED
@@ -14,6 +14,7 @@ export declare const makeVToolbarProps: <Defaults extends {
14
14
  tag?: unknown;
15
15
  absolute?: unknown;
16
16
  collapse?: unknown;
17
+ collapsePosition?: unknown;
17
18
  color?: unknown;
18
19
  density?: unknown;
19
20
  extended?: unknown;
@@ -94,6 +95,16 @@ export declare const makeVToolbarProps: <Defaults extends {
94
95
  type: PropType<unknown extends Defaults["collapse"] ? boolean : boolean | Defaults["collapse"]>;
95
96
  default: unknown extends Defaults["collapse"] ? boolean : boolean | Defaults["collapse"];
96
97
  };
98
+ collapsePosition: unknown extends Defaults["collapsePosition"] ? {
99
+ type: PropType<"end" | "start">;
100
+ default: string;
101
+ } : Omit<{
102
+ type: PropType<"end" | "start">;
103
+ default: string;
104
+ }, "default" | "type"> & {
105
+ type: PropType<unknown extends Defaults["collapsePosition"] ? "end" | "start" : "end" | "start" | Defaults["collapsePosition"]>;
106
+ default: unknown extends Defaults["collapsePosition"] ? "end" | "start" : Defaults["collapsePosition"] | NonNullable<"end" | "start">;
107
+ };
97
108
  color: unknown extends Defaults["color"] ? StringConstructor : {
98
109
  type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
99
110
  default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
@@ -172,6 +183,7 @@ export declare const VToolbar: {
172
183
  tag: string | import("../../util/index.js").JSXComponent;
173
184
  absolute: boolean;
174
185
  collapse: boolean;
186
+ collapsePosition: "end" | "start";
175
187
  density: Density;
176
188
  extended: boolean;
177
189
  extensionHeight: string | number;
@@ -223,6 +235,7 @@ export declare const VToolbar: {
223
235
  tag: string | import("../../util/index.js").JSXComponent;
224
236
  absolute: boolean;
225
237
  collapse: boolean;
238
+ collapsePosition: "end" | "start";
226
239
  density: Density;
227
240
  extended: boolean;
228
241
  extensionHeight: string | number;
@@ -261,6 +274,7 @@ export declare const VToolbar: {
261
274
  tag: string | import("../../util/index.js").JSXComponent;
262
275
  absolute: boolean;
263
276
  collapse: boolean;
277
+ collapsePosition: "end" | "start";
264
278
  density: Density;
265
279
  extended: boolean;
266
280
  extensionHeight: string | number;
@@ -312,6 +326,7 @@ export declare const VToolbar: {
312
326
  tag: string | import("../../util/index.js").JSXComponent;
313
327
  absolute: boolean;
314
328
  collapse: boolean;
329
+ collapsePosition: "end" | "start";
315
330
  density: Density;
316
331
  extended: boolean;
317
332
  extensionHeight: string | number;
@@ -328,6 +343,7 @@ export declare const VToolbar: {
328
343
  tag: string | import("../../util/index.js").JSXComponent;
329
344
  absolute: boolean;
330
345
  collapse: boolean;
346
+ collapsePosition: "end" | "start";
331
347
  density: Density;
332
348
  extended: boolean;
333
349
  extensionHeight: string | number;
@@ -379,6 +395,7 @@ export declare const VToolbar: {
379
395
  tag: string | import("../../util/index.js").JSXComponent;
380
396
  absolute: boolean;
381
397
  collapse: boolean;
398
+ collapsePosition: "end" | "start";
382
399
  density: Density;
383
400
  extended: boolean;
384
401
  extensionHeight: string | number;
@@ -430,6 +447,10 @@ export declare const VToolbar: {
430
447
  };
431
448
  absolute: BooleanConstructor;
432
449
  collapse: BooleanConstructor;
450
+ collapsePosition: {
451
+ type: PropType<"end" | "start">;
452
+ default: string;
453
+ };
433
454
  color: StringConstructor;
434
455
  density: {
435
456
  type: PropType<Density>;
@@ -478,6 +499,10 @@ export declare const VToolbar: {
478
499
  };
479
500
  absolute: BooleanConstructor;
480
501
  collapse: BooleanConstructor;
502
+ collapsePosition: {
503
+ type: PropType<"end" | "start">;
504
+ default: string;
505
+ };
481
506
  color: StringConstructor;
482
507
  density: {
483
508
  type: PropType<Density>;
package/lib/components/VToolbar/VToolbar.js CHANGED
@@ -22,6 +22,10 @@ const allowedDensities = [null, 'prominent', 'default', 'comfortable', 'compact'
22
22
  export const makeVToolbarProps = propsFactory({
23
23
  absolute: Boolean,
24
24
  collapse: Boolean,
25
+ collapsePosition: {
26
+ type: String,
27
+ default: 'start'
28
+ },
25
29
  color: String,
26
30
  density: {
27
31
  type: String,
@@ -93,7 +97,7 @@ export const VToolbar = genericComponent()({
93
97
  const extension = slots.extension?.();
94
98
  isExtended.value = props.extended === null ? !!extension : props.extended;
95
99
  return _createVNode(props.tag, {
96
- "class": _normalizeClass(['v-toolbar', {
100
+ "class": _normalizeClass(['v-toolbar', `v-toolbar--collapse-${props.collapsePosition}`, {
97
101
  'v-toolbar--absolute': props.absolute,
98
102
  'v-toolbar--collapse': props.collapse,
99
103
  'v-toolbar--flat': props.flat,
package/lib/components/VToolbar/VToolbar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VToolbar.js","names":["VToolbarTitle","VExpandTransition","VDefaultsProvider","VImg","makeBorderProps","useBorder","useBackgroundColor","makeComponentProps","provideDefaults","makeElevationProps","useElevation","useRtl","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","computed","shallowRef","convertToUnit","genericComponent","propsFactory","useRender","allowedDensities","makeVToolbarProps","absolute","Boolean","collapse","color","String","density","type","default","validator","v","includes","extended","extensionHeight","Number","flat","floating","height","image","title","tag","VToolbar","name","props","setup","_ref","slots","backgroundColorClasses","backgroundColorStyles","borderClasses","elevationClasses","roundedClasses","themeClasses","rtlClasses","isExtended","extension","contentHeight","parseInt","value","VBtn","variant","hasTitle","hasImage","_createVNode","_normalizeClass","class","_normalizeStyle","style","_createElementVNode","cover","src","VTabs","prepend","text","append"],"sources":["../../../src/components/VToolbar/VToolbar.tsx"],"sourcesContent":["// Styles\nimport './VToolbar.sass'\n\n// Components\nimport { VToolbarTitle } from './VToolbarTitle'\nimport { VExpandTransition } from '@/components/transitions'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { useRtl } from '@/composables/locale'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, shallowRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst allowedDensities = [null, 'prominent', 'default', 'comfortable', 'compact'] as const\n\nexport type Density = null | 'prominent' | 'default' | 'comfortable' | 'compact'\n\nexport const makeVToolbarProps = propsFactory({\n absolute: Boolean,\n collapse: Boolean,\n color: String,\n density: {\n type: String as PropType<Density>,\n default: 'default',\n validator: (v: any) => allowedDensities.includes(v),\n },\n extended: {\n type: Boolean,\n default: null,\n },\n extensionHeight: {\n type: [Number, String],\n default: 48,\n },\n flat: Boolean,\n floating: Boolean,\n height: {\n type: [Number, String],\n default: 64,\n },\n image: String,\n title: String,\n\n ...makeBorderProps(),\n ...makeComponentProps(),\n ...makeElevationProps(),\n ...makeRoundedProps(),\n ...makeTagProps({ tag: 'header' }),\n ...makeThemeProps(),\n}, 'VToolbar')\n\nexport type VToolbarSlots = {\n default: never\n image: never\n prepend: never\n append: never\n title: never\n extension: never\n}\n\nexport const VToolbar = genericComponent<VToolbarSlots>()({\n name: 'VToolbar',\n\n props: makeVToolbarProps(),\n\n setup (props, { slots }) {\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.color)\n const { borderClasses } = useBorder(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(props)\n const { themeClasses } = provideTheme(props)\n const { rtlClasses } = useRtl()\n\n const isExtended = shallowRef(props.extended === null ? !!(slots.extension?.()) : props.extended)\n const contentHeight = computed(() => parseInt((\n Number(props.height) +\n (props.density === 'prominent' ? Number(props.height) : 0) -\n (props.density === 'comfortable' ? 8 : 0) -\n (props.density === 'compact' ? 16 : 0)\n ), 10))\n const extensionHeight = computed(() => isExtended.value\n ? parseInt((\n Number(props.extensionHeight) +\n (props.density === 'prominent' ? Number(props.extensionHeight) : 0) -\n (props.density === 'comfortable' ? 4 : 0) -\n (props.density === 'compact' ? 8 : 0)\n ), 10)\n : 0\n )\n\n provideDefaults({\n VBtn: {\n variant: 'text',\n },\n })\n\n useRender(() => {\n const hasTitle = !!(props.title || slots.title)\n const hasImage = !!(slots.image || props.image)\n\n const extension = slots.extension?.()\n isExtended.value = props.extended === null ? !!extension : props.extended\n\n return (\n <props.tag\n class={[\n 'v-toolbar',\n {\n 'v-toolbar--absolute': props.absolute,\n 'v-toolbar--collapse': props.collapse,\n 'v-toolbar--flat': props.flat,\n 'v-toolbar--floating': props.floating,\n [`v-toolbar--density-${props.density}`]: true,\n },\n backgroundColorClasses.value,\n borderClasses.value,\n elevationClasses.value,\n roundedClasses.value,\n themeClasses.value,\n rtlClasses.value,\n props.class,\n ]}\n style={[\n backgroundColorStyles.value,\n props.style,\n ]}\n >\n { hasImage && (\n <div key=\"image\" class=\"v-toolbar__image\">\n { !slots.image ? (\n <VImg\n key=\"image-img\"\n cover\n src={ props.image }\n />\n ) : (\n <VDefaultsProvider\n key=\"image-defaults\"\n disabled={ !props.image }\n defaults={{\n VImg: {\n cover: true,\n src: props.image,\n },\n }}\n v-slots:default={ slots.image }\n />\n )}\n </div>\n )}\n\n <VDefaultsProvider\n defaults={{\n VTabs: {\n height: convertToUnit(contentHeight.value),\n },\n }}\n >\n <div\n class=\"v-toolbar__content\"\n style={{ height: convertToUnit(contentHeight.value) }}\n >\n { slots.prepend && (\n <div class=\"v-toolbar__prepend\">\n { slots.prepend?.() }\n </div>\n )}\n\n { hasTitle && (\n <VToolbarTitle key=\"title\" text={ props.title }>\n {{ text: slots.title }}\n </VToolbarTitle>\n )}\n\n { slots.default?.() }\n\n { slots.append && (\n <div class=\"v-toolbar__append\">\n { slots.append?.() }\n </div>\n )}\n </div>\n </VDefaultsProvider>\n\n <VDefaultsProvider\n defaults={{\n VTabs: {\n height: convertToUnit(extensionHeight.value),\n },\n }}\n >\n <VExpandTransition>\n { isExtended.value && (\n <div\n class=\"v-toolbar__extension\"\n style={{ height: convertToUnit(extensionHeight.value) }}\n >\n { extension }\n </div>\n )}\n </VExpandTransition>\n </VDefaultsProvider>\n </props.tag>\n )\n })\n\n return {\n contentHeight,\n extensionHeight,\n }\n },\n})\n\nexport type VToolbar = InstanceType<typeof VToolbar>\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"VToolbar.js","names":["VToolbarTitle","VExpandTransition","VDefaultsProvider","VImg","makeBorderProps","useBorder","useBackgroundColor","makeComponentProps","provideDefaults","makeElevationProps","useElevation","useRtl","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","computed","shallowRef","convertToUnit","genericComponent","propsFactory","useRender","allowedDensities","makeVToolbarProps","absolute","Boolean","collapse","collapsePosition","type","String","default","color","density","validator","v","includes","extended","extensionHeight","Number","flat","floating","height","image","title","tag","VToolbar","name","props","setup","_ref","slots","backgroundColorClasses","backgroundColorStyles","borderClasses","elevationClasses","roundedClasses","themeClasses","rtlClasses","isExtended","extension","contentHeight","parseInt","value","VBtn","variant","hasTitle","hasImage","_createVNode","_normalizeClass","class","_normalizeStyle","style","_createElementVNode","cover","src","VTabs","prepend","text","append"],"sources":["../../../src/components/VToolbar/VToolbar.tsx"],"sourcesContent":["// Styles\nimport './VToolbar.sass'\n\n// Components\nimport { VToolbarTitle } from './VToolbarTitle'\nimport { VExpandTransition } from '@/components/transitions'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { useRtl } from '@/composables/locale'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, shallowRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst allowedDensities = [null, 'prominent', 'default', 'comfortable', 'compact'] as const\n\nexport type Density = null | 'prominent' | 'default' | 'comfortable' | 'compact'\n\nexport const makeVToolbarProps = propsFactory({\n absolute: Boolean,\n collapse: Boolean,\n collapsePosition: {\n type: String as PropType<'start' | 'end'>,\n default: 'start',\n },\n color: String,\n density: {\n type: String as PropType<Density>,\n default: 'default',\n validator: (v: any) => allowedDensities.includes(v),\n },\n extended: {\n type: Boolean,\n default: null,\n },\n extensionHeight: {\n type: [Number, String],\n default: 48,\n },\n flat: Boolean,\n floating: Boolean,\n height: {\n type: [Number, String],\n default: 64,\n },\n image: String,\n title: String,\n\n ...makeBorderProps(),\n ...makeComponentProps(),\n ...makeElevationProps(),\n ...makeRoundedProps(),\n ...makeTagProps({ tag: 'header' }),\n ...makeThemeProps(),\n}, 'VToolbar')\n\nexport type VToolbarSlots = {\n default: never\n image: never\n prepend: never\n append: never\n title: never\n extension: never\n}\n\nexport const VToolbar = genericComponent<VToolbarSlots>()({\n name: 'VToolbar',\n\n props: makeVToolbarProps(),\n\n setup (props, { slots }) {\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.color)\n const { borderClasses } = useBorder(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(props)\n const { themeClasses } = provideTheme(props)\n const { rtlClasses } = useRtl()\n\n const isExtended = shallowRef(props.extended === null ? !!(slots.extension?.()) : props.extended)\n const contentHeight = computed(() => parseInt((\n Number(props.height) +\n (props.density === 'prominent' ? Number(props.height) : 0) -\n (props.density === 'comfortable' ? 8 : 0) -\n (props.density === 'compact' ? 16 : 0)\n ), 10))\n const extensionHeight = computed(() => isExtended.value\n ? parseInt((\n Number(props.extensionHeight) +\n (props.density === 'prominent' ? Number(props.extensionHeight) : 0) -\n (props.density === 'comfortable' ? 4 : 0) -\n (props.density === 'compact' ? 8 : 0)\n ), 10)\n : 0\n )\n\n provideDefaults({\n VBtn: {\n variant: 'text',\n },\n })\n\n useRender(() => {\n const hasTitle = !!(props.title || slots.title)\n const hasImage = !!(slots.image || props.image)\n\n const extension = slots.extension?.()\n isExtended.value = props.extended === null ? !!extension : props.extended\n\n return (\n <props.tag\n class={[\n 'v-toolbar',\n `v-toolbar--collapse-${props.collapsePosition}`,\n {\n 'v-toolbar--absolute': props.absolute,\n 'v-toolbar--collapse': props.collapse,\n 'v-toolbar--flat': props.flat,\n 'v-toolbar--floating': props.floating,\n [`v-toolbar--density-${props.density}`]: true,\n },\n backgroundColorClasses.value,\n borderClasses.value,\n elevationClasses.value,\n roundedClasses.value,\n themeClasses.value,\n rtlClasses.value,\n props.class,\n ]}\n style={[\n backgroundColorStyles.value,\n props.style,\n ]}\n >\n { hasImage && (\n <div key=\"image\" class=\"v-toolbar__image\">\n { !slots.image ? (\n <VImg\n key=\"image-img\"\n cover\n src={ props.image }\n />\n ) : (\n <VDefaultsProvider\n key=\"image-defaults\"\n disabled={ !props.image }\n defaults={{\n VImg: {\n cover: true,\n src: props.image,\n },\n }}\n v-slots:default={ slots.image }\n />\n )}\n </div>\n )}\n\n <VDefaultsProvider\n defaults={{\n VTabs: {\n height: convertToUnit(contentHeight.value),\n },\n }}\n >\n <div\n class=\"v-toolbar__content\"\n style={{ height: convertToUnit(contentHeight.value) }}\n >\n { slots.prepend && (\n <div class=\"v-toolbar__prepend\">\n { slots.prepend?.() }\n </div>\n )}\n\n { hasTitle && (\n <VToolbarTitle key=\"title\" text={ props.title }>\n {{ text: slots.title }}\n </VToolbarTitle>\n )}\n\n { slots.default?.() }\n\n { slots.append && (\n <div class=\"v-toolbar__append\">\n { slots.append?.() }\n </div>\n )}\n </div>\n </VDefaultsProvider>\n\n <VDefaultsProvider\n defaults={{\n VTabs: {\n height: convertToUnit(extensionHeight.value),\n },\n }}\n >\n <VExpandTransition>\n { isExtended.value && (\n <div\n class=\"v-toolbar__extension\"\n style={{ height: convertToUnit(extensionHeight.value) }}\n >\n { extension }\n </div>\n )}\n </VExpandTransition>\n </VDefaultsProvider>\n </props.tag>\n )\n })\n\n return {\n contentHeight,\n extensionHeight,\n }\n },\n})\n\nexport type VToolbar = InstanceType<typeof VToolbar>\n"],"mappings":"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","ignoreList":[]}
package/lib/components/VToolbar/VToolbar.sass CHANGED
@@ -29,7 +29,15 @@
29
29
  &--collapse
30
30
  max-width: $toolbar-collapsed-max-width
31
31
  overflow: hidden
32
- border-end-end-radius: $toolbar-collapsed-border-radius
32
+
33
+ &-end
34
+ margin-inline-start: auto
35
+
36
+ &.v-toolbar--collapse-start
37
+ border-end-end-radius: $toolbar-collapsed-border-radius
38
+
39
+ &.v-toolbar--collapse-end
40
+ border-end-start-radius: $toolbar-collapsed-border-radius
33
41
 
34
42
  .v-toolbar-title
35
43
  display: none
package/lib/entry-bundler.js CHANGED
@@ -16,7 +16,7 @@ export const createVuetify = function () {
16
16
  ...options
17
17
  });
18
18
  };
19
- export const version = "3.10.5-dev.2025-10-10";
19
+ export const version = "3.10.5-dev.2025-10-17";
20
20
  createVuetify.version = version;
21
21
  export { blueprints, components, directives };
22
22
  export * from "./composables/index.js";
package/lib/framework.d.ts CHANGED
@@ -2713,41 +2713,39 @@ declare module 'vue' {
2713
2713
  }
2714
2714
  export interface GlobalComponents {
2715
2715
  VApp: typeof import('vuetify/components')['VApp']
2716
- VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
2717
2716
  VAppBar: typeof import('vuetify/components')['VAppBar']
2718
2717
  VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
2719
2718
  VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
2720
- VAvatar: typeof import('vuetify/components')['VAvatar']
2719
+ VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
2721
2720
  VAlert: typeof import('vuetify/components')['VAlert']
2722
2721
  VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
2722
+ VAvatar: typeof import('vuetify/components')['VAvatar']
2723
+ VBadge: typeof import('vuetify/components')['VBadge']
2723
2724
  VBanner: typeof import('vuetify/components')['VBanner']
2724
2725
  VBannerActions: typeof import('vuetify/components')['VBannerActions']
2725
2726
  VBannerText: typeof import('vuetify/components')['VBannerText']
2726
- VBadge: typeof import('vuetify/components')['VBadge']
2727
+ VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
2727
2728
  VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
2729
+ VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
2730
+ VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
2731
+ VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
2728
2732
  VBtn: typeof import('vuetify/components')['VBtn']
2733
+ VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
2734
+ VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
2735
+ VChip: typeof import('vuetify/components')['VChip']
2736
+ VCarousel: typeof import('vuetify/components')['VCarousel']
2737
+ VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
2729
2738
  VCard: typeof import('vuetify/components')['VCard']
2730
2739
  VCardActions: typeof import('vuetify/components')['VCardActions']
2731
2740
  VCardItem: typeof import('vuetify/components')['VCardItem']
2732
2741
  VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
2733
2742
  VCardText: typeof import('vuetify/components')['VCardText']
2734
2743
  VCardTitle: typeof import('vuetify/components')['VCardTitle']
2735
- VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
2736
- VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
2737
- VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
2738
- VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
2739
- VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
2740
- VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
2741
- VCheckbox: typeof import('vuetify/components')['VCheckbox']
2742
- VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
2743
2744
  VChipGroup: typeof import('vuetify/components')['VChipGroup']
2744
- VChip: typeof import('vuetify/components')['VChip']
2745
2745
  VColorPicker: typeof import('vuetify/components')['VColorPicker']
2746
- VCarousel: typeof import('vuetify/components')['VCarousel']
2747
- VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
2748
- VCounter: typeof import('vuetify/components')['VCounter']
2749
- VCombobox: typeof import('vuetify/components')['VCombobox']
2750
2746
  VCode: typeof import('vuetify/components')['VCode']
2747
+ VCombobox: typeof import('vuetify/components')['VCombobox']
2748
+ VCounter: typeof import('vuetify/components')['VCounter']
2751
2749
  VDataTable: typeof import('vuetify/components')['VDataTable']
2752
2750
  VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
2753
2751
  VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -2755,6 +2753,7 @@ declare module 'vue' {
2755
2753
  VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
2756
2754
  VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
2757
2755
  VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
2756
+ VDialog: typeof import('vuetify/components')['VDialog']
2758
2757
  VDatePicker: typeof import('vuetify/components')['VDatePicker']
2759
2758
  VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
2760
2759
  VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
@@ -2762,24 +2761,28 @@ declare module 'vue' {
2762
2761
  VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
2763
2762
  VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
2764
2763
  VEmptyState: typeof import('vuetify/components')['VEmptyState']
2765
- VFileInput: typeof import('vuetify/components')['VFileInput']
2766
2764
  VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
2767
2765
  VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
2768
2766
  VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
2769
2767
  VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
2770
- VDialog: typeof import('vuetify/components')['VDialog']
2771
- VFab: typeof import('vuetify/components')['VFab']
2772
2768
  VDivider: typeof import('vuetify/components')['VDivider']
2773
- VFooter: typeof import('vuetify/components')['VFooter']
2774
- VImg: typeof import('vuetify/components')['VImg']
2769
+ VFab: typeof import('vuetify/components')['VFab']
2775
2770
  VField: typeof import('vuetify/components')['VField']
2776
2771
  VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
2777
- VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
2772
+ VFileInput: typeof import('vuetify/components')['VFileInput']
2773
+ VFooter: typeof import('vuetify/components')['VFooter']
2778
2774
  VIcon: typeof import('vuetify/components')['VIcon']
2779
2775
  VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
2780
2776
  VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
2781
2777
  VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
2782
2778
  VClassIcon: typeof import('vuetify/components')['VClassIcon']
2779
+ VImg: typeof import('vuetify/components')['VImg']
2780
+ VKbd: typeof import('vuetify/components')['VKbd']
2781
+ VInput: typeof import('vuetify/components')['VInput']
2782
+ VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
2783
+ VLabel: typeof import('vuetify/components')['VLabel']
2784
+ VItemGroup: typeof import('vuetify/components')['VItemGroup']
2785
+ VItem: typeof import('vuetify/components')['VItem']
2783
2786
  VList: typeof import('vuetify/components')['VList']
2784
2787
  VListGroup: typeof import('vuetify/components')['VListGroup']
2785
2788
  VListImg: typeof import('vuetify/components')['VListImg']
@@ -2789,66 +2792,58 @@ declare module 'vue' {
2789
2792
  VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
2790
2793
  VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
2791
2794
  VListSubheader: typeof import('vuetify/components')['VListSubheader']
2792
- VInput: typeof import('vuetify/components')['VInput']
2793
- VKbd: typeof import('vuetify/components')['VKbd']
2794
- VItemGroup: typeof import('vuetify/components')['VItemGroup']
2795
- VItem: typeof import('vuetify/components')['VItem']
2796
- VLabel: typeof import('vuetify/components')['VLabel']
2797
- VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
2798
- VOtpInput: typeof import('vuetify/components')['VOtpInput']
2795
+ VMain: typeof import('vuetify/components')['VMain']
2799
2796
  VMenu: typeof import('vuetify/components')['VMenu']
2797
+ VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
2800
2798
  VMessages: typeof import('vuetify/components')['VMessages']
2801
- VMain: typeof import('vuetify/components')['VMain']
2802
- VPagination: typeof import('vuetify/components')['VPagination']
2803
2799
  VNumberInput: typeof import('vuetify/components')['VNumberInput']
2804
2800
  VOverlay: typeof import('vuetify/components')['VOverlay']
2805
- VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
2801
+ VOtpInput: typeof import('vuetify/components')['VOtpInput']
2802
+ VPagination: typeof import('vuetify/components')['VPagination']
2806
2803
  VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
2807
2804
  VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
2808
- VSelect: typeof import('vuetify/components')['VSelect']
2809
- VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
2810
- VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
2805
+ VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
2811
2806
  VRating: typeof import('vuetify/components')['VRating']
2807
+ VSelect: typeof import('vuetify/components')['VSelect']
2812
2808
  VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
2813
- VSlider: typeof import('vuetify/components')['VSlider']
2809
+ VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
2810
+ VSheet: typeof import('vuetify/components')['VSheet']
2811
+ VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
2814
2812
  VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
2815
2813
  VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
2816
- VSheet: typeof import('vuetify/components')['VSheet']
2814
+ VSlider: typeof import('vuetify/components')['VSlider']
2815
+ VSnackbar: typeof import('vuetify/components')['VSnackbar']
2817
2816
  VStepper: typeof import('vuetify/components')['VStepper']
2818
2817
  VStepperActions: typeof import('vuetify/components')['VStepperActions']
2819
2818
  VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
2820
2819
  VStepperItem: typeof import('vuetify/components')['VStepperItem']
2821
2820
  VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
2822
2821
  VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
2823
- VSnackbar: typeof import('vuetify/components')['VSnackbar']
2822
+ VSwitch: typeof import('vuetify/components')['VSwitch']
2824
2823
  VSystemBar: typeof import('vuetify/components')['VSystemBar']
2825
2824
  VTab: typeof import('vuetify/components')['VTab']
2826
2825
  VTabs: typeof import('vuetify/components')['VTabs']
2827
2826
  VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
2828
2827
  VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
2829
2828
  VTable: typeof import('vuetify/components')['VTable']
2830
- VTextarea: typeof import('vuetify/components')['VTextarea']
2831
- VSwitch: typeof import('vuetify/components')['VSwitch']
2832
2829
  VTextField: typeof import('vuetify/components')['VTextField']
2833
2830
  VTimeline: typeof import('vuetify/components')['VTimeline']
2834
2831
  VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
2835
2832
  VTimePicker: typeof import('vuetify/components')['VTimePicker']
2836
2833
  VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
2837
2834
  VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
2838
- VWindow: typeof import('vuetify/components')['VWindow']
2839
- VWindowItem: typeof import('vuetify/components')['VWindowItem']
2835
+ VToolbar: typeof import('vuetify/components')['VToolbar']
2836
+ VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
2837
+ VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
2840
2838
  VTooltip: typeof import('vuetify/components')['VTooltip']
2841
2839
  VTreeview: typeof import('vuetify/components')['VTreeview']
2842
2840
  VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
2843
2841
  VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
2844
- VToolbar: typeof import('vuetify/components')['VToolbar']
2845
- VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
2846
- VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
2842
+ VWindow: typeof import('vuetify/components')['VWindow']
2843
+ VWindowItem: typeof import('vuetify/components')['VWindowItem']
2844
+ VTextarea: typeof import('vuetify/components')['VTextarea']
2847
2845
  VDataIterator: typeof import('vuetify/components')['VDataIterator']
2848
2846
  VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
2849
- VHover: typeof import('vuetify/components')['VHover']
2850
- VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
2851
- VForm: typeof import('vuetify/components')['VForm']
2852
2847
  VContainer: typeof import('vuetify/components')['VContainer']
2853
2848
  VCol: typeof import('vuetify/components')['VCol']
2854
2849
  VRow: typeof import('vuetify/components')['VRow']
@@ -2860,13 +2855,14 @@ declare module 'vue' {
2860
2855
  VNoSsr: typeof import('vuetify/components')['VNoSsr']
2861
2856
  VParallax: typeof import('vuetify/components')['VParallax']
2862
2857
  VRadio: typeof import('vuetify/components')['VRadio']
2863
- VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
2864
2858
  VResponsive: typeof import('vuetify/components')['VResponsive']
2865
2859
  VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
2866
2860
  VSparkline: typeof import('vuetify/components')['VSparkline']
2861
+ VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
2867
2862
  VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
2868
2863
  VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
2869
2864
  VValidation: typeof import('vuetify/components')['VValidation']
2865
+ VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
2870
2866
  VFabTransition: typeof import('vuetify/components')['VFabTransition']
2871
2867
  VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
2872
2868
  VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -2883,17 +2879,18 @@ declare module 'vue' {
2883
2879
  VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
2884
2880
  VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
2885
2881
  VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
2886
- VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
2887
- VColorInput: typeof import('vuetify/labs/components')['VColorInput']
2888
- VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
2889
- VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
2890
- VCalendar: typeof import('vuetify/labs/components')['VCalendar']
2882
+ VHover: typeof import('vuetify/components')['VHover']
2883
+ VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
2884
+ VForm: typeof import('vuetify/components')['VForm']
2885
+ VCheckbox: typeof import('vuetify/components')['VCheckbox']
2886
+ VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
2891
2887
  VPie: typeof import('vuetify/labs/components')['VPie']
2892
2888
  VPieSegment: typeof import('vuetify/labs/components')['VPieSegment']
2893
2889
  VPieTooltip: typeof import('vuetify/labs/components')['VPieTooltip']
2890
+ VColorInput: typeof import('vuetify/labs/components')['VColorInput']
2894
2891
  VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
2895
- VPicker: typeof import('vuetify/labs/components')['VPicker']
2896
- VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
2892
+ VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
2893
+ VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
2897
2894
  VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
2898
2895
  VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
2899
2896
  VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
@@ -2901,6 +2898,9 @@ declare module 'vue' {
2901
2898
  VVideo: typeof import('vuetify/labs/components')['VVideo']
2902
2899
  VVideoControls: typeof import('vuetify/labs/components')['VVideoControls']
2903
2900
  VVideoVolume: typeof import('vuetify/labs/components')['VVideoVolume']
2901
+ VPicker: typeof import('vuetify/labs/components')['VPicker']
2902
+ VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
2903
+ VCalendar: typeof import('vuetify/labs/components')['VCalendar']
2904
2904
  VDateInput: typeof import('vuetify/labs/components')['VDateInput']
2905
2905
  VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
2906
2906
  VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
package/lib/framework.js CHANGED
@@ -110,7 +110,7 @@ export function createVuetify() {
110
110
  };
111
111
  });
112
112
  }
113
- export const version = "3.10.5-dev.2025-10-10";
113
+ export const version = "3.10.5-dev.2025-10-17";
114
114
  createVuetify.version = version;
115
115
 
116
116
  // Vue's inject() can only be used in setup
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vuetify/nightly",
3
3
  "description": "Vue Material Component Framework",
4
- "version": "3.10.5-dev.2025-10-10",
4
+ "version": "3.10.5-dev.2025-10-17",
5
5
  "author": {
6
6
  "name": "John Leider",
7
7
  "email": "john@vuetifyjs.com"