@vuetify/nightly 3.7.17-dev.2025-03-18 → 3.7.18-dev.2025-03-19
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 +18 -3
- package/dist/json/attributes.json +3587 -3543
- package/dist/json/importMap-labs.json +36 -36
- package/dist/json/importMap.json +166 -166
- package/dist/json/tags.json +11 -0
- package/dist/json/web-types.json +6725 -6620
- package/dist/vuetify-labs.cjs +31517 -0
- package/dist/vuetify-labs.css +4465 -4458
- package/dist/vuetify-labs.d.ts +155 -82
- package/dist/vuetify-labs.esm.js +53 -9
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +53 -9
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.cjs +29151 -0
- package/dist/vuetify.cjs.map +1 -0
- package/dist/vuetify.css +2280 -2273
- package/dist/vuetify.d.ts +115 -76
- package/dist/vuetify.esm.js +53 -8
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +53 -8
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +18 -18
- package/dist/vuetify.min.js.map +1 -1
- package/lib/blueprints/md1.js +10 -0
- package/lib/blueprints/md1.js.map +1 -1
- package/lib/blueprints/md2.js +10 -0
- package/lib/blueprints/md2.js.map +1 -1
- package/lib/blueprints/md3.js +12 -0
- package/lib/blueprints/md3.js.map +1 -1
- package/lib/components/VBtnGroup/VBtnGroup.d.ts +6 -6
- package/lib/components/VBtnToggle/VBtnToggle.d.ts +6 -6
- package/lib/components/VColorPicker/VColorPicker.d.ts +13 -0
- package/lib/components/VConfirmEdit/VConfirmEdit.d.ts +13 -0
- package/lib/components/VConfirmEdit/VConfirmEdit.js +3 -2
- package/lib/components/VConfirmEdit/VConfirmEdit.js.map +1 -1
- package/lib/components/VDatePicker/VDatePicker.d.ts +33 -0
- package/lib/components/VDatePicker/VDatePicker.js +4 -0
- package/lib/components/VDatePicker/VDatePicker.js.map +1 -1
- package/lib/components/VDatePicker/VDatePickerControls.css +1 -0
- package/lib/components/VDatePicker/VDatePickerControls.d.ts +10 -0
- package/lib/components/VDatePicker/VDatePickerControls.js +8 -2
- package/lib/components/VDatePicker/VDatePickerControls.js.map +1 -1
- package/lib/components/VDatePicker/VDatePickerControls.sass +2 -0
- package/lib/components/VDatePicker/VDatePickerMonth.js +2 -2
- package/lib/components/VDatePicker/VDatePickerMonth.js.map +1 -1
- package/lib/components/VDatePicker/_variables.scss +1 -0
- package/lib/entry-bundler.js +1 -1
- package/lib/framework.d.ts +64 -64
- package/lib/framework.js +1 -1
- package/lib/labs/VDateInput/VDateInput.d.ts +39 -6
- package/lib/labs/VDateInput/VDateInput.js +0 -1
- package/lib/labs/VDateInput/VDateInput.js.map +1 -1
- package/lib/labs/VPicker/VPicker.css +6 -0
- package/lib/labs/VPicker/VPicker.d.ts +13 -0
- package/lib/labs/VPicker/VPicker.js +2 -0
- package/lib/labs/VPicker/VPicker.js.map +1 -1
- package/lib/labs/VPicker/VPicker.sass +6 -0
- package/lib/labs/VPicker/_variables.scss +4 -0
- package/lib/labs/VTimePicker/VTimePicker.d.ts +13 -0
- package/package.json +11 -1
package/lib/blueprints/md1.js
CHANGED
@@ -24,6 +24,16 @@ export const md1 = {
|
|
24
24
|
VCombobox: {
|
25
25
|
variant: 'underlined'
|
26
26
|
},
|
27
|
+
VDatePicker: {
|
28
|
+
color: 'primary',
|
29
|
+
controlHeight: 44,
|
30
|
+
elevation: 1,
|
31
|
+
rounded: 0,
|
32
|
+
VBtn: {
|
33
|
+
color: 'high-emphasis',
|
34
|
+
rounded: 'circle'
|
35
|
+
}
|
36
|
+
},
|
27
37
|
VSelect: {
|
28
38
|
variant: 'underlined'
|
29
39
|
},
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"md1.js","names":["mdi","md1","defaults","global","rounded","VAvatar","VAutocomplete","variant","VBanner","color","VBtn","VCheckbox","VCombobox","VSelect","VSlider","VTabs","VTextarea","VTextField","VToolbar","icons","defaultSet","sets","theme","themes","light","colors","primary","secondary","accent"],"sources":["../../src/blueprints/md1.ts"],"sourcesContent":["// Icons\nimport { mdi } from '@/iconsets/mdi'\n\n// Types\nimport type { Blueprint } from '@/framework'\n\nexport const md1: Blueprint = {\n defaults: {\n global: {\n rounded: 'sm',\n },\n VAvatar: {\n rounded: 'circle',\n },\n VAutocomplete: {\n variant: 'underlined',\n },\n VBanner: {\n color: 'primary',\n },\n VBtn: {\n color: 'primary',\n rounded: 0,\n },\n VCheckbox: {\n color: 'secondary',\n },\n VCombobox: {\n variant: 'underlined',\n },\n VSelect: {\n variant: 'underlined',\n },\n VSlider: {\n color: 'primary',\n },\n VTabs: {\n color: 'primary',\n },\n VTextarea: {\n variant: 'underlined',\n },\n VTextField: {\n variant: 'underlined',\n },\n VToolbar: {\n VBtn: {\n color: null,\n },\n },\n },\n icons: {\n defaultSet: 'mdi',\n sets: {\n mdi,\n },\n },\n theme: {\n themes: {\n light: {\n colors: {\n primary: '#3F51B5',\n 'primary-darken-1': '#303F9F',\n 'primary-lighten-1': '#C5CAE9',\n secondary: '#FF4081',\n 'secondary-darken-1': '#F50057',\n 'secondary-lighten-1': '#FF80AB',\n accent: '#009688',\n },\n },\n },\n },\n}\n"],"mappings":"AAAA;AAAA,SACSA,GAAG,8BAEZ;AAGA,OAAO,MAAMC,GAAc,GAAG;EAC5BC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPD,OAAO,EAAE;IACX,CAAC;IACDE,aAAa,EAAE;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;MACJD,KAAK,EAAE,SAAS;MAChBL,OAAO,EAAE;IACX,CAAC;IACDO,SAAS,EAAE;MACTF,KAAK,EAAE;IACT,CAAC;IACDG,SAAS,EAAE;MACTL,OAAO,EAAE;IACX,CAAC;IACDM,OAAO,EAAE;
|
1
|
+
{"version":3,"file":"md1.js","names":["mdi","md1","defaults","global","rounded","VAvatar","VAutocomplete","variant","VBanner","color","VBtn","VCheckbox","VCombobox","VDatePicker","controlHeight","elevation","VSelect","VSlider","VTabs","VTextarea","VTextField","VToolbar","icons","defaultSet","sets","theme","themes","light","colors","primary","secondary","accent"],"sources":["../../src/blueprints/md1.ts"],"sourcesContent":["// Icons\nimport { mdi } from '@/iconsets/mdi'\n\n// Types\nimport type { Blueprint } from '@/framework'\n\nexport const md1: Blueprint = {\n defaults: {\n global: {\n rounded: 'sm',\n },\n VAvatar: {\n rounded: 'circle',\n },\n VAutocomplete: {\n variant: 'underlined',\n },\n VBanner: {\n color: 'primary',\n },\n VBtn: {\n color: 'primary',\n rounded: 0,\n },\n VCheckbox: {\n color: 'secondary',\n },\n VCombobox: {\n variant: 'underlined',\n },\n VDatePicker: {\n color: 'primary',\n controlHeight: 44,\n elevation: 1,\n rounded: 0,\n\n VBtn: {\n color: 'high-emphasis',\n rounded: 'circle',\n },\n },\n VSelect: {\n variant: 'underlined',\n },\n VSlider: {\n color: 'primary',\n },\n VTabs: {\n color: 'primary',\n },\n VTextarea: {\n variant: 'underlined',\n },\n VTextField: {\n variant: 'underlined',\n },\n VToolbar: {\n VBtn: {\n color: null,\n },\n },\n },\n icons: {\n defaultSet: 'mdi',\n sets: {\n mdi,\n },\n },\n theme: {\n themes: {\n light: {\n colors: {\n primary: '#3F51B5',\n 'primary-darken-1': '#303F9F',\n 'primary-lighten-1': '#C5CAE9',\n secondary: '#FF4081',\n 'secondary-darken-1': '#F50057',\n 'secondary-lighten-1': '#FF80AB',\n accent: '#009688',\n },\n },\n },\n },\n}\n"],"mappings":"AAAA;AAAA,SACSA,GAAG,8BAEZ;AAGA,OAAO,MAAMC,GAAc,GAAG;EAC5BC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPD,OAAO,EAAE;IACX,CAAC;IACDE,aAAa,EAAE;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;MACJD,KAAK,EAAE,SAAS;MAChBL,OAAO,EAAE;IACX,CAAC;IACDO,SAAS,EAAE;MACTF,KAAK,EAAE;IACT,CAAC;IACDG,SAAS,EAAE;MACTL,OAAO,EAAE;IACX,CAAC;IACDM,WAAW,EAAE;MACXJ,KAAK,EAAE,SAAS;MAChBK,aAAa,EAAE,EAAE;MACjBC,SAAS,EAAE,CAAC;MACZX,OAAO,EAAE,CAAC;MAEVM,IAAI,EAAE;QACJD,KAAK,EAAE,eAAe;QACtBL,OAAO,EAAE;MACX;IACF,CAAC;IACDY,OAAO,EAAE;MACPT,OAAO,EAAE;IACX,CAAC;IACDU,OAAO,EAAE;MACPR,KAAK,EAAE;IACT,CAAC;IACDS,KAAK,EAAE;MACLT,KAAK,EAAE;IACT,CAAC;IACDU,SAAS,EAAE;MACTZ,OAAO,EAAE;IACX,CAAC;IACDa,UAAU,EAAE;MACVb,OAAO,EAAE;IACX,CAAC;IACDc,QAAQ,EAAE;MACRX,IAAI,EAAE;QACJD,KAAK,EAAE;MACT;IACF;EACF,CAAC;EACDa,KAAK,EAAE;IACLC,UAAU,EAAE,KAAK;IACjBC,IAAI,EAAE;MACJxB;IACF;EACF,CAAC;EACDyB,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,KAAK,EAAE;QACLC,MAAM,EAAE;UACNC,OAAO,EAAE,SAAS;UAClB,kBAAkB,EAAE,SAAS;UAC7B,mBAAmB,EAAE,SAAS;UAC9BC,SAAS,EAAE,SAAS;UACpB,oBAAoB,EAAE,SAAS;UAC/B,qBAAqB,EAAE,SAAS;UAChCC,MAAM,EAAE;QACV;MACF;IACF;EACF;AACF,CAAC","ignoreList":[]}
|
package/lib/blueprints/md2.js
CHANGED
@@ -23,6 +23,16 @@ export const md2 = {
|
|
23
23
|
VCombobox: {
|
24
24
|
variant: 'filled'
|
25
25
|
},
|
26
|
+
VDatePicker: {
|
27
|
+
color: 'primary',
|
28
|
+
controlHeight: 56,
|
29
|
+
elevation: 2,
|
30
|
+
rounded: 'md',
|
31
|
+
VBtn: {
|
32
|
+
color: 'high-emphasis',
|
33
|
+
rounded: 'circle'
|
34
|
+
}
|
35
|
+
},
|
26
36
|
VSelect: {
|
27
37
|
variant: 'filled'
|
28
38
|
},
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"md2.js","names":["mdi","md2","defaults","global","rounded","VAvatar","VAutocomplete","variant","VBanner","color","VBtn","VCheckbox","VCombobox","VSelect","VSlider","VTabs","VTextarea","VTextField","VToolbar","icons","defaultSet","sets","theme","themes","light","colors","primary","secondary","error"],"sources":["../../src/blueprints/md2.ts"],"sourcesContent":["// Icons\nimport { mdi } from '@/iconsets/mdi'\n\n// Types\nimport type { Blueprint } from '@/framework'\n\nexport const md2: Blueprint = {\n defaults: {\n global: {\n rounded: 'md',\n },\n VAvatar: {\n rounded: 'circle',\n },\n VAutocomplete: {\n variant: 'filled',\n },\n VBanner: {\n color: 'primary',\n },\n VBtn: {\n color: 'primary',\n },\n VCheckbox: {\n color: 'secondary',\n },\n VCombobox: {\n variant: 'filled',\n },\n VSelect: {\n variant: 'filled',\n },\n VSlider: {\n color: 'primary',\n },\n VTabs: {\n color: 'primary',\n },\n VTextarea: {\n variant: 'filled',\n },\n VTextField: {\n variant: 'filled',\n },\n VToolbar: {\n VBtn: {\n color: null,\n },\n },\n },\n icons: {\n defaultSet: 'mdi',\n sets: {\n mdi,\n },\n },\n theme: {\n themes: {\n light: {\n colors: {\n primary: '#6200EE',\n 'primary-darken-1': '#3700B3',\n secondary: '#03DAC6',\n 'secondary-darken-1': '#018786',\n error: '#B00020',\n },\n },\n },\n },\n}\n"],"mappings":"AAAA;AAAA,SACSA,GAAG,8BAEZ;AAGA,OAAO,MAAMC,GAAc,GAAG;EAC5BC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPD,OAAO,EAAE;IACX,CAAC;IACDE,aAAa,EAAE;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;MACJD,KAAK,EAAE;IACT,CAAC;IACDE,SAAS,EAAE;MACTF,KAAK,EAAE;IACT,CAAC;IACDG,SAAS,EAAE;MACTL,OAAO,EAAE;IACX,CAAC;IACDM,OAAO,EAAE;
|
1
|
+
{"version":3,"file":"md2.js","names":["mdi","md2","defaults","global","rounded","VAvatar","VAutocomplete","variant","VBanner","color","VBtn","VCheckbox","VCombobox","VDatePicker","controlHeight","elevation","VSelect","VSlider","VTabs","VTextarea","VTextField","VToolbar","icons","defaultSet","sets","theme","themes","light","colors","primary","secondary","error"],"sources":["../../src/blueprints/md2.ts"],"sourcesContent":["// Icons\nimport { mdi } from '@/iconsets/mdi'\n\n// Types\nimport type { Blueprint } from '@/framework'\n\nexport const md2: Blueprint = {\n defaults: {\n global: {\n rounded: 'md',\n },\n VAvatar: {\n rounded: 'circle',\n },\n VAutocomplete: {\n variant: 'filled',\n },\n VBanner: {\n color: 'primary',\n },\n VBtn: {\n color: 'primary',\n },\n VCheckbox: {\n color: 'secondary',\n },\n VCombobox: {\n variant: 'filled',\n },\n VDatePicker: {\n color: 'primary',\n controlHeight: 56,\n elevation: 2,\n rounded: 'md',\n\n VBtn: {\n color: 'high-emphasis',\n rounded: 'circle',\n },\n },\n VSelect: {\n variant: 'filled',\n },\n VSlider: {\n color: 'primary',\n },\n VTabs: {\n color: 'primary',\n },\n VTextarea: {\n variant: 'filled',\n },\n VTextField: {\n variant: 'filled',\n },\n VToolbar: {\n VBtn: {\n color: null,\n },\n },\n },\n icons: {\n defaultSet: 'mdi',\n sets: {\n mdi,\n },\n },\n theme: {\n themes: {\n light: {\n colors: {\n primary: '#6200EE',\n 'primary-darken-1': '#3700B3',\n secondary: '#03DAC6',\n 'secondary-darken-1': '#018786',\n error: '#B00020',\n },\n },\n },\n },\n}\n"],"mappings":"AAAA;AAAA,SACSA,GAAG,8BAEZ;AAGA,OAAO,MAAMC,GAAc,GAAG;EAC5BC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPD,OAAO,EAAE;IACX,CAAC;IACDE,aAAa,EAAE;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;MACJD,KAAK,EAAE;IACT,CAAC;IACDE,SAAS,EAAE;MACTF,KAAK,EAAE;IACT,CAAC;IACDG,SAAS,EAAE;MACTL,OAAO,EAAE;IACX,CAAC;IACDM,WAAW,EAAE;MACXJ,KAAK,EAAE,SAAS;MAChBK,aAAa,EAAE,EAAE;MACjBC,SAAS,EAAE,CAAC;MACZX,OAAO,EAAE,IAAI;MAEbM,IAAI,EAAE;QACJD,KAAK,EAAE,eAAe;QACtBL,OAAO,EAAE;MACX;IACF,CAAC;IACDY,OAAO,EAAE;MACPT,OAAO,EAAE;IACX,CAAC;IACDU,OAAO,EAAE;MACPR,KAAK,EAAE;IACT,CAAC;IACDS,KAAK,EAAE;MACLT,KAAK,EAAE;IACT,CAAC;IACDU,SAAS,EAAE;MACTZ,OAAO,EAAE;IACX,CAAC;IACDa,UAAU,EAAE;MACVb,OAAO,EAAE;IACX,CAAC;IACDc,QAAQ,EAAE;MACRX,IAAI,EAAE;QACJD,KAAK,EAAE;MACT;IACF;EACF,CAAC;EACDa,KAAK,EAAE;IACLC,UAAU,EAAE,KAAK;IACjBC,IAAI,EAAE;MACJxB;IACF;EACF,CAAC;EACDyB,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,KAAK,EAAE;QACLC,MAAM,EAAE;UACNC,OAAO,EAAE,SAAS;UAClB,kBAAkB,EAAE,SAAS;UAC7BC,SAAS,EAAE,SAAS;UACpB,oBAAoB,EAAE,SAAS;UAC/BC,KAAK,EAAE;QACT;MACF;IACF;EACF;AACF,CAAC","ignoreList":[]}
|
package/lib/blueprints/md3.js
CHANGED
@@ -37,6 +37,18 @@ export const md3 = {
|
|
37
37
|
VCombobox: {
|
38
38
|
variant: 'filled'
|
39
39
|
},
|
40
|
+
VDatePicker: {
|
41
|
+
controlHeight: 48,
|
42
|
+
color: 'primary',
|
43
|
+
divided: true,
|
44
|
+
headerColor: '',
|
45
|
+
elevation: 3,
|
46
|
+
rounded: 'xl',
|
47
|
+
VBtn: {
|
48
|
+
color: 'high-emphasis',
|
49
|
+
rounded: 'circle'
|
50
|
+
}
|
51
|
+
},
|
40
52
|
VNavigationDrawer: {
|
41
53
|
// VList: {
|
42
54
|
// nav: true,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"md3.js","names":["mdi","md3","defaults","VAppBar","flat","VAutocomplete","variant","VBanner","color","VBottomSheet","contentClass","VBtn","rounded","VBtnGroup","VCard","VCheckbox","inset","VChip","VCombobox","VNavigationDrawer","VSelect","VSlider","VTabs","VTextarea","VTextField","VToolbar","icons","defaultSet","sets","theme","themes","light","colors","primary","secondary","tertiary","error","surface"],"sources":["../../src/blueprints/md3.ts"],"sourcesContent":["// Icons\nimport { mdi } from '@/iconsets/mdi'\n\n// Types\nimport type { Blueprint } from '@/framework'\n\nexport const md3: Blueprint = {\n defaults: {\n VAppBar: {\n flat: true,\n },\n VAutocomplete: {\n variant: 'filled',\n },\n VBanner: {\n color: 'primary',\n },\n VBottomSheet: {\n contentClass: 'rounded-t-xl overflow-hidden',\n },\n VBtn: {\n color: 'primary',\n rounded: 'xl',\n },\n VBtnGroup: {\n rounded: 'xl',\n VBtn: { rounded: null },\n },\n VCard: {\n rounded: 'lg',\n },\n VCheckbox: {\n color: 'secondary',\n inset: true,\n },\n VChip: {\n rounded: 'sm',\n },\n VCombobox: {\n variant: 'filled',\n },\n VNavigationDrawer: {\n // VList: {\n // nav: true,\n // VListItem: {\n // rounded: 'xl',\n // },\n // },\n },\n VSelect: {\n variant: 'filled',\n },\n VSlider: {\n color: 'primary',\n },\n VTabs: {\n color: 'primary',\n },\n VTextarea: {\n variant: 'filled',\n },\n VTextField: {\n variant: 'filled',\n },\n VToolbar: {\n VBtn: {\n color: null,\n },\n },\n },\n icons: {\n defaultSet: 'mdi',\n sets: {\n mdi,\n },\n },\n theme: {\n themes: {\n light: {\n colors: {\n primary: '#6750a4',\n secondary: '#b4b0bb',\n tertiary: '#7d5260',\n error: '#b3261e',\n surface: '#fffbfe',\n },\n },\n },\n },\n}\n"],"mappings":"AAAA;AAAA,SACSA,GAAG,8BAEZ;AAGA,OAAO,MAAMC,GAAc,GAAG;EAC5BC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE;IACR,CAAC;IACDC,aAAa,EAAE;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPC,KAAK,EAAE;IACT,CAAC;IACDC,YAAY,EAAE;MACZC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJH,KAAK,EAAE,SAAS;MAChBI,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACTD,OAAO,EAAE,IAAI;MACbD,IAAI,EAAE;QAAEC,OAAO,EAAE;MAAK;IACxB,CAAC;IACDE,KAAK,EAAE;MACLF,OAAO,EAAE;IACX,CAAC;IACDG,SAAS,EAAE;MACTP,KAAK,EAAE,WAAW;MAClBQ,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLL,OAAO,EAAE;IACX,CAAC;IACDM,SAAS,EAAE;MACTZ,OAAO,EAAE;IACX,CAAC;IACDa,iBAAiB,EAAE;MACjB;MACA;MACA;MACA;MACA;MACA;IAAA,CACD;IACDC,OAAO,EAAE;
|
1
|
+
{"version":3,"file":"md3.js","names":["mdi","md3","defaults","VAppBar","flat","VAutocomplete","variant","VBanner","color","VBottomSheet","contentClass","VBtn","rounded","VBtnGroup","VCard","VCheckbox","inset","VChip","VCombobox","VDatePicker","controlHeight","divided","headerColor","elevation","VNavigationDrawer","VSelect","VSlider","VTabs","VTextarea","VTextField","VToolbar","icons","defaultSet","sets","theme","themes","light","colors","primary","secondary","tertiary","error","surface"],"sources":["../../src/blueprints/md3.ts"],"sourcesContent":["// Icons\nimport { mdi } from '@/iconsets/mdi'\n\n// Types\nimport type { Blueprint } from '@/framework'\n\nexport const md3: Blueprint = {\n defaults: {\n VAppBar: {\n flat: true,\n },\n VAutocomplete: {\n variant: 'filled',\n },\n VBanner: {\n color: 'primary',\n },\n VBottomSheet: {\n contentClass: 'rounded-t-xl overflow-hidden',\n },\n VBtn: {\n color: 'primary',\n rounded: 'xl',\n },\n VBtnGroup: {\n rounded: 'xl',\n VBtn: { rounded: null },\n },\n VCard: {\n rounded: 'lg',\n },\n VCheckbox: {\n color: 'secondary',\n inset: true,\n },\n VChip: {\n rounded: 'sm',\n },\n VCombobox: {\n variant: 'filled',\n },\n VDatePicker: {\n controlHeight: 48,\n color: 'primary',\n divided: true,\n headerColor: '',\n elevation: 3,\n rounded: 'xl',\n\n VBtn: {\n color: 'high-emphasis',\n rounded: 'circle',\n },\n },\n VNavigationDrawer: {\n // VList: {\n // nav: true,\n // VListItem: {\n // rounded: 'xl',\n // },\n // },\n },\n VSelect: {\n variant: 'filled',\n },\n VSlider: {\n color: 'primary',\n },\n VTabs: {\n color: 'primary',\n },\n VTextarea: {\n variant: 'filled',\n },\n VTextField: {\n variant: 'filled',\n },\n VToolbar: {\n VBtn: {\n color: null,\n },\n },\n },\n icons: {\n defaultSet: 'mdi',\n sets: {\n mdi,\n },\n },\n theme: {\n themes: {\n light: {\n colors: {\n primary: '#6750a4',\n secondary: '#b4b0bb',\n tertiary: '#7d5260',\n error: '#b3261e',\n surface: '#fffbfe',\n },\n },\n },\n },\n}\n"],"mappings":"AAAA;AAAA,SACSA,GAAG,8BAEZ;AAGA,OAAO,MAAMC,GAAc,GAAG;EAC5BC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE;IACR,CAAC;IACDC,aAAa,EAAE;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPC,KAAK,EAAE;IACT,CAAC;IACDC,YAAY,EAAE;MACZC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJH,KAAK,EAAE,SAAS;MAChBI,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACTD,OAAO,EAAE,IAAI;MACbD,IAAI,EAAE;QAAEC,OAAO,EAAE;MAAK;IACxB,CAAC;IACDE,KAAK,EAAE;MACLF,OAAO,EAAE;IACX,CAAC;IACDG,SAAS,EAAE;MACTP,KAAK,EAAE,WAAW;MAClBQ,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLL,OAAO,EAAE;IACX,CAAC;IACDM,SAAS,EAAE;MACTZ,OAAO,EAAE;IACX,CAAC;IACDa,WAAW,EAAE;MACXC,aAAa,EAAE,EAAE;MACjBZ,KAAK,EAAE,SAAS;MAChBa,OAAO,EAAE,IAAI;MACbC,WAAW,EAAE,EAAE;MACfC,SAAS,EAAE,CAAC;MACZX,OAAO,EAAE,IAAI;MAEbD,IAAI,EAAE;QACJH,KAAK,EAAE,eAAe;QACtBI,OAAO,EAAE;MACX;IACF,CAAC;IACDY,iBAAiB,EAAE;MACjB;MACA;MACA;MACA;MACA;MACA;IAAA,CACD;IACDC,OAAO,EAAE;MACPnB,OAAO,EAAE;IACX,CAAC;IACDoB,OAAO,EAAE;MACPlB,KAAK,EAAE;IACT,CAAC;IACDmB,KAAK,EAAE;MACLnB,KAAK,EAAE;IACT,CAAC;IACDoB,SAAS,EAAE;MACTtB,OAAO,EAAE;IACX,CAAC;IACDuB,UAAU,EAAE;MACVvB,OAAO,EAAE;IACX,CAAC;IACDwB,QAAQ,EAAE;MACRnB,IAAI,EAAE;QACJH,KAAK,EAAE;MACT;IACF;EACF,CAAC;EACDuB,KAAK,EAAE;IACLC,UAAU,EAAE,KAAK;IACjBC,IAAI,EAAE;MACJjC;IACF;EACF,CAAC;EACDkC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,KAAK,EAAE;QACLC,MAAM,EAAE;UACNC,OAAO,EAAE,SAAS;UAClBC,SAAS,EAAE,SAAS;UACpBC,QAAQ,EAAE,SAAS;UACnBC,KAAK,EAAE,SAAS;UAChBC,OAAO,EAAE;QACX;MACF;IACF;EACF;AACF,CAAC","ignoreList":[]}
|
@@ -111,9 +111,9 @@ export declare const VBtnGroup: {
|
|
111
111
|
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
|
112
112
|
style: import("vue").StyleValue;
|
113
113
|
tag: string | import("../../util/index.js").JSXComponent;
|
114
|
+
divided: boolean;
|
114
115
|
tile: boolean;
|
115
116
|
density: import("../../composables/density.js").Density;
|
116
|
-
divided: boolean;
|
117
117
|
} & {
|
118
118
|
border?: string | number | boolean | undefined;
|
119
119
|
color?: string | undefined;
|
@@ -136,9 +136,9 @@ export declare const VBtnGroup: {
|
|
136
136
|
style: import("vue").StyleValue;
|
137
137
|
tag: string | import("../../util/index.js").JSXComponent;
|
138
138
|
rounded: string | number | boolean;
|
139
|
+
divided: boolean;
|
139
140
|
tile: boolean;
|
140
141
|
density: import("../../composables/density.js").Density;
|
141
|
-
divided: boolean;
|
142
142
|
}, true, {}, import("vue").SlotsType<Partial<{
|
143
143
|
default: () => import("vue").VNode[];
|
144
144
|
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
@@ -152,9 +152,9 @@ export declare const VBtnGroup: {
|
|
152
152
|
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
|
153
153
|
style: import("vue").StyleValue;
|
154
154
|
tag: string | import("../../util/index.js").JSXComponent;
|
155
|
+
divided: boolean;
|
155
156
|
tile: boolean;
|
156
157
|
density: import("../../composables/density.js").Density;
|
157
|
-
divided: boolean;
|
158
158
|
} & {
|
159
159
|
border?: string | number | boolean | undefined;
|
160
160
|
color?: string | undefined;
|
@@ -177,9 +177,9 @@ export declare const VBtnGroup: {
|
|
177
177
|
style: import("vue").StyleValue;
|
178
178
|
tag: string | import("../../util/index.js").JSXComponent;
|
179
179
|
rounded: string | number | boolean;
|
180
|
+
divided: boolean;
|
180
181
|
tile: boolean;
|
181
182
|
density: import("../../composables/density.js").Density;
|
182
|
-
divided: boolean;
|
183
183
|
}>;
|
184
184
|
__isFragment?: never;
|
185
185
|
__isTeleport?: never;
|
@@ -188,9 +188,9 @@ export declare const VBtnGroup: {
|
|
188
188
|
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
|
189
189
|
style: import("vue").StyleValue;
|
190
190
|
tag: string | import("../../util/index.js").JSXComponent;
|
191
|
+
divided: boolean;
|
191
192
|
tile: boolean;
|
192
193
|
density: import("../../composables/density.js").Density;
|
193
|
-
divided: boolean;
|
194
194
|
} & {
|
195
195
|
border?: string | number | boolean | undefined;
|
196
196
|
color?: string | undefined;
|
@@ -213,9 +213,9 @@ export declare const VBtnGroup: {
|
|
213
213
|
style: import("vue").StyleValue;
|
214
214
|
tag: string | import("../../util/index.js").JSXComponent;
|
215
215
|
rounded: string | number | boolean;
|
216
|
+
divided: boolean;
|
216
217
|
tile: boolean;
|
217
218
|
density: import("../../composables/density.js").Density;
|
218
|
-
divided: boolean;
|
219
219
|
}, {}, string, import("vue").SlotsType<Partial<{
|
220
220
|
default: () => import("vue").VNode[];
|
221
221
|
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
|
@@ -159,9 +159,9 @@ export declare const VBtnToggle: {
|
|
159
159
|
disabled: boolean;
|
160
160
|
multiple: boolean;
|
161
161
|
tag: string | import("../../util/index.js").JSXComponent;
|
162
|
+
divided: boolean;
|
162
163
|
tile: boolean;
|
163
164
|
density: import("../../composables/density.js").Density;
|
164
|
-
divided: boolean;
|
165
165
|
} & {
|
166
166
|
max?: number | undefined;
|
167
167
|
border?: string | number | boolean | undefined;
|
@@ -186,9 +186,9 @@ export declare const VBtnToggle: {
|
|
186
186
|
multiple: boolean;
|
187
187
|
tag: string | import("../../util/index.js").JSXComponent;
|
188
188
|
rounded: string | number | boolean;
|
189
|
+
divided: boolean;
|
189
190
|
tile: boolean;
|
190
191
|
density: import("../../composables/density.js").Density;
|
191
|
-
divided: boolean;
|
192
192
|
}, true, {}, import("vue").SlotsType<Partial<{
|
193
193
|
default: (arg: DefaultBtnToggleSlot) => import("vue").VNode[];
|
194
194
|
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
@@ -204,9 +204,9 @@ export declare const VBtnToggle: {
|
|
204
204
|
disabled: boolean;
|
205
205
|
multiple: boolean;
|
206
206
|
tag: string | import("../../util/index.js").JSXComponent;
|
207
|
+
divided: boolean;
|
207
208
|
tile: boolean;
|
208
209
|
density: import("../../composables/density.js").Density;
|
209
|
-
divided: boolean;
|
210
210
|
} & {
|
211
211
|
max?: number | undefined;
|
212
212
|
border?: string | number | boolean | undefined;
|
@@ -229,9 +229,9 @@ export declare const VBtnToggle: {
|
|
229
229
|
multiple: boolean;
|
230
230
|
tag: string | import("../../util/index.js").JSXComponent;
|
231
231
|
rounded: string | number | boolean;
|
232
|
+
divided: boolean;
|
232
233
|
tile: boolean;
|
233
234
|
density: import("../../composables/density.js").Density;
|
234
|
-
divided: boolean;
|
235
235
|
}>;
|
236
236
|
__isFragment?: never;
|
237
237
|
__isTeleport?: never;
|
@@ -242,9 +242,9 @@ export declare const VBtnToggle: {
|
|
242
242
|
disabled: boolean;
|
243
243
|
multiple: boolean;
|
244
244
|
tag: string | import("../../util/index.js").JSXComponent;
|
245
|
+
divided: boolean;
|
245
246
|
tile: boolean;
|
246
247
|
density: import("../../composables/density.js").Density;
|
247
|
-
divided: boolean;
|
248
248
|
} & {
|
249
249
|
max?: number | undefined;
|
250
250
|
border?: string | number | boolean | undefined;
|
@@ -269,9 +269,9 @@ export declare const VBtnToggle: {
|
|
269
269
|
multiple: boolean;
|
270
270
|
tag: string | import("../../util/index.js").JSXComponent;
|
271
271
|
rounded: string | number | boolean;
|
272
|
+
divided: boolean;
|
272
273
|
tile: boolean;
|
273
274
|
density: import("../../composables/density.js").Density;
|
274
|
-
divided: boolean;
|
275
275
|
}, {}, string, import("vue").SlotsType<Partial<{
|
276
276
|
default: (arg: DefaultBtnToggleSlot) => import("vue").VNode[];
|
277
277
|
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new <T>(props: {
|
@@ -20,6 +20,7 @@ export declare const makeVColorPickerProps: <Defaults extends {
|
|
20
20
|
border?: unknown;
|
21
21
|
color?: unknown;
|
22
22
|
bgColor?: unknown;
|
23
|
+
divided?: unknown;
|
23
24
|
landscape?: unknown;
|
24
25
|
title?: unknown;
|
25
26
|
hideHeader?: unknown;
|
@@ -138,6 +139,10 @@ export declare const makeVColorPickerProps: <Defaults extends {
|
|
138
139
|
type: PropType<unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"]>;
|
139
140
|
default: unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"];
|
140
141
|
};
|
142
|
+
divided: unknown extends Defaults["divided"] ? BooleanConstructor : {
|
143
|
+
type: PropType<unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"]>;
|
144
|
+
default: unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"];
|
145
|
+
};
|
141
146
|
landscape: unknown extends Defaults["landscape"] ? BooleanConstructor : {
|
142
147
|
type: PropType<unknown extends Defaults["landscape"] ? boolean : boolean | Defaults["landscape"]>;
|
143
148
|
default: unknown extends Defaults["landscape"] ? boolean : boolean | Defaults["landscape"];
|
@@ -353,6 +358,7 @@ export declare const VColorPicker: {
|
|
353
358
|
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
354
359
|
color: StringConstructor;
|
355
360
|
bgColor: StringConstructor;
|
361
|
+
divided: BooleanConstructor;
|
356
362
|
landscape: BooleanConstructor;
|
357
363
|
title: StringConstructor;
|
358
364
|
hideHeader: {
|
@@ -403,6 +409,7 @@ export declare const VColorPicker: {
|
|
403
409
|
mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa";
|
404
410
|
landscape: boolean;
|
405
411
|
rounded: string | number | boolean;
|
412
|
+
divided: boolean;
|
406
413
|
tile: boolean;
|
407
414
|
dotSize: string | number;
|
408
415
|
modes: readonly ("rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa")[];
|
@@ -454,6 +461,7 @@ export declare const VColorPicker: {
|
|
454
461
|
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
455
462
|
color: StringConstructor;
|
456
463
|
bgColor: StringConstructor;
|
464
|
+
divided: BooleanConstructor;
|
457
465
|
landscape: BooleanConstructor;
|
458
466
|
title: StringConstructor;
|
459
467
|
hideHeader: {
|
@@ -501,6 +509,7 @@ export declare const VColorPicker: {
|
|
501
509
|
mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa";
|
502
510
|
landscape: boolean;
|
503
511
|
rounded: string | number | boolean;
|
512
|
+
divided: boolean;
|
504
513
|
tile: boolean;
|
505
514
|
dotSize: string | number;
|
506
515
|
modes: readonly ("rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa")[];
|
@@ -549,6 +558,7 @@ export declare const VColorPicker: {
|
|
549
558
|
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
550
559
|
color: StringConstructor;
|
551
560
|
bgColor: StringConstructor;
|
561
|
+
divided: BooleanConstructor;
|
552
562
|
landscape: BooleanConstructor;
|
553
563
|
title: StringConstructor;
|
554
564
|
hideHeader: {
|
@@ -599,6 +609,7 @@ export declare const VColorPicker: {
|
|
599
609
|
mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa";
|
600
610
|
landscape: boolean;
|
601
611
|
rounded: string | number | boolean;
|
612
|
+
divided: boolean;
|
602
613
|
tile: boolean;
|
603
614
|
dotSize: string | number;
|
604
615
|
modes: readonly ("rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa")[];
|
@@ -643,6 +654,7 @@ export declare const VColorPicker: {
|
|
643
654
|
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
644
655
|
color: StringConstructor;
|
645
656
|
bgColor: StringConstructor;
|
657
|
+
divided: BooleanConstructor;
|
646
658
|
landscape: BooleanConstructor;
|
647
659
|
title: StringConstructor;
|
648
660
|
hideHeader: {
|
@@ -714,6 +726,7 @@ export declare const VColorPicker: {
|
|
714
726
|
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
715
727
|
color: StringConstructor;
|
716
728
|
bgColor: StringConstructor;
|
729
|
+
divided: BooleanConstructor;
|
717
730
|
landscape: BooleanConstructor;
|
718
731
|
title: StringConstructor;
|
719
732
|
hideHeader: {
|
@@ -14,6 +14,7 @@ export declare const makeVConfirmEditProps: <Defaults extends {
|
|
14
14
|
color?: unknown;
|
15
15
|
cancelText?: unknown;
|
16
16
|
okText?: unknown;
|
17
|
+
hideActions?: unknown;
|
17
18
|
} = {}>(defaults?: Defaults | undefined) => {
|
18
19
|
modelValue: unknown extends Defaults["modelValue"] ? null : {
|
19
20
|
type: import("vue").PropType<unknown extends Defaults["modelValue"] ? any : any>;
|
@@ -43,11 +44,16 @@ export declare const makeVConfirmEditProps: <Defaults extends {
|
|
43
44
|
type: import("vue").PropType<unknown extends Defaults["okText"] ? string : string | Defaults["okText"]>;
|
44
45
|
default: unknown extends Defaults["okText"] ? string : string | Defaults["okText"];
|
45
46
|
};
|
47
|
+
hideActions: unknown extends Defaults["hideActions"] ? BooleanConstructor : {
|
48
|
+
type: import("vue").PropType<unknown extends Defaults["hideActions"] ? boolean : boolean | Defaults["hideActions"]>;
|
49
|
+
default: unknown extends Defaults["hideActions"] ? boolean : boolean | Defaults["hideActions"];
|
50
|
+
};
|
46
51
|
};
|
47
52
|
export declare const VConfirmEdit: {
|
48
53
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
|
49
54
|
cancelText: string;
|
50
55
|
okText: string;
|
56
|
+
hideActions: boolean;
|
51
57
|
} & {
|
52
58
|
color?: string | undefined;
|
53
59
|
} & {
|
@@ -63,6 +69,7 @@ export declare const VConfirmEdit: {
|
|
63
69
|
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "save">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
|
64
70
|
cancelText: string;
|
65
71
|
okText: string;
|
72
|
+
hideActions: boolean;
|
66
73
|
}, true, {}, import("vue").SlotsType<Partial<{
|
67
74
|
default: (arg: {
|
68
75
|
model: Ref<unknown, unknown>;
|
@@ -81,6 +88,7 @@ export declare const VConfirmEdit: {
|
|
81
88
|
}, {
|
82
89
|
cancelText: string;
|
83
90
|
okText: string;
|
91
|
+
hideActions: boolean;
|
84
92
|
} & {
|
85
93
|
color?: string | undefined;
|
86
94
|
} & {
|
@@ -92,6 +100,7 @@ export declare const VConfirmEdit: {
|
|
92
100
|
}, {}, {}, {}, {
|
93
101
|
cancelText: string;
|
94
102
|
okText: string;
|
103
|
+
hideActions: boolean;
|
95
104
|
}>;
|
96
105
|
__isFragment?: never;
|
97
106
|
__isTeleport?: never;
|
@@ -99,6 +108,7 @@ export declare const VConfirmEdit: {
|
|
99
108
|
} & import("vue").ComponentOptionsBase<{
|
100
109
|
cancelText: string;
|
101
110
|
okText: string;
|
111
|
+
hideActions: boolean;
|
102
112
|
} & {
|
103
113
|
color?: string | undefined;
|
104
114
|
} & {
|
@@ -114,6 +124,7 @@ export declare const VConfirmEdit: {
|
|
114
124
|
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "save">, string, {
|
115
125
|
cancelText: string;
|
116
126
|
okText: string;
|
127
|
+
hideActions: boolean;
|
117
128
|
}, {}, string, import("vue").SlotsType<Partial<{
|
118
129
|
default: (arg: {
|
119
130
|
model: Ref<unknown, unknown>;
|
@@ -137,6 +148,7 @@ export declare const VConfirmEdit: {
|
|
137
148
|
type: StringConstructor;
|
138
149
|
default: string;
|
139
150
|
};
|
151
|
+
hideActions: BooleanConstructor;
|
140
152
|
}, import("vue").ExtractPropTypes<{
|
141
153
|
modelValue: null;
|
142
154
|
color: StringConstructor;
|
@@ -148,5 +160,6 @@ export declare const VConfirmEdit: {
|
|
148
160
|
type: StringConstructor;
|
149
161
|
default: string;
|
150
162
|
};
|
163
|
+
hideActions: BooleanConstructor;
|
151
164
|
}>>;
|
152
165
|
export type VConfirmEdit = InstanceType<typeof VConfirmEdit>;
|
@@ -15,7 +15,8 @@ export const makeVConfirmEditProps = propsFactory({
|
|
15
15
|
okText: {
|
16
16
|
type: String,
|
17
17
|
default: '$vuetify.confirmEdit.ok'
|
18
|
-
}
|
18
|
+
},
|
19
|
+
hideActions: Boolean
|
19
20
|
}, 'VConfirmEdit');
|
20
21
|
export const VConfirmEdit = genericComponent()({
|
21
22
|
name: 'VConfirmEdit',
|
@@ -75,7 +76,7 @@ export const VConfirmEdit = genericComponent()({
|
|
75
76
|
actionsUsed = true;
|
76
77
|
return actions;
|
77
78
|
}
|
78
|
-
}), !actionsUsed && actions()]);
|
79
|
+
}), !props.hideActions && !actionsUsed && actions()]);
|
79
80
|
});
|
80
81
|
return {
|
81
82
|
save,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VConfirmEdit.js","names":["VBtn","useLocale","useProxiedModel","computed","ref","toRaw","watchEffect","deepEqual","genericComponent","propsFactory","useRender","makeVConfirmEditProps","modelValue","color","String","cancelText","type","default","okText","VConfirmEdit","name","props","emits","cancel","save","value","setup","_ref","emit","slots","model","internalModel","structuredClone","t","isPristine","actions","actionsProps","_createVNode","_Fragment","_mergeProps","actionsUsed"],"sources":["../../../src/components/VConfirmEdit/VConfirmEdit.tsx"],"sourcesContent":["// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useLocale } from '@/composables'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, ref, toRaw, watchEffect } from 'vue'\nimport { deepEqual, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { Ref, VNode } from 'vue'\nimport type { GenericProps } from '@/util'\n\nexport type VConfirmEditSlots<T> = {\n default: {\n model: Ref<T>\n save: () => void\n cancel: () => void\n isPristine: boolean\n get actions (): (props?: {}) => VNode\n }\n}\n\nexport const makeVConfirmEditProps = propsFactory({\n modelValue: null,\n color: String,\n cancelText: {\n type: String,\n default: '$vuetify.confirmEdit.cancel',\n },\n okText: {\n type: String,\n default: '$vuetify.confirmEdit.ok',\n },\n}, 'VConfirmEdit')\n\nexport const VConfirmEdit = genericComponent<new <T> (\n props: {\n modelValue?: T\n 'onUpdate:modelValue'?: (value: T) => void\n 'onSave'?: (value: T) => void\n },\n slots: VConfirmEditSlots<T>\n) => GenericProps<typeof props, typeof slots>>()({\n name: 'VConfirmEdit',\n\n props: makeVConfirmEditProps(),\n\n emits: {\n cancel: () => true,\n save: (value: any) => true,\n 'update:modelValue': (value: any) => true,\n },\n\n setup (props, { emit, slots }) {\n const model = useProxiedModel(props, 'modelValue')\n const internalModel = ref()\n watchEffect(() => {\n internalModel.value = structuredClone(toRaw(model.value))\n })\n\n const { t } = useLocale()\n\n const isPristine = computed(() => {\n return deepEqual(model.value, internalModel.value)\n })\n\n function save () {\n model.value = internalModel.value\n emit('save', internalModel.value)\n }\n\n function cancel () {\n internalModel.value = structuredClone(toRaw(model.value))\n emit('cancel')\n }\n\n function actions (actionsProps?: {}) {\n return (\n <>\n <VBtn\n disabled={ isPristine.value }\n variant=\"text\"\n color={ props.color }\n onClick={ cancel }\n text={ t(props.cancelText) }\n { ...actionsProps }\n />\n\n <VBtn\n disabled={ isPristine.value }\n variant=\"text\"\n color={ props.color }\n onClick={ save }\n text={ t(props.okText) }\n { ...actionsProps }\n />\n </>\n )\n }\n\n let actionsUsed = false\n useRender(() => {\n return (\n <>\n {\n slots.default?.({\n model: internalModel,\n save,\n cancel,\n isPristine: isPristine.value,\n get actions () {\n actionsUsed = true\n return actions\n },\n })\n }\n\n { !actionsUsed && actions() }\n </>\n )\n })\n\n return {\n save,\n cancel,\n isPristine,\n }\n },\n})\n\nexport type VConfirmEdit = InstanceType<typeof VConfirmEdit>\n"],"mappings":";AAAA;AAAA,SACSA,IAAI,4BAEb;AAAA,SACSC,SAAS;AAAA,SACTC,eAAe,6CAExB;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,EAAEC,WAAW,QAAQ,KAAK;AAAA,SAC9CC,SAAS,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,+BAE7D;AAcA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,UAAU,EAAE,IAAI;EAChBC,KAAK,EAAEC,MAAM;EACbC,UAAU,EAAE;IACVC,IAAI,EAAEF,MAAM;IACZG,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNF,IAAI,EAAEF,MAAM;IACZG,OAAO,EAAE;EACX;
|
1
|
+
{"version":3,"file":"VConfirmEdit.js","names":["VBtn","useLocale","useProxiedModel","computed","ref","toRaw","watchEffect","deepEqual","genericComponent","propsFactory","useRender","makeVConfirmEditProps","modelValue","color","String","cancelText","type","default","okText","hideActions","Boolean","VConfirmEdit","name","props","emits","cancel","save","value","setup","_ref","emit","slots","model","internalModel","structuredClone","t","isPristine","actions","actionsProps","_createVNode","_Fragment","_mergeProps","actionsUsed"],"sources":["../../../src/components/VConfirmEdit/VConfirmEdit.tsx"],"sourcesContent":["// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useLocale } from '@/composables'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, ref, toRaw, watchEffect } from 'vue'\nimport { deepEqual, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { Ref, VNode } from 'vue'\nimport type { GenericProps } from '@/util'\n\nexport type VConfirmEditSlots<T> = {\n default: {\n model: Ref<T>\n save: () => void\n cancel: () => void\n isPristine: boolean\n get actions (): (props?: {}) => VNode\n }\n}\n\nexport const makeVConfirmEditProps = propsFactory({\n modelValue: null,\n color: String,\n cancelText: {\n type: String,\n default: '$vuetify.confirmEdit.cancel',\n },\n okText: {\n type: String,\n default: '$vuetify.confirmEdit.ok',\n },\n hideActions: Boolean,\n}, 'VConfirmEdit')\n\nexport const VConfirmEdit = genericComponent<new <T> (\n props: {\n modelValue?: T\n 'onUpdate:modelValue'?: (value: T) => void\n 'onSave'?: (value: T) => void\n },\n slots: VConfirmEditSlots<T>\n) => GenericProps<typeof props, typeof slots>>()({\n name: 'VConfirmEdit',\n\n props: makeVConfirmEditProps(),\n\n emits: {\n cancel: () => true,\n save: (value: any) => true,\n 'update:modelValue': (value: any) => true,\n },\n\n setup (props, { emit, slots }) {\n const model = useProxiedModel(props, 'modelValue')\n const internalModel = ref()\n watchEffect(() => {\n internalModel.value = structuredClone(toRaw(model.value))\n })\n\n const { t } = useLocale()\n\n const isPristine = computed(() => {\n return deepEqual(model.value, internalModel.value)\n })\n\n function save () {\n model.value = internalModel.value\n emit('save', internalModel.value)\n }\n\n function cancel () {\n internalModel.value = structuredClone(toRaw(model.value))\n emit('cancel')\n }\n\n function actions (actionsProps?: {}) {\n return (\n <>\n <VBtn\n disabled={ isPristine.value }\n variant=\"text\"\n color={ props.color }\n onClick={ cancel }\n text={ t(props.cancelText) }\n { ...actionsProps }\n />\n\n <VBtn\n disabled={ isPristine.value }\n variant=\"text\"\n color={ props.color }\n onClick={ save }\n text={ t(props.okText) }\n { ...actionsProps }\n />\n </>\n )\n }\n\n let actionsUsed = false\n useRender(() => {\n return (\n <>\n {\n slots.default?.({\n model: internalModel,\n save,\n cancel,\n isPristine: isPristine.value,\n get actions () {\n actionsUsed = true\n return actions\n },\n })\n }\n\n { !props.hideActions && !actionsUsed && actions() }\n </>\n )\n })\n\n return {\n save,\n cancel,\n isPristine,\n }\n },\n})\n\nexport type VConfirmEdit = InstanceType<typeof VConfirmEdit>\n"],"mappings":"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","ignoreList":[]}
|
@@ -26,6 +26,7 @@ export declare const makeVDatePickerProps: <Defaults extends {
|
|
26
26
|
border?: unknown;
|
27
27
|
color?: unknown;
|
28
28
|
bgColor?: unknown;
|
29
|
+
divided?: unknown;
|
29
30
|
landscape?: unknown;
|
30
31
|
title?: unknown;
|
31
32
|
hideHeader?: unknown;
|
@@ -45,12 +46,14 @@ export declare const makeVDatePickerProps: <Defaults extends {
|
|
45
46
|
transition?: unknown;
|
46
47
|
reverseTransition?: unknown;
|
47
48
|
active?: unknown;
|
49
|
+
controlHeight?: unknown;
|
48
50
|
nextIcon?: unknown;
|
49
51
|
prevIcon?: unknown;
|
50
52
|
modeIcon?: unknown;
|
51
53
|
text?: unknown;
|
52
54
|
viewMode?: unknown;
|
53
55
|
header?: unknown;
|
56
|
+
headerColor?: unknown;
|
54
57
|
} = {}>(defaults?: Defaults | undefined) => {
|
55
58
|
modelValue: unknown extends Defaults["modelValue"] ? null : {
|
56
59
|
type: import("vue").PropType<unknown extends Defaults["modelValue"] ? any : any>;
|
@@ -158,6 +161,10 @@ export declare const makeVDatePickerProps: <Defaults extends {
|
|
158
161
|
type: import("vue").PropType<unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"]>;
|
159
162
|
default: unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"];
|
160
163
|
};
|
164
|
+
divided: unknown extends Defaults["divided"] ? BooleanConstructor : {
|
165
|
+
type: import("vue").PropType<unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"]>;
|
166
|
+
default: unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"];
|
167
|
+
};
|
161
168
|
landscape: unknown extends Defaults["landscape"] ? BooleanConstructor : {
|
162
169
|
type: import("vue").PropType<unknown extends Defaults["landscape"] ? boolean : boolean | Defaults["landscape"]>;
|
163
170
|
default: unknown extends Defaults["landscape"] ? boolean : boolean | Defaults["landscape"];
|
@@ -312,6 +319,10 @@ export declare const makeVDatePickerProps: <Defaults extends {
|
|
312
319
|
type: import("vue").PropType<unknown extends Defaults["active"] ? string | string[] : string | string[] | Defaults["active"]>;
|
313
320
|
default: unknown extends Defaults["active"] ? string | string[] : NonNullable<string | string[]> | Defaults["active"];
|
314
321
|
};
|
322
|
+
controlHeight: unknown extends Defaults["controlHeight"] ? (StringConstructor | NumberConstructor)[] : {
|
323
|
+
type: import("vue").PropType<unknown extends Defaults["controlHeight"] ? string | number : string | number | Defaults["controlHeight"]>;
|
324
|
+
default: unknown extends Defaults["controlHeight"] ? string | number : NonNullable<string | number> | Defaults["controlHeight"];
|
325
|
+
};
|
315
326
|
nextIcon: unknown extends Defaults["nextIcon"] ? {
|
316
327
|
type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
|
317
328
|
default: string;
|
@@ -366,6 +377,10 @@ export declare const makeVDatePickerProps: <Defaults extends {
|
|
366
377
|
type: import("vue").PropType<unknown extends Defaults["header"] ? string : string | Defaults["header"]>;
|
367
378
|
default: unknown extends Defaults["header"] ? string : string | Defaults["header"];
|
368
379
|
};
|
380
|
+
headerColor: unknown extends Defaults["headerColor"] ? StringConstructor : {
|
381
|
+
type: import("vue").PropType<unknown extends Defaults["headerColor"] ? string : string | Defaults["headerColor"]>;
|
382
|
+
default: unknown extends Defaults["headerColor"] ? string : string | Defaults["headerColor"];
|
383
|
+
};
|
369
384
|
};
|
370
385
|
export declare const VDatePicker: {
|
371
386
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
|
@@ -376,6 +391,7 @@ export declare const VDatePicker: {
|
|
376
391
|
disabled: boolean;
|
377
392
|
tag: string | import("../../util/index.js").JSXComponent;
|
378
393
|
landscape: boolean;
|
394
|
+
divided: boolean;
|
379
395
|
tile: boolean;
|
380
396
|
nextIcon: import("../../composables/icons.js").IconValue;
|
381
397
|
prevIcon: import("../../composables/icons.js").IconValue;
|
@@ -409,6 +425,8 @@ export declare const VDatePicker: {
|
|
409
425
|
theme?: string | undefined;
|
410
426
|
elevation?: string | number | undefined;
|
411
427
|
rounded?: string | number | boolean | undefined;
|
428
|
+
controlHeight?: string | number | undefined;
|
429
|
+
headerColor?: string | undefined;
|
412
430
|
bgColor?: string | undefined;
|
413
431
|
firstDayOfWeek?: string | number | undefined;
|
414
432
|
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
|
@@ -431,6 +449,7 @@ export declare const VDatePicker: {
|
|
431
449
|
tag: string | import("../../util/index.js").JSXComponent;
|
432
450
|
landscape: boolean;
|
433
451
|
rounded: string | number | boolean;
|
452
|
+
divided: boolean;
|
434
453
|
tile: boolean;
|
435
454
|
nextIcon: import("../../composables/icons.js").IconValue;
|
436
455
|
prevIcon: import("../../composables/icons.js").IconValue;
|
@@ -466,6 +485,7 @@ export declare const VDatePicker: {
|
|
466
485
|
disabled: boolean;
|
467
486
|
tag: string | import("../../util/index.js").JSXComponent;
|
468
487
|
landscape: boolean;
|
488
|
+
divided: boolean;
|
469
489
|
tile: boolean;
|
470
490
|
nextIcon: import("../../composables/icons.js").IconValue;
|
471
491
|
prevIcon: import("../../composables/icons.js").IconValue;
|
@@ -499,6 +519,8 @@ export declare const VDatePicker: {
|
|
499
519
|
theme?: string | undefined;
|
500
520
|
elevation?: string | number | undefined;
|
501
521
|
rounded?: string | number | boolean | undefined;
|
522
|
+
controlHeight?: string | number | undefined;
|
523
|
+
headerColor?: string | undefined;
|
502
524
|
bgColor?: string | undefined;
|
503
525
|
firstDayOfWeek?: string | number | undefined;
|
504
526
|
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
|
@@ -516,6 +538,7 @@ export declare const VDatePicker: {
|
|
516
538
|
tag: string | import("../../util/index.js").JSXComponent;
|
517
539
|
landscape: boolean;
|
518
540
|
rounded: string | number | boolean;
|
541
|
+
divided: boolean;
|
519
542
|
tile: boolean;
|
520
543
|
nextIcon: import("../../composables/icons.js").IconValue;
|
521
544
|
prevIcon: import("../../composables/icons.js").IconValue;
|
@@ -540,6 +563,7 @@ export declare const VDatePicker: {
|
|
540
563
|
disabled: boolean;
|
541
564
|
tag: string | import("../../util/index.js").JSXComponent;
|
542
565
|
landscape: boolean;
|
566
|
+
divided: boolean;
|
543
567
|
tile: boolean;
|
544
568
|
nextIcon: import("../../composables/icons.js").IconValue;
|
545
569
|
prevIcon: import("../../composables/icons.js").IconValue;
|
@@ -573,6 +597,8 @@ export declare const VDatePicker: {
|
|
573
597
|
theme?: string | undefined;
|
574
598
|
elevation?: string | number | undefined;
|
575
599
|
rounded?: string | number | boolean | undefined;
|
600
|
+
controlHeight?: string | number | undefined;
|
601
|
+
headerColor?: string | undefined;
|
576
602
|
bgColor?: string | undefined;
|
577
603
|
firstDayOfWeek?: string | number | undefined;
|
578
604
|
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
|
@@ -595,6 +621,7 @@ export declare const VDatePicker: {
|
|
595
621
|
tag: string | import("../../util/index.js").JSXComponent;
|
596
622
|
landscape: boolean;
|
597
623
|
rounded: string | number | boolean;
|
624
|
+
divided: boolean;
|
598
625
|
tile: boolean;
|
599
626
|
nextIcon: import("../../composables/icons.js").IconValue;
|
600
627
|
prevIcon: import("../../composables/icons.js").IconValue;
|
@@ -654,6 +681,7 @@ export declare const VDatePicker: {
|
|
654
681
|
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
655
682
|
color: StringConstructor;
|
656
683
|
bgColor: StringConstructor;
|
684
|
+
divided: BooleanConstructor;
|
657
685
|
landscape: BooleanConstructor;
|
658
686
|
title: {
|
659
687
|
type: import("vue").PropType<string>;
|
@@ -712,6 +740,7 @@ export declare const VDatePicker: {
|
|
712
740
|
type: import("vue").PropType<string | string[]>;
|
713
741
|
default: undefined;
|
714
742
|
};
|
743
|
+
controlHeight: (StringConstructor | NumberConstructor)[];
|
715
744
|
nextIcon: {
|
716
745
|
type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
|
717
746
|
default: string;
|
@@ -733,6 +762,7 @@ export declare const VDatePicker: {
|
|
733
762
|
type: StringConstructor;
|
734
763
|
default: string;
|
735
764
|
};
|
765
|
+
headerColor: StringConstructor;
|
736
766
|
}, import("vue").ExtractPropTypes<{
|
737
767
|
modelValue: null;
|
738
768
|
theme: StringConstructor;
|
@@ -768,6 +798,7 @@ export declare const VDatePicker: {
|
|
768
798
|
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
769
799
|
color: StringConstructor;
|
770
800
|
bgColor: StringConstructor;
|
801
|
+
divided: BooleanConstructor;
|
771
802
|
landscape: BooleanConstructor;
|
772
803
|
title: {
|
773
804
|
type: import("vue").PropType<string>;
|
@@ -826,6 +857,7 @@ export declare const VDatePicker: {
|
|
826
857
|
type: import("vue").PropType<string | string[]>;
|
827
858
|
default: undefined;
|
828
859
|
};
|
860
|
+
controlHeight: (StringConstructor | NumberConstructor)[];
|
829
861
|
nextIcon: {
|
830
862
|
type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
|
831
863
|
default: string;
|
@@ -847,5 +879,6 @@ export declare const VDatePicker: {
|
|
847
879
|
type: StringConstructor;
|
848
880
|
default: string;
|
849
881
|
};
|
882
|
+
headerColor: StringConstructor;
|
850
883
|
}>>;
|
851
884
|
export type VDatePicker = InstanceType<typeof VDatePicker>;
|