@vuetify/nightly 3.6.7-master.2024-05-27 → 3.6.7-master.2024-05-29
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 +8 -2
- package/dist/json/attributes.json +39 -7
- package/dist/json/importMap-labs.json +12 -12
- package/dist/json/importMap.json +146 -146
- package/dist/json/tags.json +8 -0
- package/dist/json/web-types.json +84 -12
- package/dist/vuetify-labs.css +2617 -2614
- package/dist/vuetify-labs.d.ts +78 -18
- package/dist/vuetify-labs.esm.js +27 -8
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +27 -8
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +723 -720
- package/dist/vuetify.d.ts +85 -55
- package/dist/vuetify.esm.js +21 -8
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +21 -8
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +9 -9
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VDivider/VDivider.mjs +1 -1
- package/lib/components/VDivider/VDivider.mjs.map +1 -1
- package/lib/components/VSnackbar/VSnackbar.css +1 -1
- package/lib/components/VSnackbar/VSnackbar.sass +1 -1
- package/lib/components/VStepper/VStepper.mjs +18 -4
- package/lib/components/VStepper/VStepper.mjs.map +1 -1
- package/lib/components/VStepper/VStepperItem.css +3 -0
- package/lib/components/VStepper/VStepperItem.sass +3 -0
- package/lib/components/VStepper/index.d.mts +43 -9
- package/lib/components/index.d.mts +39 -9
- package/lib/entry-bundler.mjs +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/index.d.mts +46 -46
- package/lib/labs/VNumberInput/VNumberInput.mjs +7 -0
- package/lib/labs/VNumberInput/VNumberInput.mjs.map +1 -1
- package/lib/labs/VStepperVertical/index.d.mts +43 -9
- package/lib/labs/components.d.mts +3752 -3718
- package/package.json +1 -1
@@ -36,7 +36,7 @@ export const VDivider = genericComponent()({
|
|
36
36
|
const dividerStyles = computed(() => {
|
37
37
|
const styles = {};
|
38
38
|
if (props.length) {
|
39
|
-
styles[props.vertical ? '
|
39
|
+
styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);
|
40
40
|
}
|
41
41
|
if (props.thickness) {
|
42
42
|
styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VDivider.mjs","names":["useTextColor","makeComponentProps","makeThemeProps","provideTheme","computed","toRef","convertToUnit","genericComponent","propsFactory","useRender","makeVDividerProps","color","String","inset","Boolean","length","Number","opacity","thickness","vertical","VDivider","name","props","setup","_ref","attrs","slots","themeClasses","textColorClasses","textColorStyles","dividerStyles","styles","divider","_createVNode","value","class","style","role","undefined","default"],"sources":["../../../src/components/VDivider/VDivider.tsx"],"sourcesContent":["// Styles\nimport './VDivider.sass'\n\n// Composables\nimport { useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\ntype DividerKey = 'borderRightWidth' | 'borderTopWidth' | '
|
1
|
+
{"version":3,"file":"VDivider.mjs","names":["useTextColor","makeComponentProps","makeThemeProps","provideTheme","computed","toRef","convertToUnit","genericComponent","propsFactory","useRender","makeVDividerProps","color","String","inset","Boolean","length","Number","opacity","thickness","vertical","VDivider","name","props","setup","_ref","attrs","slots","themeClasses","textColorClasses","textColorStyles","dividerStyles","styles","divider","_createVNode","value","class","style","role","undefined","default"],"sources":["../../../src/components/VDivider/VDivider.tsx"],"sourcesContent":["// Styles\nimport './VDivider.sass'\n\n// Composables\nimport { useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\ntype DividerKey = 'borderRightWidth' | 'borderTopWidth' | 'height' | 'width'\ntype DividerStyles = Partial<Record<DividerKey, string>>\n\nexport const makeVDividerProps = propsFactory({\n color: String,\n inset: Boolean,\n length: [Number, String],\n opacity: [Number, String],\n thickness: [Number, String],\n vertical: Boolean,\n\n ...makeComponentProps(),\n ...makeThemeProps(),\n}, 'VDivider')\n\nexport const VDivider = genericComponent()({\n name: 'VDivider',\n\n props: makeVDividerProps(),\n\n setup (props, { attrs, slots }) {\n const { themeClasses } = provideTheme(props)\n const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n const dividerStyles = computed(() => {\n const styles: DividerStyles = {}\n\n if (props.length) {\n styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length)\n }\n\n if (props.thickness) {\n styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness)\n }\n\n return styles\n })\n\n useRender(() => {\n const divider = (\n <hr\n class={[\n {\n 'v-divider': true,\n 'v-divider--inset': props.inset,\n 'v-divider--vertical': props.vertical,\n },\n themeClasses.value,\n textColorClasses.value,\n props.class,\n ]}\n style={[\n dividerStyles.value,\n textColorStyles.value,\n { '--v-border-opacity': props.opacity },\n props.style,\n ]}\n aria-orientation={\n !attrs.role || attrs.role === 'separator'\n ? props.vertical ? 'vertical' : 'horizontal'\n : undefined\n }\n role={ `${attrs.role || 'separator'}` }\n />\n )\n\n if (!slots.default) return divider\n\n return (\n <div\n class={[\n 'v-divider__wrapper',\n {\n 'v-divider__wrapper--vertical': props.vertical,\n 'v-divider__wrapper--inset': props.inset,\n },\n ]}\n >\n { divider }\n\n <div class=\"v-divider__content\">\n { slots.default() }\n </div>\n\n { divider }\n </div>\n )\n })\n\n return {}\n },\n})\n\nexport type VDivider = InstanceType<typeof VDivider>\n"],"mappings":"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","ignoreList":[]}
|
@@ -5,7 +5,7 @@
|
|
5
5
|
margin-inline-end: calc(8px + var(--v-scrollbar-offset));
|
6
6
|
padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
|
7
7
|
}
|
8
|
-
.v-snackbar:not(.v-snackbar--
|
8
|
+
.v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
|
9
9
|
align-items: flex-end;
|
10
10
|
}
|
11
11
|
.v-snackbar__wrapper {
|
@@ -10,7 +10,7 @@
|
|
10
10
|
margin-inline-end: calc(#{$snackbar-wrapper-margin} + var(--v-scrollbar-offset))
|
11
11
|
padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left)
|
12
12
|
|
13
|
-
&:not(.v-snackbar--
|
13
|
+
&:not(.v-snackbar--center):not(.v-snackbar--top)
|
14
14
|
align-items: flex-end
|
15
15
|
|
16
16
|
&__wrapper
|
@@ -12,13 +12,17 @@ import { VStepperWindowItem } from "./VStepperWindowItem.mjs";
|
|
12
12
|
import { VDivider } from "../VDivider/index.mjs";
|
13
13
|
import { makeVSheetProps, VSheet } from "../VSheet/VSheet.mjs"; // Composables
|
14
14
|
import { provideDefaults } from "../../composables/defaults.mjs";
|
15
|
+
import { makeDisplayProps, useDisplay } from "../../composables/display.mjs";
|
15
16
|
import { makeGroupProps, useGroup } from "../../composables/group.mjs"; // Utilities
|
16
17
|
import { computed, toRefs } from 'vue';
|
17
18
|
import { genericComponent, getPropertyFromItem, only, propsFactory, useRender } from "../../util/index.mjs"; // Types
|
18
19
|
export const makeStepperProps = propsFactory({
|
19
20
|
altLabels: Boolean,
|
20
21
|
bgColor: String,
|
22
|
+
completeIcon: String,
|
23
|
+
editIcon: String,
|
21
24
|
editable: Boolean,
|
25
|
+
errorIcon: String,
|
22
26
|
hideActions: Boolean,
|
23
27
|
items: {
|
24
28
|
type: Array,
|
@@ -32,9 +36,9 @@ export const makeStepperProps = propsFactory({
|
|
32
36
|
type: String,
|
33
37
|
default: 'value'
|
34
38
|
},
|
35
|
-
mobile: Boolean,
|
36
39
|
nonLinear: Boolean,
|
37
|
-
flat: Boolean
|
40
|
+
flat: Boolean,
|
41
|
+
...makeDisplayProps()
|
38
42
|
}, 'Stepper');
|
39
43
|
export const makeVStepperProps = propsFactory({
|
40
44
|
...makeStepperProps(),
|
@@ -62,6 +66,13 @@ export const VStepper = genericComponent()({
|
|
62
66
|
selected
|
63
67
|
} = useGroup(props, VStepperSymbol);
|
64
68
|
const {
|
69
|
+
displayClasses,
|
70
|
+
mobile
|
71
|
+
} = useDisplay(props);
|
72
|
+
const {
|
73
|
+
completeIcon,
|
74
|
+
editIcon,
|
75
|
+
errorIcon,
|
65
76
|
color,
|
66
77
|
editable,
|
67
78
|
prevText,
|
@@ -88,6 +99,9 @@ export const VStepper = genericComponent()({
|
|
88
99
|
provideDefaults({
|
89
100
|
VStepperItem: {
|
90
101
|
editable,
|
102
|
+
errorIcon,
|
103
|
+
completeIcon,
|
104
|
+
editIcon,
|
91
105
|
prevText,
|
92
106
|
nextText
|
93
107
|
},
|
@@ -109,8 +123,8 @@ export const VStepper = genericComponent()({
|
|
109
123
|
'v-stepper--alt-labels': props.altLabels,
|
110
124
|
'v-stepper--flat': props.flat,
|
111
125
|
'v-stepper--non-linear': props.nonLinear,
|
112
|
-
'v-stepper--mobile':
|
113
|
-
}, props.class],
|
126
|
+
'v-stepper--mobile': mobile.value
|
127
|
+
}, displayClasses.value, props.class],
|
114
128
|
"style": props.style
|
115
129
|
}), {
|
116
130
|
default: () => [hasHeader && _createVNode(VStepperHeader, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VStepper.mjs","names":["VStepperSymbol","makeVStepperActionsProps","VStepperActions","VStepperHeader","VStepperItem","VStepperWindow","VStepperWindowItem","VDivider","makeVSheetProps","VSheet","provideDefaults","makeGroupProps","useGroup","computed","toRefs","genericComponent","getPropertyFromItem","only","propsFactory","useRender","makeStepperProps","altLabels","Boolean","bgColor","String","editable","hideActions","items","type","Array","default","itemTitle","itemValue","mobile","nonLinear","flat","makeVStepperProps","mandatory","selectedClass","VStepper","name","props","emits","v","setup","_ref","slots","_items","next","prev","selected","color","prevText","nextText","map","item","index","title","value","raw","activeIndex","findIndex","includes","id","disabled","length","sheetProps","filterProps","hasHeader","header","hasWindow","hasActions","actions","_createVNode","_mergeProps","class","style","_ref2","_Fragment","icon","subtitle"],"sources":["../../../src/components/VStepper/VStepper.tsx"],"sourcesContent":["// Styles\nimport './VStepper.sass'\n\n// Components\nimport { VStepperSymbol } from './shared'\nimport { makeVStepperActionsProps, VStepperActions } from './VStepperActions'\nimport { VStepperHeader } from './VStepperHeader'\nimport { VStepperItem } from './VStepperItem'\nimport { VStepperWindow } from './VStepperWindow'\nimport { VStepperWindowItem } from './VStepperWindowItem'\nimport { VDivider } from '@/components/VDivider'\nimport { makeVSheetProps, VSheet } from '@/components/VSheet/VSheet'\n\n// Composables\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utilities\nimport { computed, toRefs } from 'vue'\nimport { genericComponent, getPropertyFromItem, only, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { StepperItem, StepperItemSlot } from './VStepperItem'\n\nexport type VStepperSlot = {\n prev: () => void\n next: () => void\n}\n\nexport type VStepperSlots = {\n actions: VStepperSlot\n default: VStepperSlot\n header: StepperItem\n 'header-item': StepperItemSlot\n icon: StepperItemSlot\n title: StepperItemSlot\n subtitle: StepperItemSlot\n item: StepperItem\n prev: never\n next: never\n} & {\n [key: `header-item.${string}`]: StepperItemSlot\n [key: `item.${string}`]: StepperItem\n}\n\nexport const makeStepperProps = propsFactory({\n altLabels: Boolean,\n bgColor: String,\n editable: Boolean,\n hideActions: Boolean,\n items: {\n type: Array as PropType<readonly StepperItem[]>,\n default: () => ([]),\n },\n itemTitle: {\n type: String,\n default: 'title',\n },\n itemValue: {\n type: String,\n default: 'value',\n },\n mobile: Boolean,\n nonLinear: Boolean,\n flat: Boolean,\n}, 'Stepper')\n\nexport const makeVStepperProps = propsFactory({\n ...makeStepperProps(),\n ...makeGroupProps({\n mandatory: 'force' as const,\n selectedClass: 'v-stepper-item--selected',\n }),\n ...makeVSheetProps(),\n ...only(makeVStepperActionsProps(), ['prevText', 'nextText']),\n}, 'VStepper')\n\nexport const VStepper = genericComponent<VStepperSlots>()({\n name: 'VStepper',\n\n props: makeVStepperProps(),\n\n emits: {\n 'update:modelValue': (v: unknown) => true,\n },\n\n setup (props, { slots }) {\n const { items: _items, next, prev, selected } = useGroup(props, VStepperSymbol)\n const { color, editable, prevText, nextText } = toRefs(props)\n\n const items = computed(() => props.items.map((item, index) => {\n const title = getPropertyFromItem(item, props.itemTitle, item)\n const value = getPropertyFromItem(item, props.itemValue, index + 1)\n\n return {\n title,\n value,\n raw: item,\n }\n }))\n const activeIndex = computed(() => {\n return _items.value.findIndex(item => selected.value.includes(item.id))\n })\n const disabled = computed(() => {\n if (props.disabled) return props.disabled\n if (activeIndex.value === 0) return 'prev'\n if (activeIndex.value === _items.value.length - 1) return 'next'\n\n return false\n })\n\n provideDefaults({\n VStepperItem: {\n editable,\n prevText,\n nextText,\n },\n VStepperActions: {\n color,\n disabled,\n prevText,\n nextText,\n },\n })\n\n useRender(() => {\n const sheetProps = VSheet.filterProps(props)\n\n const hasHeader = !!(slots.header || props.items.length)\n const hasWindow = props.items.length > 0\n const hasActions = !props.hideActions && !!(hasWindow || slots.actions)\n\n return (\n <VSheet\n { ...sheetProps }\n color={ props.bgColor }\n class={[\n 'v-stepper',\n {\n 'v-stepper--alt-labels': props.altLabels,\n 'v-stepper--flat': props.flat,\n 'v-stepper--non-linear': props.nonLinear,\n 'v-stepper--mobile': props.mobile,\n },\n props.class,\n ]}\n style={ props.style }\n >\n { hasHeader && (\n <VStepperHeader key=\"stepper-header\">\n { items.value.map(({ raw, ...item }, index) => (\n <>\n { !!index && (<VDivider />) }\n\n <VStepperItem\n { ...item }\n v-slots={{\n default: slots[`header-item.${item.value}`] ?? slots.header,\n icon: slots.icon,\n title: slots.title,\n subtitle: slots.subtitle,\n }}\n />\n </>\n ))}\n </VStepperHeader>\n )}\n\n { hasWindow && (\n <VStepperWindow key=\"stepper-window\">\n { items.value.map(item => (\n <VStepperWindowItem\n value={ item.value }\n v-slots={{\n default: () => slots[`item.${item.value}`]?.(item) ?? slots.item?.(item),\n }}\n />\n ))}\n </VStepperWindow>\n )}\n\n { slots.default?.({ prev, next }) }\n\n { hasActions && (\n slots.actions?.({ next, prev }) ?? (\n <VStepperActions\n key=\"stepper-actions\"\n onClick:prev={ prev }\n onClick:next={ next }\n v-slots={ slots }\n />\n )\n )}\n </VSheet>\n )\n })\n\n return {\n prev,\n next,\n }\n },\n})\n\nexport type VStepper = InstanceType<typeof VStepper>\n"],"mappings":"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","ignoreList":[]}
|
1
|
+
{"version":3,"file":"VStepper.mjs","names":["VStepperSymbol","makeVStepperActionsProps","VStepperActions","VStepperHeader","VStepperItem","VStepperWindow","VStepperWindowItem","VDivider","makeVSheetProps","VSheet","provideDefaults","makeDisplayProps","useDisplay","makeGroupProps","useGroup","computed","toRefs","genericComponent","getPropertyFromItem","only","propsFactory","useRender","makeStepperProps","altLabels","Boolean","bgColor","String","completeIcon","editIcon","editable","errorIcon","hideActions","items","type","Array","default","itemTitle","itemValue","nonLinear","flat","makeVStepperProps","mandatory","selectedClass","VStepper","name","props","emits","v","setup","_ref","slots","_items","next","prev","selected","displayClasses","mobile","color","prevText","nextText","map","item","index","title","value","raw","activeIndex","findIndex","includes","id","disabled","length","sheetProps","filterProps","hasHeader","header","hasWindow","hasActions","actions","_createVNode","_mergeProps","class","style","_ref2","_Fragment","icon","subtitle"],"sources":["../../../src/components/VStepper/VStepper.tsx"],"sourcesContent":["// Styles\nimport './VStepper.sass'\n\n// Components\nimport { VStepperSymbol } from './shared'\nimport { makeVStepperActionsProps, VStepperActions } from './VStepperActions'\nimport { VStepperHeader } from './VStepperHeader'\nimport { VStepperItem } from './VStepperItem'\nimport { VStepperWindow } from './VStepperWindow'\nimport { VStepperWindowItem } from './VStepperWindowItem'\nimport { VDivider } from '@/components/VDivider'\nimport { makeVSheetProps, VSheet } from '@/components/VSheet/VSheet'\n\n// Composables\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDisplayProps, useDisplay } from '@/composables/display'\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utilities\nimport { computed, toRefs } from 'vue'\nimport { genericComponent, getPropertyFromItem, only, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { StepperItem, StepperItemSlot } from './VStepperItem'\n\nexport type VStepperSlot = {\n prev: () => void\n next: () => void\n}\n\nexport type VStepperSlots = {\n actions: VStepperSlot\n default: VStepperSlot\n header: StepperItem\n 'header-item': StepperItemSlot\n icon: StepperItemSlot\n title: StepperItemSlot\n subtitle: StepperItemSlot\n item: StepperItem\n prev: never\n next: never\n} & {\n [key: `header-item.${string}`]: StepperItemSlot\n [key: `item.${string}`]: StepperItem\n}\n\nexport const makeStepperProps = propsFactory({\n altLabels: Boolean,\n bgColor: String,\n completeIcon: String,\n editIcon: String,\n editable: Boolean,\n errorIcon: String,\n hideActions: Boolean,\n items: {\n type: Array as PropType<readonly StepperItem[]>,\n default: () => ([]),\n },\n itemTitle: {\n type: String,\n default: 'title',\n },\n itemValue: {\n type: String,\n default: 'value',\n },\n nonLinear: Boolean,\n flat: Boolean,\n\n ...makeDisplayProps(),\n}, 'Stepper')\n\nexport const makeVStepperProps = propsFactory({\n ...makeStepperProps(),\n ...makeGroupProps({\n mandatory: 'force' as const,\n selectedClass: 'v-stepper-item--selected',\n }),\n ...makeVSheetProps(),\n ...only(makeVStepperActionsProps(), ['prevText', 'nextText']),\n}, 'VStepper')\n\nexport const VStepper = genericComponent<VStepperSlots>()({\n name: 'VStepper',\n\n props: makeVStepperProps(),\n\n emits: {\n 'update:modelValue': (v: unknown) => true,\n },\n\n setup (props, { slots }) {\n const { items: _items, next, prev, selected } = useGroup(props, VStepperSymbol)\n const { displayClasses, mobile } = useDisplay(props)\n const { completeIcon, editIcon, errorIcon, color, editable, prevText, nextText } = toRefs(props)\n\n const items = computed(() => props.items.map((item, index) => {\n const title = getPropertyFromItem(item, props.itemTitle, item)\n const value = getPropertyFromItem(item, props.itemValue, index + 1)\n\n return {\n title,\n value,\n raw: item,\n }\n }))\n const activeIndex = computed(() => {\n return _items.value.findIndex(item => selected.value.includes(item.id))\n })\n const disabled = computed(() => {\n if (props.disabled) return props.disabled\n if (activeIndex.value === 0) return 'prev'\n if (activeIndex.value === _items.value.length - 1) return 'next'\n\n return false\n })\n\n provideDefaults({\n VStepperItem: {\n editable,\n errorIcon,\n completeIcon,\n editIcon,\n prevText,\n nextText,\n },\n VStepperActions: {\n color,\n disabled,\n prevText,\n nextText,\n },\n })\n\n useRender(() => {\n const sheetProps = VSheet.filterProps(props)\n\n const hasHeader = !!(slots.header || props.items.length)\n const hasWindow = props.items.length > 0\n const hasActions = !props.hideActions && !!(hasWindow || slots.actions)\n\n return (\n <VSheet\n { ...sheetProps }\n color={ props.bgColor }\n class={[\n 'v-stepper',\n {\n 'v-stepper--alt-labels': props.altLabels,\n 'v-stepper--flat': props.flat,\n 'v-stepper--non-linear': props.nonLinear,\n 'v-stepper--mobile': mobile.value,\n },\n displayClasses.value,\n props.class,\n ]}\n style={ props.style }\n >\n { hasHeader && (\n <VStepperHeader key=\"stepper-header\">\n { items.value.map(({ raw, ...item }, index) => (\n <>\n { !!index && (<VDivider />) }\n\n <VStepperItem\n { ...item }\n v-slots={{\n default: slots[`header-item.${item.value}`] ?? slots.header,\n icon: slots.icon,\n title: slots.title,\n subtitle: slots.subtitle,\n }}\n />\n </>\n ))}\n </VStepperHeader>\n )}\n\n { hasWindow && (\n <VStepperWindow key=\"stepper-window\">\n { items.value.map(item => (\n <VStepperWindowItem\n value={ item.value }\n v-slots={{\n default: () => slots[`item.${item.value}`]?.(item) ?? slots.item?.(item),\n }}\n />\n ))}\n </VStepperWindow>\n )}\n\n { slots.default?.({ prev, next }) }\n\n { hasActions && (\n slots.actions?.({ next, prev }) ?? (\n <VStepperActions\n key=\"stepper-actions\"\n onClick:prev={ prev }\n onClick:next={ next }\n v-slots={ slots }\n />\n )\n )}\n </VSheet>\n )\n })\n\n return {\n prev,\n next,\n }\n },\n})\n\nexport type VStepper = InstanceType<typeof VStepper>\n"],"mappings":"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","ignoreList":[]}
|
@@ -11,6 +11,10 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
|
|
11
11
|
filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
|
12
12
|
}
|
13
13
|
|
14
|
+
declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
|
15
|
+
type Breakpoint = typeof breakpoints[number];
|
16
|
+
type DisplayBreakpoint = 'xs' | Breakpoint;
|
17
|
+
|
14
18
|
type StepperItem = string | Record<string, any>;
|
15
19
|
type StepperItemSlot = {
|
16
20
|
canEdit: boolean;
|
@@ -346,7 +350,7 @@ declare const VStepper: {
|
|
346
350
|
style: vue.StyleValue;
|
347
351
|
disabled: boolean;
|
348
352
|
tag: string;
|
349
|
-
mobile: boolean;
|
353
|
+
mobile: boolean | null;
|
350
354
|
items: readonly StepperItem[];
|
351
355
|
mandatory: NonNullable<boolean | "force">;
|
352
356
|
multiple: boolean;
|
@@ -366,6 +370,7 @@ declare const VStepper: {
|
|
366
370
|
height?: string | number | undefined;
|
367
371
|
theme?: string | undefined;
|
368
372
|
color?: string | undefined;
|
373
|
+
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
|
369
374
|
border?: string | number | boolean | undefined;
|
370
375
|
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
|
371
376
|
modelValue?: any;
|
@@ -378,6 +383,9 @@ declare const VStepper: {
|
|
378
383
|
location?: Anchor | undefined;
|
379
384
|
max?: number | undefined;
|
380
385
|
bgColor?: string | undefined;
|
386
|
+
completeIcon?: string | undefined;
|
387
|
+
editIcon?: string | undefined;
|
388
|
+
errorIcon?: string | undefined;
|
381
389
|
} & {
|
382
390
|
$children?: vue.VNodeChild | {
|
383
391
|
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
|
@@ -432,7 +440,7 @@ declare const VStepper: {
|
|
432
440
|
style: vue.StyleValue;
|
433
441
|
disabled: boolean;
|
434
442
|
tag: string;
|
435
|
-
mobile: boolean;
|
443
|
+
mobile: boolean | null;
|
436
444
|
items: readonly StepperItem[];
|
437
445
|
mandatory: NonNullable<boolean | "force">;
|
438
446
|
multiple: boolean;
|
@@ -452,6 +460,7 @@ declare const VStepper: {
|
|
452
460
|
height?: string | number | undefined;
|
453
461
|
theme?: string | undefined;
|
454
462
|
color?: string | undefined;
|
463
|
+
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
|
455
464
|
border?: string | number | boolean | undefined;
|
456
465
|
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
|
457
466
|
modelValue?: any;
|
@@ -464,6 +473,9 @@ declare const VStepper: {
|
|
464
473
|
location?: Anchor | undefined;
|
465
474
|
max?: number | undefined;
|
466
475
|
bgColor?: string | undefined;
|
476
|
+
completeIcon?: string | undefined;
|
477
|
+
editIcon?: string | undefined;
|
478
|
+
errorIcon?: string | undefined;
|
467
479
|
} & {
|
468
480
|
$children?: vue.VNodeChild | {
|
469
481
|
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
|
@@ -513,7 +525,7 @@ declare const VStepper: {
|
|
513
525
|
style: vue.StyleValue;
|
514
526
|
disabled: boolean;
|
515
527
|
tag: string;
|
516
|
-
mobile: boolean;
|
528
|
+
mobile: boolean | null;
|
517
529
|
modelValue: any;
|
518
530
|
rounded: string | number | boolean;
|
519
531
|
items: readonly StepperItem[];
|
@@ -578,7 +590,7 @@ declare const VStepper: {
|
|
578
590
|
style: vue.StyleValue;
|
579
591
|
disabled: boolean;
|
580
592
|
tag: string;
|
581
|
-
mobile: boolean;
|
593
|
+
mobile: boolean | null;
|
582
594
|
items: readonly StepperItem[];
|
583
595
|
mandatory: NonNullable<boolean | "force">;
|
584
596
|
multiple: boolean;
|
@@ -598,6 +610,7 @@ declare const VStepper: {
|
|
598
610
|
height?: string | number | undefined;
|
599
611
|
theme?: string | undefined;
|
600
612
|
color?: string | undefined;
|
613
|
+
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
|
601
614
|
border?: string | number | boolean | undefined;
|
602
615
|
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
|
603
616
|
modelValue?: any;
|
@@ -610,6 +623,9 @@ declare const VStepper: {
|
|
610
623
|
location?: Anchor | undefined;
|
611
624
|
max?: number | undefined;
|
612
625
|
bgColor?: string | undefined;
|
626
|
+
completeIcon?: string | undefined;
|
627
|
+
editIcon?: string | undefined;
|
628
|
+
errorIcon?: string | undefined;
|
613
629
|
} & {
|
614
630
|
$children?: vue.VNodeChild | {
|
615
631
|
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
|
@@ -662,7 +678,7 @@ declare const VStepper: {
|
|
662
678
|
style: vue.StyleValue;
|
663
679
|
disabled: boolean;
|
664
680
|
tag: string;
|
665
|
-
mobile: boolean;
|
681
|
+
mobile: boolean | null;
|
666
682
|
modelValue: any;
|
667
683
|
rounded: string | number | boolean;
|
668
684
|
items: readonly StepperItem[];
|
@@ -687,7 +703,7 @@ declare const VStepper: {
|
|
687
703
|
style: vue.StyleValue;
|
688
704
|
disabled: boolean;
|
689
705
|
tag: string;
|
690
|
-
mobile: boolean;
|
706
|
+
mobile: boolean | null;
|
691
707
|
items: readonly StepperItem[];
|
692
708
|
mandatory: NonNullable<boolean | "force">;
|
693
709
|
multiple: boolean;
|
@@ -707,6 +723,7 @@ declare const VStepper: {
|
|
707
723
|
height?: string | number | undefined;
|
708
724
|
theme?: string | undefined;
|
709
725
|
color?: string | undefined;
|
726
|
+
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
|
710
727
|
border?: string | number | boolean | undefined;
|
711
728
|
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
|
712
729
|
modelValue?: any;
|
@@ -719,6 +736,9 @@ declare const VStepper: {
|
|
719
736
|
location?: Anchor | undefined;
|
720
737
|
max?: number | undefined;
|
721
738
|
bgColor?: string | undefined;
|
739
|
+
completeIcon?: string | undefined;
|
740
|
+
editIcon?: string | undefined;
|
741
|
+
errorIcon?: string | undefined;
|
722
742
|
} & {
|
723
743
|
$children?: vue.VNodeChild | {
|
724
744
|
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
|
@@ -773,7 +793,7 @@ declare const VStepper: {
|
|
773
793
|
style: vue.StyleValue;
|
774
794
|
disabled: boolean;
|
775
795
|
tag: string;
|
776
|
-
mobile: boolean;
|
796
|
+
mobile: boolean | null;
|
777
797
|
modelValue: any;
|
778
798
|
rounded: string | number | boolean;
|
779
799
|
items: readonly StepperItem[];
|
@@ -882,9 +902,17 @@ declare const VStepper: {
|
|
882
902
|
default: string;
|
883
903
|
};
|
884
904
|
disabled: BooleanConstructor;
|
905
|
+
mobile: {
|
906
|
+
type: PropType<boolean | null>;
|
907
|
+
default: boolean;
|
908
|
+
};
|
909
|
+
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
|
885
910
|
altLabels: BooleanConstructor;
|
886
911
|
bgColor: StringConstructor;
|
912
|
+
completeIcon: StringConstructor;
|
913
|
+
editIcon: StringConstructor;
|
887
914
|
editable: BooleanConstructor;
|
915
|
+
errorIcon: StringConstructor;
|
888
916
|
hideActions: BooleanConstructor;
|
889
917
|
items: {
|
890
918
|
type: PropType<readonly StepperItem[]>;
|
@@ -898,7 +926,6 @@ declare const VStepper: {
|
|
898
926
|
type: StringConstructor;
|
899
927
|
default: string;
|
900
928
|
};
|
901
|
-
mobile: BooleanConstructor;
|
902
929
|
nonLinear: BooleanConstructor;
|
903
930
|
flat: BooleanConstructor;
|
904
931
|
}, vue.ExtractPropTypes<{
|
@@ -957,9 +984,17 @@ declare const VStepper: {
|
|
957
984
|
default: string;
|
958
985
|
};
|
959
986
|
disabled: BooleanConstructor;
|
987
|
+
mobile: {
|
988
|
+
type: PropType<boolean | null>;
|
989
|
+
default: boolean;
|
990
|
+
};
|
991
|
+
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
|
960
992
|
altLabels: BooleanConstructor;
|
961
993
|
bgColor: StringConstructor;
|
994
|
+
completeIcon: StringConstructor;
|
995
|
+
editIcon: StringConstructor;
|
962
996
|
editable: BooleanConstructor;
|
997
|
+
errorIcon: StringConstructor;
|
963
998
|
hideActions: BooleanConstructor;
|
964
999
|
items: {
|
965
1000
|
type: PropType<readonly StepperItem[]>;
|
@@ -973,7 +1008,6 @@ declare const VStepper: {
|
|
973
1008
|
type: StringConstructor;
|
974
1009
|
default: string;
|
975
1010
|
};
|
976
|
-
mobile: BooleanConstructor;
|
977
1011
|
nonLinear: BooleanConstructor;
|
978
1012
|
flat: BooleanConstructor;
|
979
1013
|
}>>;
|
@@ -58204,7 +58204,7 @@ declare const VStepper: {
|
|
58204
58204
|
style: vue.StyleValue;
|
58205
58205
|
disabled: boolean;
|
58206
58206
|
tag: string;
|
58207
|
-
mobile: boolean;
|
58207
|
+
mobile: boolean | null;
|
58208
58208
|
items: readonly StepperItem[];
|
58209
58209
|
mandatory: NonNullable<boolean | "force">;
|
58210
58210
|
multiple: boolean;
|
@@ -58224,6 +58224,7 @@ declare const VStepper: {
|
|
58224
58224
|
height?: string | number | undefined;
|
58225
58225
|
theme?: string | undefined;
|
58226
58226
|
color?: string | undefined;
|
58227
|
+
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
|
58227
58228
|
border?: string | number | boolean | undefined;
|
58228
58229
|
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
|
58229
58230
|
modelValue?: any;
|
@@ -58236,6 +58237,9 @@ declare const VStepper: {
|
|
58236
58237
|
location?: Anchor | undefined;
|
58237
58238
|
max?: number | undefined;
|
58238
58239
|
bgColor?: string | undefined;
|
58240
|
+
completeIcon?: string | undefined;
|
58241
|
+
editIcon?: string | undefined;
|
58242
|
+
errorIcon?: string | undefined;
|
58239
58243
|
} & {
|
58240
58244
|
$children?: vue.VNodeChild | {
|
58241
58245
|
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
|
@@ -58290,7 +58294,7 @@ declare const VStepper: {
|
|
58290
58294
|
style: vue.StyleValue;
|
58291
58295
|
disabled: boolean;
|
58292
58296
|
tag: string;
|
58293
|
-
mobile: boolean;
|
58297
|
+
mobile: boolean | null;
|
58294
58298
|
items: readonly StepperItem[];
|
58295
58299
|
mandatory: NonNullable<boolean | "force">;
|
58296
58300
|
multiple: boolean;
|
@@ -58310,6 +58314,7 @@ declare const VStepper: {
|
|
58310
58314
|
height?: string | number | undefined;
|
58311
58315
|
theme?: string | undefined;
|
58312
58316
|
color?: string | undefined;
|
58317
|
+
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
|
58313
58318
|
border?: string | number | boolean | undefined;
|
58314
58319
|
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
|
58315
58320
|
modelValue?: any;
|
@@ -58322,6 +58327,9 @@ declare const VStepper: {
|
|
58322
58327
|
location?: Anchor | undefined;
|
58323
58328
|
max?: number | undefined;
|
58324
58329
|
bgColor?: string | undefined;
|
58330
|
+
completeIcon?: string | undefined;
|
58331
|
+
editIcon?: string | undefined;
|
58332
|
+
errorIcon?: string | undefined;
|
58325
58333
|
} & {
|
58326
58334
|
$children?: vue.VNodeChild | {
|
58327
58335
|
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
|
@@ -58371,7 +58379,7 @@ declare const VStepper: {
|
|
58371
58379
|
style: vue.StyleValue;
|
58372
58380
|
disabled: boolean;
|
58373
58381
|
tag: string;
|
58374
|
-
mobile: boolean;
|
58382
|
+
mobile: boolean | null;
|
58375
58383
|
modelValue: any;
|
58376
58384
|
rounded: string | number | boolean;
|
58377
58385
|
items: readonly StepperItem[];
|
@@ -58436,7 +58444,7 @@ declare const VStepper: {
|
|
58436
58444
|
style: vue.StyleValue;
|
58437
58445
|
disabled: boolean;
|
58438
58446
|
tag: string;
|
58439
|
-
mobile: boolean;
|
58447
|
+
mobile: boolean | null;
|
58440
58448
|
items: readonly StepperItem[];
|
58441
58449
|
mandatory: NonNullable<boolean | "force">;
|
58442
58450
|
multiple: boolean;
|
@@ -58456,6 +58464,7 @@ declare const VStepper: {
|
|
58456
58464
|
height?: string | number | undefined;
|
58457
58465
|
theme?: string | undefined;
|
58458
58466
|
color?: string | undefined;
|
58467
|
+
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
|
58459
58468
|
border?: string | number | boolean | undefined;
|
58460
58469
|
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
|
58461
58470
|
modelValue?: any;
|
@@ -58468,6 +58477,9 @@ declare const VStepper: {
|
|
58468
58477
|
location?: Anchor | undefined;
|
58469
58478
|
max?: number | undefined;
|
58470
58479
|
bgColor?: string | undefined;
|
58480
|
+
completeIcon?: string | undefined;
|
58481
|
+
editIcon?: string | undefined;
|
58482
|
+
errorIcon?: string | undefined;
|
58471
58483
|
} & {
|
58472
58484
|
$children?: vue.VNodeChild | {
|
58473
58485
|
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
|
@@ -58520,7 +58532,7 @@ declare const VStepper: {
|
|
58520
58532
|
style: vue.StyleValue;
|
58521
58533
|
disabled: boolean;
|
58522
58534
|
tag: string;
|
58523
|
-
mobile: boolean;
|
58535
|
+
mobile: boolean | null;
|
58524
58536
|
modelValue: any;
|
58525
58537
|
rounded: string | number | boolean;
|
58526
58538
|
items: readonly StepperItem[];
|
@@ -58545,7 +58557,7 @@ declare const VStepper: {
|
|
58545
58557
|
style: vue.StyleValue;
|
58546
58558
|
disabled: boolean;
|
58547
58559
|
tag: string;
|
58548
|
-
mobile: boolean;
|
58560
|
+
mobile: boolean | null;
|
58549
58561
|
items: readonly StepperItem[];
|
58550
58562
|
mandatory: NonNullable<boolean | "force">;
|
58551
58563
|
multiple: boolean;
|
@@ -58565,6 +58577,7 @@ declare const VStepper: {
|
|
58565
58577
|
height?: string | number | undefined;
|
58566
58578
|
theme?: string | undefined;
|
58567
58579
|
color?: string | undefined;
|
58580
|
+
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
|
58568
58581
|
border?: string | number | boolean | undefined;
|
58569
58582
|
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
|
58570
58583
|
modelValue?: any;
|
@@ -58577,6 +58590,9 @@ declare const VStepper: {
|
|
58577
58590
|
location?: Anchor | undefined;
|
58578
58591
|
max?: number | undefined;
|
58579
58592
|
bgColor?: string | undefined;
|
58593
|
+
completeIcon?: string | undefined;
|
58594
|
+
editIcon?: string | undefined;
|
58595
|
+
errorIcon?: string | undefined;
|
58580
58596
|
} & {
|
58581
58597
|
$children?: vue.VNodeChild | {
|
58582
58598
|
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
|
@@ -58631,7 +58647,7 @@ declare const VStepper: {
|
|
58631
58647
|
style: vue.StyleValue;
|
58632
58648
|
disabled: boolean;
|
58633
58649
|
tag: string;
|
58634
|
-
mobile: boolean;
|
58650
|
+
mobile: boolean | null;
|
58635
58651
|
modelValue: any;
|
58636
58652
|
rounded: string | number | boolean;
|
58637
58653
|
items: readonly StepperItem[];
|
@@ -58740,9 +58756,17 @@ declare const VStepper: {
|
|
58740
58756
|
default: string;
|
58741
58757
|
};
|
58742
58758
|
disabled: BooleanConstructor;
|
58759
|
+
mobile: {
|
58760
|
+
type: PropType<boolean | null>;
|
58761
|
+
default: boolean;
|
58762
|
+
};
|
58763
|
+
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
|
58743
58764
|
altLabels: BooleanConstructor;
|
58744
58765
|
bgColor: StringConstructor;
|
58766
|
+
completeIcon: StringConstructor;
|
58767
|
+
editIcon: StringConstructor;
|
58745
58768
|
editable: BooleanConstructor;
|
58769
|
+
errorIcon: StringConstructor;
|
58746
58770
|
hideActions: BooleanConstructor;
|
58747
58771
|
items: {
|
58748
58772
|
type: PropType<readonly StepperItem[]>;
|
@@ -58756,7 +58780,6 @@ declare const VStepper: {
|
|
58756
58780
|
type: StringConstructor;
|
58757
58781
|
default: string;
|
58758
58782
|
};
|
58759
|
-
mobile: BooleanConstructor;
|
58760
58783
|
nonLinear: BooleanConstructor;
|
58761
58784
|
flat: BooleanConstructor;
|
58762
58785
|
}, vue.ExtractPropTypes<{
|
@@ -58815,9 +58838,17 @@ declare const VStepper: {
|
|
58815
58838
|
default: string;
|
58816
58839
|
};
|
58817
58840
|
disabled: BooleanConstructor;
|
58841
|
+
mobile: {
|
58842
|
+
type: PropType<boolean | null>;
|
58843
|
+
default: boolean;
|
58844
|
+
};
|
58845
|
+
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
|
58818
58846
|
altLabels: BooleanConstructor;
|
58819
58847
|
bgColor: StringConstructor;
|
58848
|
+
completeIcon: StringConstructor;
|
58849
|
+
editIcon: StringConstructor;
|
58820
58850
|
editable: BooleanConstructor;
|
58851
|
+
errorIcon: StringConstructor;
|
58821
58852
|
hideActions: BooleanConstructor;
|
58822
58853
|
items: {
|
58823
58854
|
type: PropType<readonly StepperItem[]>;
|
@@ -58831,7 +58862,6 @@ declare const VStepper: {
|
|
58831
58862
|
type: StringConstructor;
|
58832
58863
|
default: string;
|
58833
58864
|
};
|
58834
|
-
mobile: BooleanConstructor;
|
58835
58865
|
nonLinear: BooleanConstructor;
|
58836
58866
|
flat: BooleanConstructor;
|
58837
58867
|
}>>;
|
package/lib/entry-bundler.mjs
CHANGED
@@ -16,7 +16,7 @@ export const createVuetify = function () {
|
|
16
16
|
...options
|
17
17
|
});
|
18
18
|
};
|
19
|
-
export const version = "3.6.7-master.2024-05-
|
19
|
+
export const version = "3.6.7-master.2024-05-29";
|
20
20
|
createVuetify.version = version;
|
21
21
|
export { blueprints, components, directives };
|
22
22
|
export * from "./composables/index.mjs";
|
package/lib/framework.mjs
CHANGED